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

/* ============================
		Reset
 ============================ */

* { margin:0;padding:0;}

html {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/* font-size: 62.5%; */
vertical-align: baseline;
background: transparent;
}

body, div,span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/* font-size: 1.6rem; */
vertical-align: baseline;
background: transparent;
}

body {
font-family: -apple-system, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
background-color:#fff;
/* font-size: 1.6rem; */
line-height:1.0em;
text-align:left;
color: #000;
-webkit-text-size-adjust: 100%;
font-feature-settings : "palt" 1;
}

.container {
width:100%;
position: relative;
}

a { 
color: #000;
text-decoration:none;
}

a img {
border:0;
text-decoration:none;
}
a[href*="tel"], button[href*="tel"] {
    pointer-events: inherit;
}


/*	this is my short cut clear fix.
	with note "display:flex" */
.cfx:before, .cfx:after {
  content:"";
  display: table;
}
.cfx:after { clear:both; }
.cfx { *zoom:1; }

.cf:before, .cf:after {
  content:"";
  display: table;
}
.cf:after { clear:both; }
.cf { *zoom:1; }


/* unnuber list is clear fix */
ul:before, ul:after {
content:"";
display: table;
}
ul:after { clear:both; }
ul { *zoom:1; }

/* data list is clear fix */
dl:before, dl:after {
content:"";
display: table;
}
dl:after { clear:both; }
dl { *zoom:1; }


li { list-style:none; }


/*	---------------------------
   		display control
	--------------------------- */

/* basic : all hits media class */
.spDisplayNone,
.tbDisplayNone,
.pcDisplayNone,
.smartContainer {}
.spDisplayOn,
.tbDisplayOn,
.pcDisplayOn {display: none;}



/* for SP */
@media screen and (max-width: 600px) {
		.spDisplayNone {display:none;}
		.spDisplayOn {display: inline}
		.smartContainer {margin: 0 15px;}
}

/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){
		.tbDisplayNone {display:none;}
		.tbDisplayOn {display: inline}
		.smartContainer {margin: 0 15px;}
}

/* for PC */
@media screen and (min-width: 1025px) {
		.container {
		margin: 0 auto;
		width:1240px;
		position: relative;
		}
		.pcDisplayNone {display:none;}
		.pcDisplayOn {display: inline}
		a:hover {
		filter: alpha(opacity=50);
		-moz-opacity:0.50;
		opacity:0.50;
		}
		a img:hover {
		filter: alpha(opacity=50);
		-moz-opacity:0.50;
		opacity:0.50;
		}
}

.tabContents001 div:nth-of-type(n+2),
.tabContents002 div:nth-of-type(n+2),
.tabContents003 div:nth-of-type(n+2)

{ display: none; }


select {
/* -webkit-appearance: none; */
/* -moz-appearance: none; */
-webkit-box-sizing: content-box;
/* appearance: none; */
font-size:1.4rem;
padding:0;
border:none;
border-radius:0;
background-color: #fff;
width: 100%;
box-sizing: border-box
}
select::-ms-expand {
display: none;
}

select.selectWithUnite {
display: inline-block;
width: calc(50% - 1.4em);
}




/* ============================
		MainVisualSection
 ============================ */

.MainVisualSection {
height: 422px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/ph_main_visual001.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.MainVisualSection .tit {
position: absolute;
width: 80%;
text-align: center;
top: 20%;
left: 10%;
}

.MainVisualSection img {
width: 550px;
height: auto;
margin:0 auto;
}

/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){

			.MainVisualSection {
			height: 600px;
			}

}

/* for PC */
@media screen and (min-width: 1025px) {

			.MainVisualSection {
			height: 786px;
			background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/ph_main_visual001a.webp");
			background-size: cover;
			position: relative;
			}

			.MainVisualSection .tit {
			position: absolute;
			top: calc(50% - 250px);
			}

			.MainVisualSection .tit img {
			width: auto;
			}

}


/* ============================
		areaVisualSection
 ============================ */

.areaVisualSection .wrapSapporo {
height: 388px;
background-image: url("/upload/tenant_1/hk_otaruunga8.webp");
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
position: relative;
}

