@charset "utf-8";
@import "minireset.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";

/* Helper */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}
.text-centered {
  text-align: center;
}
.text-centered img {
  max-width: 50%;
  z-index: auto;
}
.text-right {
  text-align: right;
}
.hidetxt {
  overflow: hidden;
  text-indent: 110%;
  white-space: nowrap;
}
.small {
  font-size: 90%;
}
.important {
  background-color: #ffec51;
}
.important span{
  font-size: 180%;
  line-height:150%;
}
/* Tips */
.rotate {
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.bgshadow
{
  box-shadow:0px 0px 18px -5px #000000;
  -moz-box-shadow:0px 0px 18px -5px #000000;
  -webkit-box-shadow:0px 0px 18px -5px #000000;
}
.stripe{
   border-top: #c6c3a9 solid 25px;
/*   border-image: url("../images/stripe.png") 24 24 round;*/
}
body {
    background:#000;
}

#sky {
  position:relative;
  width:500px;
  margin:0 auto;
}

#star1 {
    position:absolute;
    top:140px;
    left:60px
}
#star2 {
    position:absolute;
    top:100px;
    left:110px
}
#star3 {
    position:absolute;
    top:170px;
    left:140px
}
#star4 {
    position:absolute;
    top:150px;
    left:190px
}
#star5 {
    position:absolute;
    top:80px;
    left:240px
}
#star6 {
    position:absolute;
    top:115px;
    left:270px
}
#star7 {
    position:absolute;
    top:190px;
    left:350px
}
#star8 {
    position:absolute;
    top:100px;
    left:360px
}
/*---- 共通部分 ----*/
body {
  color: #000;
  font: 100%/1.7em 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','HiraKakuProN-W3','メイリオ','Meiryo','ＭＳ ゴシック','MS Gothic',Osaka,Verdana,arial,helvetica,sans-serif;
/*  background: linear-gradient(to top, #e5007e 0%, #fff 100%);*/
/*  background-color: #e5007e;*/
  background: #e5007e url(../images/bg.png) repeat fixed center top;
}
a {
  color: #e5007e;
  border-bottom: 0px solid rgba(32,178,170,1);
  text-decoration: none;
  transition: border-color 0.3s, color 0.3s;
  font-size: 100%;
}
a:hover {
  color: rgba(205,92,92,1);
  border-color: rgba(205,92,92,1);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
a img { transition: opacity 0.2s linear;}
a:hover img { opacity: 0.7;}
a.btn {
  background-color: #ffec51;
  border-radius: 5px;
  color: #000 !important;
  display: inline-block;
  font-size: 140%;
  font-weight: bold;
  padding: 40px 0;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
/* メイン構成 */
div#wrapper {/* PCの横幅を固定しない時は、width設定している各セレクタを消して、#wrapper_innerをここに記述 */}
#wrapper .wrap_outer {
  background: url(../images/bg_deco.png) center top repeat-y;
  margin: 0 auto 0;
}
#wrapper_inner {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#main{
  width: 980px;
}
#sns{ width: 730px; }
#sns ol li { display: inline; }
#sns ol li::after {
  content: "";
  padding-left: 7px;
}
#sns ol li:last-child::after {content: none; }

