@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* =========================================================
   PC (>=757px)
   ========================================================= */
@media screen and (min-width: 757px) {

  .sp { display: none; }

  body {
    margin: 0;
    color: #4f4f4f;
  }

  img { border: 0; }

 div#tenpaiqueen p {
    font-size: 18px !important;
    margin: 20px auto 0 !important;
    line-height: 30px;
}

  /* .clearfix:after {
    display: block;
    clear: both;
    content: "";
  } */

  /* ---------- base ---------- */
  div#tenpaiqueen {
    width: 100%;
    min-width: 1280px;
    background: url(./../img/bg_pattern_pc.jpg) repeat-y center 1000px;
    background-color: #000000;
    font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  }

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

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

  div#tenpaiqueen nav ul,
  div#tenpaiqueen ul { list-style: none; }

  div#tenpaiqueen blockquote, div#tenpaiqueen q { quotes: none; }
  div#tenpaiqueen blockquote:before,
  div#tenpaiqueen blockquote:after,
  div#tenpaiqueen q:before,
  div#tenpaiqueen q:after { content: ''; }

  div#tenpaiqueen a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  div#tenpaiqueen ins { background-color: #ff9; color: #000; text-decoration: none; }
  div#tenpaiqueen mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
  div#tenpaiqueen del { text-decoration: line-through; }
  div#tenpaiqueen abbr[title], div#tenpaiqueen dfn[title] { border-bottom: 1px dotted; cursor: help; }
  div#tenpaiqueen table { border-collapse: collapse; border-spacing: 0; }
  div#tenpaiqueen hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
  div#tenpaiqueen input, div#tenpaiqueen select { vertical-align: middle; }

  div#tenpaiqueen .btn { margin: 60px auto; text-align: center; }
  div#tenpaiqueen .btn a { display: inline-block; }
  div#tenpaiqueen .btn a:hover { opacity: 0.7; }

  div#tenpaiqueen section.top {
    min-width: 1280px;
    height: 720px;
    margin: 0 auto;
    background: url(./../img/main_pc.png) no-repeat center top;
    text-align: center;
  }

  /* ---------- navibox ---------- */
  div#tenpaiqueen .navibox {
    background: url(../img/nav-bg.png) no-repeat top center;
    margin: 0 auto;
    z-index: 100;
    position: relative;
  }

  div#tenpaiqueen .navibox ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    min-width: 970px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
  }

  div#tenpaiqueen .navibox li { width: 25%; }
  div#tenpaiqueen .navibox li a { display: table-cell; }
  div#tenpaiqueen .navibox li img { width: 100%; }

  /* ---------- liquid ---------- */
  div#tenpaiqueen .liquid-content { margin: 64px 0; }
  div#tenpaiqueen .liquid-content .liquid-content-inner {
    margin: 0 auto 30px;
    min-width: 970px;
    max-width: 1280px;
    background: none !important;
  }
  div#tenpaiqueen .liquid-content .liquid-content-inner .liquid-content-item {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0;
    overflow: inherit;
  }
    div#tenpaiqueen .main-contents {
      padding-bottom: 60px;
    }

  /* ---------- contents ---------- */
  div#tenpaiqueen .contents-box {
    background: #fff !important;
    border-left: 2px solid #c8bda9;
    border-right: 2px solid #c8bda9;
    border-bottom: 2px solid #c8bda9;
    margin: 0 auto 0;
    padding: 0 0 40px;
    overflow: hidden;
  }
  div#tenpaiqueen .contents-box:first-child {
    border-top: 2px solid #c8bda9;
    }

  div#tenpaiqueen .contents-box h2 img {
    width: 100%;
    border-bottom: 2px solid #c8bda9;
  }

  div#tenpaiqueen .date-text {
    padding: 20px 0;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
  }
  div#tenpaiqueen .date-text a { color: #4f4f4f; text-decoration: none; }

  div#tenpaiqueen .intro-box {
    text-align: center;
    width: 100%;
    /* padding: 50px 0 0; */
    color: #4f4f4f;
  }
  div#tenpaiqueen .intro-midashi {
    margin: 60px auto 30px !important;
    font-size: 38px !important;
    line-height: 48px;
  }

  div#tenpaiqueen .intro-rule-box {
    text-align: center;
    width: 80%;
    margin: 50px auto;
    padding: 10px 0 10px;
    background: #efefef;
    border: 1px solid #dcdcdc;
  }
  div#tenpaiqueen .rule-midashi { font-size: 30px !important; }
  div#tenpaiqueen .rule-txt { width: 100%; padding: 10px 0; text-align: left !important; }
  div#tenpaiqueen .rule-txt-box {
    width: 90%;
    margin: 20px auto 0;
    border-top: 1px solid #dcdcdc;
    padding: 0 0 10px 0 !important;
  }

  div#tenpaiqueen .accordion2 { width: 90%; margin: 0 auto; position: relative; }

  /* ---------- highlight ---------- */
  div#tenpaiqueen .highlight-box { width: 90%; margin: 20px auto; color: #4f4f4f;}
  div#tenpaiqueen .highlight-box2 { width: 90%; margin: 5px auto; }
  div#tenpaiqueen .highlight-box h3,
  div#tenpaiqueen .highlight-box2 h3 {
    width: 100%;
    padding: 20px 10px;
    background: #efefef;
    font-size: 18px;
  }
  div#tenpaiqueen .highlight-box h3 { margin: 30px auto 0; }
  div#tenpaiqueen .highlight-box2 h3 { margin: 10px auto 0; }
  div#tenpaiqueen .highlight-box .text-midokoro {
    text-align: center;
    line-height: 2;
  }

  div#tenpaiqueen .highlight-col { display: flex; flex-wrap: wrap; }
  div#tenpaiqueen .highlight-txt { width: 55%; font-size: 16px; margin: 20px auto 0; line-height: 30px; }
  div#tenpaiqueen .highlight-txt span { font-weight: bold; }
  div#tenpaiqueen .highlight-txt .order { font-size: 14px; }
  div#tenpaiqueen .highlight-img { width: 40%; }
  div#tenpaiqueen .highlight-img img { max-width: 100%; }
  div#tenpaiqueen .highlight-img img:last-child { margin: 20px 0 0 0; }

  div#tenpaiqueen .highlight-btn { width: 90%; margin: 10px auto; }
  div#tenpaiqueen .highlight-btn a { width: 280px; }

  div#tenpaiqueen .highlight-txt span {
    font-weight: normal;
  }

  div#tenpaiqueen .bk-btn { width: 100%; text-align: center; margin-top: 10px; }

  /* ---------- cast ---------- */
  div#tenpaiqueen .cast-box {
    text-align: center;
    max-width: 1080px;
    width: 90%;
    padding: 0;
    margin: 20px auto;
  }
  div#tenpaiqueen .cast-box h3 {
    width: 100%;
    margin: 30px auto 0;
    padding: 20px 10px;
    background: #efefef;
    font-size: 24px !important;
    font-weight: 400 !important;
  }
  div#tenpaiqueen .cast-box ul {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  div#tenpaiqueen .cast-box li { padding: 20px 5px 0; text-align: center; }
  div#tenpaiqueen .cast-box li img { width: 100%; }
  div#tenpaiqueen .cast-box .queen { text-align: center; margin: 20px auto 0; }

  /* ---------- photo modal source (hidden) ---------- */
  div#tenpaiqueen .photo-box { width: 700px; margin: 0 auto; }
  div#tenpaiqueen .photo-p { margin: 0; }
  div#tenpaiqueen .photo-txt { float: right; margin: 0; width: 370px; }
  div#tenpaiqueen .photo-name {
    width: 100%;
    margin: 0 auto 0;
    padding: 5px 10px;
    background: #e71978;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #fff;
  }

  /* inline modal anchors off */
  div#tenpaiqueen #photo00,
  div#tenpaiqueen #photo01,
  div#tenpaiqueen #photo02,
  div#tenpaiqueen #photo03,
  div#tenpaiqueen #photo04,
  div#tenpaiqueen #photo05,
  div#tenpaiqueen #photo06,
  div#tenpaiqueen #photo07,
  div#tenpaiqueen #photo08,
  div#tenpaiqueen #photo09,
  div#tenpaiqueen #photo10,
  div#tenpaiqueen #photo11,
  div#tenpaiqueen #photo12,
  div#tenpaiqueen #photo13,
  div#tenpaiqueen #photo14,
  div#tenpaiqueen #photo15,
  div#tenpaiqueen #photo16,
  div#tenpaiqueen #photo17,
  div#tenpaiqueen #photo18,
  div#tenpaiqueen #photo19,
  div#tenpaiqueen #photo20,
  div#tenpaiqueen #photo21,
  div#tenpaiqueen #photo22,
  div#tenpaiqueen #photo23,
  div#tenpaiqueen #photo24,
  div#tenpaiqueen #highlight_bk { display: none; }

  /* ---------- tournament ---------- */
  div#tenpaiqueen .tournament-box {
    text-align: center;
    width: 90%;
    padding: 50px 0 0;
    margin: 20px auto;
    max-width: 1080px;
  }
  div#tenpaiqueen .tournament-box img { margin: 0 auto 60px; }

  /* ---------- howto ---------- */
  div#tenpaiqueen .btn-howto { text-align: center; margin: 40px 0 0; }
  div#tenpaiqueen .btn-howto a {
    width: 782px;
    height: 237px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity .3s ease-out 0s;
    display: inline-block;
    background: url(../img/btn_00.jpg) 50% 50% no-repeat !important;
  }
  
  div#tenpaiqueen .btn-howto a:hover { opacity: .7; }

   div#tenpaiqueen .btn-howto a.sp{ display: none;}

  div#tenpaiqueen .btn-howto2 {
    text-align: center;
    margin: 50px auto 0;
    padding: 7% 0 2.2%;
    width: 80%;
    background: url(../img/skp_bg.png) no-repeat;
    background-size: cover;
  }
  div#tenpaiqueen .btn-howto2 a { transition: opacity .3s ease-out 0s; }
  div#tenpaiqueen .btn-howto2 .txt { width: 85%; margin-bottom: 20px; }
  div#tenpaiqueen .btn-tel-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 20px;
  }
  div#tenpaiqueen .btn-howto2 .tel { width: calc(50% - 20px); margin: 0 auto; }
  /* ---------- sky frame ---------- */
  div#tenpaiqueen .sky_frame {
    position: relative;
    width: 1280px; height: 320px; margin: 0 auto;
    background-image: url(./../img/pc_sky_back.jpg);
  }
  div#tenpaiqueen .sky_frame.frame01 { margin-bottom: 5rem; }
  div#tenpaiqueen .sky_text { text-align: center; padding-top: 90px; }
  div#tenpaiqueen .sky_left { position: absolute; top: 135px; left: 50px; z-index: 1; }
  div#tenpaiqueen .sky_right { position: absolute; top: 135px; right: 50px; z-index: 1; }
  div#tenpaiqueen .sky_image { display: inline-block; width: 580px; height: 160px; }
  div#tenpaiqueen .sky_left:hover img,
  div#tenpaiqueen .sky_web_main:hover { opacity: 0.66; transition: all 0.5s ease; }
  div#tenpaiqueen .white_cover { display: block; position: absolute; top: 135px; left: 50px; z-index: 0; }
  div#tenpaiqueen .white_image { display: inline-block; width: 580px; height: 160px; }

  /* ---------- footer ---------- */
  .foot_info { width: 100%; margin: 0; background: #fff; }
  .foot_info .info_midashi--ch1 { width: 100%; margin: 0; background: #fff; color: #f0027f; }
  .foot_info .info_midashi--ch2 { width: 100%; margin: 0; background: #fff; color: #00a0c6; }
  .foot_info .foot_info-box {
    min-width: 970px; max-width: 1280px; margin: 20px auto; border-bottom: 1px solid #ccc; padding: 10px 0 30px;
  }
  .foot_info .foot_info-box p { margin: 10px auto 0; line-height: 25px; }

  
}

/* =========================================================
   SP (<=756px)
   ========================================================= */
@media screen and (max-width: 756px) {

  .pc { display: none !important;}

  body { width: 100%; margin: 0; color: #4f4f4f; }

  html, body, #tenpaiqueen { overflow-x: hidden; }

  /* 画像のにじみ/はみ出し抑止（統一） */
  div#tenpaiqueen img {
    display: block;
    max-width: 100%;
    height: auto;
  }

 /* div#tenpaiqueen p {
  font-size: 4.4vw !important;
  line-height: 28px;
} */

  /* リンク画像のインライン隙間を無効化 */
  div#tenpaiqueen .navibox li a,
  div#tenpaiqueen .navibox li img { display: block; }

  /* -------- container/bg -------- */
  div#tenpaiqueen {
    background: url(../img/bg_pattern_sp.jpg) repeat center top #fff;
    background-size: contain;
    min-width: 100%;
    width: 100%;
    overflow: hidden;
    font-size: 3.6vw; /* ベース文字サイズ */
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
  }

  /* ---------- liquid ---------- */
  div#tenpaiqueen .liquid-content { margin: 2rem 0; }

  /* -------- contents-box -------- */
  div#tenpaiqueen .contents-box {
    background-color: #fff;
    padding-bottom: 2rem;
    border-left: 2px solid #c8bda9;
    border-right: 2px solid #c8bda9;
    border-bottom: 2px solid #c8bda9;
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
    transform: translateZ(0); /* 描画最適化 */
  }
  div#tenpaiqueen .contents-box:first-child {
    border-top: 2px solid #c8bda9;
  }

  div#tenpaiqueen .contents-box h2 {
  margin: 0;
  padding: 0;
  line-height: 0;
}

  div#tenpaiqueen .contents-box h2 img {
    width: 100%;
    border-bottom: 2px solid #c8bda9;
  }

  div#tenpaiqueen .contents-box p {
    margin: 0;
    color: #4f4f4f;
    padding: 20px;
    font-size: 4.4vw; 
    line-height: 1.7;
  }

  div#tenpaiqueen .contents-box .intro-midashi {
    font-size: 7vw !important;
    text-align: center;
    white-space: nowrap;
  }

  div#tenpaiqueen .content-box { padding: 20px 20px 0; }
  /* div#tenpaiqueen .content-box p {
    color: #666;
    padding: 20px 0;
    font-size: 3.6vw;
    line-height: 1.7;
  } */

  div#tenpaiqueen .content-box h3 {
    padding: 2.5vw !important;
    background: #DADADA;
    font-size: 4.6vw !important;
    margin: 3vw 0 0;
    line-height: 1.4;
    text-align: center;
    color: #555;
    white-space: nowrap;
  }

  div#tenpaiqueen .date-text {
    text-align: center;
    font-size: 3.6vw;
    padding-bottom: 0 !important;
  }

  div#tenpaiqueen .date-text a {
    color: #4f4f4f;
    text-decoration: none;
  }

  /* -------- navibox -------- */
  div#tenpaiqueen .navibox {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #648a8d;
    position: relative;
    box-sizing: border-box;
  }

  div#tenpaiqueen .navibox ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
  }

  div#tenpaiqueen .navibox li {
    width: 50%;
    box-sizing: border-box;
  }

  /* -------- intro / rule -------- */
  div#tenpaiqueen .intro-rule-box {
    text-align: center;
    width: 90%;
    margin: 20px auto 0;
    padding: 10px 0 10px;
    background: #efefef;
    border: 1px solid #dcdcdc;
  }

  div#tenpaiqueen .intro-rule-box img { width: 40%; }

  div#tenpaiqueen .rule-midashi {
    width: 100%;
    padding: 5px 0 !important;
    font-size: 5vw !important;
    white-space: nowrap;
  }

  div#tenpaiqueen .rule-txt {
    width: 100%;
    padding: 20px 0 0 !important;
    text-align: left !important;
    font-size: 3.6vw;
    line-height: 1.7;
  }

  div#tenpaiqueen .rule-txt-box {
    width: 90%;
    margin: 15px auto 0;
    border-top: 1px solid #dcdcdc;
    padding: 0 0 10px 0 !important;
  }

  /* ---------- highlight ---------- */
  div#tenpaiqueen .highlight-box { width: 100%; color: #4f4f4f; }
  div#tenpaiqueen .highlight-box2 { width: 90%; margin: 5px auto; }

  div#tenpaiqueen .highlight-box h3,
  div#tenpaiqueen .highlight-box2 h3 {
    width: 90%;
    margin: 0 auto;
    padding: 2.5vw;
    background: #efefef;
    font-size: 4.2vw;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 5.2vw;
  }
   div#tenpaiqueen .highlight-box h3 { margin: 30px auto 0; }

  div#tenpaiqueen .highlight-col {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  div#tenpaiqueen .highlight-img {
    width: 90%;
    margin: 0 auto 1rem !important;
    box-sizing: border-box;
    padding: 20px 0 0 !important;
  }

  #tenpaiqueen #highlight .highlight-img img {
    width: 100%;
    height: auto;
    display: block;
  }

  div#tenpaiqueen .highlight-txt {
    font-size: 4.2vw !important;
  }

  div#tenpaiqueen .highlight-txt span { font-weight: bold; }
  div#tenpaiqueen .highlight-txt .order { font-size: 3vw; }

  #tenpaiqueen #highlight .highlight-btn {
    text-align: center;
    margin: 1rem auto 0;
  }

  #tenpaiqueen #highlight .highlight-btn a {
    display: inline-block;
    max-width: 230px;
  }

    div#tenpaiqueen .highlight-txt span {
    font-weight: normal;
  }

  /* ---------- cast ---------- */
  div#tenpaiqueen .cast-box h3 {
    width: 90%;
    margin: 30px auto 0;
    padding: 20px 10px;
    background: #efefef;
    font-size: 5vw;
    text-align: center;
    white-space: nowrap;
    font-weight: 400 !important;
  }

  div#tenpaiqueen .cast-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4vw;
  }

  div#tenpaiqueen .cast-box ul li {
    width: 45%;
    box-sizing: border-box;
    padding-top: 4vw;
  }

  div#tenpaiqueen .cast-box ul li img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
  }

  /* 10代目クイーン → 1列中央寄せ */
  div#tenpaiqueen .cast-box .queen {
    text-align: center;
    margin: 2rem auto;
  }

  div#tenpaiqueen .cast-box .queen img {
    width: 55%;
    max-width: 280px;
    display: block;
    margin: 0 auto;
  }

  /* ---------- tournament ---------- */
  #tenpaiqueen .tournament-box {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  #tenpaiqueen .tournament-box img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }

