@charset "utf-8";

/* ============================================================

bridal.css

============================================================ */


/* ------------------------------------------------------------

　#mainimg

------------------------------------------------------------ */

#stay #mainimg {
	padding:0;
	box-sizing:border-box;
	position:relative;
}
#stay #mainimg {
	background:url(../img/stay/mainimg.jpg) no-repeat 50% 50%;
}
#stay .jikuartcreation #mainimg {
	background:url(../img/stay/mainimg_jikuartcreation.jpg) no-repeat 50% 50%;
}
#stay .aohata55 #mainimg {
	background:url(../img/stay/mainimg_aohata55.jpg) no-repeat 50% 50%;
}
#stay .aohata55 #mainimg::before {
	display:block;
	content:"";
	width:100%;
	height:12px;
	background:url(../img/stay/aohata55_main_bg.png) repeat-x top 0 left 0;
	background-size:auto 12px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#stay .aohata55 #mainimg::after {
	display:block;
	content:"";
	width:100%;
	height:12px;
	background:url(../img/stay/aohata55_main_bg.png) repeat-x top 0 left 0;
	background-size:auto 12px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}

#stay .tunneltour #mainimg {
	background:url(../img/stay/mainimg_tunneltour.jpg) no-repeat 50% 50%;
}
#stay .tunneltour #mainimg .logo {
	max-width:742px;
	margin:auto;
	position:absolute;
	bottom:-3px;
	left:0;
	right:0;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	#stay #mainimg {
		min-width:320px!important;
		height:200px!important;
		background-size:cover!important;
	}
	#stay .tunneltour #mainimg .logo {
		width:95%;
	}
}


/*----------------------------------------------------------
	Display：560px →（ tablet pc ）
----------------------------------------------------------*/

@media screen and (min-width: 560px) {

	#stay #mainimg {
		min-width:560px!important;
		height:320px!important;
		background-size:cover!important;
	}
	#stay .tunneltour #mainimg .logo {
		width:75%;
	}
}


/*----------------------------------------------------------
	Display：960px →（ pc ）
----------------------------------------------------------*/

@media screen and (min-width: 960px) {

	#stay #mainimg {
		min-width:960px!important;
		height:380px!important;
		background-size:1200px auto!important;
	}
	#stay .categoryTop #mainimg {
		height:300px!important;
	}
	#stay .tunneltour #mainimg .logo {
		width:95%;
	}
}


/*----------------------------------------------------------
	Display：1200px →（ pc ）
----------------------------------------------------------*/

@media screen and (min-width: 1200px) {

	#stay #mainimg {
		background-size:cover!important;
	}

}



/* ------------------------------------------------------------

　parts

------------------------------------------------------------ */

.inner {
	padding:35px 0 45px;
}

@media screen and (max-width: 559px) {
	.aohata55 .logo_c{ width:100px; }
	.aohata55 .logo_h{ width:160px; }
	.jikuartcreation .logo_c{ width:80px; }
	.jikuartcreation .logo_h{ width:160px; }
}
@media screen and (min-width: 560px) {
	.aohata55 .logo_c{ width:140px; }
	.aohata55 .logo_h{ width:200px; }
	.jikuartcreation .logo_c{ width:120px; }
	.jikuartcreation .logo_h{ width:200px; }
}

/*----------------------------------------------------------
	Display：560px →（ tablet pc ）
----------------------------------------------------------*/

@media screen and (min-width: 560px) {

	.inner {
		padding:50px 0 60px;
	}

}



/* ------------------------------------------------------------

　#planttlBox

------------------------------------------------------------ */

#contents #plan {
	width:100%;
	max-width:1040px;
	margin:0 auto;
	padding:0 0 30px;
	box-sizing:border-box;
}
#contents #plan .planttlBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	box-sizing:border-box;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#contents #plan .planttlBox .txtBox{
	box-sizing:border-box;
}

#contents #plan .planttlBox .photoBox{

}
#contents #plan .planttlBox .photoBox div{
	width:100%;
	margin:0;
	padding:0;
	box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
}
#contents #plan .planttlBox .photoBox div:first-child{
	margin-bottom:20px;
}

.photoBoxL {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}