section {
  background-color: rgba(255,255,255,0.7);
  background: url(../images/bg_contents_inner.png) left top repeat;
  padding: 20px;
  margin-bottom: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
section.contents {
  margin-top: 50px;
  margin-left: 0px;
/*  transform:rotate(-45deg);*/
}
section.contents:first-child {
  margin-top: 0px;
}
section:last-child {
  margin-bottom: 0px;
}
/*
section.attention {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #e5007e;
    -webkit-box-shadow: 4px 4px 0px 0px #e5007e;
    -moz-box-shadow: 4px 4px 0px 0px #e5007e;
    box-shadow: 4px 4px 0px 0px #e5007e;
    background: #fff;
    margin: 0 auto 18px;
    overflow: hidden;
}
*/
h2 {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  border-bottom: solid 5px #ba8d4c;
  color: #ba8d4c;
  margin-bottom: 20px;
  text-shadow:0px 2px 2px #a6a6a6;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 12px;
  color: #e5007e;
}
h3.oudo{ color: #ba8d4c; }
h3.representative{ color: #00a2b9; font-size:16px; }
/*i.fa{ display:none;}*/

.movielink a {
  border: 1px solid #e5007e;
  padding: 2px 10px;
}
.textarea{
    padding-bottom: 20px;
}
/*======= BUTTON ======*/
.button_high {
    display: block;
    margin: 0px 0;
    padding: 0;
    float: right;
    border: 0px solid #220022;
}
.button_high .square_btn{
display: inline-block;
position: relative;
padding: 0.5em 1.4em;
text-decoration: none;
background: #e5007e;/*ボタン色*/ color: #FFF;
border-bottom: solid 5px #c21270;/*ボタン色より暗めに*/ border-right: solid 5px #b70464;/*ボタン色より暗めに*/ }.square_btn:before{
content: " ";
position: absolute;
bottom: -5px;
left: -1px;
width: 0;
height: 0;
border-width: 0 6px 6px 0px;
border-style: solid;
border-color: transparent;
border-bottom-color: #FFF;
}
.button_high .square_btn:after{
content: " ";
position: absolute;
top: -1px;
right: -5px;
width: 0;
height: 0;
border-width: 0px 6px 6px 0px;
border-style: solid;
border-color: #FFF;
border-bottom-color: transparent;
}
.button_high .square_btn:active{ /*ボタンを押したとき*/ border:none;
-ms-transform: translate(6px,6px);
-webkit-transform: translate(6px,6px);
transform: translate(6px,6px);
}
.button_high .square_btn:active:after,.button_high .square_btn:active:before {
content: none;/*ボタンを押すと線が消える*/ } 

footer {
  background-color: #ffffff;
/*  background-color: #e5007e;*/
  color: #fff;
  padding: 60px 10px 20px;
  text-align: center;
  background-image: url(../images/footer.jpg);
  background-position: top;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
footer a {
  color: #fff;
}
footer p#copyright {
  font-size: 80%;
  margin-top: 1em;
}
#toTop {
  background-color: #e5007e;
  border-radius: 50%;
  bottom: 40px;
  line-height: 1em;
  padding: 10px;
  position: fixed;
  right: 40px;
  z-index: 999;
}
/* メイントップ-------------------------------------------------------------------- */
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual {
  width: 980px;
  height: 800px;
  margin: 0 auto;
  position: relative;
}
#wrapper .mainvisual_wrap {
  position: relative;
  height: 800px;
  background:#e5007e url(../images/mainvisual_bg.png) center top no-repeat;
}
#wrapper .mainvisual_wrap .mainvisual_inner {
  background: url(../images/mainvisual.png) center top no-repeat;
  width: 100%;
  height: 800px;
}
#wrapper .mainvisual_wrap::after {
  content: "";
  background: url(../images/mainvisual_foot.png) left bottom repeat-x;
  width: 100%;
  height: 24px;
  position: absolute;
  bottom: 0;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .main_logo {
  position: absolute;
  top: 280px;
  left: 0px;
  background: url(../images/logo.png) left top no-repeat;
  width: 532px;
  max-width: 532px;
  height: 367px;
  font-size: 20px;
  line-height:75px;
  color: #e5007e;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .main_txt {
  position: absolute;
  top: 70px;
  left: 20px;
  background: url(../images/main_txt.png) left top no-repeat;
  width: 691px;
  max-width: 691px;
  height: 174px;
  transform: rotate( 0deg );
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .onair_txt {
  position: absolute;
  top: 700px;
  left: 20px;
  width: 100%;
  height: 30px;
  background: url(../images/onair_txt.png) left top no-repeat;
  text-align: center;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .onair_start {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 100%;
  height: 180px;
  background: url(../images/onair_start.png) center top no-repeat;
  text-align: center;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .present_info {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 100%;
  height: 180px;
  background: url(../images/present.png) center top no-repeat;
  text-align: center;
}
/* コンテンツ */
#content_left {
  margin: 0 auto 45px;
}
#content_left .contents {
  position: relative;
  background: url(../images/bg_contents.jpg) left top repeat;
  padding-top: 32px;
}
.contents .headline_intro {
  position: absolute;
  top: -35px;
  background: url(../images/title_intro.png) left top no-repeat;
  width: 245px;
  height: 94px;
  border-bottom: none;
}
.contents .headline_story {
  position: absolute;
  top: -55px;
  background: url(../images/title_story.png) left top no-repeat;
  width: 245px;
  height: 94px;
  border-bottom: none;
}
.contents .headline_chart {
  position: absolute;
  top: -55px;
  background: url(../images/title_chart.png) left top no-repeat;
  width: 245px;
  height: 94px;
  border-bottom: none;
}
.contents .headline_cast-staff {
  position: absolute;
  top: -55px;
  background: url(../images/title_cast-staff.png) left top no-repeat;
  width: 245px;
  height: 94px;
  border-bottom: none;
}
/* バックナンバー */
label {
  background: #e5007e;
  color: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #fff;
}
input[type="checkbox"].on-off{
  display: none;
}
.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu li {
  padding: 5px;
}
input[type="checkbox"].on-off + ul{
  height: 0;
  overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
  height: 400px;
}

/*
 スマホ切り替えヘッダー
*/
#global-sp {
  display: none;
}
#global-sp #sp-header {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
#global-sp #sp-header > p {
  float: left;
  line-height: 40px;
  padding: 0 5px;  
  width: 70%;
}
#global-sp #sp-header img {
  vertical-align: middle;
}
#global-sp #sp-header > div {
  float: right;
}

