@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* tag style
-----------------------------------------------------------------------------*/
/* リンク色 */
a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


/* structure
-----------------------------------------------------------------------------*/
html{
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}
body{
	color:#fff;
	font-family: "Roboto", sans-serif;
	line-height:1.4;
	text-align:center;
	background:#3C3D3D;
}
/*html,body{
	display: block;
	position: static;
	width: 100%;
	height: 100%;
}*/
* html body{  
	overflow: hidden;  
}
#wrapper{
	width:1200px;
	margin:0 auto;
	text-align:left;
}

/* header detail
------------------------------------*/
#header{
	width:100%;
	background:rgba(0,0,0,0.75);
	position:fixed;
	z-index:99999999;  display: flex;
  justify-content: space-between;
}
#header a{ color:#fff; }
#header .logo{
	padding: 20px;
}
#header nav{
	max-width:1000px;
}
#header nav li{ display:inline; }
#header nav li a{
	display:block;
	width:140px;
	text-align:center;
	vertical-align:middle;
	float:right;
	border-right:solid 1px #B5B5B6;
	height:80px;
	line-height:80px;
}
#header nav li:nth-child(5) a{
	display:block;
	border-left:solid 1px #B5B5B6;
}
#header nav li.ico0,#header nav li.ico1, #header nav li.ico2{
	display:inline;
}
#header nav li.ico0 a,#header nav li.ico1 a, #header nav li.ico2 a{
	display:block;
	width:auto;
	border-right:none;
	height:52px;
	line-height:inherit;
	padding:28px 20px 0 0;
}
.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
}
.header-bg{
	height:80px;
}

/* footer detail
------------------------------------*/
#footer{
	background:#040000;
	display: flex;
	align-items: center;
}
#footer .logo{ padding: 20px; }
#footer address{
	width:600px;
	font-size:14px;
	margin-right: auto;
}
#footer .fl-rt{
	width:150px;
}
#footer ul{
	width:150px;
	float:right;
}
#footer ul li{
	float:right;
	padding:0 15px 0 0;
}
#footer p.lang{
	width:150px;
	float:right;
	font-size:14px;
	line-height:18px;
	padding-top:9px;
}
#copy{
	clear:both;
	line-height:55px;
	text-align:center;
}
.pageTop {
	display:none;
	position:relative;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 65px;
	height:65px;
	margin-left:700px;
	padding:0 0 0 2px;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:9999;
}
.anc{
	margin-top:-78px;
	padding-top:78px;
	display: inline-block;
	vertical-align: top;
}

/* top
------------------------------------*/
.rightbottom{
	position:fixed;
	width:14%;
	bottom:70px;
	right:0;
	z-index:99999999 !important;
}
.rightbottom img{
	width:100%;
}
.rightbottom img.award{
	margin-bottom:20px;
}
/*写真スライダー*/
.wideslider{
	height:590px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:2;
}
.wideslider p{
	top:0;
	left:50%;
	margin-left:-600px;
	text-align:center;
	position:absolute;
	z-index:99;
}
.wideslider p.cover img{ width:1200px; }
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	/*left:0 !important;*/
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/next.jpg) no-repeat left center;}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
.pagination { display:none; }

/**/
#onepage-pagination {
  position:fixed;
  display:none;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
#onepage-pagination li {
  padding: 0;
  text-align: center;
}
#onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
}
#onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255,255,255,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid white;
  margin-top: -4px;
  left: 8px;
}

.top-box h2{
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	color:#F5D020;
	margin:0 0 36px;
	text-shadow:0 0 3px #000;
}
.top-box p{
	font-size:16px;
	line-height:28px;
	text-shadow:0 0 3px #000;
}
.top-box img,.center img{
	width:100%;
}
.top-box p.next{
	padding-top:14px;
}
#top-box1,#top-box4,#top-box7,#top-box9{
	text-align:center;
	padding:40px 0;
}
#top-box3 img{
	width:1200px;
}

