@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }
@media all and (min-width: 740px){
	.contentsInr { min-height: auto; }
}

.osusume-portal .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.osusume-portal .ctm_contentsFull { margin-top: 0; }
}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit { padding: 0 10px; margin: 0 auto; }

@media all and (min-width: 740px){
	.contentsInr .contentsUnit { width: 950px !important; padding: 0px; margin: 0 auto; }
}

/* font */

@media all and (min-width: 740px){
	.alC_forPC { text-align: center; }
}

.osusume-portal .fs_S70 { font-size: 70%; }
.osusume-portal .fs_S80 { font-size: 80%; }
.osusume-portal .fs_S90 { font-size: 90%; }
.osusume-portal .fs_L110 { font-size: 110%; }
.osusume-portal .fs_L120 { font-size: 120%; }

/* icon */
.osusume-portal .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

.osusume-portal [class^="ctm_iconTxt"],
.osusume-portal table .fcWT { display: inline-block; padding: 0.3em 0.6em 0.1em; color: #fff; line-height: 1.5; }

/*
.osusume-portal .txtLabel { position: absolute; display: inline-block; transform: rotate(-12deg); padding: 0.2em 0.5em 0.1em 0.5em; font-weight: bold; color: #f67476; background: #fff; border: 2px solid #f67476; }
*/

/* list */
@media all and (min-width: 740px){
	.osusume-portal .listSide  ul,
	.osusume-portal .listSideC ul { display: flex; gap: 0.2em 0.6em; }
	.osusume-portal .listSide  ul { flex-wrap: wrap; }
	.osusume-portal .listSideC ul { justify-content: center; }
	.osusume-portal .listSide  ul > li + li,
	.osusume-portal .listSideC ul > li + li { margin: 0; }
	
	.osusume-portal .listC { text-align: center; }
	.osusume-portal .listC li { display: inline-block; }
}
.osusume-portal .listR { text-align: right; }
.osusume-portal .listR li { display: inline-block; }

.osusume-portal .listF > ul > li { padding: 0!important; }
.osusume-portal .listF > ul > li:before { display: none; }


/* ctm_pageTtl */


/* caption */

/* table */

/* slide */

/* Botton type horizon */

/* anchorList */

/* tab */

/* box */
.osusume-portal .chatBox { position: relative; display: inline-block; border-radius: 8px; }
.osusume-portal .chatBox:after { content: ""; position: absolute; border-style: solid; }
.osusume-portal .chatBox li { display: inline-block; }

/* wrap */
.osusume-portal .contentsWrap_01 { background: linear-gradient(90deg, rgb(199 244 248 / 0.9) 0%, rgb(199 244 248 / 0.9) 50%, rgb(252 247 171 / 0.9) 50%, rgba(252 247 171 / 0.9) 100%); }
.osusume-portal .contentsWrap_01 .bx-wrapper { background: transparent; }



/* Lead */
#Lead { margin-top: -10px; }
@media all and (min-width: 740px){
	#Lead { margin-top: -30px; }
}



/* Recommend */
#Recommend .contentsUnit { position: relative; }
@media all and (max-width: 739px){
	#Recommend .contentsUnit { padding: 0 20px; }
}

/*
#Recommend .recommendBlock { padding: 30px 16px 6px; width: 300px; background: #fff; border-radius: 20px; 
box-shadow: 8px 8px 0px 0px rgb(204 0 0 / 1.0); position: absolute; top: -240px; right: 0; }
#Recommend .recommendBlock .ttlImgLv1  { margin: 0; padding: 0; position: absolute; top: -46px; left: -24px; 
transform: rotate(-16deg); z-index: 100; }

@media (min-width: 740px) {
	#Recommend .recommendBlock .slick-box .slidControl { padding: 10px 10px !important; }
	#Recommend .recommendBlock .slick-dots li { margin: 0 6px; }
}
*/
#Recommend .recommendBlock { margin: 20px 0 0; padding: 10px 30px; width: auto; background: #fff; border-radius: 20px; box-shadow: 8px 8px 0px 0px rgb(204 0 0 / 1.0); }
@media all and (min-width: 740px){
	#Recommend .recommendBlock { margin: 20px -30px 0; padding: 10px 30px; }
}

#Recommend .recommendBlock .ttlImgLv1 { margin: 0; padding: 0; position: absolute; top: -60px; left: 16px; 
transform: rotate(-16deg); z-index: 100; }
@media all and (max-width: 739px){
	#Recommend .recommendBlock .ttlImgLv1 { top: -44px; }
	#Recommend .recommendBlock .ttlImgLv1 img { width: 50vw; }
}
@media all and (min-width: 740px){
	
}



/* News */
#News .ttlLv1 { margin-bottom: 0; }
#News .viewMore .ttlLv1 { display: none; }

#News .linkBox:first-child:after { display: none; }



/* Link */
#Link { padding-top: 60px; }