.areaVisualSection .wrapDonan {
height: 388px;
background-image: url("/upload/tenant_1/hk_gururidounan.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.areaVisualSection .wrapDouou {
height: 388px;
background-image: url("/upload/tenant_1/hk_gururidouou3.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.areaVisualSection .wrapDoutou {
height: 388px;
background-image: url("/upload/tenant_1/hk_gururidoutou2.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}


.areaVisualSection h1 {
position: absolute;
top: 170px;
left: 0;
width: 100%;
text-align: center;
}

.areaVisualSection h1 span {
font-size: 1.3rem;
font-weight: bold;
color: #fff;
/*border: 3px solid #fff;*/
padding: 5px 15px;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}

.areaVisualSection .underTitle {
position: absolute;
top: 200px;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
margin-top: 15px;
}

.areaVisualSection .underTitle::before {
display: inline-block;
content: "　";
width: 50px;
height: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/fig_title_left001.webp");
position: relative;
top: -8px;
}
.areaVisualSection .underTitle::after {
display: inline-block;
content: "　";
width: 50px;
height: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/fig_title_right001.webp");
position: relative;
top: -8px;
}

.areaVisualSection .backGround {
position: absolute;
top: calc(50% - 170px);
width: 100%;
text-align: center;
}


.areaVisualSection .catch {
position: absolute;
top: 380px;
font-size: .95rem;
font-weight: bold;
color: #fff;
line-height: 1.5em;
margin: 0 15px;
text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}



/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){


	.areaVisualSection .catch {
	text-align: center;
	}

}

/* for PC */
@media screen and (min-width: 1025px) {

		.areaVisualSection .wrapSapporo {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_otaruunga9.webp");
		background-size: cover;
		position: relative;
		}

		.areaVisualSection .wrapDonan {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_gururidonan.webp");
		background-size: cover;
		position: relative;
		}
		
		.areaVisualSection .wrapDouou {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_gururidouou1.webp");
		background-size: cover;
		position: relative;
		}

		.areaVisualSection .wrapDoutou {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_gururidoutou.webp");
		background-size: cover;
		position: relative;
		}

		.areaVisualSection .wrap {
		background-image: none;
		}

		.areaVisualSection .backGround {
		position: absolute;
		top: 30px;
		}

		.areaVisualSection .catch {
		font-size: 1.4rem;
		line-height: 1.7em;
		text-align: center;
		color: #fff;
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
		margin-top: -100px;
    position: absolute;
    top: inherit;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
		}

		.areaVisualSection h1 {
		top: 275px;
		}

    .areaVisualSection h1 span {
    font-size: 2.6rem;
    }
    
		.areaVisualSection .underTitle {
		top: 330px;
		margin-top: 15px;
		font-size: 28px;
		}


}



/* ============================
		multidayVisualSectio
 ============================ */

.multidayVisualSectio .wrapTree {
height: 388px;
background-image: url("/upload/tenant_1/hk_gururi3days2.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.multidayVisualSectio .wrapFour {
height: 388px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/visual_hokkaido001.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.multidayVisualSectio .wrapFive {
height: 388px;
background-image: url("/upload/tenant_1/hk_gururi5days2.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}


.multidayVisualSectio .tit {
position: absolute;
top: 170px;
left: 0;
width: 100%;
text-align: center;
font-size: 3.6rem;
font-weight: bold;
line-height: 1em;
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.multidayVisualSectio .tit span {
font-size: 2.4rem;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.multidayVisualSectio .underTitle {
position: absolute;
top: 250px;
left: 0;
width: 100%;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.multidayVisualSectio .underTitle::before {
display: inline-block;
content: "　";
width: 50px;
height: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/fig_title_left001.webp");
position: relative;
top: -8px;
}
.multidayVisualSectio .underTitle::after {
display: inline-block;
content: "　";
width: 50px;
height: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/fig_title_right001.webp");
position: relative;
top: -8px;
}

.multidayVisualSectio .backGround {
position: absolute;
top: calc(50% - 170px);
width: 100%;
text-align: center;
}

.multidayVisualSectio .catch {
position: absolute;
top: 380px;
font-size: .95rem;
font-weight: bold;
color: #fff;
line-height: 1.5em;
margin: 0 15px;
text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}



/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){


	.multidayVisualSectio .catch {
	text-align: center;
	}

}

/* for PC */
@media screen and (min-width: 1025px) {

		.multidayVisualSectio .wrapTree {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_gururi3days.webp");
		background-size: cover;
		position: relative;
		}

		.multidayVisualSectio .wrapFour {
		height: 524px;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/visual_hokkaido001a.webp");
		background-size: cover;
		position: relative;
		}

		.multidayVisualSectio .wrapFive {
		height: 524px;
		background-image: url("/upload/tenant_1/hk_gururi5days.webp");
		background-size: cover;
		position: relative;
		}

		.multidayVisualSectio .wrap {
		background-image: none;
		}
	
		.multidayVisualSectio .catch {
		font-size: 1.1rem;
		line-height: 1.5em;
		text-align: center;
		color: #fff;
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
		}

		.multidayVisualSectio .backGround {
		position: absolute;
		top: 30px;
		}

		.multidayVisualSectio .tit {
		top: 245px;
		font-size: 86px;
		}
		.multidayVisualSectio .tit span {
		font-size: 60px;
		}

		.multidayVisualSectio .underTitle {
		top: 350px;
		}

}



/* ============================
	topSection
 ============================ */

.topSection {
margin: 25px 0 30px 0;
}

.topSection .titleTops {
font-size: 1rem;
font-weight: bold;
line-height: 1em;
text-align: center;
margin-bottom: 10px;
color: #289666;
}

.topSection h2 {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
color: #289666;
margin-bottom: 20px;
}

.topSection h3 {
font-size: 1.2rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 20px;
background-color: #f2f2f2;
padding: 25px;
border-radius: 20px;
}

.topSection .body {
font-size: .9rem;
line-height: 1.65em;
}


/* for PC */
@media screen and (min-width: 1025px) {

		.topSection {
		margin: 25px 0 35px 0;
		}


		.topSection .titleTops {
		font-size: 1.6rem;
		margin-bottom: 15px;
		}

		.topSection h2 {
		font-size: 2.1rem;
		margin-bottom: 35px;
		}

		.topSection h3 {
		font-size: 1.8rem;
		margin-bottom: 35px;
		}

		.topSection .body {
		font-size: 1.1rem;
		line-height: 1.65em;
		text-align: center;
		}

}


/* ============================
	navigationSection
 ============================ */

.navigationSection {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001.webp");
padding: 25px 0;
}

.navigationSection h3 {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
line-height: 1em;
color: #fff;
margin-bottom: 15px;
}

.navigationAreaList {
margin-bottom: 10px;
}

.navigationAreaList li {
float: left;
width: calc(50% - 12px);
margin-bottom: 15px;
}
.navigationAreaList li:nth-child(even) {
float: right;
}
.navigationAreaList li:nth-child(odd) {
clear: both;
}

.navigationAreaList a {
display: block;
font-size: 1rem;
font-weight: bold;
text-align: center;
line-height: 33px;
background-color: #fff;
border-radius: 3px;
}

.navigationDayList {
margin-bottom: 10px;
}

.navigationDayList li {
float: left;
width: calc(33.33333% - 12px);
margin-right: 18px;
margin-bottom: 15px;
}
.navigationDayList li:last-child {
margin-right: 0;
}
.navigationDayList a {
display: block;
font-size: 1rem;
font-weight: bold;
text-align: center;
line-height: 33px;
background-color: #fff;
border-radius: 3px;
}

.navigationAirlineList {
margin-bottom: 10px;
}
.navigationAirlineList li {
float: left;
width: calc(50% - 12px);
margin-bottom: 15px;
}
.navigationAirlineList li:nth-child(even) {
float: right;
}
.navigationAirlineList li:nth-child(odd) {
clear: both;
}
.navigationAirlineList a {
display: block;
font-size: 1rem;
font-weight: bold;
text-align: center;
line-height: 33px;
background-color: #fff;
border-radius: 3px;
}


/* for PC */
@media screen and (min-width: 1025px) {

		.navigationSection {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001a.webp");
		}

		.navigationSection h3 {
		margin-bottom: 0;
		float: left;
		width: 172px;
		line-height: 39px;
		margin-right: 18px;
		}

		.navigationAreaList {
		margin-bottom: 20px;
		}
		.navigationAreaList ul {
		float: left;
		width: calc(100% - 190px)
		}

		.navigationAreaList li {
		float: left;
		width: calc(25% - 21px);
		margin-bottom: 15px;
		margin-right: 27px;
		}
		.navigationAreaList li:nth-child(even) {
		float: left;
		}
		.navigationAreaList li:nth-child(odd) {
		clear: none;
		}
		.navigationAreaList li:last-child {
		margin-right: 0;
		}

		.navigationAreaList a {
		font-size: 1.2rem;
		line-height: 39px;
		}
		
		.navigationDayList {
		margin-bottom: 20px;
		}
		.navigationDayList ul {
		float: left;
		width: calc(100% - 190px)
		}

		.navigationDayList li {
		width: calc(25% - 21px);
		margin-right: 27px;
		}
		/*.navigationDayList li:last-child {
		margin-right: 0;
		}*/
		.navigationDayList li a {
		font-size: 1.2rem;
		line-height: 39px;
		}

		.navigationAirlineList {
		margin-bottom: 20px;
		}
		.navigationAirlineList ul {
		float: left;
		width: calc(100% - 190px)
		}

		.navigationAirlineList li {
		float: left;
		width: calc(25% - 21px);
		margin-bottom: 20px;
		margin-right: 27px;
		}
		.navigationAirlineList li:nth-child(even) {
		float: left;
		}
		.navigationAirlineList li:nth-child(odd) {
		clear: none;
		}
		.navigationAirlineList li:last-child {
		margin-right: 0;
		}
		.navigationAirlineList li a {
		font-size: 1.2rem;
		line-height: 39px;
		}

}


/* ============================
	secondNaviSection
 ============================ */

.secondNaviSection {
display: block;
border-bottom: 1px solid #eee;
}

.secondNaviSection ul {
display: block;
text-align: center;
margin-top: 10px;
}

.secondNaviSection li {
display: inline-block;
}
.secondNaviSection li {
    width: 49%;
    text-align: right;
}

.secondNaviSection a {
display: inline-block;
font-size: 1rem;
font-weight: bold;
line-height: 1.75em;
padding: 0 40px 0 5px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_second_navi001.webp");
background-repeat: no-repeat;
background-position: right 15px center;
}

.secondNaviSection span {
display: none;
}


/* for PC */
@media screen and (min-width: 1025px) {


.secondNaviSection {
display: block;
border-bottom: 1px solid #eee;
}

.secondNaviSection ul {
display: block;
text-align: center;
}

.secondNaviSection li {
display: inline-block;
}
.secondNaviSection li {
    width: auto;
    text-align: center;
}

.secondNaviSection a {
display: inline-block;
font-size: 1.1rem;
font-weight: bold;
line-height: 75px;
padding: 0 50px 0 5px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_second_navi001.webp");
background-repeat: no-repeat;
background-position: right 25px center;
}

.secondNaviSection span {
display: inline-block;
}


}


/* ============================
	pointSection
 ============================ */

.pointSection {
margin: 35px 0 0 0;
}

.pointSection h2 {
font-size: 1.1rem;
font-weight: bold;
line-height: 1em;
text-align: center;
margin-bottom: 40px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
position: relative;
}

h2 .colorful {
position: absolute;
top: 60px;
left: 0;
width: 100%;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 1.9rem;
line-height: 0.8em;
text-align: center;
letter-spacing: 0.25em;
padding-left: 0.2em;
box-sizing: border-box;
}

.colorful span:nth-child(5n+1) { color: #d25546;font-size: 1.5rem; }
.colorful span:nth-child(5n+2),.colorful span:nth-child(5n+2) span{ color: #289666;font-size: 1.5rem; }
.colorful span:nth-child(5n+3),.colorful span:nth-child(5n+3) span{ color: #b9a21b;font-size: 1.5rem; }
.colorful span:nth-child(5n+4),.colorful span:nth-child(5n+4) span{ color: #906116;font-size: 1.5rem; }
.colorful span:nth-child(5n+5),.colorful span:nth-child(5n+5) span{ color: #0080a7;font-size: 1.5rem; }


.pointSection li {
margin-bottom: 35px;
position: relative;
background-color: #f2f2f2;
padding: 0 23px 25px 23px;
border-radius: 20px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_point001.webp");
background-repeat:  no-repeat;
background-position: center top 36px;
background-size: auto 85px;
}

.pointSection .numbers {
position: absolute;
top: -11px;
left: 22px;
font-size: 1.1rem;
font-weight: bold;
width: 49px;
line-height: 49px;
background-color: #e6a521;
text-align: center;
color: #fff;
border-radius: 49px;
}

.pointSection h3 {
padding-top: 145px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1em;
color: #289666;
text-align: center;
margin-bottom: 15px;
}

.pointSection .body {
font-size: 1rem;
line-height: 1.65em;
}

.pointSection .hotel {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_point002.webp");
}

.pointSection .plan {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_point003a.webp");
}

/* for PC */
@media screen and (min-width: 1025px) {

		.pointSection {
		margin: 50px 0;
		}

		.pointSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		}

		h2 .colorful {top: 80px;}
		.colorful span:nth-child(5n+1),
		.colorful span:nth-child(5n+2),
		.colorful span:nth-child(5n+3),
		.colorful span:nth-child(5n+4),
		.colorful span:nth-child(5n) {
		font-size: 1.4rem;
		}

		.pointSection li {
		margin-bottom: 0;
		padding: 0 25px 0;
		border-radius: 30px;
		float: left;
		width: calc(33.33333% - 42px);
		box-sizing: border-box;
		margin-right: 62px;
		background-position: center top 40px;
		background-size: auto;
		}
		.pointSection li:last-child {
		margin-right: 0;
		}

		.pointSection .numbers {
		position: absolute;
		top: -15px;
		left: 30px;
		font-size: 2rem;
		width: 60px;
		line-height: 60px;
		border-radius: 60px;
		}

		.pointSection h3 {
		padding-top: 185px;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1em;
		color: #289666;
		text-align: center;
		margin-bottom: 15px;
		}

		.pointSection .body {
		font-size: 1rem;
		line-height: 1.5em;
		height: 140px;
		}

		.pointSection .plan {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_point003.webp");
		background-position: right top 40px;	
		}




}



/* ============================
	searchSection
 ============================ */

.searchSection {
margin: 50px 0 0 0;
}

.searchSection.norMagin {
margin: 0;
}

.smartContainer .searchSection  {
position: relative;
}

.searchSection h2 {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 20px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}

.searchSection .firstDivision,
.searchSection .secondDivision {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001.webp");
padding: 25px 0 30px 0
}
.searchSection .firstDivision.ptn2,
.searchSection .secondDivision.ptn2 {
background:#23be97;
}

.searchSection .thirdDivison {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001.webp");
padding: 15px 0 1px 0
}

.searchSection .firstDivision {
margin-bottom: 15px;
}

.searchSection .dep {
font-size: 1.0rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.4em;
margin-bottom: 15px;
}

.searchSection .thirdDivison .dep {
position: absolute;
top: 12px;
left: 190px;
font-size: 1rem;
}

.searchSection .firstDivision li {
display: block;
background-color: #fff;
border-radius: 3px;
padding: 6px 15px 0 15px;
float: left;
width: calc(50% - 12px);
margin-bottom: 15px;
font-size:.8rem;
box-sizing: border-box;
}
.searchSection .firstDivision li:nth-child(even) {
float: right;
}

.searchSection .firstDivision li:nth-child(odd) {
clear: both;
}

.searchSection .departure {
font-size: .8rem;
font-weight: normal;
line-height: 1em;
color: #717071;
}

.searchSection select {
padding: 5px 0;
font-size: .8rem;
}

.searchSection .firstDivision .submit {
margin: 20px 0 0 0;
text-align: center;
}

.searchSection input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:.9rem;
padding: 5px 0;
border: none;
border-radius:0;
width: 100%;
box-sizing: border-box;
}


.searchSection .firstDivision input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.2rem;
font-weight: bold;
color: #fff;
border:none;
border-radius: 5px;
background-color: #e6a521;
width: 100%;
max-width: 430px;
line-height: 48px;
box-sizing: border-box
}

.searchSection .quickChoice {
display: block;
background-color: #fff;
border-radius: 3px;
padding: 6px 15px 0 15px;
width: calc(50% - 12px);
margin-bottom: 20px;
box-sizing: border-box;
}

.searchSection .thirdDivison .quickChoice {
width: 160px;
}

.searchSection .tableWrap {
}

.searchSection .tableWrap li {
width: 100%;
overflow-x: auto;
margin-bottom: 15px;
}
/*.searchSection .tableWrap li:last-child {
margin-bottom: 0;
}*/

.searchSection .tableWrap table {
border-collapse: collapse;
}

.searchSection .tableWrap th {
font-size: 1.1rem;
font-weight: bold;
color: #fff;
line-height: 26px;
text-align: center;
background-color: #e6a521;
border: solid 1px #e6a521;
}

.searchSection .tableWrap td {
font-size: .9rem;
text-align: center;
line-height: 23px;
padding: 0 6px;
white-space: nowrap;
background-color: #fff;
border: 1px solid #ededed;
}

.searchSection .tableWrap a {
font-size: .8rem;
color: #f00;
text-decoration: underline;
}

/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){

		.searchSection .tableWrap table {
		width: 100%;
		}


}



/* for PC */
@media screen and (min-width: 1025px) {

		.searchSection {
		margin: 90px 0 0 0;
		}

		.searchSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 25px;
		}

		.searchSection .firstDivision,
		.searchSection .secondDivision {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001a.webp");
		padding: 35px 0 45px 0
		}


		.searchSection .thirdDivison {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001a.webp");
		padding: 15px 0 70px 0;
		}


		.searchSection .firstDivision {
		margin-bottom: 20px;
		}

		.searchSection .dep {
		font-size: 1.4rem;
		line-height: 1.0em;
		margin-bottom: 30px;
		}

		.searchSection .thirdDivison .dep {
		top: 15px;
		left: 230px;
		font-size: 1.4rem;
		}

		.searchSection .firstDivision li {
		padding: 10px 15px 0 15px;
		width: calc(25% - 52px);
		margin-bottom: 20px;
		margin-right: 52px;
		}
		.searchSection .firstDivision li:nth-child(even) {
		float: left;
		}
		
		.searchSection .firstDivision li:nth-child(odd) {
		clear: none;
		}
		
		.searchSection input[type="text"] {
		margin-bottom: 5px;
		}

		.searchSection select {
		padding: 8px 0;
		font-size: .9rem;
		}

		.searchSection .firstDivision .submit {
		margin: 30px 0 0 0;
		}

		.searchSection .firstDivision input[type=submit] {
		font-size:1.1rem;
		line-height: 60px;
		}
		
		.searchSection .smartContainer {
		position: relative;
		}

		.searchSection .quickChoice {
		padding: 10px 15px 0 15px;
		width: calc(25% - 90px);
		margin-bottom: 20px;
		margin-right: 52px;
		position: absolute;
		top: 0;
		left: 0;
		}
		
		.searchSection .secondDivision h3 {
		text-align: left;
		padding-left: 236px;
		line-height: 50px;
		}

		.searchSection .tableWrap {
		text-align: center;
		font-size: 0;
		}

		.searchSection .tableWrap li {
		display: inline-block;
		width: calc(50% - 20px);
		overflow: visible;
		margin-bottom: 15px;
		}
		.searchSection .tableWrap li:nth-child(even) {
		margin-left: 40px;
		}
		/*.searchSection .tableWrap li:last-child {
		margin-bottom: 0;
		}*/
		
		.searchSection .tableWrap table {
		width: 100%;
		}
		
		.searchSection .tableWrap th {
		font-size: 1rem;
		}

		.searchSection .tableWrap td {
		padding: 0;
		}

		.searchSection .tableWrap a {
		font-size: .8rem;
		color: #f00;
		text-decoration: underline;
		}

		.searchSection .thirdDivison .quickChoice {
		width: 200px;
		}


}



/* ============================
	mapSection
 ============================ */

.mapSection {
margin: 50px 0 0 0;
}

.mapSection h2 {
font-size: 1rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}

.mapSection .maps {
margin-bottom: 20px;
}
.mapSection .maps img {
width: 100%;
}

.mapSection .tableList {
margin-bottom: 30px;
}

.mapSection li {
margin-bottom: 15px;
}
.mapSection li:last-child {
margin-bottom: 0;
}

.mapSection table {
width: 100%;
border-collapse: collapse;
}

.mapSection th {
font-size: .9rem;
font-weight: bold;
line-height: 23px;
text-align: center;
background-color: #a0b8d5;
}
.mapSection .east th {
background-color: #80a794;
}
.mapSection .center th {
background-color: #b3aa80;
}
.mapSection .south th {
background-color: #a796b8;
}

.mapSection td {
font-size: .9rem;
line-height: 22px;
text-align: center;
border-bottom: 1px solid #bfbfbf;
}

.mapSection td:first-child {
background-color: #f8f8f8;
width: 42%;
}

.mapSection td:nth-child(2) {
width: 30%;

}
.mapSection td:nth-child(3) {
width: 28%;
}




/* for PC */
@media screen and (min-width: 1025px) {

		.mapSection {
		margin: 50px 0;
		}

		.mapSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 60px;
		}

		.mapSection .maps {
		display: none;
		margin-bottom: 0;
		}


		.mapSection .tableList {
		margin-bottom: 0;
		position: relative;
		height: 705px;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_map001.webp");
		background-repeat: no-repeat;
		background-position: right 150px top;
		}

		.mapSection li {
		margin-bottom: 0;
		width: 377px;
		position: absolute;
		}
		.mapSection li:last-child {
		margin-bottom: 0;
		}
		.mapSection .north {
		top: 0;
		right: 0;
		}
		.mapSection .east {
		bottom: 25px;
		right: 0;
		}
		.mapSection .center {
		top: 0;
		left: 0;
		}
		.mapSection .south {
		bottom: 0;
		left: 0;
		}

		.mapSection table {
		width: 100%;
		border-collapse: collapse;
		}

		.mapSection th {
		font-size: .9rem;
		font-weight: bold;
		line-height: 23px;
		text-align: center;
		background-color: #a0b8d5;
		}
		.mapSection .east th {
		background-color: #80a794;
		}
		.mapSection .center th {
		background-color: #b3aa80;
		}
		.mapSection .south th {
		background-color: #a796b8;
		}

		.mapSection td {
		font-size: .9rem;
		line-height: 22px;
		text-align: center;
		border-bottom: 1px solid #bfbfbf;
		}

		.mapSection td:first-child {
		background-color: #f8f8f8;
		width: 42%;
		}

		.mapSection td:nth-child(2) {
		width: 30%;

		}
		.mapSection td:nth-child(3) {
		width: 28%;
		}

}


/* ============================
	areaSection
 ============================ */

.areaSection {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_002.webp");
padding: 20px 0 10px 0;
}

.areaSection .smartContainer {
padding: 0 22px;
}

.areaSection h2 {
font-size: 1.3rem;
border-left: 7px solid #000;
padding-left: 8px;
margin-bottom: 10px;
line-height: 1.2em;
}
.areaSection .sapporo h2 {
color: #8e8044;
border-left: 7px solid #8e8044;
}
.areaSection .hakodate h2 {
color: #83789c;
border-left: 7px solid #83789c;
}
.areaSection .noboribetsu h2 {
color: #8e8044;
border-left: 7px solid #8e8044;
}
.areaSection .furano h2 {
color: #8e8044;
border-left: 7px solid #8e8044;
}

.areaSection h2 span {
display: block;
font-size: .8rem;
margin-top: 5px;
color: #898989;
letter-spacing: 0.28em;
}

.areaSection .areaList {
margin-bottom: 40px
}


.areaSection .areaList li {
margin-bottom: 20px;
}
.areaSection .areaList li:last-child {
margin-bottom: 0;
}

.areaSection .photo {
font-size: 0;
line-height: 0;
}

.areaSection .photo img {
width: 100%;
height: auto;
}

.areaSection h3 {
font-size: 1.1rem;
font-weight: bold;
line-height: 30px;
text-align: center;
background-color: #fff;
margin-bottom: 5px;
}

.areaSection .body {
font-size: .9rem;
line-height: 1.45em;
}

/* for PC */
@media screen and (min-width: 1025px) {

		.areaSection {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_002a.webp");
		padding: 40px 0 50px 0;
		}

		.areaSection .smartContainer {
		padding: 0;
		}

		.areaSection h2 {
		font-size: 2.1rem;
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0;
		line-height: 1em;
		}
		.areaSection .sapporo h2 {
		border-left: 10px solid #8e8044;
		}
		.areaSection .hakodate h2 {
		border-left: 10px solid #83789c;
		}
		.areaSection .noboribetsu h2 {
		border-left: 10px solid #8e8044;
		}
		.areaSection .furano h2 {
		border-left: 10px solid #8e8044;
		}

		.areaSection h2 span {
		display: inline-block;
		font-size: .8rem;
		margin-top: 0;
		margin-left: 30px;
		}

		.areaSection .areaList li {
		margin-bottom: 0;
		float: left;
		width: calc(33.3333% - 40px);
		margin-right: 60px;
		}
		.areaSection .areaList li:last-child {
		margin-right: 0;
		}

		.areaSection h3 {
		font-size: 1.2rem;
		line-height: 36px;
		}

		.areaSection .body {
		font-size: 1rem;
		line-height: 1.5em;
		}

}


/* ============================
	modelCouresSection
 ============================ */

.modelCouresSection {
margin: 50px 0 0 0
}

.modelCouresSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}
.modelCouresSection h2 .subName {
display: block;
font-size: 1.4rem;
}

.modelCouresSection .modelList {
}

.modelCouresSection li {
margin-bottom: 25px;
}
.modelCouresSection li:last-child {
margin-bottom: 0;
}

.modelCouresSection .photo {
margin-bottom: 15px;
position: relative;
}
.modelCouresSection .photo img {
width: 100%;
}

.modelCouresSection .caption {
position: absolute;
padding: 0px 10px;
font-size: 1rem;
font-weight: bold;
color: #fff;
line-height: 24px;
}

.modelCouresSection .akarenga .caption {
bottom: -10px;
left: calc(50% - 80px);
background-color: #d25546;
}

.modelCouresSection .sairo .caption {
background-color: #0080a7;
bottom: -10px;
right: 30px;
}

.modelCouresSection .otaru .caption {
background-color: #906116;
bottom: -10px;
left: 15px;
}

.modelCouresSection .ohotsuku .caption {
background-color: #0080a7;
bottom: -10px;
left: 15px;
}

.modelCouresSection .shiretoko .caption {
background-color: #b9a21b;
bottom: -10px;
right: 15px;
}

.modelCouresSection .mashuko .caption {
background-color: #0080a7;
bottom: -10px;
left: 15px;
}

.modelCouresSection .kushiro .caption {
background-color: #906116;
bottom: -10px;
right: 15px;
}




.modelCouresSection .day {
font-size: .9rem;
font-weight: bold;
color: #fff;
background-color: #289666;
width: 66px;
line-height: 62px;
text-align: center;
border-radius: 68px;
margin-left: 27px;
}

.modelCouresSection .day span {
display: inline-block;
font-size: 1.4rem;
font-weight: bold;
line-height: 62px;
}

.modelCouresSection .schedule {
margin-bottom: 25px;
}

.modelCouresSection dl {
}

.modelCouresSection dt {
float: left;
width: 60px;
font-size: .9rem;
line-height: 1.6em;
padding: 10px 0;
text-align: center;
}

.modelCouresSection dd {
border-left: 2px solid #289666;
padding: 10px 0 10px 10px;
box-sizing: border-box;
font-size: .9rem;
line-height: 1.6em;
float: right;
width: calc(100% - 60px);
}



/* for PC */
@media screen and (min-width: 1025px) {

		.modelCouresSection {
		margin: 90px 0 0 0;
		}

		.modelCouresSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 30px;
		}

		.modelCouresSection h2 .subName {
		font-size: 1.5rem;
		}

		.modelCouresSection .modelList {
		}

		.modelCouresSection li {
		margin-bottom: 50px;
		}
		.modelCouresSection li:last-child {
		margin-bottom: 0;
		}

		.modelCouresSection .photo {
		margin-bottom: 0;
		float: right;
		width: calc(100% - 350px);
		}
		.modelCouresSection li:nth-child(even) .photo {
		float: left;
		}
		.modelCouresSection .caption {
		padding: 0 15px;
		font-size: 1.4rem;
		line-height: 40px;
		}

		.modelCouresSection .akarenga .caption {
		bottom: -15px;
		left: 40px;
		}

		.modelCouresSection .sairo .caption {
		bottom: -15px;
		right: 60px;
		}

		.modelCouresSection .otaru .caption {
		bottom: 30px;
		left: -25px;
		}
		
		.modelCouresSection .ohotsuku .caption {
		bottom: -10px;
		left: -50px;
		}

		.modelCouresSection .shiretoko .caption {
		bottom: -10px;
		right: -50px;
		}

		.modelCouresSection .mashuko .caption {
		bottom: 30px;
		left: -25px;
		}

		.modelCouresSection .kushiro .caption {
		bottom: -10px;
		right: auto;
		left: 25px;
		}

		.modelCouresSection .schedule {
		margin-bottom: 0;
		float: left;
		width: 335px;
		}
		.modelCouresSection li:nth-child(even) .schedule {
		float: right;
		}

}



/* ============================
	sightseeingSection
 ============================ */

.sightseeingSection {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_002.webp");
padding: 40px 0 30px 0;
}

.sightseeingSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 120px;
}

.sightseeingList li {
margin: 0 22px 35px 22px;
}

.sightseeingList .photo {
margin-bottom: 5px;
}
.sightseeingList .photo img {
width: 100%;
}

.sightseeingList .body {
font-size: 1rem;
line-height: 1.5em;
margin-bottom: 10px;
font-weight: bold;
}

.sightseeingList .link {
text-align: right;
}
.sightseeingList .link a {
font-size: 1rem;
line-height: 1em;
color: #289666;
text-decoration: underline;
}

.sightseeingOtherList {
border: 1px solid #289666;
padding: 15px 20px;
background-color: #fff;
margin-bottom: 30px;
}

.sightseeingOtherList li {
float: left;
width: 60%;
box-sizing: border-box;
}
.sightseeingOtherList li:nth-child(even) {
width: 40%;
}

.sightseeingOtherList li a {
display: inline-block;
font-size: 1rem;
line-height: 1em;
padding: 5px 0;
color: #289666;
}

.sightseeingSection .moreLink {
text-align: center;
}

.sightseeingSection .moreLink a {
display: inline-block;
width: 276px;
font-size: 1rem;
font-weight: bold;
color: #fff;
line-height: 42px;
background-color: #e6a521;
box-sizing: border-box;
padding-left: 20px;
text-align: left;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_link001.webp");
background-repeat: no-repeat;
background-position: right 10px center;
}


/* for PC */
@media screen and (min-width: 1025px) {

		.sightseeingSection {
		padding: 40px 0 45px 0;
		}

		.sightseeingSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 40px;
		}

		.sightseeingList {
		margin-bottom: 30px;
		}

		.sightseeingList li {
		margin: 0;
		float: left;
		width: calc(33.3333% - 45px);
		margin-right: 67px;
		}
		.sightseeingList li:last-child {
		margin-right: 0;
		}

		.sightseeingList .body {
		margin-bottom: 0px;
		height: 70px;
		}

		.sightseeingOtherList {
		padding: 0;
		margin-bottom: 40px;
		display: block;
		text-align: center;
		}

		.sightseeingOtherList li {
		float: none;
		width: auto;
		display: inline-block;
		}
		.sightseeingOtherList li:nth-child(even) {
		width: auto;
		}

		.sightseeingOtherList li a {
		display: inline-block;
		font-size: .8rem;
		line-height: 43px;
		padding: 0 15px;
		}

		.sightseeingSection .moreLink {
		text-align: center;
		}

		.sightseeingSection .moreLink a {
		width: 355px;
		font-size: 0.8rem;
		line-height: 55px;
		padding-left: 30px;
		text-align: left;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_link001a.webp");
		}


}


/* ============================
	faqSection
 ============================ */

.faqSection {
margin: 0 0 80px 0;
padding-top: 40px;
}

.faqSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.15em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}
.faqSection h2 .areaName {
display: inline-block;
font-size: 1.4rem;
}

.faqSection dl {
margin-bottom: 15px;
border-bottom: 1px dotted #289666;
}

.faqSection dt {
position: relative;
font-size: 1rem;
font-weight: bold;
line-height: 1.5em;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/faq_down001.webp");
background-repeat: no-repeat;
background-position: right top 8px;
padding: 3px 24px 18px 34px;
}
.faqSection dt.active {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/faq_up001.webp");
}
.faqSection dt::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
font-size: 1rem;
font-weight: bold;
background-color: #289666;
border-radius: 28px;
text-align: center;
width: 28px;
line-height: 28px;
content: "Q";
color: #fff;
margin-right: 6px;
}

.faqSection dd {
font-size: .8rem;
line-height: 1.5em;
position: relative;
background-color: #f2f2f2;
margin: 0 0 15px 0;
padding: 15px;
padding-left: 34px;
border-radius: 5px;
}

.faqSection dd::before {
position: absolute;
top: 15px;
left: 10px;
font-size: 1rem;
content: "A";
color: #289666;
font-weight: bold;
}

/* for PC */
@media screen and (min-width: 1025px) {

    .multidayVisualSectio .catch{
      margin-top: -100px;
      position: absolute;
      top: inherit;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  }

		.faqSection {
		margin: 0 0 100px 0;
		padding-top: 50px;
		}

		.faqSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 40px;
		}
		
		.faqSection h2 .areaName {
		display: inline-block;
		font-size: 1.4rem;
		}


		.faqSection dl {
		margin-bottom: 30px;
		}

		.faqSection dt {
		font-size: 1.4rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/faq_down001a.webp");
		background-repeat: no-repeat;
		background-position: right top 10px;
		padding: 3px 24px 18px 52px;
		}
		.faqSection dt.active {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/faq_up001a.webp");
		}
		.faqSection dt::before {
		font-size: 1.2rem;
		border-radius: 42px;
		width: 41px;
		line-height: 41px;
		margin-right: 0;
		}

		.faqSection dd {
		font-size: 1rem;
		line-height: 1.6em;
		margin: 0 0 20px 0;
		padding: 20px;
		padding-left: 52px;
		border-radius: 5px;
		}

		.faqSection dd::before {
		position: absolute;
		top: 20px;
		left: 15px;
		font-size: 1.4rem;
		}


}


/* ============================
	areaSecondSection
 ============================ */


.areaSecondSection {
margin-top: 50px;
padding: 30px 0 40px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_002.webp");
}

.areaSecondSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 120px;
}

