.main-mv{
  display: block;
  margin:0 auto 50px auto;
  padding:0;
  width: 100%;
  max-width: 1200px;
}
.main-mv img{
  display: block;
  margin:0 auto;
  padding:0;
  width: 100%;
}
.main_box_noimage{
  padding: 0;
}


/* base
----------------------------------------------- */

h1{}
h2{}
h3{
  background-color: #000;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  font-family: initial;
  padding: 10px 0;
  margin:auto auto 10px auto;
  text-align: center;
}
h3 span{
  font-size: 80%;
}


.pop_container_total .freespace h4{
  background-color: transparent !important;
}
#main_box .got_coupon,
#main_box .got_point{
  margin:36px auto 10px auto;
}
#footerIN,#entry_button_area, #guide_link, #cancel_button_area, #confirm_button_area{
  width: 100%;
  min-width: auto;
}
#an_headerIN, #testmodeIN{
  width: 100%;
  max-width: 1200px;
}
#main_caption{
  width: 90%;
  max-width: none;
  margin: 50px auto;
}
#footerIN{
  width: 96%;
  max-width: 1200px;
  text-align: center;
}
#footer .poweredBy{
  text-align: right;
}

.main_catch_nodate, .main_caption_nodate {
    padding-bottom: 0 !important;
}



/* 記事のカテゴリー */

.post_areaname{
  background:#f9f9f9;
  padding:4px;
  margin-top:4px;
}
#timeline_list .box .post_areaname span{
  color: #000;
}
.post_areaname span{
  display:inline-block;
  font-size:13px;
  font-weight:bold;
}

.post_areaname span:before{
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -4px 1em -4px -4px;
  vertical-align: middle;
  background-color: #0058a0;
}
.attention{
  margin:5vw;
  border:1px solid #000;
}
.attention_text{
  margin:20px;
}


/*popup inc_timeline*/
#detail_popup{
  width: 700px !important;
}


/*
.inc_content_pop{
    width: auto;
    background-color: #fff;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 30px 5%;
    width: 90%;
}
.inc_content_pop .p10_c{
  display: inline-block;
  width: 48%;
  margin: 0 auto;
  padding: 0;
  float: none;
  text-align: center;
}
.inc_content_pop .p10_c img{
  display: block;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 100%;
  text-align: center;
}
.inc_content_pop .p10_c:nth-child(1){
  display: block;
  width: 100%;
  margin: auto;
}
.inc_content_pop .p10_c:nth-child(2){
  float: none;
}
.inc_content_pop .p10_c:nth-child(3){
  float: right;
}

.postdetail div.p10_c2,
.postdetail div.p10_c3{
  width:46.5%;
  margin:0 0 5% 5%;
  display: inline-block;
}
.postdetail div.p10_c2{
  float: none;
  margin-left: 0;
}
.postdetail div.p10_c3{
  float: right;
  margin-right: 0;
}
.postdetail div.p10_c2 img,
.postdetail div.p10_c3 img{
  display: block;
  margin:0 auto;
  padding:0;
  width: 100%;
}
.postdetail .postdetail_r{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.postdetail .postdetail_r .postdetail_line {
    border-bottom: 1px solid #efefef;
    margin: 0 auto;
}

.postdetail_r01{
  padding: 10px 40px 40px 40px;
}

*/
.postdetail{
  padding:30px;
}
.postdetail .p10_c{
  float: none;
  display: block;
  padding:0 0 20px 0;
  width: 100%;
}
.postdetail .p10_c:nth-child(3){
  width: 48%;
  display: inline-block;
}
.postdetail .p10_c:nth-child(4){
  width: 48%;
  display: inline-block;
  float: right;
}

.postdetail .p10_c img{
  display: block;
  margin:0 auto;
  padding:0;
  width: 100%;
}

.postdetail .postdetail_r {
    float: none;
    width: 100%;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
    background: #fff;
    font-size: 14px;
}
.pop_container {
    width: 90%;
    max-width: 600px !important;
    margin: 0 auto;
    left: calc(50% - 300px) !important;
}
#main_catch{
  text-align: center;
  margin: 2em auto;
}



#footer .info_fb{
  position: relative;
}


#timeline{
  min-width: auto;
}
#timeline_list{
  max-width: 1200px;
  display: block;
}
#timeline_list{
  height: auto !important;
  padding:0 0 68px 0;
  margin:auto;
  text-align: left;
}
#timeline_list .box{
  position: relative !important;
  display: inline-table;
  top: auto !important;
  left: auto !important;
  padding-bottom: 0;
}
.inc_content_pop{
  font-size: 0 !important;
}
.postdetail{
  background-color: #fff;
  background: #fff;
}





