/*--------------------基礎設定--------------------*/
html{
  scroll-behavior: smooth;
}


/* PC用CSS */
@media print, screen and (min-width: 640px) {
 
    *{
	padding: 0px;
	margin: 0px;
}
body {
	font-family: /*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",*/ "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
	font-size: 75%;
	line-height: 1.6;
	color: #ffffff;  
}
hr {
	display: none;
}
ul{
	list-style: none;
}
img {
	vertical-align: bottom;
	border-style: none;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #13A300;
	text-decoration: none;
}
#wrapper{
    overflow-x: hidden;
    background: linear-gradient(#8b0000, #a52a2a);/*linear-gradient(brown, #8b0000);/*#000000;*/
		
}
.inner{
	width: 1000px;
	margin: 0 auto;
}
@media(max-width:768px){
.contents{ width:50%; }
}
}
video {
    max-width: 100%;
    height: auto;
    padding-left: 50px;
}
/*--------------テスト------------------*/
.main_imgBox {
    height: 680px;
    overflow: hidden;
    position: relative;
}

 /* .main_logo {
    z-index:11;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:50%;
    height:auto;
}*/

  .main_img {
    z-index:10;
    opacity: 0;
    
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

  .main_imgM {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite; }

    .main_imgM:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_imgM:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_imgM:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_imgM:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_imgM:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.2);
            z-index:9;
    }
    100% { opacity: 0 }
}
/*--------------------４画面スライドショー--------------------
.topnavi{
	padding-top: 1350px;
}


/*------------------------ヘッダー--------------------------*/
header2{
	background: linear-gradient(#8b0000, #a52a2a); /*brown;*/
	height: 390px;
	text-align: center;
	margin-top: 15px;
}	
#top{
    background: linear-gradient(#8b0000, #a52a2a); 
}
/*header2 img {
    margin: 0 auto;
	/*border: 3px solid #440000;*/
/*}*/
/*header2 {
background: #333333;
	height: 240px;
	text-align: center;
	padding-top: 2px;
}	
header2 h1{
    margin: auto;
	font-size: 23px;
    font-weight: bold;
	color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
}
header2 h2{
    margin: auto;
	font-size: 16px;
	color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
    padding-top: 3px;
	padding-bottom: 2px;
}
.tel{
    background: #3333333;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
    /*border-top: 1px solid #997700;
	border-bottom: 1px solid #997700;
}*/
/*--------------------シャッター--------------------*/
.shutter{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #111111;
    z-index:9999;
  -webkit-animation: byeShutter 2.6s forwards;
          animation: byeShutter 2.6s forwards;
}
.shutter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: brown;/*#440000;*/
  width: 0;
  height: 1px;
}
.shutter::before {
  -webkit-animation: shutterOpen 2.6s forwards;
          animation: shutterOpen 2.6s forwards;
}
.content {
  -webkit-animation: contentScale 2.6s forwards;
          animation: contentScale 2.6s forwards;
}
@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@keyframes shutterOpen {
  0% {
    width: 0;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  90% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes contentScale {
  70% {
    -webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
            transform: perspective(800px) scale(0.9) rotateX(15deg);
  }
  100% {
    -webkit-transform: perspective(800px) scale(1) rotateX(0);
            transform: perspective(800px) scale(1) rotateX(0);
  }
}
.concept {
    backgraund: #ffeeff;
    color: #222222;
    height: 200px;
}
/*--------------------グローバルナビ--------------------
nav {
	background: #222222;
	height: 40px;
}
nav ul {
	list-style: none;
}
nav ul li {
	width: 165px;
	height: 40px;
    font-size: 18px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
	float: left;
	border: 1px solid #997700;
	border-radius: 40%;
	border-right: none;
}
nav ul li:last-child{
	width: 164px;
	border-right: 1px solid #997700;
}
nav ul li a {	
	width: 165px;
	height: 40px;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
    line-height: 40px;
}
/*--------------------ハンバーガー--------------------*/
#hamburger .btn-gNav{
  position: fixed;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 24px;
  z-index: 3;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

#hamburger .btn-gNav span{
  position: absolute;
  width: 100%;
  height: 4px;
  background: #ffffff;
  border-radius: 10px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:0;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:10px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:20px;
}
#hamburger .btn-gNav.open span:nth-child(1){
  background: #fff;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 6px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #000000;/*#444*/
  font-size: 16px;
  box-sizing: border-box;
  z-index: 2;
  padding-top: 10px;
  transition: .3s;
}
#gNav.open{
  right: 0px;
}
#gNav .gNav-menu{
  width: 100%:;
  height:100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  /*justify-content: center;*/
}
#gNav .gNav-menu li{
  display: block;
  padding : 15px 20px;
}
#gNav .gNav-menu li a{
  color: #ddd;
  text-decoration: none;
}