/* ナビゲーション -------------------------------------------------------------*/
#global_navi {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  z-index: 99;
  background: rgba(255,255,255,0.5);
}
#global_navi nav {
  width: 980px;
  margin: 0 auto;
  display: block;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 16.444%;
  float: left;
  margin-right: 2px;
  text-align: center;
  border-radius: 5px;
  background-color: transparent;
  background-color: rgba(255,255,255,0.2);
  border: 0px solid #e5007e;
  color: #000;
  line-height: 50px;
}
#global_navi ul li a {
  display: block;
  padding: 6px;
  color: #e5007e;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#global_navi ul li.active a {
  background-color: #e5e5e5;
}
#global_navi ul li.sankaku {
  color: #fff;
  text-align: center;
  position: relative;
}
#global_navi ul li.sankaku:before{
  content: "";
  position: absolute;
  bottom: -22px;
  left: 45%;
  border: 10px solid transparent;
  border-top: 10px solid #e5007e;
}
#global_navi ul li a:hover {
  background-color: #e5007e;
  color:aliceblue;
}
#global_navi ul li.sns {
  width: 8.444%;
}
/*=========== PHOTO NEW EPISODE ==============*/
.newepiphoto{
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
}
.newepiphoto img {
  width: 100%;
  border: 1px solid #CCCCCC;
}
.newepiphoto dl {
  float: left;
  padding-right: 2px;
  text-align: center;
}
.newepiphoto dd {
  margin-left: 12px;
  width: 400px;
}
.newepiphoto dt {
  float: left;
  clear: left;
  width: 100%;
  height: 1.6em;
  background-color: #ffffff;
  font-weight: bold;
}
/*=========== PHOTO ARCHIVE EPISODE ==============*/
.epiphoto{
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
}
.epiphoto img {
  width: 100%;
  border: 1px solid #CCCCCC;
}
.epiphoto dl {
  float: left;
  padding-right: 5px;
  text-align: center;
}
.epiphoto dd {
  width: 280px;
}
.epiphoto dt {
  float: left;
  clear: left;
  width: 100%;
  height: 1.6em;
  background-color: #ffffff;
  font-weight: bold;
}
/* その他 -------------------------------------------------------------*/
.diamond {
  width: 20px;
  height: 20px;
  position: relative;
  bottom: -23px;
  background-color: #0099ff;
  transform:rotate(-45deg);
}

