@charset "utf-8";
/* CSS Document */



#yukimaji_fv { width:100%; height:calc(630vw / 19.2); background-image:url(../img/snowboad_ski/yukimaji/yukimaji_fv_bg.gif); background-size:100%; background-repeat:no-repeat; }
#yukimaji_fv .inner { width:calc(1507vw / 19.2);    max-width: none; }

#yukimaji_fv .inner .yukimaji_fv_logo { position:absolute; width:calc(523vw / 19.2); top:calc(130vw / 19.2); left:calc(30vw / 19.2); }
#yukimaji_fv .inner .yukimaji_fv_campaign { position:absolute; width:calc(849vw / 19.2); top:calc(77vw / 19.2); right:0; }

.yukimaji_snow_bg { background-image:url(../img/snowboad_ski/yukimaji/snow_bg.gif); background-position:center center; }

.diagonal_line_bg::before {
	content: ''; position: absolute; top: 6px; left: 6px; width: 100%; height: 100%;
	background:repeating-linear-gradient(-45deg,transparent, transparent 2px, rgba(0, 0, 0, 0.5) 3px,rgba(0, 0, 0, 0.5) 4px);
}

.diagonal_line_bg .box { background-color:#FFF; border:solid 1px #000; padding:calc(50vw / 19.2); }

.white { color:#FFF; }
.purple { color:#a40182; }
.light_purple { color:#c86ebe; }
.red { color:#F00; }

.bg_white { background-color:#FFF; }
.bg_black { background-color:#000; }
.bg_light_purple { background-color:#c86ebe; }

#yukimaji_about { padding:4em 0 4em 0; }
#yukimaji_about .middle_inner { width:calc(1380vw /19.2); margin:auto; max-width: none; }
#yukimaji_about .text { width:calc(865vw / 19.2); margin: 0 0 0 0; }
#yukimaji_about .text dt { margin:0; padding:0; font-weight:800; }
#yukimaji_about .text dt .about_title { font-size:25px; margin: 0 0 0 0; }
#yukimaji_about .text dt .about_title i { margin-right:0.4em; }
#yukimaji_about .text dt .summary { font-size:18px; }
#yukimaji_about .text dd { margin:0; padding:0; }
#yukimaji_about .text dd .age { font-size:18px; }
#yukimaji_about .text dd .indent { margin: 0 0 0 1em; text-indent: -1em; font-size:15px; }



#yukimaji_about .thumb { width:calc(380vw / 19.2); }

#yukimaji_about .btn { display:inline-block; width:265px; height:45px; line-height: 45px; margin-left: 1em;text-align:center; border-radius:3px; }
#yukimaji_about .btn i { right:10px; line-height:45px; }
#yukimaji_about a.notes { text-decoration:underline; }


.yukimaji_contents {
	background: linear-gradient(to bottom, #c86ebe 0%, #c86ebe 400px, transparent 400px, transparent 100%),url('../img/snowboad_ski/yukimaji/snow_bg.gif');
	background-repeat: repeat; background-position: center center;
}

.yukimaji_contents .ttl.white { color:#FFF; }
.yukimaji_contents .yukimaji_list.inner { border:none; padding: 0; margin: 40px auto 80px auto;}

.yukimaji_contents .icon { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; margin-right:0.4em; }
.yukimaji_contents .ski_resort_name { position:relative; background-color:#f4e2f2; font-size:52px; color: #000; font-weight:900; border:solid 2px #000; padding:0.2em 0 0.2em 0; margin: 0.1em 0 0 0; }

.campaign_term { font-size:28px; font-weight: 800; padding:2em 0 0 0; }
.campaign_term dl { background-color:#fff38b; padding:0.5em; width: auto; margin: auto;}
.campaign_term dl dt { width: 320px; border-radius: 5px; padding: 0.2em; vertical-align: middle; }
.campaign_term dl dd { width: max-content; padding: 0 1em 0 1em; }

.yukimaji_contents .ttl2 { border-bottom:solid 2px #000; padding: 0 0 0.5em 0; width: 97%; margin:5em auto 3em auto;}
.yukimaji_contents .ttl2 em { display:inline-block; font-size:30px; border-left:solid 9px #c86ebe; padding:0 0 0 1em; font-weight: 800; }
.yukimaji_contents .ttl2 span { display:inline-block; font-size:26px; margin-left:1em; }

.yukimaji_contents .two_column.flex { justify-content: space-evenly; }
.yukimaji_contents .two_column .box_left { width: 45%; }
.yukimaji_contents .two_column .box_right { width: 45%; }
.yukimaji_contents .two_column p.center { font-size: 26px; color: #289DD6; }
.yukimaji_contents .two_column a.search { margin: 1em auto 2em auto; width: 100%; max-width: 560px;}
.yukimaji_contents .two_column.flex::after { display:none; }


.yukimaji_contents a.search {
	position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none;display: block; border: none; border-radius: 8px; background-color: #E26375;
	color: #FFF; width: 560px; height: 65px; line-height: 65px; font-size: 26px;margin: 2em auto 2em auto; cursor: pointer; text-align: center;
}
.yukimaji_contents a.search i { position: absolute; top: 17.5px; right: 20px; margin: auto; font-size: 30px;}



#notes { background: url(../img/snowboad_ski/yukimaji/snow_bg.gif); background-repeat: repeat; background-position: center center; }
#notes .ttl3 { font-size:25px; margin: 0; padding:1em 0 1em 0; }

#notes .btn { display:block; width:265px; height:45px; line-height: 45px; text-align:center; border-radius:3px; }
#notes .btn i { right:10px; line-height:45px; }


#notes dl { margin: 0; padding: 3em 0 3em 0; }
#notes  dl dt { margin:0; padding:0; font-size:20px; font-weight: 800; }
#notes  dl dd { margin:0; padding:0 0 2em 0; }
#notes  dl dd .memo { display:block; font-size:14px; }

#notes dl dd p.fs16 { font-size:16px; }
#notes dl dd p.fs18 { font-size:18px; }
#notes dl dd p.fs20 { font-size:20px; font-weight: 800; }
#notes dl dd .bold { font-weight:800; }

#notes .caution { font-size:16px; margin:3em 0 1em 0; }


.yukimaji_ski_block.video_set .video_wrapper { width: 34%; overflow: hidden; box-sizing: border-box; }
.yukimaji_ski_block.video_set .video_wrapper video {
	display: block; margin: 0; padding: 0; border: none; width: 101%; height: auto; background-color: black; box-sizing: border-box;
}

.yukimaji_ski_block.video_set .content { /*width: 63%;*/width:100%; }

.yukimaji_ski_block.video_set .link_box .bus dt, .yukimaji_ski_block.video_set .link_box .car dt { font-size: 17px; }
.yukimaji_ski_block.video_set .link_box .btn_link {
    display: inline-block;
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 5px;
    font-size: 18px;
}
.yukimaji_ski_block.video_set .link_box .bus, .yukimaji_ski_block.video_set .link_box .car {
    width: 48.8%;
    border-radius: 5px;
    padding: 1em 1em 0 1em;
}
]



.yukimaji_ski_block header { margin-block-end: 2em; }

.yukimaji_ski_block .heading { width:100%; }



.yukimaji_ski_block .text { margin: 0 0 0 0; }
.yukimaji_ski_block .text dt { margin:0; padding:0; font-weight:800; }
.yukimaji_ski_block .text dt .about_title { font-size:25px; margin: 0 0 0 0; }
.yukimaji_ski_block .text dt .about_title i { margin-right:0.4em; }
.yukimaji_ski_block .text dt .summary { font-size:18px; }
.yukimaji_ski_block .text dd { margin:0; padding:0; }

.yukimaji_ski_block .text dd .period { font-size:18px; }
.yukimaji_ski_block .text dd .age { font-size:18px; }
.yukimaji_ski_block .text dd .indent { margin: 0 0 0 1em; text-indent: -1em; font-size:15px; }

.yukimaji_ski_block .btn { display:inline-block; width:265px; height:45px; line-height: 45px; margin-left: 1em;text-align:center; border-radius:3px; }
.yukimaji_ski_block .btn i { right:12px; line-height:45px; }
.yukimaji_ski_block a.notes { text-decoration:underline; }

.yukimaji_ski_block .f18 { font-size:18px; }

.yukimaji_ski_block .bg_white { background-color:#FFF; }
.yukimaji_ski_block .bg_blue { background-color:#299dd6; }
.yukimaji_ski_block .bg_pink { background-color:#e26375; }
.yukimaji_ski_block .white { color:#FFF; }
.yukimaji_ski_block .pink { color:#e26375; }
.yukimaji_ski_block .blue { color:#299dd6; }

.yukimaji_ski_block .link_box { padding-top: 1em; }
.yukimaji_ski_block .link_box .bus ,
.yukimaji_ski_block .link_box .car { width: 48.8%; border-radius:5px; padding:1em 1em 1.5em 1em; }
.yukimaji_ski_block .link_box .bus dt,
.yukimaji_ski_block .link_box .car dt { margin:0; padding:0 0 1em 0; font-size:22px; text-align:center;}
.yukimaji_ski_block .link_box .bus dd ,
.yukimaji_ski_block .link_box .car dd { margin:0; padding:0; }

.yukimaji_ski_block .link_box .btn_link { display:inline-block; width: 48.8%; padding:0.5em 0.5em 0.5em 0.5em; border-radius:5px; font-size:18px; }
.yukimaji_ski_block .link_box .btn_link i { right:10px; line-height:28px; }

.info_box_right .yukimaji_ski_block .link_box .bus,
.info_box_right .yukimaji_ski_block .link_box .car { width:100%; }

.info_box_right .yukimaji_ski_block .diagonal_line_bg .box { padding: calc(20vw / 19.2);}
.info_box_right .yukimaji_ski_block .btn { display: block; margin: 1em 0 1em 0; }
.info_box_right .yukimaji_ski_block .link_box .btn_link { font-size: 16px;}
section.resort_detail .inner .yukimaji_ski_block .text dd p.indent { margin: 0 0 0 1em; padding: 0; text-indent: -1em; font-size: 15px;}

.yukimaji_open_btn {margin-block-start: 2em; font-size: 24px; background-color: #c86ebe; color:#FFF; border: solid 2px #000; border-radius: 4px; font-weight: 800; padding: 0.7em; position: relative;  cursor: pointer; }
.yukimaji_open_btn i { font-size: 27px; position: absolute; top: calc(50% - 0.5625em); right: 0.8em; transition: all 0.5s;}



@media (min-width: 1191px) and (max-width: 1367px) {
	.yukimaji_ski_block .link_box .bus dt, .yukimaji_ski_block .link_box .car dt { font-size:20px; }
	.yukimaji_ski_block .link_box .btn_link { font-size:16px; }
	.info_box_right .yukimaji_ski_block .link_box .btn_link { width:100%; margin-block-end:1em;}
}


@media (min-width: 768px) and (max-width: 1190px) {
	.yukimaji_ski_block .link_box .bus dt, .yukimaji_ski_block .link_box .car dt { font-size: 18px; }
	.yukimaji_ski_block .link_box .btn_link{ width:100%; margin-block-end:1em; }
	.yukimaji_ski_block .link_box .bus, .yukimaji_ski_block .link_box .car { padding: 1em 1em 0.5em 1em;}
	.info_box_right .yukimaji_ski_block .link_box .btn_link { width:100%; margin-block-end:1em;}
}