#contents .planttlBox .planName .logo1{
	height:30px;
	position:relative;
	top:-2px;
}
#contents .planttlBox .planName.ls0{
	letter-spacing:0;
}


/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	#contents #plan .planttlBox .txtBox .catchCopy{
		font-size:1.2rem;
		line-height:1.8;
	}

	#contents #plan .planttlBox .txtBox{
		width:100%;
		padding:30px 0;
	}
	#contents #plan .planttlBox .photoBox{
		width:94%;
		margin:0 auto;
	}

}


/*----------------------------------------------------------
	Display：560px →（ tablet pc ）
----------------------------------------------------------*/

@media screen and (min-width: 560px) {
	#contents #plan {
		padding:0 20px 30px;
	}
	#contents #plan .planttlBox .txtBox .catchCopy{
		margin-top:30px;
		font-size:1.6rem;
		line-height:1.8;
	}
	
	#contents #plan .planttlBox .txtBox{
		width:60%;
		padding:45px 0 0;
	}
	#contents #plan .planttlBox .photoBox{
		width:40%;
		margin-top:-50px;
	}

}


/*----------------------------------------------------------
	Display：960px →（ pc ）
----------------------------------------------------------*/

@media screen and (min-width: 960px) {

}



/* ------------------------------------------------------------

　.dataBox

------------------------------------------------------------ */

.dataBox .detailTxt {
	padding:0 20px 20px;
	text-align:center;
	letter-spacing:0.1em;
	border-bottom:1px solid #ddd0a6;
}

.dataBox dl{
	overflow:hidden;
}
.dataBox dt{
	padding:8px 0 8px 1.3em;
	font-size:1.2rem;
	line-height:1.8;
	float: left;
	box-sizing:border-box;
	position:relative;
}
.dataBox dt .mark{
	margin-right:3px;
	color:#a49157;
	display:inline-block;
	position:absolute;
	top:8px;
	left:0;
}
.dataBox dd{
	padding:8px 0;
	font-size:1.2rem;
	line-height:1.8;
}
.dataBox dd .list li{
	margin:0 0 0 2em;
	text-indent:-2em;
	padding:0;
}

.dataBox dl.sc{
	padding-bottom:50px;
	background:url(../img/stay/tunneltour_sc_bg.png) repeat-y left 25px top 0;
	background-size:20px auto;
}
.dataBox dl.sc dt{
	padding:25px 0 12px 55px;
	font-size:1.2rem;
	line-height:1.8;
	font-weight:bold;
	color:#b92126;
	float: left;
	box-sizing:border-box;
	position:relative;
	background:url(../img/stay/tunneltour_sc_mark.png) no-repeat left 0 top 2px;
	background-size:50px auto;
}
.dataBox dl.sc dd{
	padding:25px 0 12px;
	font-size:1.2rem;
	line-height:1.8;
}
.dataBox dl.sc dt .day {
	width:100px;
	font-size:1.12em;
	color:#1d1c79;
	position:absolute;
	top:0;
	left:55px;
}

.dataBox.sc2 dd{
	position:relative;
}
.dataBox.sc2 dd::before{
	display:block;
	content:"";
	width:1px;
	height:100%;
	background:#bababa;
	position:absolute;
	top:24px;
	left:-75px;
}
.dataBox.sc2 dd:nth-last-child(1)::before{
	display:none;
}

.dataBox dd .list li{
	margin:0 0 0 1em;
	text-indent:-1em;
	padding:0;
}