#Link .ctm_contentsFull { background: #fff; border-top: 3px solid #c41419; }
@media all and (max-width: 739px){
	#Link .ctm_contentsFull { padding: 30px 0 40px; }
}

#Link .contentsUnit { position: relative; }
#Link .contentsUnit:before { content: ""; position: absolute; display: inline-block; width: 78px; height: 78px; }
#Link_01 .contentsUnit:before { 
top: -60px; left: 14px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link01_icon01.png?v=3) no-repeat; background-size: contain; }
#Link_02 .contentsUnit:before { 
top: -66px; right: 10px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link02_icon01.png?v=3) no-repeat; background-size: contain; }
#Link_03 .contentsUnit:before { 
top: -62px; left: 10px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link03_icon01.png?v=3) no-repeat; background-size: contain; }
#Link_04 .contentsUnit:before { 
top: -64px; right: 10px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link04_icon01.png?v=3) no-repeat; background-size: contain; }
#Link_05 .contentsUnit:before { 
top: -62px; left: 14px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link05_icon01.png?v=3) no-repeat; background-size: contain; }
#Link_06 .contentsUnit:before { 
top: -72px; right: 14px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/link06_icon01.png?v=3) no-repeat; background-size: contain; }
@media all and (min-width: 740px){
	#Link_01 .contentsUnit:before { top: -26px; left: 134px; }
	#Link_02 .contentsUnit:before { top: -26px; right: 130px; }
	#Link_03 .contentsUnit:before { top: -26px; left: 128px; }
	#Link_04 .contentsUnit:before { top: -26px; right: 106px; }
	#Link_05 .contentsUnit:before { top: -26px; left: 34px; }
	#Link_06 .contentsUnit:before { top: -26px; right: 162px; }
}

#Link .ctm_pageTtl.hc01 .ttlLv1 { margin-top: 0; }
#Link .ctm_pageTtl.hc01 .ttlLv1 .heading { position: relative; display: inline-block; font-size: 2.6rem; }
#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before,
#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { content: ""; position: absolute; display: inline-block;
bottom: -80px; width: 120px; height: 120px; }
#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before { left: -120px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/heading_bg01.png?v=0) no-repeat; background-size: contain; }
#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { right: -120px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/osusume-portal/img_sites/heading_bg02.png?v=0) no-repeat; background-size: contain; }
#Link .ctm_pageTtl.hc01 .ttlLv1 .fs_S01 { padding-left: 0.2em; font-size: 2.0rem; }
@media all and (max-width: 739px){
	#Link .ctm_pageTtl.hc01 .ttlLv1 .fs_S02 { font-size: 2.2rem; }
}
@media all and (min-width: 740px){
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 3.0rem; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before,
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { bottom: -80px; width: 140px; height: 140px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before { left: -160px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { right: -160px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .fs_S01 { font-size: 2.4rem; }
}
/*
@media all and (max-width: 739px){
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading { font-size: 3.0rem; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before,
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { bottom: -80px; width: 120px; height: 120px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:before { left: -80px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .heading:after { right: -80px; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .fs_S01 { font-size: 2.6rem; }
	#Link .ctm_pageTtl.hc01 .ttlLv1 .fs_S02 { font-size: 2.2rem; }
}
*/

@media all and (max-width: 739px){
	#Link .tmblist { padding: 0 40px; }
}




/* Navi */
#Navi .btnBox .btn { background: #fff; border: 2px solid #c00; border-radius: 100vh; }
#Navi .btnBox .btn:after { right: 20px; }



/* Apply */
#Apply .tabs_parent > li:nth-of-type(2) > a > span:after { transform: rotate(-90deg); }

#Apply .linkBlock .txtLead ul { position: relative; display: inline-block; margin: 14px 0 14px; padding: 8px 20px 6px; background: #fcf7ab; border: 2px solid #333; border-radius: 100vh; }
#Apply .linkBlock .txtLead ul:before { content: ""; position: absolute; bottom: 0; left: 40px; border-style: solid; border-width: 12px 0 0 12px; border-color: #333 transparent transparent; translate: -50% 100%; }
#Apply .linkBlock .txtLead ul:after { content: ""; position: absolute; bottom: 0; left: 40px; border-style: solid; border-width: 7.2px 0 0 7.2px; border-color: #fcf7ab transparent transparent; translate: calc(-50% + 0.4px) 100%; }

#Apply .linkBlock div:nth-of-type(even) .txtLead ul { background: #c7f4f8; }
#Apply .linkBlock div:nth-of-type(even) .txtLead ul:after { border-color: #c7f4f8 transparent transparent; }

#Apply .linkBlock .txtLead li { font-weight: bold; }








@media all and (max-width: 739px){
	.osusume-portal .js-eqHeightCols .js-eqHeightCols-item,
	.osusume-portal .js-eqHeightCols .js-eqHeightCols-item-2,
	.osusume-portal .js-eqHeightCols .js-eqHeightCols-item-3,
	.osusume-portal .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}