@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
a.off {pointer-events: none;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, th, td, article, canvas, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, video {
  margin: 0;
}
html, body {
  font-family: 'Noto Sans JP', Avenir, "Helvetica Neue", "Helvetica", "Arial", "Verdana", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer {
  font: 15px/1.6 Avenir, "Helvetica Neue", "Helvetica", "Arial", "Verdana", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
  text-decoration: none;
  color: #01499d
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
  opacity: 0.75;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  line-height: 0;
  border: 0;
  display: inline;
  vertical-align: bottom;
  width: auto;
  -ms-interpolation-mode: bicubic;
}

/* common */
.header {
  position: relative;
  z-index: 110;
}
.header #goto_top {
  margin-top: 12px;
  padding-right: 13px;
  float: right;
}
#goto_top a {
  line-height: 1.5;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.link-icon--default {
  padding-left: 25px;
  padding-right: 10px;
  background: transparent url(/campaign/common/images/ico_circle_default.png) no-repeat left center;
  background-size: 16px;
  font-size: 16px;
}

/* index */
.sp {display: none;}

header .header_inner {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}
header div.header_inner .header_inner__logo a {
  max-width: 74px;
  display: block;
}

header .header_inner__iDtop a {color: #767676;}
header .header_inner__iDtop--arrow {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
}

section {
  margin: 0 auto;
  text-align: center;
}
section div {margin: 0 auto 70px;}


section#mv {
  margin: 0 auto;
  border-bottom: none;
}
section#mv #logo {
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 0;
  line-height: 1;
}
section#mv #logo img {
  width: 46%;
  max-width: 374px;
}

section#mv div.mvc {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 20px;
  background: #f29c9f;
}
section#mv div.mvc p {
  max-width: 70%;
  margin: 0 auto;
}
section#mv div.mvc h2 {
  width: 90%;
  max-width: 770px;
  margin: 0 auto;
  padding: 0;
  border: none;
  box-shadow: none;
}
section#mv div.mvc p:nth-child(3) {
  margin: 0 auto 16px;
}
section#mv div.mvc ul {
  width: 80%;
  max-width: 770px;
  margin: 0 auto;
  display: table;
}
section#mv div.mvc ul li {
  width: 40%;
  color: #fff;
  display: table-cell;
  font-weight: 600;
}
section#mv div.mvc ul li:last-child {
  width: 60%;
  text-align: right;
}
section#mv div.mvc ul li:before {
  content: '※';
}

section#mv div.mvapro {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 20px;
  background: #d2878c;
}
section#mv div.mvapro > div {
  width: 70%;
  max-width: 660px;
  margin: 0 auto 20px;
  position: relative;
}
section#mv div.mvapro p {
  margin: 0 auto 15px;
  line-height: 1;
  text-align: left;
}
section#mv div.mvapro p:first-child:after {
  width: calc(100% - 144px);
  height: 2px;
  margin: 2.5% 0 auto 0;
  content: ' ';
  display: inline-block;
  background: #fff;
  float: right;
}
section#mv div.mvapro ol {
  width: 100%;
  margin: 0 auto;
  display: table;
}
section#mv div.mvapro ol li {
  width: 48%;
  display: table-cell;
  text-align: right;
}
section#mv div.mvapro ol li:first-child {
  text-align: left;
}
#mv > div.mvapro div#get_cpn {
  width: 100%;
  height: 0;
  margin: 0;
  position: fixed;
  bottom: 6%;
  left: 0;
  z-index: 1;
}
@media print, screen and (min-width: 1000px) {
  #mv > div.mvapro div#get_cpn {
  }
}
#mv > div.mvapro div#get_cpn.notmv {
  display: none;
}

#mv > div.mvapro div#get_cpn p {
  width: 98%;
  height: 0;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 0;
  text-align: right;
}
#mv > div.mvapro div#get_cpn p:after {
  background: none;
}
#mv > div.mvapro div#get_cpn p a {
  margin: -150px 0 0 0;
  display: inline-block;
}
#mv > div.mvapro div#get_cpn p a img {
  filter: drop-shadow(2px 1px 3px #999);
}
#mv > div.mvapro > div > p:last-child img {
  width: 24%;
}

section#mv div.mvdate {
  width: 100%;
  margin: 0 auto;
  padding: 14px 0;
  background: #b81b22;
}
section#mv div.mvdate p {
  margin: 0 auto;
  line-height: 1;
}
section#mv div.mvdate p img {
  width: 82%;
  max-width: 620px;
}

section#dtl, #strt_id {padding: 50px 0 50px;}
section .nst {
  width: 96%;
  max-width: 980px;
}