.areaSecondMainlist li {
margin-bottom: 30px;
}

.areaSecondMainlist h3 {
font-size: 1.2rem;
font-weight: bold;
line-height: 32px;
background-color: #fff;
margin-bottom: 10px;
}

.areaSecondMainlist h3 span {
background-color: #0080a7;
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
line-height: 36px;
padding: 0 15px;
margin-right: 10px;
position: relative;
top: 0px;
}
.areaSecondMainlist h3 .otaru {
background-color: #b9a21b;
}

.areaSecondMainlist .photo {
line-height: 0;
font-size: 0;
}
.areaSecondMainlist .photo img {
width: 100%;
height: auto;
}

.areaSecondMainlist .body {
font-size: .9rem;
line-height: 1.45em;
margin-bottom: 10px;
}

.areaSecondMainlist table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #a4a4a4;
}

.areaSecondMainlist th {
background-color: #dbdbdb;
border-bottom: 1px solid #a4a4a4;
padding: 8px 0;
box-sizing: border-box;
width: 65px;
font-size: .9rem;
font-weight: bold;
line-height: 1.45em;
text-align: center;
vertical-align: middle;
}

.areaSecondMainlist td {
border-bottom: 1px solid #a4a4a4;
padding: 8px;
box-sizing: border-box;
width: calc(100% - 65px);
font-size: .9rem;
line-height: 1.45em;
vertical-align: middle;
background-color: #fff;
}

