@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese");

/* tag style
-----------------------------------------------------------------------------*/
/* リンク色 */
a{
	color:#fff;
}
a:hover{
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}
.font-g{
  font-family: "Noto Sans JP", sans-serif;
}

/* structure
-----------------------------------------------------------------------------*/
html.body{ height:100%; }
html{
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
	font-size: 24px;
}
body{
	color:#000;
  font-family: "Noto Serif JP", serif;
	line-height:1.8;
	text-align:center;
	background:#000;
}
body.normal{
	background:#3E3A39;
	color:#fff;
}
* html body{  
	overflow: hidden;  
}

/* header detail
------------------------------------*/
#header{
	display:block;
	width:100%;
	height:70px;
	overflow:hidden;
	position:fixed;
	z-index:9;
	top:0;
	background:rgba(0,0,0,0.5);
}
#header .logo{
	float:left;
}
#header .logo img{ padding: 15px 20px; }
#header nav{
	overflow:hidden;
	float:right;
	padding-right:10px;
	padding-left:20px;
	font-size:19px;
}

#header nav li{ display:inline; }
#header nav li a{
	color:#fff;
	text-decoration:none;
	display:block;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	float:right;
height: 50px;
  line-height: 50px;
	margin:10px 30px;
	position:relative;
}
#header nav li a:before{
	border-right: 1px solid #fff;
/*
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);  
    -moz-transform: rotate(45deg);
*/
	content: "";
	display: block;
	height: 20px;
	left: -70px;
	position: absolute;
	top: 50%;
	margin-top:-10px;
	width: 40px;
}
#header nav li.lastChild a:after,
#header nav li:last-child a:before{
	content: none;
}
/*#header nav li.lastChild a:after{
	border-left: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);  
    -moz-transform: rotate(45deg);
	content: "";
	display: block;
	height: 40px;
	right: -65px;
	position: absolute;
	top: 50%;
	margin-top:-6px;
	width: 40px;
}*/