.dataBox .tableBox {
	width:100%;
	margin-top:12px;
	display:table;
	border:1px solid #ddd0a6;
	box-sizing:border-box;
}
.dataBox .tableBox .dt {
	width:20%;
	padding:15px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	border-right:1px solid #ddd0a6;
	background:#f7f4ea;
	box-sizing:border-box;
}
.dataBox .tableBox .dd {
	width:80%;
	padding:15px 20px;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

.dataBox .tokutenList {
	padding:30px 20px 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	box-sizing:border-box;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.dataBox .tokutenList li{
	padding:5px 0 0 45px;
	min-height:30px;
	position:relative;
	box-sizing:border-box;
}
.dataBox .tokutenList li .number{
	width:30px;
	height:30px;
	font-size:2.2rem;
	line-height:28px;
	color:#bbab76;
	font-family: 'Quattrocento', serif;
	text-align:center;
	border:2px solid #bbab76;
	border-radius:15px;
	box-sizing:border-box;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.dataBox .tokutenList li .lankupTxt{
	margin-top:6px;
	padding:5px 15px 4px;
	color:#937f3e;
	background:#f1efe8;
}

.dataBox .tokutenList2 {
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	box-sizing:border-box;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.dataBox .tokutenList2 li{
	width:100%;
	padding:3px 0 0 45px;
	line-height:1.8;
	color:#937f3e;
	position:relative;
	box-sizing:border-box;
}
.dataBox .tokutenList2 li .mark{
	width:14px;
	height:14px;
	margin:auto 0;
	background:#bbab76;
	display:block;
	border-radius:7px;
	position:absolute;
	top:8px;
	left:8px;
}

.dataBox .etcBox {
	padding:20px 30px;
	border-top:1px solid #ddd0a6;
	background:#f1efe8;
	position:relative;
}
.dataBox .etcBox .midashiBoxS{
	width:240px;
	margin:0 auto;
	font-size:1.4rem;
	line-height:28px;
	letter-spacing:0.05em;
	color:#a69661;
	text-align:center;
	font-family:'SourceHanSerifJP';
	background:#ffffff;
	border:1px solid #ddd0a6;
	position:absolute;
	top:-15px;
	left:0;
	right:0;
}
.dataBox .txt {
	font-size:1.2rem;
	line-height:1.8;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:767px) {

	.dataBox dt{
		margin:10px 0 0;
		float: none;
	}
	.dataBox dd{
		margin:0;
		padding:0;
		padding-left:1em;
	}
	
	.dataBox.sc2 dt{
		margin:0;
		padding:8px 0 8px 1.3em;
		float: left;
	}
	.dataBox.sc2 dd{
		margin:0 0 0 80px;
		padding:8px 0;
		padding-left:1em;
	}
	.dataBox.sc2 dd::before{
		left:-75px;
	}

	.dataBox dl.sc{
		padding-bottom:60px;
	}
	.dataBox dl.sc dt{
		width:100%;
		padding:25px 0 5px 55px;
	}
	.dataBox dl.sc dd{
		width:100%;
		padding:0 0 0 55px;
	}

	.dataBox .tokutenList li{
		margin-top:10px;
		padding:5px 0 0 40px;
	}
	.dataBox .tokutenList li:first-child{
		margin-top:0;
	}
	.dataBox .tokutenList li .lankupTxt{
		font-size:1.2rem;
		line-height:1.5;
	}
	.dataBox .tokutenList2 li{
		margin-top:15px;
	}
	.dataBox .tokutenList2 li:first-child{
		margin-top:0;
	}
}


/*----------------------------------------------------------
	Display：560px →（ tablet pc ）
----------------------------------------------------------*/

@media screen and (min-width: 768px) {

	.dataBox dd{
		margin-left:120px;
	}
	.dataBox dl.sc dd{
		margin-left:200px;
	}
	.dataBox.sc2 dl dd{
		margin-left:80px;
	}
	.dataBox .tokutenList {
		padding:30px 30px 0;
	}
	.dataBox .tokutenList li{
		width:48%;
		height:85px;
		padding:3px 0 0 45px;
	}
	.dataBox .tokutenList li .lankupTxt{
		font-size:1.4rem;
		line-height:1.5;
	}
	.dataBox .tokutenList2 li{
		width:48%;
	}
	.dataBoxC2 {
		width:100%;
		max-width:920px;
		margin:0 auto;
		display:-webkit-box;
		display:flex;
		-webkit-box-pack: space-between;
		justify-content: space-between;
	}
	.dataBoxC2 .dataBox {
		width:45%;
	}
}


/*----------------------------------------------------------
	photoBoxList
----------------------------------------------------------*/

.photoBoxList2c {
	max-width:600px;
	margin:0 auto;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.photoBoxList2c.L {
	width:90%;
	max-width:1000px;
}
.photoBoxList2c li {
	width:48%;
	margin:0 1%!important;
	position:relative;
}
	
.photoBoxList3c,
.photoBoxList4c {
	width:92.5%;
	max-width:1200px;
	margin:0 auto;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.photoBoxList3c.w100p {
	width:100%;
}
.photoBoxList2c li,
.photoBoxList3c li,
.photoBoxList4c li {
	margin:0;
	padding:0;
}

/*----------------------------------------------------------
	Display：← 559px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:559px) {

	.photoBoxList3c li,
	.photoBoxList4c li {
		width:100%;
		margin:0 0 15px;
	}
	.photoBoxList3c li:last-child,
	.photoBoxList4c li:last-child {
		margin:0;
	}
}


/*----------------------------------------------------------
	Display：560px →（ tablet pc ）
----------------------------------------------------------*/

@media screen and (min-width: 560px) {

	.photoBoxList3c li {
		width:31.33%;
		margin:0 1%;
	}
	.photoBoxList4c li {
		width:23%;
		margin:0 1%;
	}
}


/*----------------------------------------------------------
	Display：960px →（ pc ）
----------------------------------------------------------*/

@media screen and (min-width: 960px) {

	.photoBoxList3c li {
		width:31.33%;
		margin:0 1%;
	}

}


.taikenPhoto {
	width:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: space-between;
	justify-content: space-between;
}
.taikenPhoto li{
	width:48.5%;
}

@media screen and (max-width: 840px) {

	.taikenPhoto {
		max-width:600px;
		margin:0 auto;
		padding:0 25px 25px;
	}
	.aohata55_drink {
		width:100%;
		max-width:300px;
	}
}

@media screen and (min-width: 841px) {

	.taikenPhoto {
		max-width:320px;
		position:absolute;
		top:40px;
		right:25px;
	}

}



/*----------------------------------------------------------
	tunneltour
----------------------------------------------------------*/
.ffG  {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif!important;
}

.tunneltour .midokoro {
	width:90%;
	max-width:320px;
	margin:0 auto;
}

.tunneltour .blue {
	color:#0092e1;
}
.tunneltour .blue2 {
	color:#1d1c79;
}
.tunneltour .iconBox p {
	background-color:#0092e1;
}
.tunneltour .dataBox {
	border-color: #0092e1;
}
.tunneltour .dataBox.blueBG {
	background: #eff8fc;
}
.tunneltour .dataBox .midashiBox {
	background: #1d1c79;
}
.tunneltour .dataBox dl.sc dt .day {
	color:#1d1c79;
}
.tunneltour .priceBox {
	padding-top:30px;
}
.tunneltour .priceBox .price em{
	font-size:3.2rem!important;
	letter-spacing:0;
}
.tunneltour .midashiBox {
	width:200px;
	margin:0 auto;
	fonte-size:1.12em;
	line-height:32px;
	color:#fff;
	text-align:center;
	background:#0092e1;
	border-radius:50vh;
	position:absolute;
	top:-16px;
	left:0;
	right:0;
}
.tunneltour .reservBox{
	width:100%;
	margin:20px auto;
	padding:30px 0 15px;
	text-align:center;
	background-image:url(../img/common/day_line.png),url(../img/common/day_line.png);
	background-size:url(../img/common/day_line.png),url(../img/common/day_line.png);
	background-repeat:no-repeat,no-repeat;
	background-position:50% 0%,50% 100%;
}
.tunneltour .reservBox .coutionList {
	width:100%;
	max-width:330px;
}
.tunneltour .reservBox .coutionList li{
	text-align:left;
	padding-left:1em;
	text-indent:-1em;
}
.tunneltour .photoBoxList3c li,
.tunneltour .photoBoxList4c li {
	position:relative;
}
.tunneltour .photoBoxList3c li .caption,
.tunneltour .photoBoxList4c li .caption {
	padding:2px 5px;
	line-height:20px;
	color:#fff;
	background-color: rgba(0,0,0,0.6);
	position:absolute;
	top:10px;
	right:10px;
}
.tunneltour .photoBoxList3c li .caption2,
.tunneltour .photoBoxList4c li .caption2 {
	width:100px;
	margin:0 auto;
	padding:2px 5px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background-color: #1d1c79;
	border-radius:50vh;
	position:absolute;
	top:-10px;
	right:0;
	left:0;
}


.tunneltour .coutionTxt {
	padding-left:1em;
	text-indent:-1em;
}



.fukidashi {
	display:inline-block;
	position:relative;
}
.fukidashi::after{
	display:block;
	content:"";
	width:90px;
	height:57px;
	background:url(/-/media/hotel/hh/senrihh/contents/finale/img/stay/tunneltour_fukidashi.png) no-repeat top 50% left 0;
	background-size:90px auto;
	position:absolute;
	top:20px;
	left:10px;
}

.check {
	display:block;
	width:280px;
	margin:30px auto 0;
	padding:0 0 0 42px;
	line-height:40px;
	border:2px solid #eee;
	background:#eee;
	border-radius:10px;
	position:relative;
}
.check input {
  display:block;
  width: 1.8em;
  height: 1.8em;
  margin:auto 0;
  padding:0;
  overflow: hidden;
  position:absolute;
  top:0;
  bottom:0;
  left:12px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}

.navigator {
	width:92.5%;
	max-width:570px;
	margin:0 auto;
}


.goodsBox {
	width:320px;
	padding:15px 20px;
	background:#bde0f3;
	border:5px solid #9dcce4;
	border-radius:10px;
	position:relative;
}
.goodsBox h4 {
	margin-bottom:20px;
	font-size:2.3rem;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	border-bottom:2px solid #000;
}
.goodsBox .txt {
	font-size:1.6rem;
	line-height:1.6;
}
.goodsBox .bottle {
	width:110px;
	position:absolute;
	top:50px;
	right:20px;
}

/*----------------------------------------------------------
	Display：← 899px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:899px) {

	.tunneltour .goodsBox {
		width:100%;
	}
	.goodsBox h4 {
		font-size:2.0rem;
		text-align:left;
	}
	.tunneltour .br {
		display:none;
	}
	.goodsBox .bottle {
		width:110px;
		position:absolute;
		top:0px;
		right:0px;
	}
}


.tunneltour .ticketBox {
	width: calc(100% - 350px);
	margin:0;
	padding:15px;
	background:#fff;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background:#fdecee;
	border:5px solid #fdd6db;
	border-radius:10px;
}
.tunneltour .ticketBox .photo {
	width:230px;
	position:relative;
}
.tunneltour .ticketBox .photo .caption{
	padding:2px 5px;
	line-height:20px;
	color:#fff;
	background-color: rgba(0,0,0,0.8);
	position:absolute;
	top:0px;
	left:0px;
}
.tunneltour .ticketBox .txt {
	width: calc(100% - 250px);
	font-size:1.3rem;
}

/*----------------------------------------------------------
	Display：← 899px（ sp ）
----------------------------------------------------------*/

@media screen and (max-width:899px) {

	.tunneltour .ticketBox {
		width:100%;
		margin-top:20px;
		padding:15px;
	}
	.tunneltour .ticketBox .photo {
		width:100%;
		max-width:300px;
		margin:0 auto;
	}
	.tunneltour .ticketBox .txt {
		width:100%;
		padding-top:15px;
	}

}


@media screen and (max-width: 899px) {

	.tunneltour .p2cBox {
		width:90%;
		max-width:405px;
		margin:20px auto 0;
	}
}

@media screen and (min-width: 900px) {

	.tunneltour .p2cBox {
		width:90%;
		max-width:1000px;
		margin:10px auto 0;
		display:-webkit-box;
		display:flex;
		-webkit-box-pack: space-between;
		justify-content: space-between;
	}
}

@media screen and (max-width: 899px) {

	.tunneltour .p2cBox2 {
		width:90%;
		max-width:405px;
		margin:30px auto 0;
	}
}

@media screen and (min-width: 900px) {

	.tunneltour .p2cBox2 {
		width:90%;
		max-width:900px;
		margin:30px auto 0;
		display:-webkit-box;
		display:flex;
		-webkit-box-pack: space-between;
		justify-content: space-between;
	}

}


@media screen and (max-width: 768px) {

	.tunneltour .sc + .photoBoxList3c .slick-list {
		margin-top:-20px;
		padding-top:20px!important;
	}
}