/* for PC */
@media screen and (min-width: 1025px) {

		.areaSecondSection {
		padding: 100px 0 0 0;
		margin-top: 50px;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_002a.webp");
		}

		.areaSecondSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 40px;
		}


		.areaSecondMainlist.topList {
		margin-bottom: 50px;
		}

		.areaSecondMainlist li {
		margin-bottom: 0;
		}
		
		.areaSecondMainlist.topList li {
		float: left;
		width: calc(50% - 28px);
		}
		.areaSecondMainlist.topList li:last-child {
		float: right;
		}
		
		.areaSecondMainlist.secondList li {
		float: left;
		width: calc(33.333333% - 40px);
		margin-right: 60px;
		margin-bottom: 40px;
		}
		.areaSecondMainlist.secondList li:nth-child(3n) {
		margin-right: 0;
		}
		.areaSecondMainlist.secondList li:nth-child(3n+1) {
		clear: both;
		}

		.areaSecondMainlist h3 {
		font-size: 1.5rem;
		line-height: 50px;
		margin-bottom: 10px;
		}
		.areaSecondMainlist.secondList h3 {
		font-size: 1.1rem;
		line-height: 36px;
		}

		.areaSecondMainlist h3 span {
		font-size: .8rem;
		font-weight: bold;
		color: #fff;
		line-height: 54px;
		padding: 0 20px;
		margin-right: 15px;
		}
		.areaSecondMainlist.secondList h3 span {
		font-size: 1rem;
		line-height: 38px;
		}
		

		.areaSecondMainlist .body {
		font-size: 1rem;
		line-height: 1.6em;
		margin-bottom: 20px;
		}
		.areaSecondMainlist.secondList .body {
		font-size: .9rem;
		}

		.areaSecondMainlist th {
		font-size: .8rem;
		line-height: 1.35em;
		}

		.areaSecondMainlist td {
		font-size: .8rem;
		line-height: 1.35em;
		}
		
		.areaSecondMainlist.secondList th,
		.areaSecondMainlist.secondList td {
		font-size: .8rem;
		}

}