/* page
------------------------------------*/
.anc{
	margin-top:-78px;
	padding-top:78px;
	display: inline-block;
	vertical-align: top;
}
#fullpage{
	z-index:4;
}
body.normal #fullpage{
	display:table;
	position:relative;
	table-layout: fixed;
	width:100%;
}
#bgOverlayContainer{
	position: fixed;
	left: 0;
	top: 0;
	z-index:3;
	width:100%;
	height:100%;
	background-image: url(../images/overlay.png);
}
.section,.slide{
	text-align:left;
	background-size: cover;
	z-index:5;
}
.lang{
	height:42px;
	background:url(../images/icon-switch.png) no-repeat left top;
	background-size:contain;
}
.lang li{
	display:inline;
}
.lang li a,.lang li span{
	width:49%;
	height:100%;
	display:block;
	text-indent:-9999px;
	float:left;
}
ul.btn{
	width:100%;
	overflow:hidden;
	margin:3% 0 6%;
}
ul.btn li{
	display: inline-block;
	margin-right:2%;
	vertical-align: middle;
}
ul.btn li img{
	width:100%;
}
ul.btn .map{
	width:15.3%;
}
ul.btn .fb{
	width:8%;
}
ul.btn .ig,
ul.btn .line{
	width:8%;
}
ul.btn .yt{
	width:16.7%;
}
.midashi-h1{
	font-size:44px;
	line-height:54px;
	padding-bottom:40px;
	padding-top:160px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.midashi-h2{
	font-size:30px;
	line-height:54px;
	margin-bottom:60px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.midashi-h3{
	font-size:1.2em;
	margin-bottom:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-bottom:solid 1px #fff;
}
.setbox{
	width:30%;
	color:#fff;
	background:rgba(0,0,0,0.5);
}
.setbox a{
	color:#fff;
	text-decoration:none;
}
.setbox .text{
	padding:40px 10%;
	text-shadow: 1px 1px 3px #000;
}
.setbox .midashi-h2{
	text-align:left;
	margin-bottom:20px;
}
.setbox .btn{
	display:inline;
}
.setbox .btn a{
	display:block;	
background-color: rgba(255,255,255,0.7);
	text-align:center;
	padding:20px 0;
	color: black;
}
.setbox .btn2 a{
	background:url(../images/bg-btn2.png) repeat;
}
.setbox .btn a:hover,.setbox .btn2 a:hover{
	background-image:url(../images/bg-btn_over.png);
}
.setbox .btn span i{
	padding:15px 0px 15px 0;
/*	background:url(../images/icon-btn.png) no-repeat right center;*/
	background-size:40px 40px;
	line-height:40px;
}
.rightbottom{
	position:absolute;
	width:224px;
	bottom:24px;
	right:0;
	z-index:99999999 !important;
}
.rightbottom img{
	width:100%;
}
.rightbottom img.award{
	margin-bottom:20px;
}

#box1{
	/*background-image: url(../images/box1-bg.jpg);*/
	position:relative;
	box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -moz-box-shadow: 0 -100px 100px -100px rgba(0,0,0,1) inset;
}
#box1 .righttop{
	position:absolute;
	width:180px;
	right:44px;
	top:80px;
}
#box1 .righttop .lang{
	background:url(../images/icon-switch-box1.png) no-repeat left top;
	background-size:contain;
}
#box1 .righttop .btn{
	width:100%;
	overflow:hidden;
	margin:0;
	text-align:right;
}
#box1 .righttop .btn li{
	display: inline-block;
	margin:0;
	vertical-align: middle;
	padding: 0 3px;
	box-sizing: border-box;
}
#box1 .righttop .btn li img{
	width:100%;
}
#box1 .righttop .btn .fb,
#box1 .righttop .btn .ig,
#box1 .righttop .btn .line{
	width:20%;
}
#box1 .righttop .btn .yt{
	width:40%;
}
#box1 .righttop .ban img{
	width:100%;
}
#box1 .righttop .ban+.ban{
	margin-top:10px;
}
#box1 .rightbottom2{
	position:absolute;
	width:180px;
	right:44px;
	bottom:128px;
	z-index:999;
}
#box1 .rightbottom2 img{
  width: 100%;
}


#box1 .logo{
	width:100%;
	text-align:center;
}
#box1 .logo img{
	width:30%;
}
#box1 .title{
	width:100%;
	text-align:center;