div#tenpaiqueen .bk-btn,
div#tenpaiqueen .btn-howto {
  width: 96%;
  text-align: center;
  margin: 0px auto 5px;
  padding: 0;
  box-sizing: border-box;
}

div#tenpaiqueen .bk-btn a,
div#tenpaiqueen .btn-howto a{
  display: inline-block;
  width: 100%;
}
#tenpaiqueen .contents-box.tournament {
    padding-bottom: 1rem; /* ← 通常2remなら半分に */
    margin-bottom: 1rem;  /* 必要なら下マージンも調整 */
  }

    div#tenpaiqueen #skyper-01 .sky_frame,
    div#tenpaiqueen #skyper-02 .sky_frame  {
    background-image: url(./../img/sp_sky_back.jpg);
    background-size: contain;
    width: 94%;
    margin: 0px auto 5vw;
    padding: 15px 10px;
    border: 1px #cccccc solid;
    box-sizing: border-box; }
    div#tenpaiqueen .sky_frame a {
      text-decoration: none; }
  div#tenpaiqueen .sky_ttl {
    padding: 0 0 15px; }
  div#tenpaiqueen .sky_text {
    font-size: 11px;
    line-height: 14px;
    padding: 5px 0;
    text-align: right;
    background: #ffffff; }
  div#tenpaiqueen .sky_text2 {
    font-size: 11px;
    line-height: 14px;
    padding: 2% 0 1%;
    text-align: right; }
  div#tenpaiqueen .sky_ttl_frame {
    padding-bottom: 10px; }
  div#tenpaiqueen .sky_web_frame {
    background: url(./../img/sp_skaper_zeroen_back.png) #ffffff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    margin-bottom: 15px; }
  div#tenpaiqueen .sky_button {
    padding-top: 13%;
    text-align: center; }
  div#tenpaiqueen .sky_button_image {
    display: block;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    margin-left: auto;
    margin-right: auto;
    width: 92.5% !important; }


  /* ---------- footer ---------- */
  .foot_info {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
  }

  .foot_info .info_midashi,
  .foot_info .info_midashi--ch1 { width: 100%; margin: 0; color: #f0027f; }

  .foot_info .info_midashi--ch2 { width: 100%; margin: 0; color: #00a0c6; }

  .foot_info p {
    margin: 10px auto 0;
    font-size: 3.4vw;
    line-height: 1.6;
    color: #000;
  }

  /* -------- モーダル原稿は常に非表示 -------- */
  .photo-box { display: none; }

  /* -------- Fancybox画像のフィット -------- */
  .fancybox-inner img,
  .photo-box img.photo-p {
    display: block;
    max-width: 100%;
    height: auto;
  }

  /* SP：画像モーダルの白フチ */
  .fancybox-skin {
    background: #fff !important;
    padding: 6px !important;
    border-radius: 2px;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    box-sizing: border-box;
  padding: 6px !important;
  }
}


  /* ---------- fancybox (v2.1.5) minimal needed ---------- */
  
  .fancybox-wrap,
  .fancybox-skin,
  .fancybox-outer,
  .fancybox-inner,
  .fancybox-image,
  .fancybox-wrap iframe,
  .fancybox-wrap object,
  .fancybox-nav,
  .fancybox-nav span,
  .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
  }
  .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
  .fancybox-skin { 
    position: relative;
    color: #444;
    border-radius: 4px;
    background: #fff !important;
    padding: 10px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.45);}
  .fancybox-opened { z-index: 8030; }
  .fancybox-opened .fancybox-skin { 
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);}
  .fancybox-outer, .fancybox-inner { position: relative; overflow: hidden !important;}
  .fancybox-inner { overflow: hidden; z-index: 500; }
  .fancybox-inner video { z-index: 1000; }
  .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

  /* keep images contained in modal */
  .fancybox-inner img,
  .photo-box img.photo-p {
  display: block;
  width: auto; 
  max-width: 100%; 
  max-height: 90vh;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  background: #fff;
  overflow: hidden; 
  transform: translateZ(0);
  box-sizing: border-box;
  }
  .photo-box { display: none; }

  .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
  .fancybox-image { max-width: 100%; max-height: 100%; }

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../js/fancybox/source/fancybox_sprite.png');
  }
  #fancybox-loading {
    position: fixed;
    top: 50%; left: 50%;
    margin-top: -22px; margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.7; cursor: pointer; z-index: 8060;
  }
  #fancybox-loading div {
    width: 44px; height: 44px;
    background: url('../js/fancybox/source/fancybox_loading.gif') center center no-repeat;
  }
  .fancybox-close {
    position: absolute; top: -18px; right: -18px;
    width: 36px; height: 36px; cursor: pointer; z-index: 8040;
  }
  .fancybox-nav {
    position: absolute; top: 0; width: 40%; height: 100%;
    cursor: pointer; text-decoration: none; background: transparent url('../js/fancybox/source/blank.gif');
    -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;
  }
  .fancybox-prev { left: 0; }
  .fancybox-next { right: 0; }
  .fancybox-nav span {
    position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px;
    cursor: pointer; z-index: 8040; visibility: hidden;
  }
  .fancybox-prev span { left: 10px; background-position: 0 -36px; }
  .fancybox-next span { right: 10px; background-position: 0 -72px; }
  .fancybox-nav:hover span { visibility: visible; }
  .fancybox-tmp {
    position: absolute; top: -99999px; left: -99999px; visibility: hidden;
    max-width: 99999px; max-height: 99999px; overflow: visible !important;
  }
  .fancybox-lock { overflow: hidden !important; width: auto; }
  .fancybox-lock body { overflow: hidden !important; }
  .fancybox-lock-test { overflow-y: hidden !important; }
  .fancybox-overlay {
    position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010;
    background: url('../js/fancybox/source/fancybox_overlay.png');
  }
  .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
  .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
  .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; z-index: 8050; }
  .fancybox-opened .fancybox-title { visibility: visible; }
  .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
  .fancybox-title-float-wrap .child {
    display: inline-block; margin-right: -100%; padding: 2px 20px;
    background: rgba(0,0,0,0.8); border-radius: 15px; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;
  }
  .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
  .fancybox-title-inside-wrap { padding-top: 10px; }
  .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: rgba(0,0,0,.8); }


  div#tenpaiqueen section.main-contents .twitter-box .midashi { margin: 10px auto; font-size: 18px; font-weight: bold; }
  div#tenpaiqueen section.main-contents .twitter-box .midashi2 { margin: 0 auto 10px; font-size: 18px; }
  div#tenpaiqueen section.main-contents .tweet-txt { margin: 0 auto 20px; font-size: 15px; line-height: 30px !important; padding: 10px; }

  div#tenpaiqueen a.opac:hover { opacity: 0.7; }