/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
img{
  max-width: 100%;
}
body {
    line-height:1;
    background-color: #000;
    color: #fff;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #b0b0b0; text-decoration: none; }
a:active { color: #b0b0b0; text-decoration: none; }

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */

input, select {
    vertical-align:middle;
}

/* reset */


body {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.25;
}

table,
#tour_goods
{
  width: 1100px;
  margin: 0 auto;
}
#jaket{
   position: relative;
   background-image:url("../images/bg01.png");
   background-repeat: no-repeat;
   background-size: 100%;
   background-size:contain;
   padding-bottom: 90px;
   height: 1200px;

}
.navi {
    position: fixed;
    top: 3%;
    right: 1%;
    z-index: 1;
}
/**************nav************************/
.navi {position: fixed;top:3%;right:1%;z-index:1;}
.navi li {display:block;margin-bottom:5px;}
.navi li a {display:block;text-align:center;color:#fff;background:rgba(0,0,0,.2);height:80%;width:80%;/*line-height:70px;*/font-size:1.5em; padding: 10% 10% 7% 10%; vertical-align: }
.navi li a:hover {background:rgba(0,0,0,.8);}
.slicknav_menu{display:none;}


#jaketwrap .tourjaket{
width: 1100px;
margin:0 auto;
}
#jaket .tourtitle{
width: 100%;
text-align: center;
position: relative;
top: -670px;
left:0px;
z-index: 100;
background-color: rgba(255,255,255,0.3);
padding: 30px 0%;
}

#schedule{
background-image:url("../images/bg02.png");
background-repeat:repeat-x;
height: 1080px;
margin:0 auto;
background-size:auto 100%;

}
#ticket{
background-image:url("../images/bg03.png");
background-repeat: no-repeat;
height: 1000px;
height: auto;
background-size:cover;
background-size:100% auto;
}
section h1{
text-align: center;
}

#schedule h1{
padding-top: 78px;
padding-bottom: 60px;
}

table tr{
font-size: 26px;
}

table tr{
border-bottom:5px solid #080b32;
}
table tr th{
padding-bottom: 23px;

}

table td{
text-align: center;
font-size: 17px;
padding:16px 0px 8px 0px;
vertical-align:middle;
}

#ticket h1{
  padding-top:9%;
  margin-bottom: 2.7%;
}

#ticket .tiketctn{
  width: 1100px;
  margin:0 auto ;
}

#ticket .tiketctn p{
  text-align: center;
}
#ticket .tiketctn p.ticketttl{
  font-size: 44px;
  margin-bottom: 264px;
  margin-bottom: 20.5%;
}
#ticket .tiketctn p.ticketdetail01{
  font-size: 46px;
  margin-bottom: 30px;
}
#ticket .tiketctn p.ticketdetail02{
 margin-bottom: 22px;
font-size: 18px;
padding-bottom: 30px;
}

#tour_goods{
  padding-top:70px;
}
#tour_goods .good_ctn{
  width:1100px;
  margin:0px auto 30px auto;
  background-color: #2f2f2f;
  overflow: hidden;
  padding:5% 5%;
  box-sizing: border-box;
}

#tour_goods .good_ctn dl:nth-child(2n+1){
  width: 45%;
  float: left;
}

#tour_goods .good_ctn dl:nth-child(2n){
  width: 45%;

  float: right;
}

#tour_goods .good_ctn dl{
  background: #fff;
  display: block;
  color: #000000;
  margin-bottom: 5%;
  text-align: center;
  -webkit-box-shadow: 0 0 16px rgba(255,255,255,.65);
  -moz-box-shadow: 0 0 16px rgba(255,255,255,.65);
  box-shadow: 0 0 16px rgba(255,255,255,.65);
}

#tour_goods .good_ctn dl{
    box-sizing: border-box;
    padding: 5% 2% 6% 2%;
}

#tour_goods .good_ctn dl.last01{
    clear:both;
    float:none;
    margin: 0 auto;
}

#tour_goods .good_ctn p{
  clear:both;
}

#tour_goods .good_ctn p{
    margin-top:100px;
    font-size: 18px;
    clear:both;
    text-align: center;
}
.goods_name,
.goods_size,
.goods_price
{
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
.goods_name{
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 5px solid #1d2088;
    width: 90%;
    margin:5% auto 5px auto;
}
.goods_size{
    padding: 5px 0px;
    font-size: 20px;
}
.goods_price{
    font-size: 40px;

}
#snsicon ul{
  width:36px;
  margin:2.5% auto;
  overflow:hidden;

}
#snsicon ul li{
  width: 36px;
  float: left;
  list-style: none;
}

.iconfacebook{
margin-right: 28px;
}

.pc{display: block;}
.pc01{display: none;}
#snsicon{
  width: 100%;
  position: relative;
  overflow: hidden
}
.snsiconnavi{
  -webkit-transform: translate(0,80px);
     -moz-transform: translate(0,80px);
      -ms-transform: translate(0,80px);
       -o-transform: translate(0,80px);
          transform: translate(0,80px);
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}
.snsiconnavi.bottom{
  -webkit-transform: translate(0,0);
     -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
.snsiconnavi ul li{
  display: table-cell;
  vertical-align: middle;
}

footer{
  padding: 1% 0% 5% 0%;
  background: #444849;
  text-align: center;

}
 .sp{display: none;}
 #navisp{display:none;}
 span.datedetail,
 span.areadetail,
 span.placedetail,
  span.timedetail,
 span.questiondetail{
  display: none;
 }
 .spimg{display:none;}

@media screen and (max-width: 1100px) {
.pc{display:none;}
.pc01{display:block;}
  #jaket,
  #schedule,
  #ticket,
  #tour_goods{
    width: 100%;
    height: auto;
    }
#jaketwrap .tourjaket{
    max-width: 100%;
    margin:0 auto;
}
#schedule{
   background-repeat:repeat-x;
   height: 1080px;
   margin:0 auto;
   background-size: auto 100%;
}
  #ticket{
    background-size: contain;
    background-size:cover;

  }