position: absolute;
bottom: 22%;
}
#box1 .title img{
	width:50%;
}
#box1 .next,#box2 .next,#box3 .next{
	position:absolute;
	bottom:3%;
	width:30%;
	left:35%;
	text-align:center;
}
#box1 .next img,#box2 .next img,#box3 .next img{
	/*width:37.4%;*/
	width:100%;
}
#box2{
	background-image: url(../images/box2-bg.jpg);
	position:relative;
	box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -moz-box-shadow: 0 -100px 100px -100px rgba(0,0,0,1) inset;
}
#box2 .setbox{
	width:44%;
	float:right;
}
#box3{
	background-image: url(../images/box3-bg.jpg);
	position:relative;
	box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -moz-box-shadow: 0 -100px 100px -100px rgba(0,0,0,1) inset;
}
#box3 .setbox{
	width:44%;
}
#box4{
	background-image: url(../images/box4-bg.jpg);
	background-position:right center;
	position:relative;
}
#box4 ul{
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:100%;
}
@media screen and (min-height: 2000px) {
   #box4 ul{width:70%;}
}
#box4 ul li{
	width:100%;
	height:25%;
}
#box4 ul li a{
	display:block;
	height:100%;
	background-size:cover;
	background-position:right center;
	text-indent:-9999px;
}
#box4 ul li.btn1 a{ background-image:url(../images/box4-btn1_out.png); }
#box4 ul li.btn2 a{ background-image:url(../images/box4-btn2_out.png); }
#box4 ul li.btn3 a{ background-image:url(../images/box4-btn3_out.png); }
#box4 ul li.btn4 a{ background-image:url(../images/box4-btn4_out.png); }
#box4 ul li.btn1 a:hover{ background-image:url(../images/box4-btn1_over.png); }
#box4 ul li.btn2 a:hover{ background-image:url(../images/box4-btn2_over.png); }
#box4 ul li.btn3 a:hover{ background-image:url(../images/box4-btn3_over.png); }
#box4 ul li.btn4 a:hover{ background-image:url(../images/box4-btn4_over.png); }
#cboxContent{ margin-bottom:-30px; }
#box5{
	background-image: url(../images/box5-bg.jpg);
	position:relative;
}
#box5 .setbox{
	width:38%;
}
#box6{
	background-image: url(../images/box6-bg.jpg);
	position:relative;
	color:#fff;
	width:100%;
	height:100vh;
}
body.normal #box6{
	display: table-cell;
	vertical-align: middle;
}
#box6 .prev{
	padding:30px 0;
	width:100%;
	text-align:center;
}
#box6 .prev img{
	width:12%;
}
#box6 .text1{
	width:27%;
	float:left;
	margin-left:3%;
	margin-right:6.5%;
	margin-bottom:5%;
	display:inline;
}
#box6 .text1 p{
	font-size:50%;
}
#box6 .text1 h2{
	margin-bottom: 40px;
}
#box6 h3{
	width:100%;
	background:rgba(255,255,255,0.5);
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:3% 0;
	margin:0 0 3%;
}
#box6 ul.link li{
	display:inline;
}
#box6 ul.link li a{
	display:block;
	font-weight:bold;
	padding:3% 0;
	margin:0 0 3%;
	border:solid 2px #fff;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
#box6 ul.link li a:hover{
	background:rgba(255,255,255,0.5);
}
#box6 .text3 address{
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-bottom:20px;
}
#box6 .text2{
	width:27%;
	float:left;
	margin-right:6.5%;
}
#box6 .text3{
	width:27%;
	float:left;
}
#box6 .copy{
	height:12%;
	line-height:12%;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	background:rgba(0,0,0,1);
	color:#fff;
}
#box6 .copy p{
	position: relative;
	top: 50%;
	font-size:16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 01.会社概要*/
.com-box{
	width:96%;
	margin:30px 2%;
	overflow:hidden;
}
.com-box p.pac{
	width:40%;
	float:left;
}
.com-box p.pac iframe{
	width:100%;
	height:320px;
}
.com-box .info{
	width:58%;
	float:right;
	text-align:left;
	font-size:21px;
	line-height:24px;
}
.com-box table{
	width:100%;
	margin:0 0 1em;
	border-collapse:collapse;
}
.com-box th{
	padding:6px 10px;
	color:#333;
	font-weight:normal;
	background:#727171;
	white-space:nowrap;
	color:#fff;
	border:#898989 1px solid;
}
.com-box td{
	padding:6px 10px;
	text-align:left;
	border:#898989 1px solid;
}
.com-box dl{
	margin-bottom:1em;
}
.com-box dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.com-box dt {
	clear: left;
	float: left;
	width: 6em;
	font-weight: bold;
	padding: 0.1em 0.5em;
	text-align: right;
}
.com-box dt:after {
    content: ": ";
}
.com-box dd {
	float: left;
	padding: 0.1em 0;
}