/* ============================
	hotelPlanSection
 ============================ */

.hotelPlanSection {
margin:  0 0 40px 0;
padding-top: 30px;
}

.hotelPlanSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}

.hotelPlanSection .visual {
margin-bottom: 15px;
}

.hotelPlanSection .visual img {
width: 100%;
}








.hotelPlanSection .secondDivision {
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001.webp");
padding: 0 0 30px 0
}

.hotelPlanSection .secondDivision.withMargin {
margin-bottom: 20px;
}


.searchSection .firstDivision {
margin-bottom: 15px;
}

.hotelPlanSection h3 {
font-size: 1.4rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.3em;
margin-bottom: 15px;
}

.hotelPlanSection .read {
font-size: 1.2rem;
line-height: 1.15em;
color: #fff;
margin-bottom: 15px;
text-align: center;
}

.hotelPlanSection .firstDivision li {
display: block;
background-color: #fff;
border-radius: 3px;
padding: 6px 15px 0 15px;
float: left;
width: calc(50% - 12px);
margin-bottom: 15px;
box-sizing: border-box;
}
.hotelPlanSection .firstDivision li:nth-child(even) {
float: right;
}

.hotelPlanSection h4 {
font-size: 1.1rem;
font-weight: normal;
line-height: 1em;
color: #717071;
}

.hotelPlanSection select {
padding: 5px 0;
font-size: 1.3rem;
}

.hotelPlanSection .firstDivision .submit {
margin: 20px 0 0 0;
text-align: center;
}

.hotelPlanSection .firstDivision input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.4rem;
font-weight: bold;
color: #fff;
border:none;
border-radius: 5px;
background-color: #e6a521;
width: 100%;
max-width: 430px;
line-height: 48px;
box-sizing: border-box
}

.hotelPlanSection .quickChoice {
display: block;
background-color: #fff;
border-radius: 3px;
padding: 6px 15px 0 15px;
width: 160px;
margin-bottom: 20px;
box-sizing: border-box;
}

.hotelPlanSection .tableWrap {
}

.hotelPlanSection .tableWrap li {
width: 100%;
overflow-x: auto;
margin-bottom: 15px;
}
.hotelPlanSection .tableWrap li:last-child {
margin-bottom: 0;
}

.hotelPlanSection .tableWrap table {
border-collapse: collapse;
overflow-x: scroll;
}

.hotelPlanSection .tableWrap th {
font-size: 1.2rem;
font-weight: bold;
color: #fff;
line-height: 26px;
text-align: center;
background-color: #e6a521;
border: solid 1px #e6a521;
}

.hotelPlanSection .tableWrap td {
font-size: 1.1rem;
text-align: center;
line-height: 23px;
padding: 0 6px;
white-space: nowrap;
background-color: #fff;
border: 1px solid #ededed;
}

.hotelPlanSection .tableWrap a {
font-size: 1.1rem;
color: #f00;
text-decoration: underline;
}

.secondDivision .otherLink,
.hotelPlanSection .otherLink {
}
.secondDivision .otherLink li,
.hotelPlanSection .otherLink li {
margin-bottom: 15px;
}
.secondDivision .otherLink li:last-child,
.hotelPlanSection .otherLink li:last-child {
margin-bottom: 0;
}
.secondDivision .otherLink a,
.hotelPlanSection .otherLink a {
display: block;
border-radius: 5px;
}
.secondDivision .otherLink .planName,
.hotelPlanSection .otherLink .planName {
background-color: #e6a521;
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #fff;
text-align: center;
}
.secondDivision .otherLink .bottom,
.hotelPlanSection .otherLink .bottom {
background-color: #fff;
font-size: 1.1rem;
line-height: 25px;
text-align: center;
}
.secondDivision .otherLink .price,
.hotelPlanSection .otherLink .price {
display: inline-block;
font-size: 1.1rem;
font-weight: bold;
color: #f00;
text-decoration: underline;
}
.secondDivision .otherLink .days,
.hotelPlanSection .otherLink .days {
display: inline-block;
margin-right: 2em;
font-size: 1.1rem;
}
.secondDivision .yen_parent,
.hotelPlanSection .yen_parent {
  font-weight: bold;
  color: #ff0000;
}


