@charset "utf-8";

/* CSS Document */

@media screen and (max-width:800px) {
  .camp_wrap {
    width: 100%;
  }
  /**/
  .camp_santa {
    width: 30%;
  }
  .camp_santa img {
    width: 100%;
  }
  /**/
  .camp_topimage {
    height: 48vw;
    background-position: center top;
    background-size: auto 100%;
  }
  h1{
    left: 1%;
    width: 52%;
    height: 52%;
  }
  h1 img{
    width: 100%;
    height: 100%;
  }
  .camp_ph_nishimura{left: calc(50% - 80px);}
  .camp_ph_nishimura img{
    height: 48vw;
    width: 94.1vw;
  }
  .camp_ph_kanban {
    width: 34%;
    left: calc(50% - 50px);
  }
  .camp_ph_kanban img {
    width: 100%;
  }
  .camp_ph_tent {
    left: -1%;
    width: 35%;
  }
  .camp_ph_tent img {
    width: 100%;
  }
  
  .camp_map_radio{
    top:18vw;
    left:3%;
  }
  
  .camp_map_radio img{
    width:20vw;
  }
  
  .camp_bodybg {
    padding: 0 0 140px;
    background-size: 100% auto, 100% auto;
  }
  .camp_presentbnr img {
    width: 100%;
  }
  .camp_mapbox {
    width: 100%;
    height: 84.6vw;
    background-size: auto 101%;
    background-position: center center;
    margin:0 auto;
  }
  .camp_menu {
    width: 100%;
    height: 21.5vw;
    left: 1.3%;
    top: 15.5vw;
    padding-top: 12.5vw;
  }
  
  .camp_menu ul{
    padding:0;
    height: 8vw;
    justify-content: space-between;
  }
  
  .camp_menu li img {
    height: 7vw;
  }
  .camp_menu li{
    width:33%;
  }
  .camp_map_next {
    width: 24vw;
    right: 0.5%;
    bottom: 28vw;
  }
  .camp_map_next img {
    width: 100%;
  }
  .camp_map_diary {
/*    width: 22vw;*/
    width: 20vw;
    top: 17vw;
    right: 4%;
  }
  .camp_map_diary img {
    width: 100%;
  }
  .camp_map_tent {
/*    top: 17.25vw;
    left: 28.5%;*/
/*小峠さん用*/
    top: 16.25vw;
    left: 24.5%;
/**/
    width: 24vw;
  }
  .camp_map_mail {
    left: 0;
    top: 27vw;
    width: 30vw;
  }
  .camp_nextoa {
    width: 96%;
    margin: 0 auto 30px;
    padding: 10px;
  }
  .camp_nextoa > div ,   .camp_nextoa > div  > div{
    float: none;
    width: 100%;
    height: auto;
    aspect-ratio:16 / 9;
    overflow:hidden;
  }


/*放送日時枠長文対応*/
  .camp_nextoa h2 {
    position: relative;
    display: flex;
    width:100%;
    align-items:flex-end;
    align-coutent:flex-end;
/*    font-size: 1.65rem;  全国放送後こっそり戻す*/
    font-size: calc(100vw / 22);
  }

  .camp_nextoa h2 > div:first-of-type{
  width:24%;
  height:auto;
  padding:2vw 0 0 2vw;
}
  .camp_nextoa h2 > div:last-of-type{
  width:76%;
  height:auto;
}
  .camp_nextoa h2 span {
    font-size: 1.125rem;
  }
  .camp_nextoa h2 img {
    width: 100%;
    height:auto;
  }
  .camp_nextoa h2 b {
  line-height:1.35;
  }

  .camp_nextoa > div p {
    min-height: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top:0;
  }
  .camp_linkarea {
    padding-top: 20px;
  }
  .camp_linkarea {
    display: block;
    margin-bottom: 40px;
  }
  .camp_linkarea li:last-of-type {
    margin-right: 0;
  }
  .camp_linkarea li a img {
    width: 100%;
  }
  .camp_insta a img {
    width: 96%;
    margin-left:auto;
    margin-right:auto;
  }
  .camp_insta{
    padding-top:24px;
    margin-bottom:24px;
  }
  .camp_insta img:first-child {
    display: none;
  }
  .camp_insta img:last-child {
    display: block;
    width:100%;
  }
  
 
  /**/
  .camp_spinoff {
    padding: 10px 0 40px;
  }
  .camp_spinoff .camp_wrap {
    display: block;
  }
  .camp_pcyoutube {
    display: none;
  }
  .camp_spinoff .camp_wrap>div:last-of-type {
    width: auto;
    margin-left: 0;
    padding: 10px 0;
    background-color: transparent;
  }
  .camp_spinoff .camp_wrap>div:last-of-type h2 {
    position: static;
    margin-bottom: 10px;
    text-align: center;
  }
  .camp_spinoff .camp_wrap>div:last-of-type h2 img {
    width: 100%;
  }
  .camp_spyoutube {
    display: block;
    text-align: center;
  }
  .camp_spinoff .camp_wrap>div:last-of-type p {
    margin-bottom: 0;
    padding: 16px 16px 32px 16px;
    background-color: #FFFFFF;
  }
  .camp_spinoff .camp_wrap>div:last-of-type a {
    display: block;
    text-align: center;
    margin-top: -20px;
  }
  .camp_spinoff .camp_wrap>div:last-of-type a img {
    width: 100%;
  }
  #tss_gototop {
    right: 2%;
    bottom: 98px;
  }
  .camp_reair {
    font-size: 1.125em;
  }
  .camp_reair ul {
    margin-bottom: 0;
  }
  /*20191018追加*/
  .camp_past {
    width: 96%;
    margin: 0 auto 24px;
    padding: 10px;
  }
  .camp_past h2 {
    width: 100%;
    margin-top: -10px;
/*    font-size: 1.65rem;  全国放送後こっそり戻す*/
    font-size: calc(100vw / 22);
  }
  .camp_past h2 img {
    width: 42vw;
  }
  .camp_past div {
    position: static;
    width: 100%;
    height: auto;
  }
  .camp_past p {
    width: 100%;
    height: auto;
    padding: 10px 10px 60px;
  }
  .camp_colm2 {
    display: block;
    width: 96%;
    margin: 0 auto 70px;
  }
  .camp_contentwrap>div {
    display: block;
    margin-bottom: 40px;
  }
  .camp_contentwrap h2 {
    text-align: center;
  }
  .camp_contentwrap h2 img {
    width: 160px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .camp_contentwrap>div>div:first-of-type {
    margin: auto;
  }
  .camp_contentwrap div img {
    max-width: 100%;
  }
  .camp_diary {
    width: 96%;
    margin: 0 auto 30px;
    background-size: 80%;
    background-position: right top;
  }
  .camp_diary a {
    padding: 37.5vw 2% 40px;
  }
  .camp_diary h2 img {
    width: 60%;
  }
  .camp_mailto {
    width: 96%;
    margin: 0 auto 32px;
  }
  .camp_mailto img {
    width: 100%
  }
  /*2019.12.20*/
  .camp_present {
    width: auto;
    background: url("../img/il_presentbg_sp.png") center top no-repeat;
    background-size: 100% auto;
    background-color: #FFFFFF;
  }
  .camp_present h2 img:first-of-type {
    display: none;
  }
  .camp_present h2 img:last-of-type {
    display: inline;
    width: 100%;
  }
  .camp_present ul {
    display: block;
    width: auto;
    padding: 0 4vw;
  }
  .camp_present li {
    margin-bottom: 20px;
  }
  .camp_present li img {
    width: 100%;
  }
  .camp_extra {
    position: static;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0 4vw;
  }
  .camp_extra div:first-of-type {
    width: 46vw;
    order: 2;
  }
  .camp_extra div:last-of-type {
    width: 41vw;
    order: 1;
  }
  .camp_extra img:first-of-type {
    display: none;
  }
  .camp_extra img:last-of-type {
    display: inline;
    width: 100%;
  }
  .camp_extra i, .camp_extra b, .camp_extra p {
    text-align: left;
  }
  .camp_oubo {
    display: block;
    padding: 0 8vw;
  }
  .camp_extra b br {
    display: none;
  }
  .camp_oubo div:first-of-type {
    width: auto;
    margin-bottom: 30px;
  }
  .camp_oubo a {
    width: 100%;
  }
  .camp_oubo div:last-of-type {
    width: auto;
  }
  .camp_oubo h4 span {
    display: block;
    margin-left: auto;
  }
  .camp_obtxt02 {
    margin-bottom: 16px;
  }
  .camp_obtxt04 span {
    display: block;
  }
  
  
  .camp_info {
    width: 96%;
  }
  .camp_info h2 {
    /*margin-top: -8.5vw;*/
    padding-left: 0;
  }
  .camp_info h2.camp_otherarea {
    margin-top: -9vw;
  }
  .camp_info h2 p:first-of-type {
    position: static;
    width: 29vw;
  }
  .camp_info h2.camp_otherarea p:first-of-type {
    width: 40vw;
  }
  .camp_info h2 p:last-of-type {
    position: absolute;
    right: 10px;
    top: -50px;
    margin: 0;
    padding: 0;
  }
  .camp_info h2.camp_otherarea p:last-of-type {
    position: static;
    padding: 0 10px;
  }
  .camp_info h2.camp_otherarea p:last-of-type img {
    max-width: 100%;
  }
  .camp_info ul.camp_steckerinfo {
    margin: 0;
  }
  
  ul.camp_steckerinfo li{
    margin-left:0 !important;
  }

  
  .camp_info li {
    padding: 12px 15px;
    margin-left: 0;
    width:100%;
  }
  .camp_info li dd span {
    display: block;
    font-weight: bold;
  }
  .camp_info li dd b {
    display: block;
    margin-left: 0;
  }
  .dsp_pc {
    display: none;
  }
  .dsp_sp {
    display: block;
  }
  .camp_steckerinfo {
    margin-top: 20px;
  }
  .camp_otherarea {
    padding-left: 15px;
  }
  /*-----*/
  .camp_bn_insta {
    right: 0;
    left: auto;
    bottom: 4px;
    top: auto;
    max-width: 100px;
  }
  
  .camp_bn_insta a{
    width:42%;
  }

  .camp_bn_line {
    right: 0;
    left: auto;
    bottom: 46px;
    top: auto;
    max-width: 100px;
  }

  .camp_infohd {
    margin-left: 0;
  }
  .camp_infohd span{
    display:block;
    margin-left:1em;
    margin-top:8px;
  }
  .camp_spbnr {
    width: 96%;
    margin: -30px auto 30px auto;
  }
  .camp_shflg {
    display: none;
  }
  .camp_shflgsp {
    display: block;
    width: 96%;
    margin: 0 auto 32px auto;
  }
  
  .camp_shflgsp img {
    display: block;
    width: 100%;
  }
  .nmc_shoppr {
    width: 96%;
    padding:0;
  }
  .nmc_shoppr > div{
    width:48%;
  }
  .nmc_shoppr p:first-of-type img {
    display: block;
    width: 100%;
  }
  .nmc_shoppr p:nth-of-type(2) {
    width: 100%;
    font-size:0.875em;
    line-height:1.5;
  }
  .nmc_shoppr p:nth-of-type(2) span{
    display:block;
  }
  .camp_spbnrarea {
    display: block;
    width: 100%;
    margin: 52px auto 30px auto;
  }
  .camp_spbnrarea>div {
    width: 100%;
  }
  .camp_spbnr {
    margin-bottom: 24px;
  }
  .camp_spbnrarea>div:nth-of-type(2) {
    width: 96%;
    margin: auto;
  }
  .camp_spbnrarea>div:nth-of-type(2)>div {
    padding-bottom: 16px;
  }
  .camp_info ul {
    column-count: 1;
  }
  .camp_infohd:nth-of-type(2) {
    padding-left: 0;
  }
  .camp_steckerinfo {
    padding: 0px 0px 20px 0 !important;
  }
  #onair .camp_info ul {
    padding-right: 0;
  }
  
  /*----- ダンス -----*/
  .nmc_dancewrap{
    background-image:none;
  }
  .nmc_dancemvbox{
    margin:24px auto;
  }

  /*----- リモート飲み会用背景 ----*/
  .nmc_remotewrap{
    margin-top:0;
  }
  .nmc_remotewrap ul {
    display: block;
  }
  .nmc_remotewrap ul li {
    width: 100%;
  }
  .nmc_remotewrap ul li:nth-child(n+2) {
    margin-top: 42px;
  }
  
  /*----- プレゼント+動画エリア-----*/
  .present_mvarea{
    margin-top:-80px;
    padding:20px;
  }
  /*---- カウントダウン -----*/
  .nmc_cntdwnwrap{
    font-size:2.5em;
    padding-bottom:20px;
  }
  
  .nmc_time{height:32px;}
  #nmc_counter img.dsp_sp{width:100%;}
  
  .nmc_cntdwnwrap2{background:#f5a500;}
  
  /*--- SNSバナー ---*/
  .camp_btmbnrarea{
    padding:20px 12px;
    width:96%;
  }
  
  .camp_btmbnrarea > p img{
    width:40%;
  }
  
  /*-- -*/
  
  #campgoods{
    margin-bottom:0;
  }
  
  .nmc_dancewrap{
    margin-top:0;
  }
  
  /*-- 全国ネットのバナー移動 --*/
  .camp_netbnr{
    width:96%;
  }
  
  .camp_topsplargebanner{
    width:88%;
    margin:0 auto;
    padding-bottom:32px;
  }
  
  /* .camp_midlargebn{
    padding-bottom:8px;
  } */
  
  .nmc_topspbnr{
    margin:0 auto;
  }
  
  .nmc_topspbnr > .camp_insta{
    width:40%;
    padding-top: 0;
  }
  
  .nmc_midbnr{
    padding-top:32px;
  }
  
  .camp_wraptop{
    margin-top:40px;
  }
  
  /*--tver見逃し配信--*/
  .camp_tverbox{
   width:96%;
    padding:24px 10px;
  }
  .camp_tverbox > p{
    font-size:1.25rem;
    line-height:1.25;
  }
  .camp_tverbox > p span{
    display:block;
  }
  .camp_videolist{
    flex-wrap:wrap;
    padding-top: 16px;
    justify-content: center;
  }
  .camp_videolist > div{
    width:46.5%;
  }
  .camp_tvertitle{
    display:none;
  }
  
  .camp_tverbnr{
    margin:32px auto 0;
  }
  


  /* camp_sectionBnrWrap */
  .camp_sectionBnrWrap{width: 96%; margin-inline: auto;}
  .camp_oanationwide li,
  .camp_oagolden li,
  .camp_bnevent li{width: 49.125%;}
}