/* 02.ショップリスト*/
#contShoplist{
	width:86%;
	margin:0 7%;
}
.clickablemap{
	text-align:center;
	padding-bottom:35px;
}
div.shoplistMenu{
	overflow:hidden;
	padding-bottom:35px;
}
div.shoplistMenu ul{
	text-align:center;
	font-size:16px;
}
div.shoplistMenu li{
	display:inline; 
	line-height:1;
	border-left:#fff 1px solid;
	padding:0 12px 0 20px;
}
div.shoplistMenu li:first-child{
	border-left:none;
}
div.shoplistMenu li a{
	display:inline; 
	color:#fff;
	text-decoration:underline;
}
div.shoplistMenu li a:hover{
	color:#F00;
	text-decoration:none;
}
div.shopArea{
	padding-bottom:30px;
}
div.shopArea table .widthA{ width:20% !important;text-align:center !important; }
div.shopArea table .widthB{ width:30% !important;text-align:center !important; }
div.shopArea table .widthC{ width:20% !important;text-align:center !important; }
div.shopArea table .widthD{ width:10% !important;text-align:center !important; }
div.shopArea table .widthE{ width:10% !important;text-align:center !important; }
div.shopArea table .widthF{ width:10% !important;text-align:center !important; }

div.shopArea table .widthG{ width:25% !important;text-align:center !important; }
div.shopArea table .widthH{ width:40% !important;text-align:center !important; }
div.shopArea table .widthI{ width:15% !important;text-align:center !important; }
div.shopArea table .widthJ{ width:10% !important;text-align:center !important; }
div.shopArea table .widthK{ width:10% !important;text-align:center !important; }
div.shopArea h4{
	text-align:center;
	margin-bottom:5px;
	color:#fff;
}
div.shopArea table{
	width:96%;
	margin:0 2%;
	border-collapse:collapse;
}
div.shopArea th,
div.shopArea td{
	padding:6px 10px;
	text-align:left;
	border:#898989 1px solid;
	font-size:14px;
}
div.shopArea th{
	color:#333;
	font-weight:normal;
	background:#727171;
	white-space:nowrap;
	color:#fff;
}
div.shopArea th:nth-child(1){
	width:145px;
}
div.shopArea th:nth-child(2){
	width:270px;
}
div.shopArea th:nth-child(4),
div.shopArea td:nth-child(4){
	text-align:center;
	width:56px;
}
div.shopArea th:nth-child(n+4),
div.shopArea td:nth-child(n+4){
	text-align:center;
	width:16px;
}
div.shopArea th:last-child,
div.shopArea td:last-child{
	text-align:center;
	width:72px;
}
div.shopArea a{
	display:inline;
}
div.shopArea td.shopPlot {
	text-align: center;
}

/* 03.メディア掲載*/
.contMedia{
	width:86%;
	margin:0 7%;
	padding-bottom:20px;
}
.contMedia a{
	color:#fff;
}
.contMedia h3{
	font-weight:bold;
	font-size:100%;
	text-align:center;
	margin-bottom:15px;
	background:url(/images/bg-btn.png) repeat;
	padding:10px 0;
}
.contMedia p.mediaDate{
	text-align:center;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#fff 1px solid;
}
.contMedia .mediaCont{
	overflow:hidden;
	padding-bottom:60px;
}
.contMedia .mediaImg{
	float:left;
	width:300px;
}
.contMedia .mediaImg2{
	text-align:center;
	margin:0 0 20px;
}
.contMedia .mediaImg2 img{
	margin:0 7px;
}
.contMedia div.mediaExplan{
	margin-left:340px;
	text-align:left;
	line-height:2;
}
.contMedia div.mediaExplan2{
	min-width:300px;
	width:37.5%;
	margin:0 auto;
	text-align:left;
	line-height:2;
}