#top-box2{
	background:url(../images/box2-bg.jpg) no-repeat left top;
	background-size:1200px 648px;
	height:648px;
}
#top-box2 p{
	padding:180px 0 0 700px;
}
#top-box5{
	background-image:url(../images/box5-bg2.png),url(../images/box5-bg1.jpg);
	background-size:1200px 560px,1200px 560px;
	background-position:center top,center top;
	background-repeat:no-repeat,no-repeat;
	height:560px;
}
#top-box5 p{
	padding:170px 0 0 100px;
}
#top-box9 p.photo{
	margin:0 0 80px;
}
#top-box9 ul.photo{
	width:90%;
	margin:0 5% 80px;
	overflow:hidden;
}
#top-box9 ul.photo li{
	width:20%;
	float:left;
	margin-bottom: 40px;
}
#top-box9 ul.photo li:nth-child(5n+1){
	clear: both;
}
#top-box9 ul.photo li span{
	display:block;
	padding:10px 10px 0;
}
#top-box9 #figure{
	width:1200px;
	height:566px;
	margin:0 auto;
	background:url(../images/box9-figure-bg.png) no-repeat left top;
	background-size:100% auto;
	position:relative;
}
#top-box9 #figure li{ position:absolute; }
#top-box9 #figure li.sake1{ top:0;left:60.3%; }
#top-box9 #figure li.sake2{ top:29.6%;left:60.9%; }
#top-box9 #figure li.sake3{ top:40.4%;left:71.5%; }
#top-box9 #figure li.sake4{ top:29.6%;left:29.4%; }
#top-box9 #figure li.sake5{ top:61%;left:82.4%; }
#top-box9 #figure li.sake6{ top:53.3%;left:49.5%; }
#top-box9 #figure li.sake7{ top:63%;left:74.4%; }
#top-box9 #figure li.sake8{ top:29.6%;left:78.3%; }

#top-box9 #figure img{
	width:auto;
	height:150px;
}

/****/
.pageback{
	background: rgba(0,0,0,0.25);
	padding-top:80px;
}
.pageback a{
	display:block;
	height:56px;
	background:url(../images/ico-pageback.png) no-repeat 35px center;
	background-size: auto 36px;
	text-indent:-9999px;
}
.pd-top img{
	width:1200px;
}
.pd-box{
	width:1170px;
	margin:30px 0 30px 30px;
	overflow:hidden;
}
.pd-box p.pac{
	width:230px;
	text-align:center;
	float:left;
}
.com-box p.pac{
	width:480px;
}
.pd-box p.pac img{
	width:156px;
}
.com-box p.pac img{
	width:auto;
}
.pd-box .info{
	width:910px;
	float:right;
	font-size:16px;
	line-height:28px;
	text-shadow:0 0 3px #000;
}
.pd-box .info{
	width:670px;
}
.pd-box .tail{
	margin-top: 1em;
}
.pd-box h2{
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	margin:0 0 15px;
	text-shadow:0 0 3px #000;

}
.pd-box .info p.next{
	margin-top:1em;
}
.pd-box .info ul{
	width:930px;
	overflow:hidden;
	margin-top:1em;
}
.pd-box .info ul li{
	float:left;
	margin-right:20px;
}
.photodl{
	margin-top:1em;
}
.photodl img{
	width:230px;
}
.inline_content{
	width:933px !important;
	height:620px !important;
	overflow:hidden;
	background:#000;
	text-align:left;
}
.inline_content-inner{
	padding:20px;
}
.inline_content h2{
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	padding:0 0 10px;
}
.inline_content p.info{
	font-size:16px;
	line-height:18px;
	padding:0 0 20px;
}
.inline_content ul{
	width:853px;
	overflow:hidden;
	margin:0 0 0 40px;
}
.inline_content ul li{
	width:175px;
	margin:0 38px 0 0;
	height: 270px;
	float:left;
	text-align:center;
}
.inline_content ul li .photo{
	width:150px;
	height:150px;
	border:solid 1px #ccc;
	margin:0 auto;
	line-height:150px;
	display: table;
	font-size:1px;
	vertical-align:middle;
	text-align:center;
}
.inline_content ul li img{
	height:130px;
	line-height:150px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	margin:10px auto;
}
.inline_content ul li p.btn{
	margin:15px 0 15px;
}
.inline_content ul li p.btn a{
	color:#fff;
	border:solid 1px #fff;
	text-decoration:none;
	padding:5px;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.inline_content ul li p.btn a:hover{ text-decoration:underline; }


#movie{
  text-align: center;
  padding-bottom: 40px;
}
#movie.top-box h2 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 16px;
}
#movie p a{
  display: block;
  position: relative;
}
#movie p a:before{
  content:"";
  background:url("../images/movie-icon.png") no-repeat center center;
  width: 80px;
  height: 80px;
  background-size: cover;
  position: absolute;
  z-index: 2;
  top:calc(50% - 40px);
  left:calc(50% - 40px);
}
#movie p img{
  width: 480px;
}