@media screen and (min-width: 600px){
  .btn-gNav{
    display: none;
  }
  #gNav{
    position: fixed;
    top: 0;
    right: 0;
    height: 30px;
  }
  #gNav .gNav-menu{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    padding-left: 50px;
  }
  #gNav .gNav-menu li{
    padding-top: 5px;
  }
}


/*-------------------御挨拶オーバーレイ本文-----------------------*/
.example {
  position: relative;
  }
.example p2 {
	position: absolute;
	top: 75%;
	left: 50%;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.0em;
}
.example p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  color: #ffffff;/*#000000;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 1.2em;/*1.6em;/*サイズ倍*/
  font-family: ヒラギノ明朝 Pro W6;
  }
.example h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  color: #000000;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2.2em;/*サイズ倍*/
  font-family :ヒラギノ明朝 Pro W6;
  }
.example img {
  width:100%;
  height: 600px;
  }

/*--------------------トピックス---------------*/
.coc_area {
	overflow: hidden;
	background: #000000;
}
.ryourimidashi h1{
	font-size: 24px;
	color: #ffffff;
	background: #000000;
}
.coc_area:first-of-type {
	margin-top: 4px;
}
.coc_area figure img {
	float: left;
	margin: auto;
	/*border-radius: 2%;*/
	border: 2px #ffffee solid;
}
.coc_area figure figcaption {
	width: 485px;
	font-size: 18px;
    color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
}
.coc_area figure {
	width: 500px;
	margin: 0 0 15px 2px;
	float: left;
	overflow: hidden;
}
.coc_area figure:first-child {
	margin-left: 0px;
}
/*-------------------メインコンテンツ---------------*/
#main_contents {
	background: linear-gradient(brown, #8b0000);
}
#p1 {
	background: #666633;
}
#main_contents2 {
	background: brown;
	margin: auto;
}
#main_contents3 {
	background: #000000;
	color: #ffffff;
}
#main_contents h1{
	background: #222222;
	font-size: 19px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
	color: #ffffff;
	/*padding: 10px 230px 10px 180px;*/
	letter-spacing: 0.1em;
}
#main_contents p {
	font-size: 19px;
    color: #ffffff;
	padding: 6px 150px 15px 150px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
}
#p1 img {
	float: right;
	margin: 10px 50px 10px 50px;
	border-radius: none;/*5%;*/
	border: 8px #fffffe solid;
}
#p1 a {
	float: right;
	font-size: 18px;
	color: #222222;
	padding-top: 5px;
	padding-bottom: 30px;
    text-align: center;
}
.example img{
    border-radius: 0%;
	border: 13px #ffffee/*#fffed6*/ solid;
}
/*-----------------トピックスページ----------------------*/
.coc_area2 {
	overflow: hidden;
	background: #000000;
	margin-top: 5px;
}
.coc_area2 figure img {
	float: left;
	margin: auto;
	border-radius: 0%;
	border: 13px #ffffee solid;
}
.coc_area2 figure figcaption {
	width: 485px;
	font-size: 18px;
    color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
}
.coc_area2 figure {
	width: 500px;
	margin: 7px 0 15px 2px;
	float: left;
	overflow: hidden;
}
.coc_area2 figure:first-child {
	margin-left: 0px;
}
/*--------------------新着情報--------------------*/
#news-text{
	height: auto;/*300px;*/
	background: #000000;/*linear-gradient(#000000, #555555);/*#222222;*/
}
#news-text p {
    font-size: 18px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
}
#sub-title{
	font-size: 19px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#sub-title2{
	font-size: 19px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}