/* 04.勝山の歴史*/
#box-c1 #box-c1-1{
	background-image: url(../images/dentou/box-c1-1-bg.jpg);
	position:relative;
}
#box-c1 #box-c1-2{
	background-image: url(../images/dentou/box-c1-2-bg.jpg);
	position:relative;
}
#box-c1 #box-c1-3{
	background-image: url(../images/dentou/box-c1-3-bg.jpg);
	position:relative;
}
#box-c1 #box-c1-4{
	background-image: url(../images/dentou/box-c1-4-bg.jpg);
	position:relative;
}
#box-c1 .textbox{
	color:#fff;
	position:absolute;
	bottom:40px;
	left:0;
	margin:0 40px;
	padding:0 40px 40px;
	background:rgba(0,0,0,0.75);
}
#box-c1 .textbox .text{
	height:5em;
	overflow-y:auto;
}
#box-c1 .textbox .bar img{
	width:100%;
}
#box-c2{
	background:#fff;
}
#box-c2 ul{
	width:80%;
	margin:0 10%;
	overflow:hidden;
}
#box-c2 ul li{
	width:49%;
	float:left;
	margin-right:2%;
	position:relative;
}
#box-c2 ul li a{
	color:#000;
	text-decoration: none;
}
#box-c2 ul li:last-child{
	margin-right:0;
}
#box-c2 ul li img{
	width:100%;
}
#box-c2 ul li span{
	display:block;
	text-align:center;
/*
	position:absolute;
	left:0;
	bottom:0;
*/
	width:100%;
	padding:20px 0;
	background:#D5D5D6;
}
#box-c2 ul li a:hover span{
	background:rgba(0,0,0,0.35);
}
#box-c2 ul li span i{
/*
	padding:15px 70px 15px 0;
	background:url(../images/icon-btn.png) no-repeat right center;
	background-size:40px 40px;
	line-height:40px;
*/
}

/* 05.環境*/
#box-t2{
	/*background-image: url(../images2/terroir/box-t2-bg.jpg);*/
	position:relative;
}
#box-t2 .backstretch img{
	box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0 -200px 200px -200px rgba(0,0,0,1) inset;
    -moz-box-shadow: 0 -100px 100px -100px rgba(0,0,0,1) inset;
}
#box-t1{
	/*background-image: url(../images2/terroir/box-t1-bg.jpg);*/
	position:relative;
}
#box-t2 .setbox{ float:right;width:38%; }
#box-t1 .setbox{ float:left;width:44%; }
#box-t2 .next{
	position:absolute;
	bottom:3%;
	width:30%;
	left:35%;
	text-align:center;
}
#box-t2 .next img{
	/*width:37.4%;*/
	width:100%;
}

/* 06.日本酒一覧*/
#box-p1{
	background:#fff;
	padding: 70px 0 100px;
}
.products-title-box{
	width:86%;
	margin:0 7% 45px;
	overflow:hidden;
}
.products-title-box .midashi-h2{
	margin-bottom:0;
}
.products-title-box .box1{
	float:left;
	width:25%;
	border-right:2px solid #fff;
}
.products-title-box .box2{
	float:left;
	width:50%;
	border-right:2px solid #fff;
}
.products-title-box .box3,
.products-title-box .box4{
	float:left;
	width:24%;
}
ul.products-list{
	width:86%;
	margin:0 7% 50px;
	overflow:hidden;
}
ul.products-list li{
	width:23.5%;
	margin-right:2%;
	float:left;
  display: flex;
  justify-content: space-between;
}
ul.products-list li:last-child{
	margin-right:0;
}
ul.products-list li p.photo{
	width:40%;
}
ul.products-list li p.photo img{
	width:100%;
}
ul.products-list li .info{
	width:58%;
  position: relative;
  min-height:430px;
}
ul.products-list li .info h3{
	width:90%;
	min-height: 120px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

ul.products-list li .info h3 img{
	width:100%;
}
ul.products-list li .info p{
	font-size:14px;
	text-align:center;
	background:#595757;
	color:#fff;
	padding:.8em 0;
	margin:.4em 0;
}
ul.products-list li .info .opt{
/*
  position: absolute;
  bottom: 15px;
  left: 0;
*/
  width: 100%;
}
ul.products-list li .info .opt .cart{
	display: block;
/*	padding: 12px 0;*/
	text-align: center;
/*	background: #fff url(../images/top/btn-buy2-deco.png) no-repeat right bottom;*/
/*  background-size: auto 13px;*/
/*	opacity:0.5;*/
/*  font-size: 1px;*/
/*  margin-top: 15px;*/
}
ul.products-list li .info .opt .cart img{
  width: 100%;
  vertical-align: top;
}
ul.products-list li .info .opt .noitem{
  font-size: 12px;
  padding: 8px 10px;
  background: #9e9c9c;
  color: #000;
}

ul.products-list-last{
	margin-bottom: 0 !important;
}
#box-p3{
	height: 810px;
	background-image: url(../images/products/box-p3-bg.jpg);
	position:relative;
}
#box-p3 .midashi-h2{
	padding:60px 0 60px;
	margin: 0;
}
#box-p3 #figure{
	width:1200px;
	height:566px;
	margin:0 auto;
	background:url(../images/products/figure-bg.png) no-repeat left bottom;
	background-size:100% auto;
	position:relative;
}
/*#box-p3 #figure{
	width:auto;
	height:80%;
	margin:0 auto;
	background-image:url(../images2/products/figure-bg.png);
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	position:relative;
}*/
#box-p3 #figure li{ position:absolute; }
#box-p3 #figure li.sake1{ top:0;left:60.3%; }
#box-p3 #figure li.sake2{ top:29.6%;left:60.9%; }
#box-p3 #figure li.sake3{ top:40.4%;left:71.5%; }
#box-p3 #figure li.sake4{ top:29.6%;left:29.4%; }
#box-p3 #figure li.sake5{ top:61%;left:82.4%; }
#box-p3 #figure li.sake6{ top:53.3%;left:49.5%; }
#box-p3 #figure li.sake7{ top:63%;left:74.4%; }
#box-p3 #figure li.sake8{ top:29.6%;left:78.3%; }