/*---- SNS ----*/
/* Original SNS button */
.social_btn_are {
  width: 100%;
  height: 30px;
  margin: 0 auto;
  padding: 0;
/*  border: solid 1px #ccc;*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.social_btn_are ul {
  margin: 0 auto;
  margin-top: 10px;
}
.social_btn_are ul li {
  margin: 0 10px 0 0;
  list-style-type: none;
  text-indent: 0;
  float: right;
}
.social_btn_are ul li a {
  display: block;
  border-radius: 50%;
  color: #fff;
  padding: 20px;
}
.cellnavi{display: none;}
/*
  * スマホ用 メディアクエリ--------------------------------------------------------------------
*/
/*---- スマホの時だけ改行 ----*/
@media only screen and (min-width: 640px){
 h2 br{ display:none;}
 h5 br{ display:none;}
 br.lf{ display:none;}
}
/*---- スマホの時だけヘッダー消す ----*/
@media only screen and (max-width: 640px){
 header nav,header hr{ display:none;}
 .sepline { border-bottom: 1px dashed #ff0016 }
 #sky{display:none;}
 #global_navi{display:none;}
 .cellnavi{display: block;}
}
@media screen and (max-width: 640px) {
/*---- TOP メインイメージ ----*/
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual {
  width: 100%;
  height: 556px;
  margin: 0 auto;
  position: relative;
}
#wrapper .mainvisual_wrap {
  position: relative;
  height: 556px;
  background:none;
}
#wrapper .mainvisual_wrap .mainvisual_inner {
  background:#FFFFFF url(../images/mainvisual_sp.png) center top no-repeat;
  width: 100%;
  height: 556px;
}
#wrapper .mainvisual_wrap::after {
  display: none;
  background: url(../images/mainvisual_foot.png) left top no-repeat;
  width: 100%;
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0%;
  margin: 0 0 0 0;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .main_logo {
  position: absolute;
  top: 45px;
  left: 10px;
  background: url() center top no-repeat;
  width: 100%;
  max-width: 286px;
  font-size: 34px;
  line-height:38px;
  color: #e5007e;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 35.25%;
    background: url('../images/logo.png') 0 0 no-repeat;
    background-size: contain;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .main_txt {
  display: none;
  position: absolute;
  top: 538px;
  left: 10px;
  background: url(../images/main_txt.png) left top no-repeat;
  width: 316px;
  max-width: 316px;
  height: 56px;
  font-size: 100%;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .onair_txt {
  position: absolute;
  top: 520px;
  left: 0px;
  width: 100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 40.25%;
    background: url('../images/onair_txt.png') 0 0 no-repeat;
    background-size: contain;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .onair_start {
  position: absolute;
  top: 220px;
  left: 220px;
  width: 150px;
  height: 150px;
  background: url(../images/onair_start_s.png) center top no-repeat;
  text-align: center;
}
#wrapper .mainvisual_wrap .mainvisual_inner .mainvisual .present_info {
  position: absolute;
  top: 220px;
  left: 220px;
  width: 150px;
  height: 150px;
  background: url(../images/present.png) center top no-repeat;
  text-align: center;
}
  /* 共通部分 */
  a.btn {
  padding: 20px 0;
  }
  #toTop {
  bottom: 10px;
  right: 10px;
  }
  /* グローバルメニュー 
  #global-big nav, #global-small nav {
  display: none;
  }
  /* グローバルメニュースマホ用 */
  #global-big nav, #global-small nav {
  box-sizing: border-box;
  width: 50%;
  }
  #global-sp {
  display: block;
  }
#main{
  width: 100%;
}
}


/* ここからさらに各項目追加 */
#gallery ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align:center;
  display: block;
}
#gallery ul li{
  display: block;
  width:290px;
  margin: 0 30px 30px 0;
  padding: 10px 0;
  border: solid 1px #CCC;
  float: left;
  text-align: center;
  color: #e5e5e5;
  font-weight: bold;
  box-shadow: 3px 3px 5px #333;
  box-sizing: border-box;
  overflow: hidden;
  position:relative;
  display: block;
  border-radius: 5px;
}
#gallery ul li:nth-child(3n) { margin-right: 0;}
.clearfix{content:"";clear:both;display:block;}
.clearfix:before,.clearfix:after{content:"";clear:both;display:block;}
.clearfix:after{clear:both;}