#sub-title h3 {
    color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#linka{
	font-size: 24px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#linkb{
	font-size: 24px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#linkc{
	font-size: 24px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#linkd{
	font-size: 24px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
    padding-top: 10px;
	text-align: center;
}
#news-text dl{
	font-size: 15px;
	color: #ffffff;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/
	padding-top: 15px;
	/*padding-left: 150px;*/
}
#news-text dl dt{
	font-weight: bold;
}
/*------------------店舗案内----------------------------*/

table {
		border-collapse: collapse;  /* セルの線を重ねる */
	margin: auto;
}
th,td {
    padding: 5px 10px;          /* 余白指定 */
}
th {
    background-color: linear-gradient(brown, #8b0000);/*#A52A2A;/* 背景色指定 */
    color:  #ffffff;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    position:  relative;        /* 位置指定 */
    z-index: 10;                /* 重なり調整 */
    font-size: 17px;
}
td {
    background-color:  linear-gradient(brown, #8b0000);/*#A52A2A;/*#brown;/*#222222;/*#c0c9ff; /* 背景色指定 */
    padding-left: 25px;         /* 余白指定 */
    font-size: 15px;
}
th::after {
    content:'';                 /* 空の要素を作る */
    position:  absolute;        /* 位置指定 */
    height: 20px;               /* 高さ指定 */
    width: 20px;                /* 幅指定 */
    /*background-color: #008080;/*#2196F3;  /* 背景色指定 */
    transform:  rotate(45deg);  /* 要素を回転 */
    top: 5px;                   /* 位置指定 */
    right: -12px;               /* 位置指定 */
    z-index:  -1;               /* 重なり調整 */
}
tr {
    /*border-bottom:  solid #fff; /* 線指定 */
	}
	#basho {
		margin: 1px 200px 1px 200px;
	background: #222222;
	}
	.tenpomidashi {
	    background: #222222;
		font-size: 25px;
		/*padding: 10px 300px;*/
	    magin: auto;
        color: #000000;
        text-align: center;
        font-family: ヒラギノ明朝 Pro W6;
        padding-top: 5px;
	}
.tenpomidashi2 {
		font-size: 25px;
		/*padding: 10px 300px;*/
	    magin: auto;
        color: #ffffff;
        text-align: center;
        font-family: ヒラギノ明朝 Pro W6;
        padding-top: 5px;
        background-color: #000000;
    width:1000px;
	}
.tenpomidashi4 h1{
       font-size: 25px;
       color: #000000;
       text-align: center;
       font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
}
	#basho2 {
		margin: 10px 200px 20px 200px;
		padding-left: 80px;
	background: #ffffff;
	}

.yoyaku { 
    background: #2222222;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	font-family: ヒラギノ明朝 Pro W6;
    border-top: 2px solid #997700;
	border-bottom: 2px solid #997700;
}
/*--------------------フッター--------------------*/
footer{
	height: 40px;
	background: #222222;
	border-top: 2px solid #997700;
	border-bottom: 2px solid #997700;
}
footer ul{
	list-style: none;
}
footer ul li{
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	float: left;
	padding-left: 10px;
	line-height: 40px;
}
#privacy_policy{
	line-height: 40px;
}
.pagetop{
	float: right;
	line-height: 40px;
	padding-right: 10px;
}
/*-----------------カクテル伸縮写真集----------------*/
/* ラジオボタンを非表示に */
#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#r9,#r10,#r11,#r12 { 
		display:none;
		}
/* 表示枠 */
#container { 
		position:relative; 
		max-width:1000px;
		max-height:1400px;
		margin: auto;
		}
/* 枠内一杯にテーブル */
#stage2 { position:relative;
		display:table;
		width:100%;
		}
/* 行 */
#stage2 .row {
		display:table-row;
		}
/* セル（辺が150pxの正方形に設定し、transitionを設定） */
#stage2 .row label {
			display:table-cell;
			width:150px;
			height:150px;
			border:#fff 1px solid;
			transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s; 
		}