/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){

		.hotelPlanSection .tableWrap table {
		width: 100%;
		}


}





/* for PC */
@media screen and (min-width: 1025px) {

		.hotelPlanSection {
		margin:0;
		padding-top: 90px;
		}

		.hotelPlanSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 40px;
		}

		.hotelPlanSection .firstDivision {
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001a.webp");
		padding: 35px 0 45px 0
		}

		.hotelPlanSection .firstDivision {
		margin-bottom: 20px;
		}

		.hotelPlanSection h3 {
		font-size: 1.6rem;
		line-height: 0.8em;
		margin-bottom: 30px;
		padding-left: 0;
		text-align: center;
		}

		.hotelPlanSection .read {
		font-size: 1.4rem;
		line-height: 1.2em;
		margin-bottom: 30px;
		}

		.hotelPlanSection .firstDivision li {
		padding: 10px 15px 0 15px;
		width: calc(25% - 52px);
		margin-bottom: 20px;
		margin-right: 52px;
		}
		.hotelPlanSection .firstDivision li:nth-child(even) {
		float: left;
		}

		.hotelPlanSection select {
		padding: 8px 0;
		font-size: 1.4rem;
		}

		.hotelPlanSection .firstDivision .submit {
		margin: 30px 0 0 0;
		}

		.hotelPlanSection .firstDivision input[type=submit] {
		font-size:1.5rem;
		line-height: 60px;
		}
		
		.hotelPlanSection .smartContainer {
		position: relative;
		}

		.hotelPlanSection .quickChoice {
		padding: 10px 15px 0 15px;
		width: 200px;
		margin-bottom: 20px;
		margin-right: 52px;
		position: absolute;
		top: 60px;
		left: 0;
		}
		

		.hotelPlanSection .tableWrap {
		text-align: center;
		font-size: 0;
		}

		.hotelPlanSection .tableWrap li {
		display: inline-block;
		width: calc(50% - 20px);
		overflow: visible;
		margin-bottom: 15px;
		}
		.hotelPlanSection .tableWrap li:nth-child(even) {
		margin-left: 40px;
		}
		.hotelPlanSection .tableWrap li:last-child {
		margin-bottom: 0;
		}
		
		.hotelPlanSection .tableWrap table {
		width: 100%;
		}
		
		.hotelPlanSection .tableWrap th {
		font-size: 1.2rem;
		}

		.hotelPlanSection .tableWrap td {
		padding: 0;
		}

		.hotelPlanSection .tableWrap a {
		font-size: 0.9rem;
		color: #f00;
		text-decoration: underline;
		}

    
		.hotelPlanSection .otherLink {
		}
    .secondDivision .otherLink li {
    float: left;
    width: 45%;
    margin: 10px 20px;
    }
		.hotelPlanSection .otherLink li {
		margin-bottom: 0;
		float: left;
		width: calc(33.3333% - 40px);
		}
		.hotelPlanSection .otherLink li:last-child {
		margin-bottom: 0;
		margin-right: 0;
		}
    .secondDivision .otherLink a,
		.hotelPlanSection .otherLink a {
		}
    .secondDivision .otherLink .planName,
		.hotelPlanSection .otherLink .planName {
		font-size: 16px;
		line-height: 30px;
		}
    .secondDivision .otherLink .bottom,
		.hotelPlanSection .otherLink .bottom {
		line-height: 30px;
		text-align: center;
		}
		
		.hotelPlanSection tbody {
		display: table;
    width: 100%;
    table-layout: fixed;
		}


}


/* ============================
	otherSection
 ============================ */

.otherSection {
margin:0;
padding-top: 30px;
}

.otherSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.15em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
}

.gallerySlider li > a {
display: block;
}

.gallerySlider li {
position: relative;
}

.otherSection .photo {
margin-bottom: 10px;
}

.otherSection .tops {
position: absolute;
top: 0;
left: 0;
background-color: #289666;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
padding: 3px 10px;
}

.otherSection .name {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 10px;
}

.otherSection .body {
font-size: 1.1rem;
list-style: 1.3em;
margin-bottom: 15px;
}

.otherSection .area {
display: inline-block;
font-size: 1.1rem;
line-height: 20px;
padding: 0 8px;
background-color: #626262;
color: #fff;
font-weight: bold;
margin-bottom: 8px;
}

.otherSection .price {
font-size: 1.2rem;
font-weight: bold;
color: #f00;
}


/* for PC */
@media screen and (min-width: 1025px) {

		.otherSection {
		margin: 0;
		padding-top: 50px;
		}

		.otherSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 40px;
		}
		
}




/* ============================
	gallerySlider
 ============================ */

.gallerySlider.slider {
width: 100%;
margin: 0 auto;
padding: 0 22px 50px 22px;
box-sizing: border-box;
}

.gallerySlider.slider img {
}

.gallerySlider.slider .slick-slide {
margin: 0px;
transition: all ease-in-out .3s;
}

.gallerySlider .basicSlider.slider .slick-slide {
margin: 0px;
transition: all ease-in-out .3s;
border: none;
}

.gallerySlider.slider .slick-slide img {
width: 100%;
height: auto;
}

.gallerySlider.slider .slideDots {
text-align: center;
margin: 50px 0px 0px 15px;
border: none;
}

.gallerySlider.slider .slideDots li {
display: inline-block;
margin: 0 12px 0 0;
background-color: transparent;
border: none;
}
.gallerySlider.slider .slideDots li button {
display: inline-block;
position: relative;
text-indent: -9999px;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
border: none;
background-color: transparent;
width: 10px;
height: 10px;
}
.gallerySlider.slider .slideDots li button:before {
content: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/off.webp");
display: inline-block;
vertical-align: middle;
text-indent: 0px;
position: absolute;
top: 0;
left: 0;
}
.gallerySlider.slider .slideDots li.slick-active button:before {
content: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/on.webp");
}


/* for PC */
@media screen and (min-width: 1025px) {


	.gallerySlider.slider .slick-slide {
	margin: 0 15px;
	}

}





/* ============================
	modelMapSection
 ============================ */


.modelMapSection {
margin: 0;
padding-top: 50px;
}

.modelMapSection h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.15em;
text-align: center;
margin-bottom: 30px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001.webp");
background-repeat: no-repeat;
background-position: center top;
padding-top: 97px;
position: relative;
}

.modelMapSection .catch {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.15em;
text-align: center;
margin-bottom: 45px;
}

.modelMapSection .wall {
background-color: #f2f2f2;
padding: 25px 0 50px 0;
}

.modelMapSection .smartContainer .tops img {
  margin: 20px auto;
}

.modelMapSection iframe {
width: 100%;
height: 450px;
margin-bottom: 25px;
}

.modelMapSection h3 {
font-size: .9rem;
line-height: 1.3em;
font-weight: bold;
text-align: center;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_model_map001.webp");
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 16px;
margin-bottom: 16px;
}

.modelMapSection .body {
font-size: .9rem;
line-height: 1.45em;
margin-bottom: 20px;
}

.modelMapSection .tops {
margin-bottom: 45px;
}

.modelMapSection .timeTable {
}

.modelMapSection .day {
font-size: 1.3rem;
font-weight: bold;
text-align: center;
line-height: 33px;
color: #fff;
margin-bottom: 15px;
}
.modelMapSection .timeTable .day:nth-child(5n+1)  {
background-color: #289666;
}
.modelMapSection .timeTable .day:nth-child(5n+2)  {
background-color: #008e8e;
}
.modelMapSection .timeTable .day:nth-child(5n+3) {
background-color: #906116;
}
.modelMapSection .timeTable .day:nth-child(5n+4) {
background-color: #69a21b;
}
.modelMapSection .timeTable .day:nth-child(5n+5) {
background-color: #d25546;
}


.modelMapSection .timeTable ul {
margin-bottom: 30px;
}
.modelMapSection .timeTable ul:last-child {
margin-bottom: 0;
}

.modelMapSection .timeTable li {
}

.modelMapSection .timeTable .name {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.25em;
background-color: #fff;
padding: 6px 10px 6px 30px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-size: 18px auto;
background-position: left 5px top 4px;
position: relative;
}

.modelMapSection .timeTable .small {
font-size: 0.9rem;
}

.modelMapSection .timeTable .pin {
position: absolute;
top: 3px;
left: 6px;
background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_ping001.webp");
background-repeat: no-repeat;
width: 19px;
height: 24px;
font-size: 11px;
line-height: 1em;
font-weight: bold;
color: #fff;
text-align: center;
box-sizing: border-box;
padding-top: 3px;
}

.modelMapSection .timeTable .start {
font-size: 1.3rem;
font-weight: bold;
color: #f00;
margin-right: 10px;
}

.modelMapSection .timeTable .time {
font-size: .9rem;
position: absolute;
right: 10px;
top: 7px;
}

.modelMapSection .timeTable .take {
font-size: 0.9rem;
line-height: 0.8em;
color: #0080a7;
padding-left: 3em;
}