#box-p3 #figure img{
	width:auto;
	height:150px;
}
#box-p1 .next,#box-p2 .next,#box-p3 .next{
	position:absolute;
	bottom:3%;
	width:30%;
	left:35%;
	text-align:center;
}
#box-p1 .next img,#box-p2 .next img,#box-p3 .next img{
	/*width:37.4%;*/
	width:100%;
}
#box-p4{
	width:100%;
	height: 810px;
	display: block;
	vertical-align: middle;
	background-image: url(../images/products/box-p4-bg.jpg);
	background-size:cover;
	-moz-background-size:cover;
	display:table;
}
#box-p4 .infobox{
	width:30%;
	padding-left:67%;
	padding-right:3%;
	display:table-cell;
	vertical-align:middle;
}
#box-p4 .infobox .info{
	font-size:18px;
	color:#000;
}
#box-p4 .infobox .midashi-h2{
	color:#000;
	text-align:left;
	margin-bottom:0px;
}
#box-p4 .infobox dl{
	overflow:hidden;
	margin-top:3%;
	color:#000;
}
#box-p4 .infobox dt{
	width:25%;
	float:left;
}
#box-p4 .infobox dt img{
	width:100%;
}
#box-p4 .infobox dd{
	width:72%;
	float:right;
}
#box-p4 .infobox dd h3{
	font-weight:bold;
	font-size:18px;
}
#box-p4 .infobox dd p{
	font-size:16px;
}

/* 商品詳細 */
.pageback{
	background: rgba(0,0,0,0.25);
	padding-top:70px;
}
.pageback a{
	height:56px;
	background:url(../images/icon-back.png) no-repeat 20px center;
	background-size: 30px 30px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	padding-left: 60px;
	display: flex;
  align-items: center;
}
.b0{
  margin: 80px auto;
  max-width:1200px;
	text-align: left;
}
.b0 *{
  font-size: 18px;
  line-height: 1.8;
	color: #fff;
  text-shadow: 0 0 3px #000;
}
.b0 img{
  max-width: 100%;
	height:auto;
}
.b0 .img{
  max-width: 840px;
	margin: 80px auto 0;
	text-align: center;
}
.b0 .img.main {
  max-width: 1200px;
  margin: 0 auto 40px;
}
.b0 .img.large {
  max-width: 1200px;
}
.b0 p + p, .b0 ul + p {
  margin-top: 30px;
}
.b0 p b, .b0 p strong {
  font-style: italic;
  font-size: 22px;
}
.b0 ul {
  list-style: disc outside;
  margin-left: 30px;
}
.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: "Noto Serif JP", 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: "Noto Serif JP", serif;
}
.b0 .subtitle.itemname {
  font-size: 52px;
  font-family: "Noto Serif JP", serif;
	font-weight: 700;
  line-height: 1;
}
.b0 .img + .subtitle {
  margin-top: 80px;
}
.b0 .subtitle.itemname small {
  font-size: 32px;
  line-height: 1;
  display: block;
  text-align: center;
  padding: 15px 0px 10px;
}