/* セル内にセルの大きさで写真を表示、サムネイル下の隙間を削除 */
#stage2 .row label img {
		width:100%;
		height:100%;
		vertical-align: bottom;
		}
/* テーブルhoverですべてのセルを縮小 */
#stage2:hover > div label {
		width:80px;
		height:80px;
		cursor:pointer;
		}
/* 行hoverでその行だけ高さを拡大 */
#stage2 .row:hover > label  {
		height:360px;
		}
/* セルhoverで、そのセルの列だけ幅を拡大 */
#stage2 .row .cell1:hover {
		width:360px;
		}
#stage2 .row .cell2:hover {
		width:360px;
		}
#stage2 .row .cell3:hover { 
		width:360px;
		}
#stage2 .row .cell4:hover {
		width:360px;
		}
/* サムネイルクリックでその写真を画面いっぱいに拡大表示し、
　　その他のサムネイル格納セルの幅・高さを0にして枠線をなくし、写真を非表示にする */
#r1:checked ~ #stage2 .row label[for="r1"] { width:600px;height:600px; }
#r1:checked ~ #stage2 .row label:not([for="r1"]) { width:0;height:0;border:none; }
#r1:checked ~ #stage2 .row label:not([for="r1"]) img { display:none; }
#r2:checked ~ #stage2 .row label[for="r2"] { width:600px;height:600px; }
#r2:checked ~ #stage2 .row label:not([for="r2"]) { width:0;height:0;border:none; }
#r2:checked ~ #stage2 .row label:not([for="r2"]) img { display:none; }
#r3:checked ~ #stage2 .row label[for="r3"] { width:600px;height:600px; }
#r3:checked ~ #stage2 .row label:not([for="r3"]) { width:0;height:0;border:none; }
#r3:checked ~ #stage2 .row label:not([for="r3"]) img { display:none; }
#r4:checked ~ #stage2 .row label[for="r4"] { width:600px;height:600px; }
#r4:checked ~ #stage2 .row label:not([for="r4"]) { width:0;height:0;border:none; }
#r4:checked ~ #stage2 .row label:not([for="r4"]) img { display:none; }
#r5:checked ~ #stage2 .row label[for="r5"] { width:600px;height:600px; }
#r5:checked ~ #stage2 .row label:not([for="r5"]) { width:0;height:0;border:none; }
#r5:checked ~ #stage2 .row label:not([for="r5"]) img { display:none; }
#r6:checked ~ #stage2 .row label[for="r6"] { width:600px;height:600px; }
#r6:checked ~ #stage2 .row label:not([for="r6"]) { width:0;height:0;border:none; }
#r6:checked ~ #stage2 .row label:not([for="r6"]) img { display:none; }
#r7:checked ~ #stage2 .row label[for="r7"] { width:600px;height:600px; }
#r7:checked ~ #stage2 .row label:not([for="r7"]) { width:0;height:0;border:none; }
#r7:checked ~ #stage2 .row label:not([for="r7"]) img { display:none; }
#r8:checked ~ #stage2 .row label[for="r8"] { width:600px;height:600px; }
#r8:checked ~ #stage2 .row label:not([for="r8"]) { width:0;height:0;border:none; }
#r8:checked ~ #stage2 .row label:not([for="r8"]) img { display:none; }
#r9:checked ~ #stage2 .row label[for="r9"] { width:600px;height:600px; }
#r9:checked ~ #stage2 .row label:not([for="r9"]) { width:0;height:0;border:none; }
#r9:checked ~ #stage2 .row label:not([for="r9"]) img { display:none; }
#r10:checked ~ #stage2 .row label[for="r10"] { width:600px;height:600px; }
#r10:checked ~ #stage2 .row label:not([for="r10"]) { width:0;height:0;border:none; }
#r10:checked ~ #stage2 .row label:not([for="r10"]) img { display:none; }
#r11:checked ~ #stage2 .row label[for="r11"] { width:600px;height:600px; }
#r11:checked ~ #stage2 .row label:not([for="r11"]) { width:0;height:0;border:none; }
#r11:checked ~ #stage2 .row label:not([for="r11"]) img { display:none; }
#r12:checked ~ #stage2 .row label[for="r12"] { width:600px;height:600px; }
#r12:checked ~ #stage2 .row label:not([for="r12"]) { width:0;height:0;border:none; }
#r12:checked ~ #stage2 .row label:not([for="r12"]) img { display:none; }
#r13:checked ~ #stage2 .row label[for="r13"] { width:600px;height:600px; }
#r13:checked ~ #stage2 .row label:not([for="r13"]) { width:0;height:0;border:none; }
#r13:checked ~ #stage2 .row label:not([for="r13"]) img { display:none; }
#r14:checked ~ #stage2 .row label[for="r14"] { width:600px;height:600px; }
#r14:checked ~ #stage2 .row label:not([for="r14"]) { width:0;height:0;border:none; }
#r14:checked ~ #stage2 .row label:not([for="r14"]) img { display:none; }
#r15:checked ~ #stage2 .row label[for="r15"] { width:600px;height:600px; }
#r15:checked ~ #stage2 .row label:not([for="r15"]) { width:0;height:0;border:none; }
#r15:checked ~ #stage2 .row label:not([for="r15"]) img { display:none; }
#r16:checked ~ #stage2 .row label[for="r16"] { width:600px;height:600px; }
#r16:checked ~ #stage2 .row label:not([for="r16"]) { width:0;height:0;border:none; }
#r16:checked ~ #stage2 .row label:not([for="r16"]) img { display:none; }
/* 閉じるボタンの設定 */
#close_btn {
	display:block;
	color:#fdd;font-size:50px; font-weight:bold;
	position:absolute;top:5px;right:10px;
	z-index:100;
}
#close_btn:hover { color:#f00; cursor:pointer; }
/*--------------------アクセス--------------------*/
#access{
		height: 310px;
		background: #222222;
	}