/* 
#dtl > div > a.btn_sns {
  width: 90%;
  max-width: 750px;
  margin: 0 auto 40px;
  background: #1da1f2 url(../images/ttl_doutor_btn_arr.png) no-repeat 96% center;
  display: inline-block;
}
#dtl > div > a.btn_sns.off {
  background: #aaa url(../images/ttl_doutor_btn_arr.png) no-repeat 96% center;
  -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
#dtl > div > a.btn_sns img {
  margin: -2% auto 0;
}
#dtl > div > a.btn_sns.off img {opacity: 0.8;}
 */
section#dtl h2,
section#dtl div#howto h2 {
  max-width: 320px;
  margin: 0 auto 30px;
  padding: 0;
  background: transparent url(../images/ttl_doutor_bg_h2.png) no-repeat 0 center;
  background-size: auto 18px;
  border: none;
  box-shadow: none;
  color: #d2878b;
  font-size: 160%;
  font-weight: 700;
  line-height: 1;
  position: relative;
  text-align: center;
}
section#dtl h2:after,
section#dtl div#howto h2:after {
  width: 100%;
  content: '　';
  background: transparent url(../images/ttl_doutor_bg_h2_aftr.png) no-repeat 100% center;
  background-size: auto 18px;
  position: absolute;
  right: 0;
  z-index: -1;
}
section#dtl div#howto h2 {
  max-width: 500px;
  margin: 0 auto 40px;
  font-weight: 700;
}

section p {
  margin: 0 auto 30px;
  font-size: 200%;
  font-weight: 700;
  color: #4a2b1f;
}
section p span {
  font-size: 100%;
  font-weight: 700;
  color: #a30000;
/*   text-stroke: 1px #a30000;
  -webkit-text-stroke: 1px #a30000;
  text-shadow: 0 -1px 0 #a30000; */
}

section p span.sml {
  font-size: 90%;
  font-weight: 900;
}
section p span.lrg {
  color: #4a2b1f;
  font-size: 158%;
  font-weight: 900;
/*   text-stroke: 1px #4a2b1f;
  -webkit-text-stroke: 1px #4a2b1f;
  text-shadow: 0 1px 0 #4a2b1f; */
}
section p span.rlrg {
  color: #a30000;
  font-size: 130%;
  font-weight: 900;
}

section#dtl div#item > h2 {
  margin: 0 auto 70px;
}
section#dtl div#item ol {
  width: 100%;
  margin: 0 auto 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  list-style: none;
}
section#dtl div#item ol li {
  min-width: 33%;
  flex-basis: 33%;
}

.aster {
  padding: 0 0 4px;
  display: block;
}
.aster li,
p.aster {
  display: block;
/*   font-weight: 600; */
  color: #4a2b1f;
}
.aster li:before,
p.aster:before {
  content: '※';
/*   margin: 0 0 0 -1.2em; */
}

#dtl div ul.aster {
  width: 78%;
  margin: 0 auto;
  text-align: center;
}

#coupon {margin: 0 auto 70px;}
#coupon > p > img {
  width: 90%;
  max-width: 500px;
}
#coupon a {
  max-width: 500px;
  margin: 0 auto 20px;
  padding: 20px 0;
  background: #eac900 url(../images/ttl_doutor_ico_search.png) no-repeat 96% center;
  background-size: auto 52%;
  border-radius: 10px;
  color: #b81c20;
  display: block;
  font-size: 175%;
  font-weight: 900;
  line-height: 1;
}

#howtoid > a {
  max-width: 500px;
  margin: 0 auto 20px;
  padding: 20px 0;
/*   background: linear-gradient(to right, #eac900 0%, #d0a200 100%); */
  background: #eac900 url(../images/ttl_doutor_arrw03.png) no-repeat 96% center;
  background-size: auto 40%;
  border-radius: 10px;
  box-shadow: 4px 6px 14px 0px rgba(0, 0, 0, 0.22);
  color: #fff;
  display: block;
  font-size: 175%;
  font-weight: 900;
  line-height: 1;
}

div#store > h2 {
  max-width: 100%;
  margin: 0 auto;
  padding: 22px 2% 22px 6%;
  background: #959595;
  border-radius: 4px 4px 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 172%;
  position: inherit;
}
div#store > h2:after {
  width: auto;
  background: none;
  color: #fff;
  content: '＋';
  display: inherit;
  float: right;
  position: relative;
  z-index: 0;
}
div#store > h2.on:after {
  content: '－';
}
section#dtl div#store ol {
  margin: 0 auto 80px;
  padding: 20px 2%;
  border: 2px solid #959595;
  border-top: none;
  box-sizing: border-box;
  display: none;
  font-size: 1.2rem;
  list-style: none;
  text-align: left;
}

