@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
img{ max-width:100%; box-sizing: border-box;}
a { color:inherit; text-decoration:none; transition:opacity 0.5s,color 0.5s; }
a:hover { color:#00a0ff;}
.hop08:hover { opacity: 0.8;}

.cl_blu{ color:#00a0ff;}
.cl_bluen{ color:#0096d4;}
.cl_cyan{ color:#84c9d9;}
.cl_pnk{ color:#e4007f;}
.cl_red{ color:#e8374a;}
.cl_gly{ color:#838d98;}
.cl_wht{ color:#fff;}
.cl_blk{ color:#000;}

.fs15{ font-size: 15px; font-size: 0.15rem; line-height:1.5;  }


.fb09{ font-size: 0.9em; line-height:1.67; }
.fb11{ font-size: 1.1em; line-height:3.3; }
.fb12{ font-size: 1.2em; line-height:1.8; }
.fb13{ font-size: 1.3em;}
.fb13_7{ font-size: 1.375em;}
.fb19{ font-size: 1.9em;}
.fb20{ font-size: 2em;}

.fws{ font-weight:400;}
.fwb{ font-weight:bold;}
.palt{ font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.fw-sm{font-family: "Shippori Mincho", serif;font-style: normal;}
.fw-fc{font-family: "Fira Sans Condensed", sans-serif;font-style: normal;}
.fw-zkg{font-family: "Zen Kaku Gothic Antique", sans-serif;font-style: normal;font-weight: 500;}
.fw-dam{font-family: "Damion", cursive;font-weight: 400;font-style: normal;}

.pd_t10{ padding-top: 0.1rem; }
.pd_t20{ padding-top: 0.2rem; }
.pd_t30{ padding-top: 0.3rem; }
.pd_t40{ padding-top: 0.4rem; }
.pd_t50{ padding-top: 0.5rem; }
.pd_t70{ padding-top: 0.7rem; }
.pd_t80{ padding-top: 0.8rem; }
.pd_b10{ padding-bottom: 0.1rem; }
.pd_b20{ padding-bottom: 0.2rem; }
.pd_b30{ padding-bottom: 0.3rem; }
.pd_b40{ padding-bottom: 0.4rem; }
.pd_b50{ padding-bottom: 0.5rem; }
.pd_b70{ padding-bottom: 0.7rem; }
.pd_b80{ padding-bottom: 0.8rem; }

.align_center{text-align: center;}

.palt{font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

.sp_none{ display: block; }
.pc_none{ display: none; }


.inpv{ text-align: center; width: 800px; max-width: 100%;margin: 0 auto;}
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

:root{
  --hf:100px;
  --bf: 0.2rem;
  --mf: 15px;
  --hover_cl:#00668d;
}

/******************************index************************************************/
html{ font-size:var(--hf);overflow: hidden;}
body{ font-size:var(--bf); position:relative; background: #e8f6f4;overflow: hidden;}

.overin{overflow-x:hidden; overflow-y: auto;}
.overout{overflow: hidden;}

.warp{ position:relative; z-index:10; min-height:100%; }
/* menu */

#menumob{font-size:var(--mf); position: fixed; top: 0; right: 0; width: 300px; max-width: 100%; z-index: 100; transition: all 0.3s ease-in-out; transform: translate(102%, 0); }
  .menuinner{height: 600px; max-height: 90vh; background: #fff; border-bottom-left-radius: 0.9em;box-sizing: border-box;padding: 1rem 0.3rem 0.95rem 0.3rem; display: flex; justify-content: center; align-items: center;align-content: center; text-align: center; flex-wrap: wrap;}
  .menulist{ width: 100%; line-height: 1}
  .menulist a{ display: block;margin:2.4em 1em 2.2em 1em; }
  .menulist .banms{ position: relative; display: inline-block; padding: 0.2em 0.2em 0.4em 0.2em; }
  .menulist .banms::before{content: ""; position: absolute; bottom: 0;right: 0; width: 0; height: 2px; background: #00a0ff; transition: width 0.3s; }
  .menulist a.sel{ color:#00a0ff; }
  .menulist a.sel .banms::before{ width: 100%;}

  .ban_close{ position: fixed; top: 0.25rem; right: 0.3rem; z-index: 200; }
    #nav-icon {cursor: pointer;filter: drop-shadow(0px 1px 2px rgba(0, 160, 255, 1));}
    .line {fill: white;transform-origin: center;transition: transform 0.3s ease, fill 0.3s ease;transform-origin: 0 0;}
    .page #nav-icon {filter:none;}
    .page .line {fill: #00a0ff;}
    .line-bottom {transform-origin: 100% 100%;}
    .x-icon {fill: black;opacity: 0;transition: opacity 0.3s ease;}
    #nav-icon.active{filter: drop-shadow(0px 1px 2px rgba(0, 160, 255, 0));}
    .active .line-top {transform: rotate(55deg) translate(6px, -6px);fill: #000;}
    .active .line-bottom {transform:rotate(-55deg) translate(11px, -18px);fill: #000;}
    .active .x-icon {opacity: 1;}

.menushow #menumob{transform: translate(0, 0);}

/* menu */

.main{}
  header{ max-width:100%; margin: 0 auto; display: block;box-sizing: border-box; text-align: right; position: relative; z-index: 20;}
  .headinpre img{ width: 100%; }
  .top_logo{ position: absolute; top:0; left:0 ;margin: 9.8% 0 0 40.02%; width:51%; }
  .top_logo object{width: 100%;}
  .top_title{position: absolute;top:0; left:0 ;margin:35.8% 0 0 40.52%; font-size:2.15em; line-height: 1.1;color: #12b4fd;}
    .top_title .ligfw{font-size:1.16em;}
  
  .top_time{position: absolute; bottom:2.8%;right: 0;background: #fff;padding-right: 0.1rem; width: 3.8rem;}
  .top_sns{position: absolute; bottom: 2em;right: 0;padding: 0.1rem; display: flex; }
  .top_sns a{width: 1.5em;margin: 0 0.5em; transition: all 0.3s;}
  .top_sns .sns_ytb{ width: 2em;}

  .top_sns a:hover{ transform: scale(1.1); }
  .top_sns img{width:100%;}


.main .innermob{  position: relative;}
  .w1000{ width: 78.125%; margin-left: auto; margin-right: auto; }
  .w1080{ width: 84.375%; margin-left: auto; margin-right: auto; }

  .bluemob{background-color: #00a0ff; padding-bottom: 0.75rem;}
    .mobtitle{--fcl:#fff; color: var(--fcl); font-size:3.3em; line-height: 1.1; padding:1.2em 0 0.55em 0; text-align: center;}
      .title_sl{font-size: 0.3em; line-height: 1.1; padding-top: 0.8em;}
      .newslistmob{ }
      .news_linkin{--cl:#fff; padding: 0 0 0.35rem 0; margin-bottom: 0.35rem;color:var(--cl); border-bottom: 0.02rem solid var(--cl); display: block; font-size: 0.9em; line-height:1.8em;transition: border 0.5s,color 0.5s;}
      /* .news_linkin:hover{--cl:var(--hover_cl);color:var(--cl);} */
        .newsin_time{ display: inline-block; padding: 0.2em 0.6em; line-height: 1.1em; border:0.02rem solid var(--cl); color: var(--cl);}
        .news_linkin .newsin_time{--cl:#fff;}
        .newsin_tx{--abcl:#fff; padding: 0.9em 3em 0 0.9em; cursor: pointer;position: relative; font-weight: 500;}
        .newsin_tx::before,.newsin_tx::after{ content: ""; display: block; width:0.01rem; height: 1em; position: absolute; top: calc(50% - 0.5em);right:1.5em; background-color:var(--abcl);transform-origin: 50% 100%; transition:all 0.5s;}
        .newsin_tx::before{transform:rotate(-30deg);}
        .newsin_tx::after{transform:rotate(30deg);}
        .slideopen .newsin_tx::before{transform:rotate(-30deg);transform-origin: 50% 0%;}
        .slideopen .newsin_tx::after{transform:rotate(30deg);transform-origin: 50% 0%;}
        .newsin_tx:hover{ --cl:var(--hover_cl);color:var(--cl);}
        .newsconsl{ padding: 1.2em; color: #d6f0ff; display: none; box-sizing: border-box;}


        .ban_newsmore{ text-align:right; color: #fff; }
        .ban_newsmore a:hover{color:var(--hover_cl);}

      .episode_inner{ display:grid; grid-template-columns:repeat(3,1fr);grid-gap:0.2rem;padding: 0.35rem 0 0.3rem 0; color: #fff;}
        .epi_listin{}
        .epi_listin[href]:hover .epi_pic img{transform:scale(1.1,1.1);}
          .epi_pic{overflow: hidden;}
          .epi_pic img{transform-origin: center center; transition:transform 0.5s; width: 100%;}
          .epi_con{padding-top: 0.1rem;}
          .time_icomob{display: inline-block; padding: 0.2em 0.6em; line-height: 1.1em; border:0.02rem solid #fff; color: #fff;}
          .epi_tx{ padding: 0.1rem 0 0 0.1rem;color: #fff;}

  .onairmob{ background: url("../images/ph_onair.jpg") center center no-repeat;background-size: cover; padding: 0.6rem 0 1.1rem;}
    .onait_retime{text-align: center;}
    .onait_retime img{ width: 4.4rem;}

  .profilemob{ padding:0.4rem 0 2.2rem 0;}
    .profile_inner{display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 2px;}

    .prolbox{}
      .prelbox_inner{ display:grid; grid-template-columns:43% 0.8rem auto;}
      .prelbox_con{grid-area:1 / 3 / 1 / 3;}


  .mobs01{padding-bottom: 1.1rem;}
    .inner_con{width:1280px; max-width:100%; margin: 0 auto;box-sizing: border-box; padding: 0 1rem;}
      .title_h{font-size: 2em; line-height: 1.4; text-align: center; padding: 1.6em 0;}
      .titinner{ position: relative; display: inline-block; padding:0 2.7em; }
      .titinner::before{content: ""; display: block;height: 2px; width: 1.7em; background: #00a0ff; position: absolute; top: calc(50% - 1px);left: 0;}
      .titinner::after{content: ""; display: block;height: 2px; width: 1.7em; background: #00a0ff; position: absolute; top: calc(50% - 1px);right: 0;}

      .content_01{font-size: 0.9em; line-height:2.5; font-weight: 700; letter-spacing: 0.1em;}
      .txico_01{display: inline-block; font-size: 1.33em;line-height: 1.3em; padding:0.1em 0.3em; background: #fff; border: 0.1em solid #000;color:#000; }
      .txico_02{display: inline-block; font-size: 1.33em;line-height: 1.3em; padding:0.1em 0.3em; background: #fff; border: 0.1em solid #00a0ff; color: #00a0ff; }
      .txico_03{display: inline-block; font-size: 1em;line-height: 1.1em; padding:0.3em 0.3em; background: #00a0ff;  color: #fff; margin-bottom: 0.65em; }
      .textlight{ color: #00a0ff; font-size: 2.22em; line-height: 2; text-decoration: underline; text-underline-offset:0.35em; font-weight: 500;}
      .txico_01 span,.txico_02 span{transform: scale(0, 0);display: inline-block;}
      .overin .txico_01 span,.overin .txico_02 span{animation: ZoomIn 0.05s ease both;}

  .mobs02{ background: linear-gradient(to bottom,#e8f6f4 2.1rem,#00a0ff 2.1rem,#00a0ff 100%); padding-bottom: 1.1rem; }
    .lineph{ text-align: center; margin: 0 10.9375% 0.8rem 10.9375%; }

    .title_kbz{--cl: #fff; color: var(--cl); font-size: 1.5em; line-height: 1; }
      .titinner02{display: inline-block; padding: 0.1em 1em; position: relative;}
      .titinner02::before{content:""; display:block;  position: absolute; top:0; left: 0; width: 0.33em;height: 100%; box-sizing: border-box; border: 1px solid var(--cl); border-right: none;}
      .titinner02::after{content:""; display:block;  position: absolute; top:0; right: 0; width: 0.33em;height: 100%; box-sizing: border-box; border: 1px solid var(--cl); border-left: none;}
    .con_box{background: #fff; border-radius: 0.2rem; margin:0.4rem 10.9375% 0 10.9375%; padding: 0.4rem; box-sizing: border-box;}
      .boxtitle{color: #00a0ff; font-size: 1.3em; line-height: 1.2; padding-bottom:1.4em; }
      .smfs{font-size: 0.577em;}
      .boxcont{padding-left: 1.8em;}
        .textin{font-size: 0.9em; line-height: 1.3;font-weight: 500;}
        .textin li{ padding-left: 1em; text-indent: -1em; padding-bottom: 0.3em; }
      .mobs02::after{content: ""; display: block; width: 0.58rem; height: 0.29rem;background:url("../images/bg_mobs03_upico.jpg") center top no-repeat; position: absolute;bottom:0;left: calc(50% - 0.29rem);}

    .mobs03{background:url("../images/bg_mobs03.jpg?01") center top no-repeat; background-size: cover; position: relative; padding: 0.8rem 0;}
      .time_ico{text-align: center;font-size:2.425em; line-height: 1.2;}
        .time_ins{ background: #fff; color: #84c9d9; padding: 0 0.5em; letter-spacing: 0.08em; }
        .time_ico .smal{font-size:0.598em;letter-spacing: 0.02em;}

      .tabmob{display: flex; flex-wrap: wrap;justify-content: space-between; padding-top: 0.8rem;}
        .tabinner_two{ width:48.14%;box-sizing: border-box; padding: 2em; background: #fff;border-radius: 0.9em;}
          .tabtitle{font-size: 2.5em; line-height: 1.1em; padding-right:1em; color:#84c9d9; letter-spacing: 0.1em; font-weight: 900; position: relative; }
            .fstn{display: inline-block;transform: scale(0.7, 1); transform-origin: 0 0;}
            .title_fico{position: absolute;top:calc(50% - 0.34em);right:0; width:0.84em;}
            .tab_incons{ padding-top:3.5em; }

    .mobs04{position: relative; padding: 0.8rem 0;}
      .mobs04 .tabmob{ padding-top: 0.4rem;}
         .tabinner_fo{ width:20.31%; padding: 2em 1em; background: #fff;border-radius: 0.9em;}


        .tabtitle02{ font-size: 3.5em; line-height: 1.1; padding-bottom: 0.28em; color: #84c9d9; }
        .text_h02{font-size: 1.3em; line-height: 1.2;}
        .tabfo_ico{height: 3.25em; padding: 2em 0;}
        .tabfo_ico img{ width: auto; height:100%; }
        .ico03{height: 3.75em; padding: 1.75em 0;}
        .ico04{height: 4.4em; padding: 1.425em 0;}

    .mobs05{position: relative; padding:0 0 0.8rem 0;}
      .lineph02{height: 4rem;}
      .lineph02 img{object-fit: cover; width: 100%;height: 100%;object-position: 50% 70%;}
      .mobs05 .title_kbz{padding-top: 0.8rem;}
      .contx02{ width: 765px;max-width:78.66%; margin:0 auto; padding:0.4rem 0 1rem 0; }
        .textin02{font-size: 0.9em; line-height: 1.6;font-weight: 500; color: #0096d4;}
        .textin02 li{ padding-left: 1em; text-indent: -1em; padding-bottom: 0.3em; }


.ban_mbs01{ width: 100%; }
  .ban_mbs01_ins{letter-spacing: 0.1em; display: inline-block; padding: 1em 1.7em 1em 1.3em; box-sizing: border-box; width: 100%; border-radius: 99em; background: linear-gradient(to right,#06a0ff 0%,#fe7bb3 50%,#81c2d3 100%); background-size: 220% 100%; color: #fff; text-align: left; position: relative; transition:background 0.3s ;}
    .ban_mbs01_ins::after{content: ""; display: block; width: 0.7em; height: 0.7em; border-top: 0.14em solid #fff;border-right: 0.14em solid #fff; transform:rotate(45deg) skew(-7deg,-7deg); position: absolute; top: calc(50% - 0.5em); right: 1.8em;z-index: 10;}
  .ban_mbs01_ins:hover{color: #fff; background-position: 100% 100%;}

.ban_snup{ padding-top:3em; }
  .ban_snup .ban_mbs01_ins{padding: 1.5em 2em 1.5em 2em;}


/* page */
.page{}
  .page .inner_con{ padding:0.5rem 1rem 2.3rem 1rem;min-height: calc(100vh - 4rem);}
  .page .mobtitle{--fcl:#00a0ff;}
  .page .news_linkin{--cl:#00a0ff;}
  .page .newsin_time{--cl:#00a0ff;}
  .page .news_linkin:hover{--cl:var(--hover_cl);}
  .page .time_icomob{color: #00a0ff; border-color: #00a0ff;}
  .page .epi_tx{color: #00a0ff; padding-bottom: 1em;}


  .pagelist{ display: flex; flex-wrap: wrap;align-items: center;justify-content: center;}
    .pagelist a{font-size: 0.9em; line-height: 2.5em; width: 2.5em; height: 2.5em; box-sizing: border-box; color: #4fb3fd;margin:0.2em 0.5em;display: flex;align-items: center;justify-content: center; transition: all 0.4s;}
    .pagelist a:hover{ background-color:var(--hover_cl);}
    .pagelist a.active{border:0.02rem solid #4fb3fd;}



  /* news */
  .newstitle{color: rgb(0, 150, 212); padding-bottom: 0.6em; font-size: 1.4em;}
  .newspage_inner{ padding-top: 1.5em;}
  .page .newsin_tx{--abcl:#00a0ff;}
  .page .newsconsl{color: #000;}




.ban_entry{ position: fixed; bottom: 0;right: calc(50% - 610px);text-align: right; cursor: pointer; }
.ban_entry a{display:block; width:6em; padding-bottom: 0.3rem; transition: padding 0.2s; transition: all 0.4s;transition-timing-function: cubic-bezier(0.76, -0.67, 0.23, 1.52);}
.ban_entry a:hover{ transform: scale(.95,.95); }
.ban_entry img{width: 100%;}
.ban_entry.scend{position: absolute; bottom:100%;}
.ban_entry.scend a{padding-bottom: 0.1rem;}


.footmob{ padding:0.4rem 0 0.8rem 0; background: #00a0ff; color: #fff; position: relative;z-index:50; }
  .banpagetop{ position: absolute;bottom: 100%;right: calc(50% - 480px); width: 1.15em; }
  .logolist{text-align: center; }
  .logolist a>img{display: inline-block; height: 0.69rem; margin: 0 1.25em;}
  .logolist a .logo_sdw{height: 0.39rem; margin-top:2em;}

  .ftbanlist{ text-align: center; padding: 0rem 0 0.4rem 0; }
  .ftbanlist a{display: inline-block;margin: 0 1.2em;}
  .ftbanlist a:hover{color: #84c9d9;}
  .ftcopy{text-align: center; font-size: 10px;}

  .foot_sns{padding: 0.3rem 0; display: flex; justify-content: center; align-items: center;}
  .foot_sns a{width: 1.5em;margin: 0 0.5em; transition: all 0.3s;}
  .foot_sns .sns_ytb{ width: 2em;}
  .foot_sns a:hover{ transform: scale(1.1); }
  .foot_sns img{width:100%;}






.jsmob_fl{position: fixed; top: 0; left: 0;height:100vh; width: 100vw;box-sizing: border-box;z-index:100;background: #e8f6f4;padding: 1rem 0;overflow-y: auto; opacity: 0; transform: translate(-110%,0); pointer-events: none; transition: opacity 0.6s,transform 0.01s 0.8s;}
  .jsmob_fl.active{ opacity: 1; pointer-events: auto;transform: translate(0%,0);transition: opacity 0.6s;}
  .jsmob_fl .textin{font-size: 1em;line-height: 1.6;font-weight: 500;}
  .jsmob_fl .textin li{padding-left: 1em;text-indent: -1em;padding-bottom: 0.3em;}
  .jsmob_fl .textin02{font-size: 1em;line-height: 1.6;font-weight: 500;}
  .jsmob_fl .textin02 li{padding-left: 0.7em;text-indent: -0.7em;padding-bottom: 0.3em;}
  .jsmob_fl .textin03{font-size: 1em;line-height: 1.6;font-weight: 500;}
  .jsmob_fl .textin03 li{padding-left: 0.5em;text-indent: -0.5em;padding-bottom: 0.3em;}

  .lbox_con{ width: 1000px;max-width: 90%;margin: 0 auto; color: #0096d4;animation: fadeIn 0.8s both; }




/* animation  */
.headinpre{opacity: 0; animation: fup 1s 2.5s ease-in-out forwards;}
.top_sns,.top_time,.top_title{opacity: 0; animation: fup 1s 3s ease-in-out forwards;}
.innermob,.footmob{opacity: 0; animation: fup 1s 3s ease-in-out forwards;} 

.page .top_sns,.page .top_time,.page .top_title{opacity: 0; animation: fup 1s ease-in-out forwards;}
.page .innermob,.page .footmob{opacity: 0; animation: fup 1s ease-in-out forwards;} 



@keyframes fup {
  to {opacity: 1;}
}


.js_scrollani {opacity: 0;animation-duration: 1s;animation-fill-mode: both; }
.fadeIn{ animation-name: fadeIn; }
.fadeInUp{ animation-name: fadeInUp; }
.fade-in-blur {opacity: 0;filter: blur(1em); animation-name: fadeInBlur;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ZoomIn {
  from {
    opacity: 1;
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes fadeInBlur {
  from {
    opacity: 0;
    filter: blur(1em); 
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* animation */



@media screen and (max-width:1280px){
  :root{
    --hf:7.8125vw;
  }

  .ban_entry{right:3.125%; }
  .banpagetop{right:13.34%;}

}

@media screen and (max-width: 750px){
  :root{
    --hf:13.333vw;
    --bf: 0.28rem;
    --mf: 15px;
  }



  .fb09{ font-size: 1.3em; line-height:1.67; }
  .fb13{ font-size: 1.6em;line-height:1.6; }
  .fb10{font-size: 1.6em;line-height:1.6; }
  /* .fb13_7{ font-size: 1.375em;}
  .fb19{ font-size: 1.9em;}
  .fb20{ font-size: 2em;}
 */


  body{ }

  .sp_none{ display: none; }
  .pc_none{ display: block; }


  header{ }
  .top_logo{margin: 11.7% 0 0 12%; width:83%; }
  .top_title{margin:52.7% 0 0 11%; font-size: 1.42em;}
  .top_time{position: static; transform: translateY(0%);padding:0 0.4rem; width:100%;box-sizing: border-box; text-align: center;}
  .top_sns{bottom: 4em;font-size: 1.2em; padding:0 0.5em 0 0; }
  .top_sns a{margin: 0 0.7em; }

  .txico_03{margin-bottom: 0.2em;padding: 0.4em;}

.main{}
  .w1080{width: 81.333%; }
  .mobs01{padding-bottom: 0.8rem; animation: none; opacity: 1; font-size: 0.7em;}
  .inner_con{padding: 0 10%;}
  .mobs01 .inner_con{padding:0;}
    .title_h{font-size: 2em;line-height: 1.4;letter-spacing: -0.1em;white-space: nowrap;}
      .titinner{padding: 0 2em;}
      .titinner .fb13_7{font-size: 1.3em;}
      .titinner::before,.titinner::after{ width: 1.2em; }

      .content_01{font-size: 1.3em;letter-spacing: 0em;}
      .textlight{font-size: 1.538em;}

      .episode_inner{grid-template-columns: 1fr;}
      .profile_inner{grid-template-columns: repeat(3, 1fr);}
      .prelbox_inner{grid-template-columns: 1fr;}
        .prelbox_con{grid-area: auto; padding-top: 0.3rem;}




  .mobs02{}
    .lineph{margin: 0 0 0.5rem 0;}
    .title_kbz{font-size:2em; font-weight: 400;}
    .con_box{margin: 0.8rem 10.667% 0 10.667%;}
      .boxtitle{font-size: 1.8em;line-height: 1.3;padding-bottom: 1.3754em;}
      .smfs{font-size: 0.8125em; padding-left:0.4rem; }
      .boxcont{font-size: 1.3em;}
      .textin{font-size: 1em;}


  .mobs03{}
    .time_ico{font-size: 2em;margin-bottom: 0.2rem;}
    .tabmob{padding-top: 0;}
    .tabinner_two{ width: 100%;padding: 2em 3em;border-radius: 1.6em;margin-top: 0.8rem;}
      .tabtitle{font-size: 3em;}
      .tab_incons{padding-top: 0.4rem;font-size: 1.3em;}
      .tab_incons .fb19{font-size: 1.53em;}

      .ban_mbs01{}
      .ban_snup .ban_mbs01_ins{font-size: 1.3em; line-height: 1;padding: 1em 1.7em 1em 1.3em;}
      .ban_mbs01_ins::after{right: 1.2em;}

  .mobs04{}
    .mobs04 .tabmob{padding-top: 0;}
      .tabinner_fo{width: 100%;padding: 2em 2em;margin-top: 0.8rem;}
         .tabmob .tabinner_fo:nth-child(2){animation-delay: 0s;}
         .tabmob .tabinner_fo:nth-child(3){animation-delay: 0s;}
         .tabmob .tabinner_fo:nth-child(4){animation-delay: 0s;}

      .tabtitle02{font-size:5.7em;}
      .text_h02{font-size: 2em;}
        .tabfo_ico{height: 5.6em;padding: 4em 0;}
        .ico03{height: 6.3em; padding: 3.65em 0;}
        .ico04{height: 7.3em; padding: 3.15em 0;}

  .mobs05{}
    .lineph02{height:2.4rem;}
    .textin02{ font-size: 1.3em; line-height:1.84; }
      .contx02{padding:0.7rem 0 0.3rem 0; }


  .footmob{padding: 0.8rem 0 0.8rem 0;}
    .logolist a>img{height: 0.92rem; margin-bottom: 0.4rem;}
    .logolist a .logo_sdw{height: 0.6rem; margin: 0 0 0.4rem 0;}
    
    .ftbanlist{padding: 0.4rem 0; font-size: 0.26rem;}
    .ftbanlist a{display: inline-block; margin-bottom: 0.8em;}
    .ftcopy{font-size: 0.9em; line-height: 2;}


  .ban_entry{right: 1%;}
    .ban_entry a{ width: 4.5em; }
  .banpagetop{right: 15%;}



.jsmob_fl{font-size: 1.3em; line-height: 1.5;}
  .jsmob_fl .textin02{  font-size: 1em;}



}