#access_place{
	width: 550px;
	height: 250px;
	float: left;
}
#sub-titleaccess{
	font-size: 24px;
	color: #ffffff;
    font-weight: bold;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
	background: #2222222;
    padding-top: 30px;
    padding-left: 150px;
}
address{
	float: left;
	font-size: 16px;
	color: #ffffff;
    font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    padding-top: 10px;
    padding-left: 150px;
}
#map{
	float: right;
	padding-top: 30px;
	padding-right: 40px;
}
#shopinfo{
		height: 280px;
		background: #4d4d4d;
}
#map2{
	background: #ffffee;	
}
#shopinfo2{
		height: 280px;
		background: #ffeeff;
		margin-bottom: 20px;
	}
/*-------------INFORMATIONページ-------------------*/
.coc_area {
	overflow: hidden;
	background-color: #000000;
}

.coc_area:first-of-type {
	margin-top: 2px;
}
.coc_area figure img {
	float: left;
	margin: auto;
}
.coc_area figure figcaption {
	width: 485px;
	font-size: 18px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincyou Pro";
}
.coc_area figure {
	width: 500px;
	margin: 0 0 15px 2px;
	float: left;
	overflow: hidden;
}
.coc_area figure img {
    border: 13px #ffffee solid;
}


.coc_area figure:first-child {
	margin-left: 0px;
}
.gin{
    width:1000px;
    background-color: brown;
    padding: 10px 248px 10px 248px;
}


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*-----------------------------レスポンシブ-----------------------------*/
@media screen and (max-width: 640px) {
/*-- このコメント行の下に、スマートフォン用のCSSを記述 --*/
body {
width: 100%;
margin: 0px;
font-size: 1em;
text-align: center;
}
img {
max-width: 100%;

width: auto;
}
    
    
.example img {
  
  max-width: 100%;
height: auto;

  }
 .coc_area{
        display: none;
    } 
}

.main_imgBox {
    
    height: 430px;
    overflow: hidden;
    position: relative;
}

header2 {
	
	background: linear-gradient(#8b0000, #a52a2a);       
}
/*
#sub-title2 {
    display: none;
}*/
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #13A300;
	text-decoration: none;
}