.modelMapSection .timeTable .mark {
font-size: 0.9rem;
line-height: 0.8em;
color: #0080a7;
padding-left: 3.5em;
margin-bottom: 5px;
}


.modelMapSection .moreLink {
text-align: center;
}

.modelMapSection .moreLink a {
display: inline-block;
width: 100%;
max-width: 345px;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #e6a521;
border-radius: 5px;
line-height: 1.4em;
}



/* for PC */
@media screen and (min-width: 1025px) {

		.modelMapSection {
		margin: 0;
		padding-top: 90px;
		}

		.modelMapSection h2 {
		font-size: 2.1rem;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_title001a.webp");
		padding-top: 125px;
		margin-bottom: 25px;
		}

		.modelMapSection .catch {
		font-size: 1.6rem;
		line-height: 1.3em;
		margin-bottom: 50px;
		}

		.modelMapSection .wall {
		padding: 60px 0;
		}

		.modelMapSection iframe {
		width: 450px;
		height: 1050px;
		margin-bottom: 0;
		float: left;
		}


		.modelMapSection .timeTable {
		/* float: right; */
		width: 100%;
		}

		.modelMapSection h3 {
		font-size: 1.3rem;
		line-height: 1.3em;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_model_map001a.webp");
		padding-bottom: 24px;
		margin-bottom: 35px;
		}

		.modelMapSection .body {
		font-size: 1.1rem;
		line-height: 1.5em;
		margin-bottom: 30px;
		text-align: center;
		}

		.modelMapSection .day {
		font-size: 1.2rem;
		line-height: 40px;
		margin-bottom: 20px;
		}

		.modelMapSection .timeTable ul {
		margin-bottom: 35px;
		}

		.modelMapSection .timeTable .name {
		font-size: 1.1rem;
		padding: 10px 10px 10px 35px;
		margin-bottom: 5px;
		background-size: auto auto;
		background-position: left 5px top 8px;
		}

		.modelMapSection .timeTable .pin {
		top: 6px;
		left: 6px;
		background-image: url("/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/bg_ping001a.webp");
		width: 24px;
		height: 29px;
		font-size: 14px;
		line-height: 1em;
		padding-top: 5px;
		}

		.modelMapSection .timeTable .start {
		font-size: 1.3rem;
		}

		.modelMapSection .timeTable .time {
		font-size: 1.1rem;
		right: 10px;
		top: 10px;
		}

		.modelMapSection .timeTable .take {
		font-size: 1.1rem;
		}

		.modelMapSection .timeTable .mark {
		font-size: 1.1rem;
		}

		.modelMapSection .tops {
		margin-bottom: 50px;
		}
		
		.modelMapSection .timeTable .small {
		font-size: 1.1rem;
		}
		.modelMapSection .moreLink a {
		width: 450px;
		max-width: none;
		font-size: 1.4rem;
		line-height: 60px;
		}

}

.areaSel{color:#fff;}
.areaSel label{margin-top:10px;margin-right:10px;}
.searchSection .areaSel h4{
  font-size: 110%;
  color: #fff;
  font-weight: bold;
}
.areaSel label input {
  display: none; /* デフォルトのinputは非表示にする */
}
.areaSel label span {
  display:block;
  background: #fff;
  color:#299567;
  border-radius: 20px;
  padding: 8px 20px;
}
.areaSel label input:checked + span {
  color: #FFF;
  background: #81b614;
  box-shadow: 0 0 1px 1px #289667;
}

.airlineSel{
  color:#fff;
  margin-bottom: 20px;
}
.airlineSel label{margin-top:10px;margin-right:10px;}
.secondDivision .airlineSel h4{
  font-size: 110%;
  color: #fff;
  font-weight: bold;
}
.airlineSel label input {
  display: none; /* デフォルトのinputは非表示にする */
}
.airlineSel label span {
  display:block;
  background: #fff;
  color:#299567;
  border-radius: 20px;
  padding: 8px 20px;
}
.airlineSel label input:checked + span {
  color: #FFF;
  background: #81b614;
  box-shadow: 0 0 1px 1px #289667;
}

/* ============================
	ohter
 ============================ */


/* for SP */
@media screen and (max-width: 600px) {
  .areaSel .df{flex-wrap:wrap;}
}

/* for TB */
@media screen and (max-width: 1024px) and (min-width: 601px){
}

/* for PC */
@media screen and (min-width: 1025px) {
}


/* ============================
		bnrSection
 ============================ */


.bnrSection img {
  max-width: 340px;
  margin: 20px auto;
}

.bnrSection h2 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.9em;
    text-align: center;
    margin: 40px 0;
}


/* for PC */
@media screen and (min-width: 1025px) {
  
  .bnrSection img {
  max-width: 1000px;
  margin: 20px auto;
  }
  
  .bnrSection h2 {
		font-size: 2.1rem;
		margin-bottom: 40px;
}

  
}


/* ============================
	担当者おすすめツアー
 ============================ */
 
 /* for PC */
 @media screen and (min-width: 1025px) {
   #otherSection .block-type-02 .center .tit {
      color: #231815;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.25em;
}

    #otherSection .block-type-02 .center .sub {
      margin-top: 10px;
      line-height: 1.25em;
}

    #otherSection .bottom .areaList {
      font-size: 80%;
      background: #666;
      color: #fff;
      display: inline-block;
      padding: 0 5px;
      margin-right: 5px;
}
 }


/* tourSearchDivision */

.tourSection {
    background-image: url(/import/tenant_1/153.127.54.224/data20220210/html/gururi_summer/images/wall_001.webp);
    padding: 25px 0 30px 0;
}

.tourSection .tourSearchDivision h3 {
font-size: 1rem;
font-weight: bold;
color: #fff;
line-height: 1em;
margin-bottom: 5px;
}


.tourSection .hotelPlanDivision h3 {
font-size: 1.3rem;
font-weight: bold;
color: #fff;
line-height: 1.4em;
text-align: center;
margin-bottom: 25px;
}


.tourSearchDivision .radioBtn {
text-align: left;
}

.tourSearchDivision .radioBtn input{
display: none;
}


.tourSearchDivision .radioBtn label{
display: block;
float: left;
cursor: pointer;
box-sizing: border-box;
margin: 0;
background: #fff;
font-size: .8rem;
text-align: center;
line-height: 25px;
transition: .2s;
margin-right: 1px;
padding:10px 0;
}

.tourSearchDivision .choiceDate {
width: calc(100% + 3px);
}

.choiceDate .radioBtn label{
width: 34px;
height: 34px;
font-size: .8rem;
font-weight: bold;
line-height: 1em;
padding: 3px 0;
margin-right: 3px;
margin-bottom: 3px;
box-sizing: border-box;
}

.choiceAirline .radioBtn label {
width: calc(33.33333% - 1px);
}

.choiceMember .radioBtn label {
width: calc(25% - 1px);
}
.choiceStay .radioBtn label {
width: calc(20% - 1px);
}

.choiceDestination .radioBtn label {
width: calc(25% - 1px);
margin-bottom: 1px;
}
.choiceDestination .radioBtn label:last-child {
width: calc(50% - 1px);
}

.radioBtn .week {
display: block;
font-size: .6rem;
font-weight: bold;
}
.radioBtn .withMonth .week {
position: relative;
top: -2px;
}

.radioBtn .sat {
color: #0071bc;
}
.radioBtn .sun {
color: #f00;
}
.radioBtn .month {
font-size: .7rem;
font-weight: bold;
position: relative;
top: -3px;
}

.radioBtn input[type="radio"]:checked + label {
background-color: #ffea4d;
}


.tourSection .choicelist > li {
margin-bottom: 12px
}

.tourSection .submit {
text-align: center;
margin: 20px 0;
}

input[type="submit"],.searchBtn button {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.2rem;
font-weight: bold;
color: #fff;
padding:0;
border: none;
border-radius: 5px;
line-height: 47px;
width: 248px;
box-sizing: border-box;
background-color: #e6a521;
cursor: pointer;
}

.tourSection .bottomNote {
font-size: .9rem;
color: #fff;
line-height: 1.3em;
text-align: center;
}

.tourSection .tourSearchDivision {
padding-bottom: 45px;
margin-bottom: 25px;
border-bottom: 3px solid #fff;
}


/* hotelPlanDivision */

.tourSection .hotelPlanDivision {
}

.tourSection .hotelPlanDivision ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tourSection .hotelPlanDivision ul:before{
  content:none;
}

.hotelPlanDivision li {
background-color: #fff;
padding-bottom: 5px;
margin-bottom: 10px;
border-radius: 5px;
}

.hotelPlanDivision li:nth-child(4) {
float: left;
/* width: calc(50% - 10px); */
}
.hotelPlanDivision li:nth-child(5) {
float: right;
/* width: calc(50% - 10px); */
}
.hotelPlanDivision li:nth-child(6) {
clear: both;
}

.hotelPlanDivision li label {
display: block;
padding: 5px 10px 0 10px;
font-size: 1rem;
color: #717071;
}
form[name=tbpnSearch].tbpnSearch_smp label{
  width: auto;
}

.hotelPlanDivision select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:.8rem;
padding: 5px 10px;
border:none;
border-radius:0;
background-color: #fff;
background-image: none;
display: block;
width: 100%;
box-sizing: border-box
}
.hotelPlanDivision select::-ms-expand {
display: none;
}