/* PCブラウザ用調整
------------------------------------*/
@media(min-width:1200px){
#wrapper{
	width:auto;
	margin:0;
	text-align:left;
}
.wideslider p{
	top:inherit;
	left:inherit;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	z-index:99;
}
.wideslider p.cover img{ width:1200px;margin:0 auto; }

#onepage-pagination{
	display:block;
}

.top-box h2{
	font-size:32px;
	line-height:1.1;
	font-weight:bold;
	color:#F5D020;
	margin:0 0 36px;
	text-shadow:0 0 3px #000;
  font-family: "Crimson Text", serif;
}
.top-box p{
	font-size:16px;
	line-height:28px;
	text-shadow:0 0 3px #000;
}
.top-box img,.center img{
	width:100%;
}
.top-box p.next{
	padding-top:14px;
}
#top-box1,#top-box4,#top-box7,#top-box9{
	text-align:center;
	padding:40px 0;
}
#top-box3 img{
	width:100%;
}

#top-box2{
	background-size:cover;
	height:648px;
}
#top-box2 p{
	padding-left:60%;
}
#top-box5{
	background-size:1200px 560px,cover;
}
#top-box5 p{
	padding-right:45%;
}

/****/
.pd-top img{
	width:100%;
}
.pd-box{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
.pd-box p.pac{
	width:20%;
}
.pd-box p.pac img{
	width:68%;
}
.com-box p.pac img{
	width:auto;
}
.pd-box .info{
	width:76%;
}
.com-box .info{
	width:59%;
}
.pd-box .info p.next{
	margin-top:1em;
}
.pd-box .info ul{
	width:100%;
}
.pd-box .info ul li{
	width:31%;
	float:left;
	margin-right:2%;
}
.pd-box .info ul li img{
	width:100%;
}
/*.inline_content{
	width:100% !important;
	height:auto !important;
}
.inline_content-inner{
	padding:20px;
}
.inline_content h2{
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	padding:0 0 10px;
}
.inline_content p.info{
	font-size:16px;
	line-height:18px;
	padding:0 0 20px;
}
.inline_content ul{
	width:100%;
	overflow:hidden;
	margin:0;
}
.inline_content ul li{
	width:30%;
	margin:0 3% 0 0;
	float:left;
	text-align:center;
}
.inline_content ul li img{
	margin-bottom:5px;
	width:100%;
}
.inline_content ul li p.btn a{
	color:#fff;
	border:solid 1px #fff;
	text-decoration:none;
	padding:5px;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	font-size:24px;
}*/


}

/*25.01.17*/
#ryoan{
	padding: 100px 0;
	background: #fff;
	color: #333;
}
#ryoan section{
  width: 800px;
	margin: 0 auto;
	text-align: left;
}
#ryoan img{ width: 640px;height:auto;max-width: 100%;display: block;margin:3em auto;border:solid 1px #d4d4d4; }