#ticket .tiketctn {
    width: 100%;
    margin: 0 auto;
}
table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
table tr {
padding: .35em;
}
table th,
table td{
padding: .625em;
text-align: center;
vertical-align: middle;
}
table th.area{
width: 10%;
}
table th.place{
width: 30%;
}
table tr th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 18px;
}
table td {
font-size: 16px;
}


#ticket h1{
  padding-top:5%;
  margin-bottom: 2.1%;
}
#ticket .tiketctn{
  margin:0 auto ;
}

#ticket .tiketctn p{
  text-align: center;
}

#ticket .tiketctn p.ticketttl{
  font-size: 32px;
  margin-bottom: 264px;
  margin-bottom: 20%;
}
#ticket .tiketctn p.ticketdetail01{
  font-size: 28px;
  margin-bottom: 32px;
}
#ticket .tiketctn p.ticketdetail02{
  margin-bottom: 16px;
    font-size: 18px;
}
  #tour_goods .good_ctn{
  width:100%;
  background-color: #2f2f2f;
  overflow: hidden;
  box-sizing: border-box;
}
    #tour_goods .good_ctn dl:nth-child(2n+1){
    width: 45%;
    float: left;
    box-sizing: border-box;
    }
    #tour_goods .good_ctn dl:nth-child(2n){
    width: 45%;
    float: right;
    box-sizing: border-box;
    }
    #tour_goods .good_ctn dl{
    background: #fff;
    display: block;
    color: #000000;
    margin-bottom: 5%;
    text-align: center;
    -webkit-box-shadow: 0 0 16px rgba(255,255,255,.65);
    -moz-box-shadow: 0 0 16px rgba(255,255,255,.65);
    box-shadow: 0 0 16px rgba(255,255,255,.65);
    }

    #tour_goods .good_ctn dl.last01{
    clear: both;
    float: none;
    width: 45%;
    margin:0 auto;
    }

    #tour_goods .good_ctn p{
        width: 100%;
        font-size: 13px;

    }
    .sp{display: none;}

    .navi{display: block;}
    #navisp{display:none;}
    .spimg{display:none;}
    .pcimg{display: inline-block;}

}

.spimg{display:none;}

@media screen and (max-width: 767px) {

  .sp{display:block;}
  .pcimg{display:none;}
  .spimg{display: inline-block;}
  .goods_price{
    font-size: 28px;
  }
  #jaket{
   padding-bottom: 40px;
  
}
    #jaket,
    #schedule,
    #ticket{
      width: 100%;
      height: auto;
      background-size:100% 100%;
      }
    #schedule{
     background-repeat:repeat-x;
     height: auto;
     margin:0 auto;
     background-size: auto 100%;
    }
    #schedule h1{
      padding-top: 20px;
      padding-bottom:0px;
    }
    #ticket h1 img{
      width: 72.53%;;
    }

   #ticket .tiketctn p.ticketttl {
    padding-bottom: 18%;
   }
#ticket .tiketctn p.ticketdetail01{
  font-size: 20px;
  margin-bottom: 32px;
}
#ticket .tiketctn p.ticketdetail02{
  margin-bottom: 14px;
    font-size: 14px;
}

  #tour_goods{
    padding-top: 20px;
    padding-bottom: 2.1%;
  }
  #tour_goods h1{
   margin-bottom: 2.1%; 
  }

   table {
      border: 0;
    }
    table caption {
      font-size: 1.3em;
    }
    table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    table tr {
      display: block;
      margin-bottom: .625em;
    }
    table td {
      display: block;
      font-size: .8em;
/*      text-align: right;*/
      font-size: .70em;
    }
    table td:before {

    /*   aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);

      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;*/
  }
  table td:last-child {
      border-bottom: 0;
  }
  table tr:first-child{
    margin-top: 5%;
    border-top: 5px solid #080b32;
  }
 span.datedetail,
 span.areadetail,
 span.placedetail,
 span.timedetail,
 span.questiondetail{margin-bottom:1.5%;color: #c9c9c9; display:block;}
 section h1 {
    width: 50%;
    margin: 0 auto;
  }
  .goods_name{
    font-size: 22px;
  }
  #tour_goods .good_ctn{
    width: 85%;
    padding:5%;
    margin: 0 auto;
  }
  #tour_goods .good_ctn dl:nth-child(2n+1){
    width: 100%;
    float: none;
  }
  #tour_goods .good_ctn dl:nth-child(2n){
      width: 100%;
    float: none;
  }

      .navi{display:none;}
      .slicknav_menu{display:block;}

    #navisp{display:block;}
    #navisp ul{width: 100%; overflow: hidden;}
    #navisp ul li{width: 50%; text-align: center; display:block; padding:2.5% 0%; float: left;}
    #navisp ul li img{ width: 50%;}
    #navisp ul li.navischedule{ width: 100%;text-align:center; padding:4% 0% 1.5% 0%}
    #navisp a:hover{opacity:0.5;}

    body,
    #schedule,
    #ticket,
    #tour_goods{
      padding-top: 49px;
    }
    #schedule > *:first-child,
    #ticket > *:first-child,
    #tour_goods > *:first-child{
      margin-top: -40px;
      padding-top: 49px;
    }
    #schedule{
      padding-top: 30px;
    }
    .goods_size{
      font-size: 16px;
    }
}