/* ここから左（メイン記事） */
article {
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
}
/* ここから右（サイド） */
/* コンテンツ */
#sidebar section{
  padding: 10px;
}
#sidebar .contents {
  position: relative;
  background: url(../images/bg_side.jpg) left top repeat;
}
#sidebar{
  width: 230px;
  float: right;
  padding: 0 0 30px 0;
}
.contents.talent {
  padding-top: 33px;
}
.talent_img img {
  width: 100%;
  padding-top: 20px;
}
.talent_txt {
  text-align: center;
  font-size: 108%;
  font-weight: bold;
  color: #e5007e;
  line-height: 1.2;
}
.talent_info {
  text-align: center;
  font-size: 100%;
  font-weight: normal;
  color: #e5007e;
  line-height: 1.2;
}
.talent_info a{
  line-height: 1;
  padding: 10px;
}
.talent_list li {
  width: 30%;
  float: left;
  margin: 0 5px 10px 0;
}
.headline_talent_list{
  background: url(../images/headline_talent_info.png) left top no-repeat;
  margin: 10px 0;
}
.side_banner {
  margin-bottom: 30px;
}
.side_banner h2{
  background-color: #e5007e;
  border-bottom: none;
  color:#fff;
  padding: 7px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
.side_banner ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.side_banner ul li{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#breadcrumb { font-size: small; color:#c6c3a9; }
#breadcrumb ol li {display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after {content: none; }

/*
  * スマホ用 メディアクエリ--------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
  #breadcrumb ol { padding-left: 5px; }
  img {
  max-width: 100%;
  }
  /* Layout */
  #sidebar,
  #wrapper,
  #wrapper_inner,article{
  width: 100%;
  float: none;
  }
  /* ナビゲーション 
  #global_navi {
  top: 0px;
  margin-top:0px;
  padding:0;
  }
  #global_navi ul {
  position: relative;
  z-index: 99;
  }
#global_navi ul li a {
  background-color: rgbs(0,0,0,0);
  background-color: transparent;
  border: 2px solid #e5007e;
  }
#global_navi ul li.sankaku a {
  background-color: transparent;
  }
#global_navi ul li a:hover {
  background-color: #e5007e;
  }
#global_navi ul li {
  width: 50%;
  padding: 0.5px;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  position:relative;
  display: block;
  border-radius: 0px;
  border: 0;
  color: #000;
  line-height: 50px;
  }
#global_navi ul li:last-child {
  width: 100%;
  }
#global_navi ul li.sns {
  width: 100%;
  }*/
section.contents,#side_contact {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  margin-left: 0px;
}
section {
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
article,#sidebar {
  padding: 30px 0;
}
.talent_img img {
  max-width: 60%;
  display: block;
  margin: 0 auto;
}
/*p {text-align:center; }*/
.store {
  overflow: auto;
}
.store li.halfbanner{
    max-width: 50%;
    display: block;
    margin: 0 auto;
}
.store li.halfbanner img{
  clear: both;
}
input[type="checkbox"].on-off:checked + ul{
  height: 1100px;
}
/*=========== PHOTO NEW EPISODE ==============*/
.newepiphoto{
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
}
.newepiphoto img {
  width: 100%;
  border: 1px solid #CCCCCC;
}
.newepiphoto dl {
  text-align: center;
}
.newepiphoto dd {
  margin-left: 0px;
  width: 100%;
}
.newepiphoto dt {
  clear: left;
  width: 100%;
  height: 1.6em;
  background-color: #ffffff;
  font-weight: bold;
}
/*=========== PHOTO ARCHIVE EPISODE ==============*/
.epiphoto{
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
}
.epiphoto dl {
  float: none;
  padding-right: 0px;
  text-align: center;
  display: block;
  margin: auto 0;
}
.epiphoto dd {
  width: 100%;
}
.epiphoto dt {
  float: left;
  clear: left;
  width: 100%;
  height: 1.6em;
  background-color: #ffffff;
  font-weight: bold;
}
}



/* テーブル */
table {
  border: 0px solid #ba8d4c;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  border-bottom: 1px dashed #ba8d4c;
  padding: .35em;
}
table th{
  padding: .625em;
  text-align: center;
  display: block;
}
table td {
  padding: .625em;
  text-align: left;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  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 {
  border-bottom: 1px dashed #ba8d4c;
  display: block;
  margin-bottom: .625em;
  }
  table td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: left;
  }
  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;
  }
}
/* end テーブル */

/* ここから overlaynavi */
#brand-logo img { float: left; width:40%;}
#global-head {
	position: fixed;
	color: #e5007e;
	width: 260px;
	text-align: center;
	padding-top: 60px;
	z-index: 100;
}
#sidebar {
	font-size: 15px;
	padding-top: 120px;
	width: 260px;
	height: 100%;
	position: fixed;
	color: #e5007e;
	background: #fff;
	text-align: center;
}
#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
}
#global-nav a {
	color: #e5007e;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
	color: #fff;
	background: #e5007e;
}
#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}
/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}
#global-nav .sub-menu-head:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e5007e;
	border-right: 1px solid #e5007e;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: #e5007e;
	color: #fff;
	top: 0;
	padding-top: 90px;
	left: 260px;
	width: 0;
	height: 100%;
	overflow: hidden;
	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
	border-color: #fff;
}
#global-nav .sub-menu-nav a {
	color: #fff;
}
#global-nav .sub-menu-nav a:hover {
	color: #e5007e;
	background: #fff;
}

/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 10px;
	right: 15px;
	height: 32px;
}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #e5007e;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 640px) {
	#main-in {
		padding-left: 0;
	}

	#global-head {
		width: 100%;
		padding: 10px;
		background: rgba(255,255,255,.8);
		display: -webkit-flex;
		display: flex;
	}

	#sidebar {
		/*display: none;*/
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		color: #333;
		background: #fff;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	/* サブメニューは開けない */
	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}
	#nav-toggle {
		display: block;
	}

	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}
	#sidebar {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}


}

@media screen and (max-width: 400px) {
	#sidebar {
		right: -200px;
		width: 200px;
		padding-top: 60px;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-200px,0,0);
		transform: translate3d(-200px,0,0);
	}
}