@charset "utf-8";

@media screen and (min-width: 899px) {
  /* common_LP hack */
  body{
  min-width:1000px !important;
  margin:0 auto;
  }
  #cam_2108ytd{
      width: 100% !important;
      min-width: 1060px !important;
      margin: 0px auto;
      
  }
  #cam_2108ytd::before {
      display: block;
      width: 100%;
      max-width: 100%;
      height: 7px;
      content: "";
      background: #ffffff url("/common13/imgs/hr/hr_colorbar_1040.png") repeat-x scroll 0px 0px;
  }

  #mainContainer{
  font-size:14px;
  width:100%;
  }
  #areaMain, 
  .mainContents {
      width: 100% !important;
      min-width: 1060px;
      overflow: hidden;

  }
  .contents_wrapper{
    width:940px;
    margin:0 auto;
    background:#fff;
    padding: 30px;
    margin-top: 20px;
    max-width: 100%;
  }
  #mainContainer .contents_wrapper div.caution02{
    width:880px;
  }

  .contents_main {
      width: 100%;
      min-width: 1000px;
      background-color: #ecf8ff;
      
  }
  h1{
    margin: 0 auto 0px auto !important;
    display: block;
    width: 1200px;
  }

  .inner {
      width: 945px !important;
      margin: 0px auto;
  }
  #cam_2108ytd .innerWrap {
      width: 1003px;
      display: inline-block;
  }

  /* header */
  .contents_header.inner {
      position: relative;
      width: 1000px !important;
      height: 60px;
  }

  .header_line .logo {
      float: left;
      padding-right: 30px;
      padding-top: 10px;
      padding-bottom: 2px;
  }

  .main_area_clr{
    position:relative;
      z-index:2;
    background-color: #014099;
    text-align: center;
    direction: block;
    padding:15px;
    font-size: 16px;

    color: #ffffff;
    font-size: 14px;
    line-height: 1.3;

  }
  .main_area_clr p.fWB{font-size: 22px;}
  #cam_keyvisual{
    
    display: block;
  }
  .main_area{
    width: 100%;
      margin: 0 auto;

  }

  .mainInarea{
    margin: 0 auto;
    background: url(../imgs/cam_2108ytd/main_bg_01.png) repeat-x 0 0;
  }
  p.cpcode{text-align: center;margin-top: 5px;margin-right: -65%;text-shadow: 1px 1px 1px #ffffff;}


  /* content */
  .contents_wrapper .section .titleArea{
    margin: -30px -30px 20px -30px;
    padding: 10px 30px 25px;
    background-color: #1760ba;
  }
  .contents_wrapper .section .titleArea.ptn{padding-top: 20px;}
  .contents_wrapper .section .titleArea h2{
    color: #ffffff;
    font-size: 30px;
    line-height: 1.3;
    margin-top: 20px;
  }
  .contents_wrapper .section .titleArea h2.txtSS{font-size: 25px;}
  .contents_wrapper .section .titleArea span{
    border: 1px solid #ffffff;
    font-size: 20px;
    padding: 6px 20px;
    border-radius:30px;
    color: #ffffff;
    margin-right: 10px;
  }
  .h3bdtitle{
    border-bottom: 2px solid #eb0833;
    font-size: 40px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .h3bdtitle.mtw.mbw{margin-top: 20px;margin-bottom: 40px;}
  .arrowtxtBtm{
    margin-top: -20px;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 20px 0 20px;
      border-color: #014099 transparent transparent transparent;

  }

  /* content */
  #cam_2108ytd .caution02{width: 874px !important;}
  sup{margin-left: 2px;margin-right: 2px;}
  .numNoticeList li{padding-left: 2.25em;text-indent: -2.5em;}
  .mAuto{margin-left: auto;margin-right: auto;}

  /* content_detail */
  .emphasizePnk{color: #f1244b;}
  .emphasizeRed{color: #ff0030;}
  .addclrpt {
      color: #F00;
  }
  .balloonRate {
  position: relative;
  margin: -40px auto 1.5em;
  padding: 7px 10px;
  min-width: 220px;
  max-width: 100%;
  width: 280px;
  color: #FFF;
  font-size: 18px;
  background: #f38427 none repeat scroll 0% 0%;
  border-radius: 40px;
  z-index: 1;
  text-align: center;
  }

  .balloonRate:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f38427;
  }
  #tempoinfo.col{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  #tempoinfo.col .col3{width: 300px;}
  #tempoinfo.col .col2W{width: 470px;margin-right: 0;}
  .balloon02{
    position: relative;
    display: inline-block;
    margin: 3em 0 1.5em 15px;
    padding: 40px 20px;
    min-width: 120px;
    max-width: 100%;
    background: #fff9f2;
    border: solid 3px #f39800;
    box-sizing: border-box;
    border-radius: 16px;
  }
  .balloon02::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
  }
  .balloon02::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #f39800;
    z-index: 1;
  }
  .balloon02 p{font-size: 15px;color: #555555;}
  .balloon02 p span.fWB{font-size: 22px;}
  .balloon02 p span.textFll{font-size: 26px !important;}
  .tempophoto{margin-top: 30px;}
  .textFlll{font-size: 20px;}
  .bdrateArea{
    width: 780px;
    margin: 0 auto;
    display: table;
    line-height: 1.2;
  }
  .bdrateArea .bdrateinfo{
    display: table-cell;
    width: 300px;
    vertical-align: middle;
    }
  .bdrinfo{
    border: 1px solid #222222;
    
    padding: 10px 20px;
    font-size: 20px ;
    color: #222222;
  }
  .bdrateArea .bdrateBox{
    padding: 10px 10px 10px 60px;
    display: table-cell;
    width: 440px;

  }
  .bdrateArea .bdrateBox p span.rate{font-size: 40px !important;}
  .bdrateArea .bdrateBox p span.ratevalue{font-size: 80px !important;}
  .bdrateArea .bdrateBox p span.rateAfter{font-size: 16px;}
  .bdrateExArea{border-top: 1px solid #D9B331;padding-top: 20px;font-size: 25px;}
  .txtLL{font-size: 30px;}
  .arrowTxt {
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12.5px 0 12.5px 21.7px;
      border-color: transparent transparent transparent #222222;
      vertical-align: middle;
      margin-left: 20px;
      margin-right: 20px;
      padding-bottom: 3px;
  }
  .bdrateNoticeArea{margin-top: 20px;}
  .bdrateTbleArea {margin-top: 30px;}
  .bdrateTbleArea table {
    border-collapse: separate;
    border-spacing: 5px 5px;
    margin: 0 auto;
    border: none !important;
    background: #ffffff;
    font-size: 16px;
  }
  .bdrateTbleArea table td,
  .bdrateTbleArea table th{
    padding: 10px;
    vertical-align: middle;
    text-align: center;


  }
  .bdrateTbleArea table tbody th{
    background: #f38427;
    color: #ffffff;
      border-collapse: separate;
    border-spacing: 0px 5px;
      width: 200px;
      text-align: center;
  }

  .bdrateTbleArea table tbody td{
    background: #ffffff;
    color: #222222;
    text-align: left;
    border: 2px solid #f38427;
  }
  .bdrateNoticeArea02{
    margin-top: 20px;
    border: 1px solid #cc0000;
    margin-left: 6px;
    margin-bottom: 40px;
    padding: 11px;
  }
  .reserveArea{
    padding: 50px 20px;

  }
  .reserveArea a:hover img{opacity: 0.95 !important;}

  #mainContainer .storeInfoWrap a{
    color: #222;
    text-decoration: none;
  }
  #mainContainer .storeInfoWrap a:hover{
    color: #222;
    text-decoration: none;
  }
  #mainContainer .storeInfoWrap a:hover *{
    opacity: 0.8;
  }
  .storeInfo{
    margin-top: 50px;
    padding: 20px;
    border: 2px solid #0076c7;
    display: flex;
    justify-content: space-between;
  }
  .storeInfo .storeImage{
    padding-left: 45px;
  }
  .storeInfo .storeText{
    text-align: center;
  }
  .storeInfo .storeText .ttl{
    font-size: 26px;
    color: #0076c7;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .storeInfo .link{
    display: flex;
    align-items: flex-end;
    color: #0076c7;
  }



  /* footer */
  .contents_footer.inner{
  width:900px!important;
  min-width:100%;
  padding:0;
  margin-top: 50px;
  background-color: #fff;
  padding-top: 20px;
  }
  #areaPopFooter_new{
  background:#fff;
  }
  #areaPopClose{
  padding:20px 0;
  text-align:center;
  }
  #areaPopFooter_new p.copyright{
  font-size:.7em;
  margin-bottom: 0px;
  }

  #areaPopClose a{
  text-decoration:none;
  }
  .footer_line{
  height:50px;
  background:url('/common13/imgs/hr/hr_colorbar_1040.png') 0 bottom repeat-x;
  }
  .pop_footer p.footer_line, .pop_footer div#areaPopClose, .pop_footer #scrollToTop{
  display:none;
  }
  /* disc */
  #cam_2108ytd #mainContainer .disclaimer {
      margin-bottom: 0px;
      border: 1px solid #CCC;
      width: 897px;
  }
  .covid_icon_Area {
    background: #e8f7ff;
  }
  .flex_box{
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    margin: 0 auto;
  }
  .wrap_icon{
    margin: 0 auto;
  }
  .wrap_icon p{
    width: 200px;
    text-align: center;
  }
  .m-right {
    width: 450px;
  }
  .covid_icon_Area{
    background-color: #e3f8ff;
      padding: 20px 20px 50px 20px;
      margin-left: -30px;
      margin-right: -30px;
      margin-bottom: 30px;
      background: #d0eeff;
  }
  .cia_tilte{
    color: #074e8a;
    font-size: 26px;
    margin: 30px 0 -10px 0 ;
  }
  .cia_tilte2{
    margin: 30px 0 -35px 0 !important;
  }
  .label_newtempo{
      color: #fff;
      padding: 2px 7px;
      border: 1px solid #fff;
      display: inline-block;
      border-radius: 5px;
      margin: 0 10px 0 0;
  }
  .label_ganpon{
    color: #fff;
    padding: 2px 7px;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
  }
  .text_campaign_1{
    color: #f46121;
    font-size: 20px;
    width: 960px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
  }
  .posi-relative{
    position: relative;
    margin: 20px 0 0 0;
    text-align: center;
  }
  .flex_box.wrap_icon p:nth-of-type(4),.flex_box.wrap_icon p:nth-of-type(5),.flex_box.wrap_icon p:nth-of-type(6){
    margin: 10px 0 0 0;
  }
  .flex_box.wrap_icon{
    margin: 0 auto 20px  ;
  }
  .flex_box.wrap_mask{
    width: 680px !important;
  }
  .flex_box.wrap_mask p:nth-of-type(1){
    width: 220px;
  }
  .flex_box.wrap_mask p:nth-of-type(2){
    margin: 40px 0 0 6px;
    width: 450px;
  }
  .ciA_txt1{
      width: 715px;
      margin: 10px auto 20px;
      text-align: left !important;
  }
  .orange_txt{
    color: #f38427;
  }
  .txt_iten1{
    margin: 0 92px 0 auto;
    width: 760px;
    text-align: left;
  }
  .txt_yoyaku_1{
    font-size: 20px;
    font-weight: bold;
  }
  .navy_sheet{
    background: url(../imgs/cam_2108ytd/main_bg_02.png) repeat-x 0 0;
    height: 42px;
    margin: -42px 0 0 0;
    position: relative;
  }
  .reserve_title{
    font-size: 26px;
    color: #235184;
  }
  .lbluebc {
    background-color: #eff8ff;
    border-radius: 10px;
    height: 230px;
  }
  .lp_n {
    margin-top: -50px;
  }
  .lp_n img{
    height: 90px;
  }
  .lb_title {
    font-size: 23px;
    color: #235184;
    margin-bottom: 10px;
  }

}