.hotelPlanDivision .addon {
font-size: 1.3rem;
color: #fff;
line-height: 16px;
margin: 10px 0 30px 0;
text-align: center;
}

.addon input[type="checkbox"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url(/import/tenant_1/153.127.54.224/html20220121/images/checkbox001.webp);
background-repeat: no-repeat;
background-position: left center;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
}
.addon input[type="checkbox"]:checked {
background:url(/import/tenant_1/153.127.54.224/html20220121/images/checkbox001a.webp) no-repeat left center;
background-size: 13px auto;
cursor:pointer;
opacity: 1 !important;
}


/* for PC */
@media screen and (min-width: 1025px) {

		.tourSection {
		padding: 80px 0 80px 0;
		margin: 40px 0 180px 0;
		}

		.tourSection h2 {
		font-size: 1.8rem;
		padding-bottom: 15px;
		background-image: url(/import/tenant_1/153.127.54.224/html20220121/images/bg_border002a.webp);
		margin-bottom: 20px;
		}

		.tourSection .englishTitle {
		position: absolute;
		top: -110px;
		left: calc(50% - 280px);
		}
		.tourSection .englishTitle img {
		width: auto;
		}

    .tourSection .hotelPlanDivision ul{
      display: block;
    }

		/* tourSearchDivision */

		.tourSection .tourSearchDivision h3 {
		font-size: 1rem;
		margin-bottom: 10px;
		}


		.tourSection .hotelPlanDivision h3 {
		font-size: 1.2rem;
		margin-bottom: 35px;
		}

		.tourSearchDivision .radioBtn {
		text-align: left;
		}

		.tourSearchDivision .radioBtn input{
		display: none;
		}


		.tourSearchDivision .radioBtn label{
		background: #fff;
		font-size: .9rem;
		margin-right: 1px;
		}


		.tourSearchDivision .choiceDate {
		width: calc(100% + 0);
		}

		.choiceDate .radioBtn label{
		width: 55.5px;
		height: 55px;
		font-size: 1.3rem;
		padding: 8px 0 0 0;
		margin-right: 5px;
		margin-bottom: 0px;
		}
		
		.choiceDate .radioBtn label:last-child {
		margin-right: 0;
		}

		.choiceAirline {
		width: 286px;
		float: left;
		margin-right: 25px;
		}
		.choiceAirline .radioBtn label {
		width: calc(27% - 1px);
		height: 30px;
		box-sizing: border-box;
		padding-top: 3px;
		}
		.choiceAirline .radioBtn label:last-child {
		width: calc(46% - 1px)
		}
		
		.choiceMember {
		width: 296px;
		float: left;
		margin-right: 25px;
		}
		.choiceMember .radioBtn label {
		width: calc(25% - 1px);
		height: 30px;
		box-sizing: border-box;
		padding-top: 3px;
		}
		
		.choiceStay {
		width: 392px;
		float: left;
		}
		.choiceStay .radioBtn label {
		width: calc(20% - 1px);
		height: 30px;
		box-sizing: border-box;
		padding-top: 3px;
		}
		
		.choiceDestination {
		clear: both;
		}
		.choiceDestination .radioBtn label,
		.choiceDestination .radioBtn label:last-child {
		width: calc(14.25% - 1px);
		margin-bottom: 0px;
		height: 42px;
		box-sizing: border-box;
		padding-top: 9px;
		}
		.choiceDestination .radioBtn label:last-child {
		margin-right: 1px;
		}
		

		.radioBtn .week {
		display: block;
		font-size: .8rem;
		font-weight: bold;
		}
		.radioBtn .withMonth .week {
		position: relative;
		top: -2px;
		}

		.radioBtn .sat {
		color: #0071bc;
		}
		.radioBtn .sun {
		color: #f00;
		}
		.radioBtn .month {
		font-size: 1rem;
		font-weight: bold;
		position: relative;
		top: -5px;
		}

		.radioBtn input[type="radio"]:checked + label {
		background-color: #ffea4d;
		}


		.tourSection .choicelist > li {
		margin-bottom: 40px
		}

		.tourSection .submit {
		text-align: center;
		margin: 35px 0 20px 0;
		}

		input[type="submit"] {
		font-size:1.2rem;
		line-height: 60px;
		width: 422px;
		}

		.tourSection .tourSearchDivision {
		margin-bottom: 45px;
		}

		/* hotelPlanDivision */

		.tourSection .hotelPlanDivision {
		}

		.hotelPlanDivision li {
		padding-bottom: 5px;
		margin-bottom: 26px;
		float: left;
		margin-right: 25px
		}
		
		.hotelPlanDivision li:nth-child(1) {
		width: 191px;
		}
		
		.hotelPlanDivision li:nth-child(2) {
		width: 196px;
		}
		
		.hotelPlanDivision li:nth-child(3) {
		width: 244px;
		}
		

		.hotelPlanDivision li:nth-child(4) {
		width: 145px;
		}
		.hotelPlanDivision li:nth-child(5) {
		float: left;
		width: 146px;
		margin-right: 0;
		}
		.hotelPlanDivision li:nth-child(6) {
		width: 290px;
		margin-left: 205px;
		margin-right: 35px;
		}
		
		.hotelPlanDivision li:nth-child(7) {
		width: 290px;
		}
}


.MainVisualSection .logoTv,
.areaVisualSection .logoTv,
.multidayVisualSectio .logoTv {
    width: 230px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    padding: 10px;
}

@media (max-width: 599px){
.MainVisualSection .logoTv,
.areaVisualSection .logoTv,
.multidayVisualSectio .logoTv {
    width: 120px;
    top: 10px;
    right: 10px;
    padding: 5px;
}
}

.gururi_dpSearch{
  background: #3ec259;
}
.gururi_dpSearch .inner{
    padding: 30px 0;
    box-sizing: content-box;
    width: 1240px;
    max-width: inherit;
}
.gururi_dpSearch .ttl01{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.gururi_dpSearch label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff url(/import/tenant_1/www.wbf.co.jp/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center / 10px auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.gururi_dpSearch label::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 12px;
    color: #666;
    pointer-events: none;
}
label[name="tbpndep"]::before {
    content: "\51FA\767A\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}
label[name="tbpnarr"]::before {
    content: "\5230\7740\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}
label.mddArea::before {
    content: "\4E2D\30A8\30EA\30A2";
}
label[name=tbpn_adt]::before {
    content: "部屋数";
}
.searchBox label[name=date]::before {
    content: "\65E5\7A0B";
    left: 10px;
}
.searchBox label[name=date]::before {
    content: "\65E5\7A0B";
    left: 10px;
}
.gururi_dpSearch .sfd_air,.gururi_dpSearch .sfd_room-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.gururi_dpSearch .sfd_air input,.gururi_dpSearch .sfd_room-area select,.gururi_dpSearch .sfd_date .wbfCalender {
    padding: 25px 30px 6px 10px;
    font-size: 16px;
}
.gururi_dpSearch .sfd_air label {
    width: calc(100% / 3 - 0.5rem);
}
.gururi_dpSearch input,.gururi_dpSearch select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    cursor: pointer;
    margin: 0;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333;
    padding: 18px 30px 0 10px;
}
.gururi_dpSearch .wrap_3 {
    display: flex;
    justify-content: space-between;
}
.gururi_dpSearch .wrap_3 div,.gururi_dpSearch .wrap_3 dl {
    width: calc(100% / 3 - 0.5rem);
}
.gururi_dpSearch .wrap_3 dd {
    height: 54px;
}

.gururi_dpSearch .sfd_pax dd {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    cursor: pointer;
    margin: 14px 0 0;
    border: 0;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 50px;
    font-size: 16px;
    color: #333;
    padding: 24px 30px 0 9px;
    overflow: hidden;
    font-size: .9rem;
}
.gururi_dpSearch .sfd_pax dt {
    top: 22px;
    left: 10px;
    display: block;
    position: absolute;
    font-size: 12px;
    pointer-events: none;
    color: #666;
}
.gururi_dpSearch .sfcWrap {
    position: relative;
    height: auto;
}
.gururi_dpSearch button {
    transition: all 0.5s ease;
    background: #edab2b !important;
    border: none;
    width: 30% !important;
    color: #fff;
    padding: 15px 0;
    font-size: 120%;
    display: block;
    margin: 15px auto;
    border-radius: 4px;
}
.searchSection .gururi_dpSearch input[type="text"] {
  margin-bottom:0;
}

@media (max-width: 599px){
  .gururi_dpSearch .inner{width:90%;}
  .gururi_dpSearch .sfd_air label:nth-of-type(1), .gururi_dpSearch .sfd_air label:nth-of-type(2) {
      width: calc(100% / 2 - 0.5rem);
  }
  .gururi_dpSearch .sfd_air label, .gururi_dpSearch .wrap_3 div, .gururi_dpSearch .wrap_3 dl {
      width: 100%;
      height: 50px;
  }
  .gururi_dpSearch .wrap_3 {
    flex-wrap: wrap;
  }
  .gururi_dpSearch .sfd_pax dt{top:10px;}
  .gururi_dpSearch .sfd_pax dd{margin:0;}
  .gururi_dpSearch .sfd_air label.mddArea{margin-top:10px;}
  .gururi_dpSearch button {
      width: 100% !important;
      color: #fff;
      padding: 5px 0;
    }
  .gururi_dpSearch .ttl01{font-size:18px;}
}