@charset "utf-8";

/* コンテンツ幅 フル */

/* コンテンツ幅 950px */

/* font */
.tokushima .fm_01 { font-family: "MS UI Gothic"; }
.tokushima .ttlLv3 .fm_01 { font-size: 1.8rem; }

/* icon */

/* iconTxt */
.tokushima [class^="ctm_iconTxt_br"] { display: inline-block; padding: 3px 1.0rem 1px; color: #fff; border-radius: 4px; letter-spacing: 0.1rem; }

/* list */
.fsS li { font-size: 1.4rem; }
.fsL li { font-size: 1.8rem; }
@media all and (min-width: 740px){
	.fsS li { font-size: 1.2rem; }
	.fsL li { font-size: 1.6rem; }
}

/* ctm_pageTtl */
.tokushima .ctm_pageTtl.hc01 { background-color: #e8586f; color: #fff; }
.tokushima .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 2.6rem; }
@media all and (min-width: 740px){
	.tokushima .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 3.4rem; }
}

.tokushima .ctm_pageTtl.hc02 .heading { display: flex; justify-content: center; align-items: center; }
.tokushima .ctm_pageTtl.hc02 .heading:before,
.tokushima .ctm_pageTtl.hc02 .heading:after  { content: ''; width: 3px; height: 1.8em; background: #378bd9; }
.tokushima .ctm_pageTtl.hc02 .heading:before { margin-right: 1.2em; transform: rotate(-35deg); }
.tokushima .ctm_pageTtl.hc02 .heading:after  { margin-left:  1.2em; transform: rotate(35deg); }
@media all and (min-width:740px){
	.tokushima .ctm_pageTtl.hc02 .heading:before { margin-right: 1.8em; }
	.tokushima .ctm_pageTtl.hc02 .heading:after  { margin-left:  1.8em; }
}

.tokushima .ttlLv3 .heading strong { color: #e8586f; }

.tokushima .ttlLv4 { line-height: 1.5; }

.tokushima .pageTtl_box .heading .material-symbols-outlined { vertical-align: -0.6rem; }

@media all and (max-width: 739px){

}



/* caption */
.tokushima .imgParts figcaption { font-size: 1.2rem; }

/* table */

/* Botton type horizon */
.tokushima .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.tokushima .ctm_btnList_horizon .col > div { height: 100%; }
.tokushima .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.tokushima .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* anchorList */

/* MV */



/* Note */
#Note .ctm_pageTtl .ttlLv1 { margin: 40px 0 10px; }
#Note .ctm_pageTtl .ttlLv1 .heading { padding: 0; color: #c00; font-size: 1.8rem; }



/* Condition */
 #Condition .ttlLv3 { margin-bottom: 10px; padding-top: 10px; }



/* Coupon */
#Coupon .pageTtl_typeA .ttlLv2 { padding: 15px 20px 10px 25px; display: inline-block; background: #fff!important; 
border: 3px solid #3b9ee6; box-shadow: 8px 8px 0px 0px #3b9ee6; }
#Coupon .pageTtl_typeA .ttlLv2 h3 { padding-left: 20px; border-left: 3px dashed #3b9ee6; position: relative; font-size: 2.0rem; }
@media all and (min-width: 740px){
	#Coupon .pageTtl_typeA .ttlLv2 h3 { font-size: 2.2rem; }
}
#Coupon .pageTtl_typeA .ttlLv2 h3 sup { top: -33px; left: -15px; transform: rotate(-15deg); padding: 0.1em 0.2em 0 0.5em; 
color: #fff; background: #3b9ee6; position: absolute; }
	#Coupon .pageTtl_typeA .ttlLv2 h3 .fsL { display: block; margin-top: 0.5rem; }
@media all and (max-width: 739px){
	#Coupon .pageTtl_typeA .ttlLv2 h3 .fsL { font-size: 1.3rem !important; }
}

#Coupon .stepBlock .ttlLv4 { margin-bottom: 0; padding-top: 30px; }
#Coupon .stepBlock .ttlLv4 h5 { font-size: 1.8rem; }
#Coupon .stepLabel { background-color: #3b9ee6; }
#Coupon .stepLabel:after { border-color: transparent transparent transparent #3b9ee6; }

#Coupon .stepBlock #Step_04 .ttlLv4 { border-bottom: none; }

#Coupon .btnBK .btn { background: #c0374d; }

@media all and (min-width: 740px){

}



/* What */
#What #mapBox {height: 400px;}



/* Spot_01, Spot_02 */
.Spot .spotListBlock { padding: 10px; border: 1px solid #ccc; }
@media all and (min-width: 740px){
	.Spot .spotListBlock .clm_1_2col .ttlLv4 { padding-top: 0; }
}

@media all and (max-width: 739px){
	.Spot .clm_1_3col.colWrap .col:nth-of-type(n+2) { margin-top: 24px; }
}

.Spot .btnBK .btn { background: #3b9ee6; }



/* Information */
@media all and (min-width: 740px){
	/*
	#Information .transportationBlock .clm_1_2col .col:nth-of-type(1) { width: calc(40% - 15px); }
	#Information .transportationBlock .clm_1_2col .col:nth-of-type(2) { width: calc(60% - 15px); }
	*/
}

#Information .transportationBlock .ttlLv3 { padding-top: 10px; }
#Information .transportationBlock .ttlLv3 .material-symbols-outlined { font-size: 2.6rem; color: #3b9ee6; }

#Information .transportationBlock .ttlLv4 { padding: 10px 0; font-size: 1.6rem; color: #3b9ee6; border-bottom: 1px solid #3b9ee6; }

#Information .btnBK .btn { background: #3b9ee6; }





/* Link */
#Link .ctm_pageTtl.hc02 .heading { font-size: 2.0rem; }
@media all and (min-width: 740px){
	#Link .ctm_pageTtl.hc02 .heading { font-size: 2.4rem; }
}





@media all and (max-width: 739px){
	.tokushima .js-eqHeightCols .js-eqHeightCols-item,
	.tokushima .js-eqHeightCols .js-eqHeightCols-item-2,
	.tokushima .js-eqHeightCols .js-eqHeightCols-item-3,
	.tokushima .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}