@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	/*vertical-align: baseline;*/
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

html { overflow-y: scroll;}

blockquote,
q { quotes: none;}

blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none;}

input,
textarea,
select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit;}

ol,
ul { list-style: none; zoom: normal;}

table { border-collapse: collapse; border-spacing: 0; font-size: inherit;}

caption,
th { text-align: left;}

sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}

a,
a:focus { outline: none;}

img { border: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}

hr { height: 0; border: none;}
* html hr { /* for -IE6 */ margin: 0;}
*:first-child+html hr { /* for IE7 */ margin: 0;} 

/*   clearfix
------------------------------------------------- */
.clearfix:after { content:"."; display: block; clear: both; height: 0px; visibility: hidden; font-size: 0;}
.clearfix { min-height: 1px;}
*html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}

.clear { clear: both;}
/* CSS Main */

/*================================================

   Base

================================================*/

body {
	font-family: YakuHanJP, "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN",  Meiryo, sans-serif;
    /* font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*変更*/
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	width:100%;	
	-webkit-text-size-adjust: 100%;
	font-size:26px;
		/*background: #e84283;
	background: -moz-linear-gradient( #551f82 0%, #e84283 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#551f82), to(#e84283));
	background: -webkit-linear-gradient( #551f82 0%, #e84283 100%);
	background: -o-linear-gradient( #551f82 0%, #e84283 100%);
	background: -ms-linear-gradient( #551f82 0%, #e84283 100%);
	background: linear-gradient( #551f82 0%, #e84283 100%);*/
	background: #551f82;
background: -moz-linear-gradient( #551f82 0%, #e84283 25%, #551f82 50%, #e84283 51%, #551f82 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#551f82), color-stop(25%, #e84283), color-stop(50%, #551f82), color-stop(51%, #e84283), to(#551f82));
background: -webkit-linear-gradient( #551f82 0%, #e84283 25%, #551f82 50%, #e84283 51%, #551f82 100%);
background: -o-linear-gradient( #551f82 0%, #e84283 25%, #551f82 50%, #e84283 51%, #551f82 100%);
background: -ms-linear-gradient( #551f82 0%, #e84283 25%, #551f82 50%, #e84283 51%, #551f82 100%);
background: linear-gradient( #551f82 0%, #e84283 25%, #551f82 50%, #e84283 51%, #551f82 100%);
	}
.tile{background:url("../images/bgtiled.png");}
@media screen and (max-width: 599px) {}

/*================================================

   Box

================================================*/

/*#Info{background:#ffffff;box-sizing: border-box;text-align: center;margin: 0 auto;pading:20px;border:solid ;}
@media screen and (min-width: 960px) {#Info{width:960px;}}
@media screen and (min-width:600px) and ( max-width:959px)  {}
@media screen and (max-width: 599px) {#Info{width:100%;font-size:calc(100vw/27);}}*/

#Attraction,#Ticket,#Menu,#Greeting{margin:3em auto;}

@media screen and (min-width: 960px) {#Attraction,#Ticket,#Menu,#Greeting{margin:3em auto;}}
@media screen and (max-width: 959px) {#Attraction,#Ticket,#Menu,#Greeting{margin:3em auto;}}
@media screen and (max-width: 599px) {#Attraction,#Ticket,#Menu,#Greeting{margin:1em auto;}}


#Notice{margin:2em auto;}
#Notice div{width:auto;margin:0 auto;}
.Container{z-index:0;height:auto;position: relative;margin: 0 auto;}

.line_orgr/*封印*/{width:100%;
	height:0;
	padding-top:8.2%; /* (画像の高さ / 画像の横幅) × 100 */
	position:relative;
	display:block;
	overflow:hidden;
		background:url("../images/boxline_orgr.png") ;
	background-position:center top;
	background-size: contain;
	transform: skewY(-3deg);
	z-index: 10;
}

.line_orgr:before{}

.line_orgr img{z-index:50;margin:0 auto;}

.line_pppk{
	width:100%;
	height:0;
	padding-top:8.3333333333333%; /* (画像の高さ / 画像の横幅) × 100 */
	position:relative;
	z-index:0;
	display:block;
	overflow:hidden;
	background:url("../images/boxline_pppk.png") no-repeat;
	background-position:center top;
	background-size: contain;
	transform: skewY(-3deg);
}
.bgblack{width:auto;height:auto;background:#000000;height:50px;position: relative;
    z-index: 1;	box-sizing: border-box;}
.bgblack::before{ content: "";
	width:100%;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
	background-color:#ffffff;
	background-repeat:repeat-y;
	background-size:contain;
    transform: skewY(-3deg);background:#000000;}
.Mainbox{width:100%;/*position: relative;*/z-index: 1;box-sizing: border-box;background-color:#000000;color:#F1DFF7;}


.Boxline_tp{width:100%;transform: rotate(-3deg);z-index: 1;overflow: hidden;box-sizing: border-box;}
.Boxline_bt{width:100%;transform: rotate(-3deg);z-index: 1;overflow: hidden;box-sizing: border-box;}

.Boxline_tp img{width:110%;}
@media screen and (min-width: 960px) {.Mainbox{margin-top:-2em;}}
@media screen and (max-width: 959px) {.Mainbox{margin-top:-1em;}}
@media screen and (max-width: 599px) {.Mainbox{margin-top:-0.5em;}}

.dotted_t{margin:0 auto;}
.dotted_t::before{background:url("../images/boxline_dott.png") no-repeat;content: "";position: absolute;top: 0; bottom: 0; left: 0; right: 0;background-size:contain;padding-top:8.33333333333333%;height:0;background-position:center;margin:0 auto;}

@media screen and (min-width: 960px) {.dotted_t,.dotted_t::before{max-width:960px;}}
@media screen and (max-width: 959px) {.dotted_t{width:100%;}}
@media screen and (max-width: 599px) {.dotted_t{width:100%;}}


.Cnt_box{margin:0 auto;box-sizing: border-box;/*border-left:1px #fff solid;border:1px #fff solid;*/}


@media screen and (min-width: 960px) {.Cnt_box{max-width:960px;padding:4em 1em;}}
@media screen and (max-width: 959px) {.Cnt_box{width:98%;padding-top:2em;}}
@media screen and (max-width: 599px) {.Cnt_box{width:95%;padding-top:2em;}}

h3{text-align: center;font-weight:bold;color:#FBFBFB;/*text-shadow:1px 1px 0px #A20C31;*/border:double 4px #F84C97;padding:10px 0;animation: h3bdolor 15s infinite;    -webkit-animation: h3bdolor 15s infinite;}
h3 span{font-size:80%;font-weight:bold;}
h3.secline{line-height:1.2;}
h3.secline{padding-bottom: 20px!important;box-sizing: border-box;}

@-webkit-keyframes h3bdolor {
  0% { border: double 4px #ffffff; }
  20% { border: double 4px #FFF733; }
  40% { border: double 4px #F977BC; }
  60% { border: double 4px #66cc66; }
  80% { border: double 4px #28B6FD; }
  100% { border: double 4px #ffffff; }
}
@keyframes h3bdolor  {
  0% { border: double 4px #ffffff; }
  20% { border: double 4px #FFF733; }
  40% { border: double 4px #F977BC; }
  60% { border: double 4px #66cc66; }
  80% { border: double 4px #28B6FD; }
  100% { border: double 4px #ffffff; }
}


@media screen and (min-width: 960px) {h3{font-size:200%;}#Attraction h3{font-size:150%;}#Attraction h3.murder{padding:0.8em 0 0 0 ;}}
@media screen and (max-width: 959px) {h3{font-size:200%;}#Attraction h3{font-size:150%;}#Attraction h3.murder{padding:0.8em 0 0 0 ;}}
@media screen and (max-width: 599px) {h3{font-size:calc(100vw/18);}#Attraction h3{font-size:calc(100vw/20);}#Attraction h3.murder{padding:0.8em 0 0 0 ;}}


#insInfo{margin:0 auto;}




@media screen and (min-width: 960px) {h2.subttl{max-width:960px;}}
@media screen and (max-width: 959px) {h2.subttl{width:100%;}}
@media screen and (max-width: 599px) {h2.subttl{width:100%;overflow: hidden;}}



    .slide {
      animation: slide 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
    }

    @keyframes slide {
      0% {
    transform: translateX(1920px);
    opacity: 0;
  }
      100% {
    transform: translateX(0) skewY(-3deg);
		  
  }

    }




h2.subttl {
  transform-origin: top left;
	margin: 0 auto;
}


.Show {
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transform: translateX(100px) ; /* 傾きはかけない */
}

.stopShow {
  opacity: 1;
  transform: translateY(0); /* 傾きは親に任せる */
}




/*.Show{opacity:0;}
.stopShow{opacity: 1.0;transition-duration:2s;}
*/


.insBox{margin:0 auto;padding-bottom:1em;background:#000000;color:aliceblue;box-sizing: border-box;}/*中身*/
.lead{text-align: center;margin:1em auto;}


/*BP Container Box h2 insBox insInfo*/
@media screen and (min-width: 960px) {.Container{width:100%;padding-top:88px;}#Info{margin-top:1em;}h2 img{width:100%;}.insBox{padding-top:2em;}#Orange .insBox{padding:1em!important;}}
@media screen and (max-width: 959px) {.Container{width:98%;padding-top:50px;}h2 img{width:95%;}.insBox{padding-top:1em;}#Info{margin-top:1em;}#Info #insInfo .Box{padding-bottom:1em;}}
@media screen and (max-width: 599px) {.Container{width:98%;padding-top:20px;}h2 img{width:95%;}.insBox{padding:1em;}#Info{margin-top:0;}.lead{font-size:calc(100vw/25);}}


.lineBox{border:solid 3px rgba(247,160,35,1.00);text-align: center;padding:10px;margin:1em auto;background-color:white;}

@media screen and (min-width: 960px) {}
@media screen and (max-width: 959px) {.lineBox{font-size: 90%}}
@media screen and (max-width: 599px) {}

/*左右分けPC*/
.ContentLR{display:flex;width:100%;}
.ContentLR .BoxL,.ContentLR .BoxR{width:48%;}
.ContentLR .BoxL img,.ContentLR .BoxR img{width:100%;}
.ContentLR .BoxR{text-align:center;}
.limit{text-align:center;font-size:70%;}

@media screen and (min-width: 960px) {}
@media screen and (max-width: 959px) {}
@media screen and (max-width: 599px) {.limit{font-size:calc(100vw/30);}.ContentLR{display:block;}	.ContentLR{display:block;width:100%;margin:0 auto;}/*ADJ*/
	.ContentLR .BoxL,.ContentLR .BoxR{width:100%;display:block;}/*ADJ*/
	.ContentLR .BoxL img,.ContentLR .BoxR img{width:80%;margin:0 auto;}/*ADJ*/}

ruby{font-weight: bold;margin-top:10px;}

ruby[data-ruby] {/*ct*/
  position:relative;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position:absolute;
  left:-2em;
  top:-1.3em;
  right:-2em;
  text-align:center;
  font-size:0.5em;
}

/*================================================

   Position

================================================*/
.center{text-align: center;}


@media screen and (min-width: 960px) {.sp{display: none;}}
@media screen and (min-width:600px) and ( max-width:959px)  {.sp{display: none;}}
@media screen and (max-width: 599px) {.tbl,.pc{display: none;}.spleft{text-align:left!important;}}

/*================================================

   Fonts

================================================*/

.emp{font-weight: bold;}
.red{color:red;}
.lemon{color:yellow;}
.name{font-weight: bold;text-align: center;font-size:120%;color:crimson;}
.nameMid{font-weight: bold;text-align: center;color:crimson;}
.price{font-weight: bold;text-align: center;font-size:110%;display: block;margin:10px 0;}



h4{font-size:130%;font-weight: bold;text-align:left;}

#Ticket h4{border-bottom:solid 5px  #4d0071;color:#9c12fe;margin-top:0.5em;}
#Menu h4{border-bottom:solid 5px  #26288b;color:#297fd8;margin-top:0.5em;}

@media screen and (min-width:960px) {.Box{font-size:100%;}.txtSmall{font-size:80%;}.nameMid{font-size:120%;}}
@media screen and (min-width:600px) and (max-width:959px) {.txtSmall{font-size:80%;}.nameMid{font-size:120%;}}
@media screen and (max-width:599px) {.Box{font-size:calc(100vw/27);}.txtSmall{font-size:calc(100vw/30);}h4{text-align: center;}.nameMid{font-size:100%;}.price{font-size:calc(100vw/20)}}
a {color:coral;}
a:hover{color:cyan;}
/*ul*/

ul.text_note li{list-style-type:disc;list-style-position: inside;}

ul li.nondisc{list-style: none!important;}
@media screen and (min-width: 960px) {ul.text_note{margin-left:20px;margin-bottom:10px;font-size:70%; padding-left:1em;text-indent:-2em;}}
@media screen and (min-width:600px) and (max-width:959px){ul.text_note{margin-left:20px;margin-bottom:10px;font-size:70%; padding-left:1em;text-indent:-2em;}}
@media screen and (max-width: 599px) {ul.text_note li{font-size:calc(100vw/30);/*text-indent:-2em;*/}}

/*================================================

   Images

================================================*/
.imgBox,.imgBoxL,.imgBoxMax{width:100%; text-align: center;margin:1em auto;}
#imgDate{width:100%; text-align: center;margin:0 auto;}

@media screen and (min-width: 960px) {#imgDate img{width:931px;}}
@media screen and (min-width:600px) and ( max-width:959px)  {#imgDate img{width:100%;}}
@media screen and (max-width: 599px) {#imgDate img{width:100%;}}

.imgBox img {width:450px;}
.imgBoxL img{width:700px;}
.imgBoxMax img{margin: 0 auto;}
@media screen and (min-width: 960px) {}
@media  screen and (min-width:600px) and ( max-width:959px)  {.imgBoxL img{width:90%;}}
@media screen and (max-width: 599px) {.imgBox img{width:70%;}.imgBoxL img{width:90%;}.imgBoxMax img{width:98%;margin: 0 auto;}}


/*================================================

   Link

================================================*/

.Link{
  background-color: #FB742E;
  border: 3px solid #C15411;
  text-shadow:#C15411 1px 1px 1px;
  font-size:100%;
  display:block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 15px 15px;
  border-radius: 10px;
  transition: .4s;
  margin:10px auto 20px auto;
  font-family : inherit;
  cursor:pointer;


}

.Link:hover{
	/*transform: rotate(-1deg);*/
	transform: translate(0, -5px);
  background-color: black;
  border: 3px solid #FB742E;
	color:#ffffff;
}


 @media (min-width: 960px) {.Link{max-width:960px;}.Link i{margin-right:10px;}}
 @media screen and (min-width:600px) and ( max-width:959px) {.Link{width:95%;}.Link i{margin-right:10px;}}
 @media screen and (max-width:599px) { .Link{width:98%;margin:10px auto;line-height: 1.6;padding:5px 0;box-sizing: border-box;font-size:calc(100vw/25);}.Link i{margin-right:3px;}}

.textLink,
.textLink span {
  display: inline-block;
}
.textLink span {
  transition: .5s;
}
.textLink:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}


@media (min-width: 600px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*================================================

   Table

================================================*/

/*table*/
table{width:100%;border:1px solid #9D25DB;box-sizing: border-box;margin-top:20px;margin-bottom:20px;}
table th{border:1px solid #9D25DB;padding:10px;text-align: center;box-sizing: border-box;font-weight:bold;background:rgba(90,4,134,0.50);}
table td{border:1px solid #9D25DB;padding:10px;box-sizing: border-box;}


@media (min-width: 960px) {caption{font-size:90%;}table th{width:25%;}table td{text-align:left;font-size:80%;}}

@media screen and (min-width:600px) and ( max-width:959px) {caption{font-size:90%;}table th{width:25%;}table.card th{width:50%;font-size:calc(100vw/25)!important;}table th.w25{width:25%!important;}table th.w50{width:50%!important;}table.Menu th{width:40%;font-size:85%;}table td{text-align:left;font-size:80%;}table td{font-size:80%;}}

@media (max-width: 599px){
	caption{font-size :calc(100vw/23);}
	table{width:100%;border:none;}
	table th{border-bottom:none;border-top:none;}
	table td{text-align: center;}
	table tr:nth-child(1) th:nth-child(1){border-top: 1px solid #9D25DB;}
	table td ul li{text-align: left;font-size:calc(100vw/30);}
	table th{display : block!important;width:100%;text-align: center;font-size:calc(100vw/25);}
	table td{display : block!important;width:100%;text-align: center;font-size:calc(100vw/25);}
	table th{font-size:calc(100vw/25);}
	caption{text-align: center;margin-bottom:10px;}
}
	
/*================================================

   Navigation

================================================*/

/*header*/
#Details header{display:block;}
.drawer-open {
  overflow: hidden !important; }

#header {
  position: relative; }
/*  #header .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    padding: 12px; }
    ##header .logo a {
      display: block;
      height: 100%; }
    header .logo img {
      width: auto;
      height: auto;
      max-height: 100%; }*/
  @media screen and (min-width: 960px) {
    #header .head_nav {
      width: 100%;
      border-style: solid;
      border-width: 1px 0;
      font-weight: bold;
      font-size: 14px;
      line-height: 1;                                                                                                                                                                                           
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;
      transition: 0.3s;
      transform: translateY(-101%); }
      #header .head_nav.active {
        transform: translateY(0); }
      #header .head_nav:before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 60px;
        left: 0; }
      #header .head_nav ul {
        display: flex;
        flex-wrap: wrap; }
      #header .head_nav li {
       /* width: 190px;*/
		width:19.5%;/*ボタン幅*/
        height: 60px;
        border-right: 1px solid;
	  	}
        #header .head_nav li:nth-child(-n+5)/*adj*/ {
          margin-bottom: 1px; }
        /*#header .head_nav li:nth-child(6n-4) {
          border-left: 1px solid;}*//*adj*/
      #header .head_nav a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        perspective: 1px; }
        #header .head_nav a:before {
          content: "";
          width: 0;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: auto;
          z-index: -1;
          transition: 0.3s; }
        #header .head_nav a:hover {
          opacity: 1; }
          #header .head_nav a:hover:before {
            width: 100%; }
    /*.full #header .logo {
      display: none; }*/
    .lp:not(.full) #header {
      padding-bottom: 89px; }
      .lp:not(.full) #header .head_nav {
        position: absolute;
        top: 80px;
        transition: 0s;
        transform: translateY(0); }
        .lp:not(.full) #header .head_nav.active {
          position: fixed;
          top: 0; } }
  @media screen and (max-width: 959px) {
    /*#header .logo {
      justify-content: flex-start;
      height: 50px;
      padding: 10px; }*/
     /* #header .logo img {
        max-width: 250px; }*/
    #header .drawer-hamburger {
      display: block;
      width: 50px;
      height: 50px;
      padding: 0;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 104;
      transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      transform: translate3d(0, 0, 0);
      cursor: pointer; 
	  background: rgba(9,0,0,0.50);/*adj*/
		border:none;
	  
	  }
      #header .drawer-hamburger .txt {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 9px;
        line-height: 1;
	  	color:beige;/*adj*/
	  }
      #header .drawer-hamburger .close {
        display: none; }
      .drawer-open #header .drawer-hamburger .menu {
        display: none; }
      .drawer-open #header .drawer-hamburger .close {
        display: block; }
    #header .drawer-hamburger-icon {
      display: block;
      width: 50%;
      margin: 10px auto 14px;
      position: relative; }
      #header .drawer-hamburger-icon, #header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {
        height: 2px;
        border-radius: 10px;
        transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);background-color:beige ; /*adj*/}
      #header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {
        content: "";
        width: 100%;
        position: absolute;
        top: -8px;
        left: 0; }
      #header .drawer-hamburger-icon:after {
        top: 8px; }
      .drawer-open #header .drawer-hamburger-icon {
        background-color: transparent; }
        .drawer-open #header .drawer-hamburger-icon:before, .drawer-open #header .drawer-hamburger-icon:after {
          top: 0; }
        .drawer-open #header .drawer-hamburger-icon:before {
          transform: rotate(45deg); }
        .drawer-open #header .drawer-hamburger-icon:after {
          transform: rotate(-45deg); }
    #header .head_nav {
      width: 100%;
      height: 100%;
      position: fixed;
      top: -100%;
      left: 0;
      z-index: 101;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
      .drawer-open #header .head_nav {
        top: 0; }
      #header .head_nav ul {
        padding: 80px 20px  50px;
        text-align: center;
        font-weight: bold;
        line-height: 1.4; }
      #header .head_nav li:not(:last-child) {
        margin-bottom: 10px; }
      #header .head_nav a {
        display: block;
        padding: 14px 0; } }

#top_nav {
  padding-bottom: 40px;
  overflow: hidden;
  text-align: center;
  line-height: 1.4; }
#top_nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px -30px 0; }
#top_nav li {
    width: 555px;
    margin: 0 30px 30px 0; }
#top_nav a {
    display: block;
    margin-bottom: 10px; }
#top_nav a img {
      width: 100%;
      height: auto; }

  @media screen and (max-width: 959px) {
    #top_nav ul {
      display: block;
      margin: 0 0 -20px; }
    #top_nav li {
      width: auto;
      margin: 0 0 20px; }
    #top_nav p {
      padding: 0 5%; } }