.guide_box{
  display: block;
  margin:3rem auto 3rem auto;
  padding:0;
  width: 90%;
  max-width: 400px;
}
.guide_box a img{
  display: block;
  width: 100%;
  margin:0 auto;
  padding:0;
}
.guide_box a:hover img{
  opacity: .85;
}



#entry_button_area .entry_button_area_in{
  padding-bottom: 0 !important;
  margin-bottom:  0 !important;
}

#entry_button_area .entry_button_area_in{}

.pop_content{
  padding:0 20px;
}
.post_photo_image{
  width: 300px;
}
.postform .postform_box {
    padding: 0 20px 20px 20px;
}
.postform .postform_box:nth-child(9),
.postform .postform_box:nth-child(8){
  display: none;
}
/*sp*/
@media screen and (max-width:769px){
  #main_pict{
    margin: 0 auto;
    padding:0;
  }
  .main-mv{
    display: block;
    margin:0 auto 8vw auto;
    max-width: none;
  }
  .main_box_noimage{
    padding-top: 0 !important;
  }
  #container,#main_box,#campain_link,#timeline{
    padding: 0;
    margin:0 auto;
  }
  #main_box{
    _background-image: 40px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #campain_link{
    margin-bottom: 5vw;
  }
  
  .social_link {
      display: table;
      width: 90%;
      margin-bottom: 21px;
      margin: 5vw auto;
      text-align: center;
  }
  #footer {
    padding: 5vw 0;
    font-size: 3vw;
    background: #D8D8D8;
    text-align: left;
    position: relative;
    margin: 5vw 0 0 0;
  }
  #footerIN{
    max-width: none;
    margin:2vw auto;
  }

  #guide_link{
    display: block;
    max-width: 60%;
    margin:5vw auto;
  }

  
  .attention{
    margin:3vw auto;
  }
  .attention_text{
    margin:2.6vw;
    font-size: 3vw;
  }

  
  .pop_container{
    max-width: 90% !important;
  }
  /*popup inc_timeline*/
  #detail_popup{
    width: 90% !important;
  }
  .postform .postform_box {
      padding: 0 0 15px 0;
  }
  .post_photo_image {
      width: 48%;
  }
  .pop_container{
    left: 5% !important;
    max-width: auto !important;
    min-width: auto !important;
  }
  .postdetail{
    padding:3vw;
  }
  .postdetail .p10_c{
    padding-bottom: 3vw;
  }
  .postdetail .postdetail_r .postdetail_line{
    margin:1vw 0 5vw 0;
  }
  .inc_content_pop{
      padding: 5vw 5%;
  }
  .inc_content_pop .p10_c{
    width: 48%;
  }
  .inc_content_pop .p10_c img{
    margin: 0 auto 5vw auto;
  }
  /*
  .postdetail_r01{
    padding: 5vw;
  }
  */
  
  #main_caption{
    width: 90%;
    max-width: auto;
    margin: 6vw auto;
  }
  .common_pager a, .common_pager a:hover{
    width: auto;
    min-width: 130px;
  }
  #timeline_list {
      padding: 15px 0 10vw 5px;
      margin: auto;
      text-align: center;
  }
  #timeline_list_and_more{
    display: table;
    /*margin: auto -8px;*/
  }
  #timeline_list ul{
    display: table;
    text-align: left;
  }
  #timeline_list .box{
    width:46%;
    word-break:break-all;
    padding:0 0 6vw 0;
    display:inline-table;
    vertical-align:top;
    text-align:left;
    float: none !important;
    margin: auto 2.8% 10px 1.2%;
  }
  .guide_box {
    margin: 4vw auto;
    display: block;
    padding: 0;
    max-width: none;
    text-align: center;
    width: 80%;
  }
  .guide_box a{
    display: block;
    width: 100%;
    margin: auto auto 3vw auto;
    padding: 3vw 0;
    font-size: 3.6vw;
  }
  
  #entry_button_area{
    width: 80%;
    margin:0 auto;
  }
  
  #timeline_list .box .post_pic img{
    height: auto !important;
  }

}




.postdetail_r02_,.postdetail .post_report_link,.postdetail_r02{
  display: none;
}
#area_tab,#entry_button_area,.guide_agreement_message,#guide_link{
  display: none;
}
.social_link{
  display: block;
  margin-bottom: 50px;
}