@charset "UTF-8";

body{color:#000;background-color:#f5f5f5;}

#header {padding-top:50px;}
#gaikan {background-color: #000;width:100%;height:auto;}
.logo{position:absolute;top:0;left:50px;z-index: 1;width:30%;}
#bunsho {background-color: #fff;background-position: top; background-repeat: no-repeat;background-size:cover;}
#naikan {margin:0;padding:0;text-align:center;}
#gaikan img,#naikan img{vertical-align:bottom;}
#menu th{text-align: center;padding-bottom:1rem;font-size:0.8rem;}
#menu td:first-child{text-align: left;width:60%;}
#menu td:last-child{text-align: right;width:40%;}
.kisetu {text-align: center;}
.chui {color: gray;text-align:right;font-size: 70%;margin: 0;}
.chui2{color:#a50606;font-size:0.9rem;}
.red{color:red;}
#info {margin: 0 auto;padding: 50px;}
#info p{margin: 0px;}
#info p:last-child{text-align: center;padding-top:20px;margin:0 auto;width:500px;}
#info p:last-child img{width:100%;}
#photo{position: relative;width:100%;background-color:transparent;color:#333;padding:100px 20px 10px 20px;}
#photo .photo-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
#photo .photo-wrap div img{width:100%;}
#photo .photo-wrap div p{font-size:0.8em;letter-spacing:normal;text-align: center;}
#photo .photo-wrap div p:last-child{font-size:0.7em;}
.pagetop {display: none;position: fixed;bottom: 10px;right: 10px;z-index:999;}
.pagetop img{width:80px;}
.pagetop a {display: block;text-decoration: none;padding: 0px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.pagetop a:hover {display: block;text-decoration: none;padding:0px;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
/* footer{text-align: center;padding:20px;color:#FFF;width:100%; margin-top:150px;} */
a {text-decoration: none;color: #fff;}
/* a:visited {color: #fff;} */
.sup{font-size: 0.7rem;}
td span{font-size:0.8rem;color:#c4609e;}

/*   ボタンタグ設定   */
button {
 display: block;
 background-color: rgba(206,155,14,0.6);
 border: none;
 padding: 20px;
 width: 120px;
 color: #333;
 letter-spacing: 0.4em;
 cursor: pointer;
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 1001;
 text-align: center;
 outline: none;
 }
 /*   ハンバーガーボタン3本線   */
 button span.bar {
 display: block;
 height: 4px;
 background-color: #fff;
 margin: 20px 0;
 transition: all 0.2s;
 transform-origin: 0 0;
 }
 button .close {letter-spacing: 0.08em;display: none;font-size: 1.5em;}
 button .menu {display: block;color: #fff;font-size: 1.5em;}
/*  メニューアクティブ時  */
 button.active span.bar {width: 94px;}
 button.active .bar1 {transform: rotate(30deg); }
 button.active .bar2 {opacity: 0;}
 button.active .bar3 {transform: rotate(-30deg);}
 button.active .menu {display: none;}
 button.active .close {display: block;color: #fff;}
 /* nav {
  width: 40%;
  height: 100%;
  transition: all 0.2s;
  transform:translateX(600px);
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 1000;
  background-color: rgba(12,16,35,0.8);
  padding-top: 50px
  } */
/* nav.open {transform: translate(0);} */
/* nav ul{padding-left:2em;} */
/* nav li {list-style:none;color: #fff;font-size:1.5rem;margin-bottom: 20px;} */


#gaikan{position: relative;}


/*アニメーション*/
.item_text{
 animation: bound .3s ease infinite alternate;
}

@keyframes bound{
 0% {transform: translateY(0px);}
 100% {transform: translateY(-10px);}
}

/*PC*/
@media screen and (min-width:768px){
#wrap{width:80%;max-width:1200px;min-width: 710px;margin:0 auto;}
#wrap {padding:0;box-shadow:5px 5px 7px 5px rgba(0,0,0,0.2);}
#bunsho{padding:50px 120px;line-height: 2rem;}
#menu{background-color: white;}
#menu .menuwaku{width:200px;padding:10px;font-size:1.5rem;letter-spacing:0.3rem;}
.chui {line-height:0.5rem;text-align:center;font-size:0.8rem;}
#menu .kisetu_menu{display: inline-block;color:#a31111;font-size:1.2rem;text-align:center;border: 1px solid;letter-spacing: 0.2em;margin:50px auto 20px ;padding:5px 20px;}
#menu .menusub  {color:#443;font-size:1.2rem;text-align:center;width:25%;min-width:250px;border: 1px solid;letter-spacing: 0.3em;margin:50px auto 20px auto;padding:5px;}
#menu table{margin:0 auto; width:50%;min-width:400px;}
#photo p{font-size: 1.3rem;margin:0 auto;letter-spacing: 0.5rem;}
#photo .photo-wrap > div{width: calc((100% - 30px) / 4);background-color:white;margin-bottom:10px;}

#gaikan img.ticket{position: absolute;bottom:40px;right:-50px;width:300px;transform: rotate(5deg);}

}

/*SP*/
@media screen and (max-width:767px){
/* html{overflow-x: hidden;} */
/* body {margin:0px;padding:0px;width:100vw;overflow-x: hidden} */
body {margin:0px;padding:0px;width:100vw;}
.pagetop img{width:60px;}
/* #wrap {width:100vw;margin: 0 auto;overflow: hidden;} */
#wrap {width:100vw;margin: 0 auto}
button{width:70px;padding:5px;font-size:0.5rem;}
button span.bar{height: 2px;margin:8px;}
button .close{font-size:0.5rem;}
button.active span.bar {width: 50px;margin:8px;}
button.active .bar1 {transform: rotate(25deg); }
button.active .bar3 {transform: rotate(-25deg);}
/* nav{width:90vw;height:100vh;font-size:1.5rem;} */

#naikan img{width:100vw;}
#menu{background-color: #FFF;padding:4rem 1rem;text-align:center;}
#menu table{margin:0 auto; width:80%;}
#menu .menuwaku { width: 70%; margin-left: 60px; padding: 10px;letter-spacing: 0.6em;margin:0 auto;}
.chui{font-size:0.8rem;text-align: center;}
#menu .menusub{margin:6vh auto 2vh auto;padding:10px;color:#443;text-align:center;width:50%;border: 1px solid;letter-spacing: 0.6em;}
#menu .kisetu_menu{margin:6vh auto 1vh auto;padding:10px;color:#a31111;text-align:center;width:50%;border: 1px solid;letter-spacing: 0.2em;}
#info{width: 100vw;padding:2rem 1rem;font-size: 0.9rem;}
#info p{margin-bottom:0.3rem;}
#info p:last-child{text-align: center;margin:0 auto;padding-top:3vh;width:80%;min-width:300px;max-width:400px;}
#photo{padding:0;}
#photo .photo-wrap > div{width: calc(100% / 2 - 2px);background-color:white;border-top:1px gray solid;}
#photo .photo-wrap > div:nth-child(odd){border-right:1px gray solid;}
#photo .photo-wrap > div:last-child,
#photo .photo-wrap > div:nth-last-of-type(2){border-bottom:1px solid gray;}
#photo .photo-wrap div p{margin:0;}
#gaikan img.ticket{position: absolute;bottom:-20px;right:50px;width:40vw;}

}