#header .head_nav {
  background: #6f1fb9;/*背景色*/
}

@media (max-width: 959px) {
  #header .head_nav {
    background: #6f1fb9;/*背景色*/
  }
}

#header .head_nav::before {
  content: "";
  background-color: rgba(57,0,0,0.50);/*真ん中の線要らない*/
}


@media screen and (max-width: 959px) {
  #header .head_nav li {
    /*background-image: url(../img/common/gnav-bg-sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;*/
    position: relative;
  }	
	
  #header .head_nav li::before {
    content: "";
    padding-top: 9.8vw;/*adj13.9vw */
    display: block;
  }
  #header .head_nav li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: white;/*adj*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
}

canvas {
  display: inline-block;
  vertical-align: middle; }

/*Remake*/

nav a {text-decoration: none;}
nav a {color:aliceblue;}
@media screen and (min-width:960px) {
	nav ul{width: 960px;margin:0 auto;}
	#header .head_nav li{border-right:rgba(57,0,0,0.50)/*adj*/ solid 1px;}
	#header .head_nav li:nth-child(1)/*,#header .head_nav li:nth-child(6)*/{border-left:rgba(57,0,0,0.50) solid 1px;/*adj*/}
	#header .head_nav li:hover{background:rgba(57,0,0,0.50);}
	
}
/*------------------------------------------------
	sns
------------------------------------------------*/