.pd-box{
	margin:60px auto;
	text-align: left;
}
.pd-box p.pac{
	text-align:center;
	width: 14%;
	float: left;
}
.pd-box .info{
	width: 82%;
	float: right;
}
.pd-box.single_column .info{
	width: 100%;
	float: none;
}
.pd-box .info .desc{
	width: 64%;
	float: left;
	margin-bottom: 30px;
}
.pd-box.single_column .info .desc{
	width: 840px;
	float: none;
	margin: 0 auto 30px;
}
.pd-box .info .desc ul {
  list-style: disc outside;
  margin-left: 30px;
}
.pd-box .info .spec{
	width: 31%;
	float: right;
}
.pd-box .info > ul{
  clear: both;
  width: 100%;
	display: grid;
	grid-template-columns:repeat(3,1fr);
	gap:3%;
	list-style: none;
  margin-left: 0;
}
.photodl{
	text-align:left;
	margin: 30px 0;
}
.photodl a{
	height:56px;
	line-height:56px;
	background:url(../images/icon-btn.png) no-repeat right center;
	background-size:40px 40px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	padding:30px 46px 30px 0;
	font-size:23px;
	font-weight:bold;
}
.pd-box .info .spec dl{
	width:100%;
	overflow:hidden; /*floatしたので高さ確保*/
    border:1px solid #898989;
    border-top:none;
	font-size:14px;
	background:#727171;
	box-sizing:border-box;
}
.pd-box .info .spec dt{
    width:33%;
    float:left;
    padding:5px 10px;
    border-top:1px solid #898989;
	color:#fff;
}
.pd-box .info .spec dd{
   	margin-left:36%; /*dtの横幅にあわせて(padding含)*/
   	padding:5px 10px;
   	border-left:1px solid #898989;
   	border-top:1px solid #898989;
	background:#3E3A39;
}
.pd-box .info .spec dd:after{
    clear:both;
}
.pd-box .info .btn-shop2{
	display:inline;
}
.pd-box .info .btn-shop2 a{
	display: block;
	padding: 18px 0;
	text-align: center;
	margin:20px 0;
	background: #fff url(../images/top/btn-buy2-deco.png) no-repeat right bottom;
	opacity:0.5;
}
.pd-box .info .btn-shop2 a:hover{
	opacity:0.7;
}







/* boxer*/
.inline_content{
	width:933px !important;
	height:600px !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;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:18px;
}
.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:10px 0;
	line-height:28px;
}
.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; }

