@charset "utf-8";

/*************************
* default
*************************/
html {margin: 0 auto;}
body{
  scroll-behavior: smooth;
  display: grid;grid-template-columns: 100%;
  font-family: "Noto Sans JP", Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  color: #333333;
  width: 100vw;
}

h1,h2,h3{
  font-family: "Rounded Mplus 1c";
  font-weight: bold;
  margin-bottom: 0.5rem;
}

p,div,ul,dl,figure{margin-bottom: 1rem;}
a{color: #e94630;}
a:visited{color: #e94630;}
a:hover{opacity: .75;}
img {max-width: 100%;}

.goto_btn{
  text-decoration: none;
  border:solid 1px #e94630;
  border-radius: 1rem;
  padding: 0.25rem;
}
.goto_btn:hover{
  color:#fff;
  background-color: #e94630;
}

/*************************
* rayout
*************************/
header.h_image{grid-row: 1;}
nav.nav_menu{grid-row: 2;}
main{grid-row: 3;}
aside.link_row{grid-row: 4;}
aside.ad_row{grid-row: 5;}
footer{grid-row: 6;}

.grid_lo{display: grid;}
.col2{grid-template-columns: 1fr 1fr;grid-column-gap:2rem;}
.col3{grid-template-columns: 1fr 1fr 1fr;grid-column-gap:1.5rem;}
.dl_grid{grid-template-columns: auto 1fr;grid-column-gap:1rem;}
.dl_grid dt{font-weight:bold;color:#529fd6;}

.sec_box{
  padding-left: 10vw;padding-right: 10vw;
  margin-bottom:4rem;
}
.box_centerig{
   width: fit-content;
   margin-left: auto;margin-right: auto;
 }
.txt_centerig{text-align: center;}

.hol_scroll{
  margin-bottom: 0;
  width: 100%;
  display: grid;grid-auto-flow: column;
  grid-column-gap:1.5rem;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.hol_scroll article{text-align: center;}
.scr_explain{
  text-align: center;
  font-size: 0.75rem;
  color:#529fd6;
}

/*************************
*  header
*************************/
.h_image img{display: block;margin: auto;}
.nav_menu{
  width: 100%;
  position: sticky;
  top:0;z-index:10;
  background-color: #e94630;
  margin-bottom: 2.5rem;
}
#nav_input,.triger_box,.sp_menu_links{display: none;}
.nav_menu_mount{margin-bottom: 0;}
.nav_menu_list{
  display: grid;
  grid-auto-flow: column;
  justify-content: space-evenly;
  margin-bottom: 0;
}
.nav_menu_list li{padding-top: 0.25rem;padding-bottom: 0.25rem;}
.nav_menu_list a{
  color: #fff;
  text-decoration: none;
  font-size:1.5rem;font-weight: bolder;
}


/*************************
* main
*************************/
.sec_title{
  font-size: 1.5rem;
  border-top: 2px solid #333333;border-bottom: 2px solid #333333;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 1rem;
}
.l2_title{
  font-size:1.25rem;
  text-align:center;
  color:#529fd6;
}

/* new */
.list_info{
  height:45vh;
  overflow-y: scroll;
}
.list_info dd{
  border-bottom: dashed 0.5px #e94630;
  margin-bottom:0.75rem;padding-bottom: .25rem;
}
iframe.twitter-timeline{
  height:45vh;width: auto;
}

/* web cast */
.box_program{display: grid;place-items:center;}
.waiting_box{
  width:237px;height:262px;
  border-radius:5px;background-color:#888;
  display: grid;place-items:center;
}
.waiting_box p{color:#fff;text-align:center;}

/* personarity */
.box_cast{display: grid;place-items:center;}
.prof_grid{grid-template-columns: auto 1fr;grid-column-gap:1rem;}
.prof_grid dt{}


/*************************
* event
*************************/

.list_lv1{
  padding-left: 1.5rem;
}
.list_lv1 li{
  text-indent: -1rem;
  margin-bottom: 0.5rem;
}
.list_lv1 li:before{
  content:'○';
  display: inline-block;
  margin-right: 1rem;
}
.list_lv2{
  margin-left:0.5rem;
}
.list_lv2 li{
  margin-bottom: 0.5rem;
}
.list_lv2 li:before{
  content:'・';
  display: inline-block;
}

.goods_name{color: #529fd6;font-weight: bolder;}
.goods_price{
  color: #529fd6;font-weight: bolder;
  border-bottom: dashed 0.5px #529fd6;
  padding-bottom: 0.25rem;margin-bottom: 0.25rem;
}
.goods_txt{font-size: 0.8rem;border-bottom: dashed 0.5px #529fd6;padding-bottom: 0.25rem;margin-bottom: 0.25rem;}
.goods_detail{font-size: 0.8rem;}
/* タブ切り替え */
.tab_wrap input[type="radio"]{
  display:none;
}
.tab_triger{
  color: #e94630;
  background-color: #fff;
  border:solid 1px #e94630;
  border-radius: 1rem;
  /*width: fit-content;*/
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  margin: 0.5rem;
}
.tab_area{
 text-align: center;
 display: grid;
 grid-template-columns: repeat(auto-fit,12rem);
 justify-content: center;
}
.tab_area label:hover{
  cursor: pointer;
  transition: scale(1.25,1.25)
}
.panel_area{
  margin-top: 1rem;
}
.tab_panel{
  display:none;
}

#tab1:checked ~ .tab_area .tab1_label{background:#e94630; color:#fff; }
#tab1:checked ~ .panel_area #ps{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#tab2:checked ~ .tab_area .tab2_label{background:#e94630; color:#fff; }
#tab2:checked ~ .panel_area #ec{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#tab3:checked ~ .tab_area .tab3_label{background:#e94630; color:#fff; }
#tab3:checked ~ .panel_area #ec{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}

.fadeout {
  animation : fadeOut 1.5s;
  animation-fill-mode: both;
}

.goto_btn{
  text-decoration: none;
  border:solid 1px #e94630;
  border-radius: 1rem;
  padding: 0.25rem;
}
.goto_btn:hover{
  color:#fff;
  background-color: #e94630;
}

@keyframes tabAnim{
  0%{opacity:0;}
  100%{opacity:1;}
}

@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

/*************************
* contact
*************************/
.form_area{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-row-gap: .5rem;grid-column-gap: 1rem;
  align-items: stretch;
}

.form_area dt{
  color:#ffffff;
  background-color: #e94630;
  padding: 0.25rem 0.5rem  0.25rem 0.5rem;
}
.form_area dd{
  padding: 0.25rem 0.5rem  0.25rem 0.5rem;
}
.form_area textarea,.form_area input[type="text"],.form_area input[type="email"],.form_area select{
  width: 100%;height: 100%;
  border: none;background-color: rgba(233,70,48,.1);
}
.form_area textarea{
  resize: vertical;
  min-height: 15rem;
}
.input_box{margin-bottom: 0;}
.submit_box{
  width: fit-content;margin: auto;
  text-align: center;
}
.submit_btn{
  font-size: 1.25rem;font-weight: bold;color:#e94630;
  background-color: initial;
  border: solid 2px #e94630;
  border-radius: 5px;
}
.submit_btn:hover{
  color:#fff;background-color: #e94630;
}
a.submit_btn{text-decoration:none;}

.for_contact{}
.for_contact li{width: 100%;}
.contact_box{
  text-align: center;
  vertical-align: middle;
  border: solid 2px #e94630;
  border-radius: 10px;
  padding: 0.5rem;
  margin-bottom: 0 !important
}
.contact_box a{color: #e94630;}
.contact_box .fa{font-size: 2rem;}
.explain{text-align: center;color: #e94630;}

/*************************
* footer
*************************/
aside{margin-bottom: 2.5rem}
footer{
  border-top: 5px solid #529fd6;
  /*font-family: "Rounded Mplus 1c";*/
  font-size: 1rem;
  display: grid;place-items:center;
  height: 10vh;
}