.space{
	height: 50px;
	overflow: hidden;
	text-align: center;
	width:90px;
	margin: 0 auto;

}


.space p {
	float: left;
	height: 40px;

}
.space p:last-child{margin-left:10px;}
.space p i{font-size:40px;color:#ffffff;}

#sns{border-bottom:double 1px #963BE9;margin-bottom:20px;padding-bottom:5px;}


/*----------------------------------------
		header
----------------------------------------*/
#Title+hr {background: url(../images/bgLine.png) repeat-x ;height:26px;width:100%;margin:0 auto;border:hidden;}/*変更*/
@media (min-width: 960px) {#Title+hr{display:none;}}/*変更*/


#Title {
	width:100%;
	height:0;
	padding-top:70.72916666666667%; /* (画像の高さ / 画像の横幅) × 100 */
	position:relative;
	z-index:0;
	display:block;
	overflow:hidden;
	background:url("../images/Title.png") no-repeat;
	background-position:center top;
	background-size: contain;
}


#alt_header{margin-bottom:10px;}

@media screen and (min-width: 960px) {#Title{background-size:auto;padding-top:679px;}#alt_header{background:url("../images/header.png") no-repeat;}}
@media screen and (max-width: 959px) {body{width:100%;}}
@media screen and (max-width: 599px) {body{width:100%;}}
/*------------------------------------------------
	footer
------------------------------------------------*/
#Copy,#Pagenote{color:#ffffff;text-align: center;margin-top:10px;margin-bottom:10px;}
@media screen and (min-width: 960px) {#Copy,footer,#Pagenote{font-size:20px;}}
@media screen and (max-width: 959px) {#Copy,footer,#Pagenote{font-size:15px;}}
@media screen and (max-width: 599px) {footer,#Copy,#Pagenote{font-size:calc(100vw/30);}}

footer {
	margin: 10px auto 0px auto;
	text-align: center;
	background:#6f1fb9;
	color:#ffffff;
	width:100%;
	padding:1em 0;

}

@media screen and (max-width: 599px){footer img{width:50%;height:auto;}}