@charset "utf-8";
/* CSS Document */
/* =========================================================
■SP
========================================================= */

@media screen and (max-width: 768px) {
  .spDisp{display:block!important;}
  .spHide{display:none!important;}
  div#content {width:93%;margin:0 auto;}
  /* ===== 1: HEADER ==========================================*/
  .menu-toggle{width: 100%;position: fixed;z-index:1001;top: 0;}
  .menu-toggle .sp_logo{float: left;height: 36px;padding: 7px 0 7px 3.5%;}
  .menu-toggle .sp_logo img{height:100%;}
  .menu-toggle .spacc{float: right;}
  .menu-toggle .spacc p{color:#fff;font-family: 'Crimson Text', serif;padding-top: 25px;position: relative;cursor: pointer;}
  .menu-toggle .spacc p:before{font-family: "FontAwesome";content:"\f0ac";position: absolute;top: 5px;font-size: 20px;left: 50%;margin-left: -10px;}
  .menu-toggle .spacc .inner_acc{display: none;position: fixed;top:50px;left:0;width:100%;z-index: 1003;}
  .menu-toggle .spacc .inner_acc li{float: left;width: calc(100%/3);}
  .menu-toggle .spacc .inner_acc li a{
    box-sizing: border-box;
    display: block;
    text-align: center;
    background: #240100;
    color: #fff;font-family :YuMincho, 'Yu Mincho', serif;
    font-size: 12px;
    padding:7px 0;
    border-top: 1px solid #452821;
  }
  .menu-toggle .spacc .inner_acc li:nth-of-type(2) a{border-right: 1px solid #452821;border-left: 1px solid #452821;}
  #btm_fixed ul{width: 100%;font-size: 0;background: rgba(36,1,0,0.9);position: fixed;bottom: 0;z-index: 1003;}
  #btm_fixed ul li{box-sizing: border-box;width:calc(100%/3) ; display: inline-block;}
  #btm_fixed ul li a{padding: 30px 0 7px;font-size: 12px;display: block;text-align: center;font-family :YuMincho, 'Yu Mincho', serif;color: #fff;border-right: 1px solid #452821;position: relative;}
  #btm_fixed ul li:nth-of-type(3) a{border-right: 0;}
  #btm_fixed ul li a:before{content:"";width:22px;height:22px;position:absolute;top:0;left:50%;margin-left:-11px;position:absolute;top:7px;}
  #btm_fixed ul li:nth-of-type(1) a:before{background:url('../../lib/cmn_img/bt_contact.png') no-repeat center center/contain;}
  #btm_fixed ul li:nth-of-type(2) a:before{background:url('../../lib/cmn_img/bt_coupon.png') no-repeat center center/contain;}
  #btm_fixed ul li:nth-of-type(3) a:before{background:url('../../lib/cmn_img/bt_tel.png') no-repeat center center/contain;}
  /* ===== 2: FOOTER ==========================================*/

  #footer{padding:20px 0 0 0;margin-bottom: 57px;}
  #footer .link{display: none;}
  body #trip_ai_container{bottom: 58px!important;right: auto!important;left: 0;!important}
  #footer .box .nv{width:93%;padding:30px 0 60px;overflow:initial;}
  #footer .box .nv .copyright{float:none;}
  #footer .box .nv .copyright h2{font-size:13px;margin-bottom:15px;}
  #footer .box .nv .copyright h2 span{font-size: 10px;}
  #footer .box .nv .copy_txt h3{font-weight: 500;}
  #footer .box .nv .copy_txt .add{font-weight:500;}
  #footer .box .nv .copyright small{width:100%;text-align:center;margin-top: 20px;}
  #footer .box .nv .bnr{display: none;}
  #footer .sp_btm_icon{font-size: 0;margin-top: 30px;}
  #footer .sp_btm_icon li{width: calc(100%/3);display: inline-block;text-align: center;}
  #footer .sp_btm_icon li i{font-size: 24px;color: #5d4948;}
  #footer .sp_btm_icon li a{display: block;}
  #footer .sp_btm_icon li h3{text-align: center;font-size: 12px;color: #5d4948;}
  /* ===== 4: MAIN CONTENT ==================================== */
  .clear{padding:20px 0 0 0;margin:0 0 20px 0;}
  .breadcrumb{padding:40px 0 20px;}
  #lead{margin:0 0 20px 0;}
  #wrap .back{padding:20px 0 20px;}
  #section{width:100%;margin:0 auto;}

  .tmb3{width:100%;margin:0 auto;}
  .tmb3 ul{width:100%;margin:0 auto;}
  .tmb3 ul:after{content:" ";display:block;clear:}
  .tmb3 ul li{width:48%;margin-right:4%;float:left;margin-bottom: 10px;}
  .tmb3 ul li img{width: 100%;}
  .tmb3 ul li:nth-of-type(even){margin-right:0;}

  #box{width:100%;margin: 40px auto;}
  #box .news{float:none;width:100%;background:none;min-height:110px;}
  #box .news img{padding-bottom:7px;}
  #box .news dl {width:50%;padding:0 0 0 50%;background:url(../img/bg_news.jpg) no-repeat ;font-family :YuMincho, 'Yu Mincho', serif;}
  #box .news dt {font-size: 12px;float:none;width:100%;padding:8px 0 0 0;}
  #box .news dd {font-size: 12px;display: block;width:100%;margin-left:0;padding:0 0 8px 0;border-bottom: 1px solid #e3d7bd;}
  #box .lead{float:none;margin:0 0 20px 0;width:100%;}
  #box .lead .lead_txt .txt{-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial;height: initial;font-size:12px;line-height: 1.8;padding-left: 0;background: none;}
  #box .lead .btn,#box .lead .btn img{width: 100%;cursor: pointer;}
  #box .lead .btn{margin:10px auto;}

  #policy h2{font-size:14px;text-align: center;margin:0 0 10px 0;}
  #policy p{font-size: 12px;margin:0 0 20px 0;}

  iframe{width: 100%;height: 170px;margin:0 auto;display: block;}

  #reseVox{width: 100%;padding:10px;margin: 30px auto 0;box-sizing: border-box;}
  #booking_inner {width: 100%;}

  #naviBox{width:100%;margin: 40px auto 20px;}
  #naviBox ul{width:100%;margin:0;padding:0;overflow:hidden;_zoom:1;}
  #naviBox ul li{width:100%;height:initial;padding:0;margin: 0 0 20px 10%;float:none;position: relative;}
  #naviBox ul li img{width: 90%;}
  #naviBox ul li .tmb{position:initial;}
  .md01,.md02{display:block;width:30%;position:absolute;top:0px;left:-10%;z-index:1000;}
  .md03,.md04{display:block;width:30%;position:absolute;top:0px;right:initial;left:-10%;z-index:1000;}
  .md01 img,.md02 img,.md03 img,.md04 img{width: 100%;}
  #about ul{margin-bottom:20px;padding-top:20px;}
  #about ul li:nth-of-type(1){float: none;width:100%;}
  #about ul li:nth-of-type(2){float: none;width:100%;}
  #about ul li .img img{margin: 10px auto;}
  #about ul li img{width: 100%;}
  #about .txt{font-size: 12px;line-height: 1.8;}

  #news dl {width:100%;}
  #news dt {width:40%;padding:10px 0;font-size: 12px;}
  #news dd {width:60%;margin-left:40%;padding:10px 0;font-size: 12px;word-break: break-all;}
  #news .title{font-size:15px;padding:0 0 1px 0;margin:0 0 10px 0;}
  #news img{width:100%;}

  #aboutBox{width: 100%;padding-top:40px;margin: 0 auto;}
  #aboutBox h2{font-size:16px;line-height: 1.3;}
  #aboutBox h2 span{font-size: 11px;}
  #aboutBox .box_top{margin: 10px auto 0;}
  #aboutBox .right01,#aboutBox .left02,#aboutBox .right02{float:none;width:100%;}
  #aboutBox .right01 li{float: left;width: 48%;margin-right:4%;margin-bottom: 20px;}
  #aboutBox .right01 li:nth-of-type(even){margin-right: 0;}
  #aboutBox .right01 li img{width: 100%;}
  #aboutBox .left01 a h3,#aboutBox .right01 li a h3{font-size:15px;margin: 5px 0 0;}
  #aboutBox .left01 a h3 span,#aboutBox .right01 li a h3 span{padding-left:5px;}
  #aboutBox .left01 a .txt,#aboutBox .right01 li a .txt{line-height: 1.4;}
  #aboutBox .box_bottom h2{text-align: center;margin-top: 5px;}
  #aboutBox .box_bottom h2 a{font-family :YuMincho, 'Yu Mincho', serif;font-size:12px;}
  #aboutBox .left02,#aboutBox .right02{margin-bottom: 20px;}
  #aboutBox .left02 img,#aboutBox .right02 img{width: 100%;}


  .head01{font-size:18px;margin-bottom:20px;line-height:1.4;}
  .head01 span{font-size: 12px;}
  .head02{font-size:18px;margin-bottom:10px;line-height:1.4;}
  .head02 span{font-size: 12px;}
  .head04{font-size:13px;line-height:1.4;letter-spacing: 0px;}
  .head04 span{font-size: 11px;}
  .head_color{font-size: 20px;line-height: 1.5;margin-bottom:10px;text-align: center;}
}