#ryoan h2{ font-weight: bold;font-size:66px;margin:0 0 0.25em;text-align: center;line-height: 1; }
#ryoan h3{ font-weight: bold;font-size:26px;margin:0 0 2em;text-align: center;line-height: 1.2; }
#ryoan h4{ font-weight: bold;font-size:26px;margin:0 0 1em; }
#ryoan h5{ font-weight: bold;font-size:22px;margin:2em 0 0.5em;line-height: 1.2; }
#ryoan p{
  font-size: 16px;
	line-height: 2.1;
	margin:1em 0;
}
#ryoan p.intro{
  font-size: 21px;
}
#ryoan .img+h4{
  margin-top: -1.5em;
}
#ryoan .note{
  background: #f3f3f3;
	font-size: 16px;
	padding: 3em 4em 1.5em;
	margin: 3em 0 0;
}
#ryoan .note h6{
  font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5em;
	letter-spacing: .1em;
}
#ryoan .note dl{
  overflow:hidden;
}
#ryoan .note dl dt{
	font-weight: bold;
}
#ryoan .note dl dd{
	margin: 0 0 0.8em 1em;
}

/*250910*/
.b0{
  margin: 80px auto 120px;
  max-width:1200px;
}
.b0 *{
  font-size: 18px;
  line-height: 1.8;
  text-shadow: 0 0 3px #000;
}
.b0 p b,
.b0 p strong{
	font-style: italic;
	font-size: 22px;
}
.b0 p+p,
.b0 ul+p{
  margin-top:30px;
}
.b0 img{
  max-width: 100%;
	height:auto;
}
.b0 .img{
  max-width: 840px;
	margin: 80px auto 0;
	text-align: center;
}
.b0 .img.large{
  max-width: 1200px;
}
.b0 .img.main{
  max-width: 1200px;
	margin: 0 auto 80px;
}
.b0 .maintitle{
  font-size: 52px;
  line-height: 1;
  font-weight: bold;
  color: #F5D020;
  margin: 0 0 80px;
  text-shadow: 0 0 3px #000;
	text-align: center;
  font-family: "Crimson Text", serif;
}
.b0 .subtitle{
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  margin: 0 0 35px;
	padding: 0 0 15px;
  text-shadow: 0 0 3px #000;
	border-bottom:solid 1px #d5a44a;
	text-align: center;
  font-family: "Crimson Text", serif;
}
.b0 .subtitle i{
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
}
.b0 .subtitle.itemname{
  font-size: 52px;
  font-family: 'Times New Roman', serif;
	line-height: 1;
}
.b0 .subtitle.itemname small{
  font-size: 32px;
	line-height: 1;
	display: block;
	text-align: center;
	padding: 15px 0px 10px;
}
.b0 .img+.subtitle{
  margin-top: 80px;
}
.b0 dl.layout{
  display: flex;
	gap:1em;
	margin: 30px 0;
}
.b0 ol{
  list-style:decimal outside;
	margin-left: 30px;
}
.b0 ol li{
  margin-top: 15px;
}
.b0 ul{
  list-style:disc outside;
	margin-left: 30px;
}
#top-enjoy p+p{ margin-top: 15px; }
#top-enjoy dl.layout{ margin: 15px 0 0; }
.dentou-date{
  margin-top: -90px;
	max-width: 840px;
}
.dentou-date p{
	font-style: italic;
}
.b0+.photodl{
  text-align: center;
  margin:-40px 0 0;
  padding: 0 0 120px;
}
.b0 p.large {
	margin-top: 80px;
}
.b0 p.large b {
  font-size: 30px;
	line-height: 1.3;
}
.mb-80{
  margin-bottom: 80px !important;
}
.note-spec{
  background: #f3f3f3;
	font-size: 16px;
	padding: 40px 80px;
	margin: 40px auto -80px;
}
.b0 .note-spec *{
  color: #000;
	text-shadow: none;
}
.note-spec h6{
  font-size: 21px;
	line-height: 1.3;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}
.note-spec dl *{
	line-height: 1.5;
}
.note-spec dl dt{
	font-weight: bold;
}
.note-spec dl dd{
	margin: 0 0 0.8em 1em;
}