.recruit-box{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
.recruit-box .midashi-h2{
	margin-bottom: 30px;
}
.recruit-box .box{
	margin-bottom: 60px;
	font-size: 21px;
}
.recruit-box .box ul{
	margin-bottom: 20px;
}
.recruit-box dl.main{
	display: table;
	margin-bottom:90px;
}
.recruit-box dl.main dt{
	display: table-cell;
}
.recruit-box dl.main dt img{
	width: 430px;
	padding-right: 50px;
	margin-top: 10px;
}
.recruit-box dl.main dd+dt img{
	padding-left: 50px;
	padding-right: 0px;
}
.recruit-box dl.main dd{
	display: table-cell;
}
.recruit-box p+p{
  margin-top:20px;
}
.recruit-box p b{
  color:#F5D020;
  text-decoration:underline;
}

.kome{
	padding-left: 1em;
	text-indent: -1em;
}
.recruit-box .flow{
	font-size: 28px;
	text-align: center;
	margin-bottom: 20px;
}
.recruit-box .flow span{
	display: inline-block;
	border:solid 1px #ffc;
	padding:4px 15px;
	margin: 0 10px;
	vertical-align: middle;
	background: #000;
	color: #ffc;
}
.recruit-box .tel{
	line-height: 1.33;
	margin-top: 14px;
}
.recruit-box .tel span{
	font-size: 42px;
	margin-right: 10px;
}

.recruit-mainphoto{
	float: left;
	margin-bottom: 16px;
	background: #ccc;
}
.recruit-mainphoto img{
	width: 490px;
}
.recruit-box .box table{
	width:96%;
	margin:0 2%;
	border-collapse:collapse;
}
.recruit-box .box th,
.recruit-box .box td{
	padding:6px 10px;
	text-align:left;
	border:#898989 1px solid;
	font-size:21px;
}
.recruit-box .box th{
	font-weight:normal;
	background:#727171;
	white-space:nowrap;
	color:#fff;
}
.recruit-box .list-p{
	list-style: outside disc;
	padding-left: 20px;
}
.prize-history{
	margin-top:2em;
	border-top:solid 1px #ccc;
	padding-top:1em;
}
.prize-history dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	line-height: 1.5;
}
.prize-history dl dt{
	width: 80px;
	margin-right: 20px;
}
.prize-history dl dt img{
	width: 100%;
	height: auto;
}
.prize-history dl dd{
	flex:1;
	font-size: 14px;
}
.pd-box .info .prize-history dl dd ul{
    padding-top: 0;
}
.pd-box .info .prize-history dl dd ul li{
	width: auto;
	float: none;
	list-style:outside disc;
	margin-left: 20px;
}


/*20240829修正*/
.pd-top-grid {
display: grid;
	h1 {
		grid-area: 1/1;
	}
	.com-box {
	grid-area: 1/1;	
		display: grid;
		place-items: end;
		grid-template-columns: 55% 45%;
		.info {
			width: 100%;
			
			th{
				border:#fff 1px solid;
				background-color: rgba(255,255,255,0.2)
			}			
			td {
				border:#fff 1px solid;
			}
		}
		
		.map {
			background-color: rgba(255,255,255,0.7);
			font-size: 13px;
			text-align: left;
					padding: 8px;
			margin-bottom: 21px;
			margin-left: 50px;
			p {
				margin-top: 5px;
			}
			a {
				display: block;
			}
		}
	}
	
}

.new-head-color {
	color:#000;
}

.awards__link {
	display: flex;
	justify-content: center;
	color: #000;
	text-decoration: none;
	background: #E6E6E6;
	padding: 5px 0;
	margin-bottom: 50px;
	img {
		width: 150px;
	}
}

/*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:80px;margin:0 0 0.25em;text-align: center;line-height: 1; }
#ryoan h3{ font-weight: bold;font-size:26px;margin:0 0 3em;text-align: center;line-height: 1; }
#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;
	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;
  display:table;
}
#ryoan .note dl dt{
  display:table-cell;
  white-space:nowrap;
  min-width: 8em;
  text-align: justify;
  text-align-last: justify;
	font-weight: bold;
}
#ryoan .note dl dd{
  display:table-cell;
	padding-left: 3em;
}

#box1,#box7{
  height: calc(100vh - 60px);
  padding-top: 60px;
}
#box7{
  background:url(../images/box6-bg.jpg) no-repeat center center / cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
#box7 .box-inner{
  width: 60%;
  margin: 0 auto;
	color: #fff;
}
#box7+.main{
  margin-top: 120px;
}
.main .b0 *{
	line-height: 2.1;
}