#notes div.nst {
  margin: 0 auto;
  padding: 30px 0 5px;
}

#dtl #date p {letter-spacing: 2px;}

#kyk div.nst {margin: 0 auto;padding: 0 0 5px;}
#kyk h2,
#kyktw h3 {
  margin: 0 auto 10px;
  padding: 22.4px 0;
  background: #f29c9f url(../images/ttl_doutor_arrw02.png) no-repeat 96% center;
  background-size: auto 54%;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 172%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
#kyk h2.on,
#kyktw h3.on {
  background: #f29c9f url(../images/ttl_doutor_arrw02_on.png) no-repeat 96% center;
  background-size: auto 54%;
}
#kyk div div,
#kyktw div div {
  border: 3px solid #f29c9f;
  text-align: left
}
#kyktw div:nth-child(2), #kyk div:nth-child(2) {padding: 35px 3%;display: none;}
#kyk div p, #kyk div ul, #kyktw div p {margin: 0 auto 20px;}
#kyk div p:last-child, #kyktw div p:last-child {margin: 0 auto;}
#kyk div p.mb0 {margin: 0 auto;}

#kyk div h3,
#kyk div h4,
#kyktw div h4,
#kyktw div h5 {
  margin: 0 auto 5px;
  font-weight: 600;
}

#kyk div h4:before {content: '＜';}
#kyk div h4:after {content: '＞';}

#kyktw div h5:before {content: '■';}

#kyk div div,
#kyktw div div,
#notes div div {
  margin: 0 auto 20px;
  padding: 30px 3% 35px;
  border: 2px solid #f29c9f;
}
section#kyk div p,
div#kyktw div p,
div#kyktw div p a {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  color: #3e3a39;

  text-stroke: 0;
  -webkit-text-stroke: 0;
  text-shadow: none;
}

#kyk .aster li,
#kyktw .aster li {
  font-weight: normal;
  color: #000;
}

#notes {padding: 0 0 10px;}
#notes div div {
  padding: 0;
  background: #fff;
  border: 2px solid #f29c9f;
}
#notes div h3,
#cntt div h2  {
  width: 100.2%;
  max-width: 101%;
  margin: -1px auto 10px;
  margin-left: -.1%;
  padding: 10px 0;
  background: #f29c9f;
  border: none;
  color: #fff;
  font-size: 150%;
  font-weight: 700;
  line-height: 1;
}
#notes div ul {
  margin: 0 auto;
  padding: 0 3% 10px;
  list-style: none;
  text-align: left;
}
#notes div ul li:before {
  content: '・';
}

#cntt div {
  padding: 0;
  border: 2px solid #f29c9f;
}

#cntt p {
  margin: 0 auto;
  padding: 0 3% 10px;
  color: #4a2b1f;
  font-size: 129%;
  line-height: 2;
  text-align: left;
}
#cntt p span {
  display: block;
  font-size: 78%;
  color: #3e3a39;
}

#strt_id {
  background-image: linear-gradient(
  0deg, #fffade 0%, #fffade 50%, #fff 100%);
}
#strt_id > div > h2 {
  margin: 0 auto 50px;
  padding: 0 0 10px 0;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 40px;
  font-weight: bold;
  position: relative;
  text-align: center;
}
#strt_id > div > h2:after {
  width: 160px;
  height: 4px;
  background-color: #eac900;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
section#strt_id > div > p {
  margin: 0 auto 45px;
  color: #313131;
  font-size: 26px;
}
#strt_id > div > p:nth-child(4),
#strt_id > div > p:nth-child(6) {
  margin: 0 auto 30px;
}
#strt_id > div > p.bx_btn {
  max-width: 480px;
  border-radius: 50px;
}
#strt_id > div > p.bx_btn a {
  display: block;
  padding: 0.5em 0;
  background-color: #eac900;
  border-radius: inherit;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
#strt_id > div > p.aster {
  margin-top: 40px;
  color: #939393;
  font-size: 20px;
  font-weight: bold;
}

/* 
#cp-sns {
  margin: -40px 0 0;
}
.snsBox {
  max-width: 980px;
  margin: 0 auto;
}
 */
#goto-top {
  margin: -5% 2% 0 auto;
  float: right;
}

.footer {margin: 0 auto;text-align: center;}
.footer a {color: #dcdcdc;}


/* @media print, screen and (max-width: 1000px) {

  #dtl #str ul {margin: 0 auto 30px 23%;}

  #dtl div ul.aster {width: 98%;max-width: 660px;}

} */

@media print, screen and (max-width: 768px) {
  #campaign_index h2 {
    text-align: center;
  }
}