@media screen and (max-width: 899px) {

  /* content */
  sup{margin-left: 2px;margin-right: 2px;}
  .numNoticeList li{padding-left: 2.25em;text-indent: -2.5em;}
  .mAuto{margin-left: auto;margin-right: auto;}
  .emphasizePnk{color: #f1244b;}

  body{
  min-width:auto;
  background-color:#fff;
  }
  /*
  #cam_2006ytd {
      width: 100% !important;
      margin: 0px auto;
  }
  */
  #mainContainer{
  font-size:14px;
  position:relative;
  left:0;
  width:100%!important;
  }
  #areaMain, 
  .mainContents {
  float:none;
  float:none;
  width:auto;
  width:auto;

  margin:0;
  padding:0;


  }
  .contents_wrapper{
    margin:30px auto 0;
    background:#fff;
    padding: 0 5px 10px 5px;

  }

  .contents_main {
    width: 100%;
    /*min-width: 1000px;*/
    background-color: #ecf8ff;
    padding: 10px !important;
  }
  h1{

    margin: 0 auto 0px auto !important;
    display: block;
  }

  img{
    width: auto;
    height: auto;
  }

  .inner {
      width: 100% !important;
      margin: 0px auto;
  }
  /*
  #cam_2006ytd .innerWrap {
      width: 100%;
      display: inline-block;
  }
  */

  /* header */


  .main_area_clr{
    position:relative;
      z-index:2;
    background-color: #014099;
    text-align: center;
    direction: block;
    padding:10px 10px 10px 10px;
    font-size: 13px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.3;

  }
  .main_area_clr p.fWB{font-size: 18px;}
  /*
  #cam_2006ytd #cam_keyvisual{
    display: block;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  */
  .main_area{


  }
  .main_area::after{

  }
  .mainInarea{
  position: relative;
  }


  .mainInarea p.cpcode{    position: absolute;
      right: 5px;
      bottom: -5%;
      text-shadow: 1px 1px 1px #ffffff;
      font-size: 12px;
  }

  #areaMain .disclaim_1960 .caution02 {
    width: auto !important;
    border: solid 3px #C7C7C7;
    background-color: #fff;
}

  /* content */
  section.section {
    margin: 10px 10px 20px;
  }
  .contents_wrapper .section .titleArea{
    margin: 0px -15px 20px -15px;
    padding: 10px 10px 10px 10px;
    background-color: #1760ba;
  }
  .contents_wrapper .section .titleArea.ptn{padding-top: 20px;margin-top: -30px;margin-bottom: 0;}
  .contents_wrapper .section .titleArea h2{
    color: #ffffff;
    font-size: 6vw;
    line-height: 1.3;
  margin-top: 5px;
  }
  .contents_wrapper .section .titleArea h2.txtSS{font-size: 14px;margin-top: 0;margin-bottom: 0;}
  .contents_wrapper .section .titleArea span{
    border: 1px solid #ffffff;
    font-size: 11px;
    padding: 6px 10px;
    border-radius:20px;
    color: #ffffff;
    margin-right: 5px;
  }
  .h3bdtitle{
    border-bottom: 2px solid #eb0833;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .h3bdtitle.mtw.mbw{margin-top: 10px;margin-bottom: 20px;}
  .arrowtxtBtm{
    margin-top: -20px;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 20px 0 20px;
      border-color: #f38427 transparent transparent transparent;

  }

  /* content */
  #cam_2006ytd .caution02{/*width: 874px !important;*/}
  sup{margin-left: 2px;margin-right: 2px;}
  .numNoticeList li{padding-left: 2.25em;text-indent: -2.5em;}
  .mAuto{margin-left: auto;margin-right: auto;}

  /* content_detail */
  .emphasizePnk{color: #f1244b;}
  .emphasizeRed{color: #ff0030;}
  .addclrpt {
      color: #F00;
  }
  .balloonRate {
      position: relative;
      margin: -28px auto 1.5em;
      padding: 7px 10px;
      min-width: 220px;
      max-width: 100%;
      width: 260px;
      color: #FFF;
      font-size: 14px;
      background: #f38427 none repeat scroll 0% 0%;
      border-radius: 30px;
      z-index: 1;
      text-align: center;
  }

  .balloonRate:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f38427;
  }
  .bdrateArea{
    /*width: 720px;*/
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
  }
  .bdrateArea .bdrateinfo{

    width: 240px;
    margin: 0 auto;
    }
  .bdrinfo{
  border: 1px solid #222;
  padding: 10px;
  font-size: 14px;
  color: #222;
  }

  .bdrateArea .bdrateBox p span.rate{font-size: 26px !important;}
  .bdrateArea .bdrateBox p span.ratevalue{font-size: 45px !important;}
  .bdrateArea .bdrateBox p span.rateAfter{font-size: 14px;}
  .bdrateExArea{border-top: 2px solid #D9B331;padding-top: 10px;font-size: 18px;}
  .txtLL{font-size: 22px;}
  .arrowTxt {
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 21.7px 12.5px 0 12.5px;
      border-color: #222222 transparent transparent transparent;
      vertical-align: middle;
      margin-bottom:10px;
      margin-top: 10px;

  }
  .bdrateNoticeArea{margin-top: 30px;}
  .bdrateTbleArea {margin-top: 30px;}
  .bdrateTbleArea table {
    border-collapse: separate;
    border-spacing: 2px 2px;
    margin: 0 auto;
    border: none !important;
    background: #ffffff;
    font-size: 12px;
  }
  .bdrateTbleArea table td,
  .bdrateTbleArea table th{
    padding:8px;
    vertical-align: middle;
    text-align: center;


  }
  .bdrateTbleArea table tbody th{
    background: #faad36;
    color: #ffffff;
      border-collapse: separate;
    border-spacing: 0px 2px;
  width: 60px !important;
      text-align: center;
  }

  .bdrateTbleArea table tbody td{
    background: #ffffff;
    color: #222222;
    text-align: left;
    border-color: #faad36;
  }
  .bdrateNoticeArea02{margin-top: 20px;border: 1px solid #cc0000;padding: 10px;}
  .reserveArea{
    margin-bottom: 0;
    padding: 20px 0;
  }
  #tempoinfo.col .col3_sp img{width: 100%;}
  #tempoinfo.col .col3_sp {margin-left: 0;margin-right: 0;width: 46%;}
  #tempoinfo.col .col2_sp {margin-left: 0;margin-right: 0;width: 53.5%;}
  .balloon02{
    position: relative;
    display: inline-block;
    margin: 0em 0 1.5em 15px;
    padding: 10px 8px 10px 10px;
    min-width: 120px;
    max-width: 100%;
    background: #fff9f2;
    border: solid 3px #f39800;
    box-sizing: border-box;
    border-radius: 16px;
  }
  .balloon02::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
  }
  .balloon02::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #f39800;
    z-index: 1;
  }
  .balloon02 p{font-size: 13px;color: #555555;}
  .balloon02 p span.fWB{font-size: 14px;}
  .balloon02 p span.textFll{font-size: 15px !important;}

  .tempophoto{margin-top: 20px;}
    .br:before {
    content: "\A" ;
    white-space: pre ;
    }
  
  .storeInfo{
    margin-top: 40px;
    padding: 20px;
    border: 2px solid #0076c7;
    text-align: center;
  }
  .storeInfo .storeImage img{
    width: 40%;
    margin: 0 auto;
  }
  .storeInfo .storeText{
    margin: 20px 0;
  }
  .storeInfo .ttl{
    font-size: 4.8vw;
    color: #0076c7;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .storeInfo .link{
  }
  

  /* footer */
  .contents_footer.inner{
  /*width:900px!important;*/
  min-width:100%;
  padding:0;
  margin-top: 50px;
  background-color: #fff;
  padding-top: 20px;
  }
  #areaPopFooter_new{
  background:#fff;
  }
  #areaPopClose{
  padding:20px 0;
  text-align:center;
  }
  #areaPopFooter_new p.copyright{
  font-size:.7em;
  margin-bottom: 0px;
  }

  #areaPopClose a{
  text-decoration:none;
  }
  .footer_line{
  height:50px;
  background:url('/common13/imgs/hr/hr_colorbar_1040.png') 0 bottom repeat-x;
  }
  .pop_footer p.footer_line, .pop_footer div#areaPopClose, .pop_footer #scrollToTop{
  display:none;
  }
  /* disc */
  /*
  #cam_2006ytd #mainContainer .disclaimer {
      margin-bottom: 0px;
      border: 1px solid #CCC;
  }
  */
  .text_campaign_1{
    color: #f46121;
    font-size: 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
  }
  .text_campaign_1 span{
    background: linear-gradient(transparent 30%, #ffffff 30%);
  } 
  .label_newtempo {
    color: #fff;
    padding: 2px 0.7vw;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
    margin: 0 3vw 0 0;
  }
  .label_ganpon {
    color: #fff;
    padding: 2px 7px;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
  }
  .label_newtempo,.label_ganpon{
    font-size: 3.5vw;
  }
  .cia_tilte {
    color: #074e8a;
    font-size: 6vw;
    margin: 40px 0 0 0;
  }
  .covid_icon_Area {
    background-color: #e3f8ff;
    padding: 30px 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
    background: #d0eeff;
  }
  .flex_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  .wrap_icon p {
    width: 50%;
    text-align: center;
  }
  .wrap_icon p img{
    width: 33vw;
  }
  .wrap_icon p.icon_one img,.wrap_icon p.icon_three img,.wrap_icon p.icon_five img{
    padding: 0 0 10px 2vw;
  }
  .wrap_icon p.icon_two img,.wrap_icon p.icon_four img,.wrap_icon p.icon_six img{
    padding: 0 2vw 10px 0;
  }
  .posi-relative{
    position: relative;
    margin: 30px 0 0 0;
  }
  .ciA_txt1{
    margin: 10px 0 20px 0;
  }

  .masp_1{
    margin: 20px 0 0 0 ;
  }
  .m-left {
    text-align: center;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .m-right{
    margin: 10px 0 10px 0;
    text-align: center;
  }
  .ico_socialdistance{
    width: 46vw !important;
  }
  .orange_txt {
    color: #f38427;
  }
  .txt_yoyaku_1{
    font-weight: bold;
  }

  .matrix_table_title{
    background: #f38427;;
    padding: 4px 0 4px 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
  }
  .ex_txt{
    padding: 4px 0 4px 10px;
    margin: 0 0 10px 0;
    border: 1px solid #f38427;
    font-size: 14px;
  }
  footer{
    padding-top: 10px;
  }
  .reserve_title{
    font-size: 6vw;
    color: #235184;
  }
  .lbluebc {
    background-color: #eff8ff;
    border-radius: 10px;
  }
  .mlr20:first-of-type {
    margin-bottom: 60px!important;
  }
  .lp_n {
    height: 70px;
    position: relative;
  }
  .lp_n img {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 180px!important;
    margin: 0 auto;
}
  .lb_title {
    font-size: 22px;
    color: #235184;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width : 340px) {
  .tempophoto{margin-top: 30px;}
}

/**/
.header--simple #simple-logo {
  width: auto;
}
main {
  margin-bottom: 0;
}

.box-group{
  padding: 20px!important;
}