@charset "utf-8";
/* ------------------------------------------- CSS Information
 Author:		Tos
 Last Update:	2013.07.26
----------------------------------------------------------- */


/****************************************
		index
*****************************************/

body#index div.cnt{
	margin-bottom: 40px;
}

div.lead_box{
	position: relative;
	width: 395px;
	padding: 0 415px 40px 0;
}
div.lead_box h3{
	width: 162px;
}
div.lead_box p.lead{
	position: absolute;
	left: 40px;
	top: 40px;
	z-index: 998;
}
div.lead_box p.breakOut{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 998;
	}
	div.lead_box p.breakOut span{
		position: absolute;
		left: 120px;
		bottom: 40px;
}

div.season_menu{
	padding: 40px 0;
}
div.season_menu h3, div.season_menu ul{
	float: left;
}
div.season_menu h3{
	width: 25px;
}
div.season_menu ul{
	width: 635px;
	margin-left: 19px;
	padding-left: 30px;
	border-left: 1px solid #DFDCCD;
}

div.info_box{
	margin-bottom: 70px;
	padding-right: 100px;
}
div.info_box h3, div.info_box dl.info{
	float: left;
}
div.info_box h3{
	width: 25px;
}
div.info_box dl.info{
	width: 440px;
	min-height: 120px;
	margin-left: 19px;
	padding-left: 30px;
	border-left: 1px solid #DFDCCD;
	}
	div.info_box dl.info dt{
		clear: left;
		float: left;
		width: 110px;
		padding-top: 12px;
		color: #947B4D;
		}
		div.info_box dl.info dt.first{
			padding-top: 0;
	}
	div.info_box dl.info dd{
		margin-bottom: 12px;
		padding: 12px 10px 0 110px;
		border-top: 1px solid #DFDCCD;
		line-height: 1.3;
		}
		div.info_box dl.info dd.first{
			padding-top: 0;
			border-top: none;
		}
		div.info_box dl.info dd a{
			text-decoration: underline;
			}
			div.info_box dl.info dd a:hover{
				text-decoration: none;
}
div.info_box ul.sns_box{
	float: right;
	width: 148px;
	}
	div.info_box ul.sns_box li{
		margin-top: 20px;
		}
		div.info_box ul.sns_box li:first-child{
			margin-top: 0;
}


/****************************************
		slider
*****************************************/
#sliderWrapper{
	height: 560px;
}
#sliderContainer{
	display:none;
	position: relative;
}
#slider li{
	height:560px;
}
#slider li span.link a{
	display:block;
	width:43px;
	height:172px;
}
#slider li#goHistory{
	background:url(../img/index/bg_slider_history.jpg) center center no-repeat;
	background-size: cover;
}
#slider li#goKodawari{
	background:url(../img/index/bg_slider_kodawari.jpg) center center no-repeat;
	background-size: cover;
}
#slider li#goMenu{
	background:url(../img/index/bg_slider_menu.jpg) center center no-repeat;
	background-size: cover;
}
#slider li#goShop{
	background:url(../img/index/bg_slider_shop.jpg) center center no-repeat;
	background-size: cover;
}
#slider li#goHistory h2,
#slider li#goHistory span.link,
#slider li#goKodawari h2,
#slider li#goKodawari span.link,
#slider li#goMenu h2,
#slider li#goMenu span.link,
#slider li#goShop h2,
#slider li#goShop span.link{
	display:block;
	position:absolute;
	right: 50%;
	top: 50%;
	z-index:98;
}
#slider li#goHistory h2{
	margin-top: -215px;
	margin-right: -490px;
}
#slider li#goHistory span.link{
	margin-top: 20px;
	margin-right: -220px;
}
#slider li#goKodawari h2{
	margin-top: -215px;
	margin-right: -490px;
}
#slider li#goKodawari span.link{
	margin-top: 20px;
	margin-right: -270px;
}
#slider li#goMenu h2{
	margin-top: -215px;
	margin-right: -490px;
}
#slider li#goMenu span.link{
	margin-top: 20px;
	margin-right: -155px;
}
#slider li#goShop h2{
	margin-top: -215px;
	margin-right: -490px;
}
#slider li#goShop span.link{
	margin-top: 20px;
	margin-right: -161px;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pctop { display: none !important; }
	.sptop { display: block !important; }
}


/* お知らせのポップアップ表示  */
#popup {
  display: none;
}

.popup-open {
  cursor: pointer;
}

.popup-overlay {
  display: none;
}

#popup:checked ~ .popup-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.popup-window {
  width: 90vw;
  max-width: 560px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-text {
  margin: 0;
}

.popup-text:not(:last-of-type) {
  margin-bottom: 1em
}

.popup-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}