@media print, screen and (max-width: 599px) {
  .pc {display: none;}
  .sp {display: inline-block;}

/* 
  html, body {font-size: 3.125vw;}

  section div {margin: 0 auto 30px;}

  section#mv #logo{padding: 8px 0;}
  section#mv #logo img {width: 54%;}
  section#mv div.mvc {
    margin: 0 auto;
  }
  section#mv div.mvc p {
    width: 72%;
  }
  section#mv div.mvc > h2 {
    width: 90%;
    margin: 0 auto;
  }
  section#mv div.mvc p:nth-child(3) {
    width: 76%;
    padding: 6px 4%;
    font-size: 100%;
    line-height: 1;
  }
  section#mv div.mvc ul li,
  section#mv div.mvc ul li:last-child {
    width: 100%;
    display: block;
  }
  section#mv div.mvapro p:first-child:after {
    margin: 3% 0 auto 0;
  }
  section#mv div.mvapro ol li img {
    width: 96%;
  }
  #mv > div.mvapro div#get_cpn {
    bottom: 20%;
  }
  #mv > div.mvapro div#get_cpn.notmv {
    left: 12%;
    bottom: -43%;
  }
  #mv > div.mvapro div#get_cpn a {
    width: 18%;
    display: inline-block;
    float: right;
  }

  .nst,
  section#dtl .nst,
  #kyk div.nst,
  #notes div.nst {width: 92%;}

  section h2 {margin: 0 auto 20px;}
  section#dtl h2,section#cntt h2 {
    width: 70%;
    max-width: 220px;
    background-size: 100%;
    font-size: 160%;
  }

  section#dtl p,
  section#twitter p {
    font-size: 3.2vw;
  }
  #btntw > p {font-size: 4.2vw;}
  section#dtl #date p {letter-spacing: 1px;}
  section p span.lrg {font-size: 128%;}

  section#dtl div#item ol {
    justify-content: flex-start;
  }

  #coupon > p {
    width: 60%;
    max-width: 400px;
  }

  section#dtl, #kyk {
    margin: 0 auto 40px;
    padding: 30px 0 30px;
  }
  section p {margin: 0 auto 20px;}

  section#dtl {margin: 0 auto 30px;background-size: 50% auto;}

  #dtl div ul.aster {width: 92%;}

  #dtl #str h3 {font-size: 2vw;}

  #dtl #str ul {width: 94%;margin: 0 auto 30px 6%;}
  #napp {padding: 0;}
  #napp ul {margin: 0 0 30px 0;}

  #kyk {margin: 0 auto 0px;padding: 0;}
  #kyk div.nst {padding: 10px 0 1px;margin: 0 auto;}
  #dtl #str a,
  #dtl #napp h2,
  #kyk h2 {
    width: 100%;
    padding: 21px 0;
    font-size: 140%;
  }
  #kyk div p span.kme {
    padding: 0 0 4px 5%;
  }

  #kyktw > div.nst {width: 100%;}

  #twitter #howtotw ul li {
    margin: 0 0 7px 7%;
    font-size: 3.2vw;
  }
  #twitter #howtotw ul li:before {
    width: 6.6%;
    left: -7%;
  }

  #cntt p {
    padding: 0 6% 10px;
    font-size: 2.4vw;
  }
  section#cntt h2 {max-width: 100%;}
 */

  .header #goto_top {
    margin-top: 2vw;
    padding-right: 1%;
  }

  section#mv div.mvc {
    padding: 16px 0;
    line-height: 1;
  }
  section#mv div.mvc p:nth-child(3) {
    width: 76%;
    max-width: 100%;
    padding: 6px 4%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    line-height: 1;
  }
  section#mv div.mvc ul {
    display: block;
  }
  section#mv div.mvc ul li,
  section#mv div.mvc ul li:last-child {
    width: 100%;
    display: block;
    font-size: 2.6vw;
    line-height: 1.6;
    text-align: center;
  }

  section#mv div.mvapro {padding: 12px 0;}
  section#mv div.mvapro p {
    text-align: center;
  }
  section#mv div.mvapro p:first-child:after {
    width: 0;
  }
  section#mv div.mvapro ol {display: block;}
  section#mv div.mvapro ol li,
  section#mv div.mvapro ol li:first-child {
    width: 100%;
    display: block;
    text-align: center;
  }
  section#mv div.mvapro ol li:first-child {
    margin: 0 auto 10px;
  }
  section#mv div.mvapro ol li img {
    width: 92%;
  }
  section#mv div.mvapro div {margin: 0 auto;}
  #mv > div.mvapro div#get_cpn {
    bottom: 3%;
  }
  #mv > div.mvapro div#get_cpn.notmv {
    left: 17%;
    bottom: -12%;
  }
  #mv > div.mvapro div#get_cpn a {
    width: 26%;
  }
  #mv > div.mvapro div#get_cpn.notmv a {
    width: 30%;
  }
  section#mv div.mvdate {padding: 10px 0;}
  section#mv div.mvdate p {
    font-size: 100%;
    line-height: 1;
  }

  section#dtl {padding: 30px 0 0;}
  section#dtl h2, section#cntt h2,
  section#dtl div#howto h2 {
    width: 100%;
    max-width: 300px;
    font-size: 4.68vw;
  }
  section#dtl div#howto h2 {max-width: 440px;}
  #dtl > div > a.btn_sns {
    margin: 0 auto 20px;
    background-size: auto 46%;
  }
  #dtl > div > a.btn_sns img {width: 76%;}

  section#dtl p,
  section#dtl #join p,
  section#dtl #prvlg p,
  section#dtl #str p,
  section#dtl #date p {font-size: 4.0625vw;}
  section#dtl #date p,
  #datetw > p {
    margin: 0 auto 5px;
    letter-spacing: 1px;
  }

  section#dtl div#item ol {
    margin: 0 auto 50px;
  }
  section#dtl div#item ol li {
    min-width: 50%;
    margin: 0 0 20px;
    flex-basis: 50%;
  }

  #dtl div ul.aster {width: 100%;}
  #dtl div ul.aster li,
  .aster li {
    font-size: 2.4vw;
  }

  section div#prvlg {margin: 0 auto 40px;}
  div#store > h2 {max-width: 92%;}

  #dtl #str h3 {font-size: 2.6vw;}

  #dtl #str a, #dtl #napp h2, #kyk h2,
  #kyktw h3 {
    background-size: auto 48%;
    font-size: 5vw;
  }

  #coupon > p {width: 80%;}
  #coupon a,
  #howtoid > a {
    padding: 15px 0;
    font-size: 6vw;
  }

  #dtl #str ul {
    margin: 0 auto 30px 4%;
  }
  #kyk h2, #kyktw h3 {padding: 15px 0;}
  #kyk.nst {width: 90%;}
  #kyk div:nth-child(4) p {font-size: 94%;}
  #kyktw div:nth-child(2),
  #kyk div:nth-child(2) {
    padding: 20px 4%;
  }
  #kyk div h3,
  #kyk div h4, #kyktw div h4,
  #kyktw div h5 {
    font-weight: 900;
    font-size: 3vw;
  }
  section#kyk div p,
  div#kyktw div p,
  div#kyktw div p a,
  #kyk .aster li, #kyktw .aster li,
  #notes > div > div > ul > li {
    font-size: 2.2vw;
  }
  #notes div.nst {
    margin: 0 auto;
    padding: 5px 0;
  }

  #kyktw div.nst {
    width: 100%;
  }

  #cntt div.nst {margin: 0 auto 40px;}
  section#cntt h2 {max-width: 100%;}
  #cntt p {font-size: 3.56vw;letter-spacing: -0.05em;}

  #strt_id {padding: 20px 0 50px;}
  section#strt_id > div {margin: 0 auto 20px;}
  #strt_id > div > h2 {
    margin: 0 auto 4.33333vw;;
    font-size: 6vw;
  }
  #strt_id > div > h2:after {
    bottom: 1.33333vw;
    width: 21.33333vw;
    height: 2px;
  }
  section#strt_id > div > p {
    margin: 0 auto 16px;
    font-size: 3.46667vw;
    line-height: 1.34615;
  }
  #strt_id > div > p.bx_btn a {
    width: 44.8vw;
    margin: 3.33333vw auto 6.66667vw;
    font-size: 3.73333vw;
    border-radius: 4.93333vw;
  }
  #strt_id > div > p.aster {font-size: 2.4vw;}

  #goto-top {margin: -11% 2% 0 auto;}

}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-info, #sb-info-inner, #sb-nav{
  /* float:right; */
  /* height:16px; */
  height: auto;
  padding:2px 0;
  width: 100%;
}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
a#sb-nav-close {
  width: /* 40 */10%;
  max-width: /* 188px */40px;
  height: 40px!important;
  margin: 0 auto!important;
  background-image:url(../img/shadowbox/closex.png);
  background-size: 100% auto;
/*   float: none!important; */
}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* sp */
@media screen and (max-width: 640px) {
  #sb-overlay{height:112%;}
  #sb-title-inner{font-size: 12px;}
}