/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic4-cms_nijiiro
*/
@charset "utf-8";
body{background-color: #fff; font-size: 18px; color: #000; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; min-width: 320px;}
a{color: #373737;}
a:hover{text-decoration: none; color: initial;}
a.hov_fff:hover{color: #fff;}
.container{position: relative; max-width:1245px;}
.container.v-lg{max-width:1750px;}
.container.v-sm{max-width:960px;}

/*------PARTS------*/
/*bg-color*/
.bg-1{background-color: #f4f4f4;}
.bg-2{background-color: #fff;}
.bg-3{background-color: #f4f4f4;}

/*------------------CMS------------------*/
/*------追随------*/
/*fixbox*/
.wrp-fixbox{position: fixed; right: 0; bottom: 15%; z-index: 99;}
.fixbox{display: block;color: #fff;font-size: 18px;position: relative;height: 215px; border-radius: 15px 0 0 15px; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
.fixbox-1{background-color: #95644b;padding: 30px 12px 15px; border: 1.5px solid #fff;}
.fixbox-2{background-color: #d4aa38; padding: 30px 12px 15px; margin-top: 15px; border: 1.5px solid #fff;}
.fixbox span{display:block; writing-mode: vertical-rl; padding-bottom: 8px; letter-spacing: 0.1em;}
.fixbox i{margin-left: 9px;}
.fixbox-1:hover { background-color: #fff; color: #95644b; border: 1.5px solid #95644b;}
.fixbox-2:hover { background-color: #fff; color: #d4aa38; border: 1.5px solid #d4aa38;}


/*text-color*/
.c-1{color: #d4aa38;}
.c-2{color: #fff;}
.link-1{color: #d4aa38; font-weight: normal;}
.link-1::after{content: "\f054"; position: relative; margin-left: 20px;}

/*fa*/
.ul-hnav > li > a::after
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*btn*/
.btn-1{background-color: #fff; padding: 60px 0; color: #95644b; font-size: 15px; border: 1px solid #95644b; width: 140px; height: 140px; position: relative;  border-radius: 50%;}
.btn-1_ex{background-color: #fff; padding: 0; color: #95644b; font-size: 15px; border: 1px solid #95644b; width: 140px; height: 140px; position: relative;  border-radius: 50%;}
/* .btn-1::after{content: "\f054"; position: absolute; right: 20px; top: 20px;} */
.btn-2{color: #fff; border-radius: 0;}
.btn-1_2{max-width: none;}
.btn-1_2::after{content: none;}
.btn-1_2 img{margin-right: 10px;}
.btn:hover { background-color: #95644b; color: #fff;}
.btn_box{text-align: center; margin-top: 50px;}
.pub_btn{background-color: #fff; color: #95644b; font-size: 15px; border: 1px solid #95644b; padding: 12px 30px; transition: .3s;}
.pub_btn:hover{border: 1px solid #fff; background-color: #95644b; color: #ffff;}

/*------HEADER------*/
#header.scrolled{background-color: #fff;}
#header{padding: 30px 0px 35px; z-index: 1; position: relative;  position: sticky; top: 0; z-index:2;}
.head-bottom{width: 100%; margin-top: 20px;}
.head-bottom .ul-hnav{justify-content: center;}
.header-upr{margin-left: 50px; font-weight: bold;}
.header-upr img{margin-right: 10px; width: 23px;}
.header-link_1{color: #d4aa38; margin-right: 30px;}
.header-link_1 img{color: #d4aa38;}
.header-link_2{color: #d4aa38;}

/*page header*/
/* body:not(.home) .head-h1{position: absolute; top: 200px;} */
#header.scrolled .head-h1{position: static;}

/*nav*/
.ul-hnav{display: flex; flex-direction: row;}
.ul-hnav > li{position: relative;}
.ul-hnav > li:last-child::before{content: none;}
.ul-hnav > li > a.nav-link{font-size: 14px; text-align: center; padding:0 40px; position: relative; color: #d4aa38; font-weight: bold;}


/*------MAIN------*/
.head-h1{line-height: 0; min-width: 100px; max-width: 200px;}
.sec{padding: 80px 0; position: relative;}
.sec-head{margin-bottom: 80px;}
.sec-title{font-weight: bold; font-size: 40px; text-align: center; color: #95644b;}
.sec-title01{font-weight: bold; font-size: 34px;color: #95644b; padding-bottom: 60px;}
.sec-title .ja{display: block; font-size: 14px; color: #000; font-weight: normal; padding-top: 3px;}
.logo{z-index: 30;}

.sec-btn{text-align: center; margin-top: 120px; padding: 0 15px;}
.sec-text{margin-top: 60px;}
.item-btn{text-align: left; margin-top: 50px;}
.box-style .item-sub_title{font-size: 21px; font-weight: bold; margin-bottom: 40px; color: #95644b;}
.box-style .item-text{font-size: 18px; line-height: 1.7em;}
.item-title{font-weight: bold; font-size: 24px;}

.co_img{padding-top: 30px;}
.top-doctor .item-colbox .item-main{padding-right: 100px;}
.item-menu_title{background-color: #ece5d1; color: #b8a469; font-size: 15px; padding: 10px; margin-bottom: 20px;}
.menu .item-sub_title{margin-bottom: 20px;}
.wrp-info .item-map{padding: 0px;}
.wrp-info .google-map{padding-bottom: 550px;}
.wrp-info .item-main{padding: 40px 90px; margin: -60px 0 60px;}
.wrp-info .item-sub_title{margin-bottom: 25px;}
.wrp-info .item-text{font-size: 14px;}
.infotitel{margin: 90px 0 130px;}
ul, li { padding: 0; margin: 0; list-style: none;}
.ul-news > li { padding-bottom: 30px; margin-bottom: 30px; display: flex; border-bottom: 1px solid #e6e6e6;}
.ul-news{font-size: 16px;}
.ul-news .spn-date{color: #95644b; padding-right: 70px;}
.top-booking .item-colbox .item-main {background-color: #f4f4f4; text-align: center; padding: 50px 30px; height: 210px;}
.top-booking .item-sub_title {margin: 20px 0 0 0;}
.top-booking .item-text{color: #95644b; font-size: 16px;}
.top-booking .text{text-align: center; color: #95644b; margin: 60px 0 30px; font-size: 16px; font-weight: bold;}
.booktitel{margin-bottom: 60px;}
.topmenusli .draggable{margin: 0 50px;}

/*category*/
.cat{background-color: #fff; padding: 10px; color: #d4aa38; font-size: 14px; border: 1px solid #d4aa38; width: 100%; max-width: 180px; text-align: center; display: inline-block;}

/*---INDEX---*/
/*mv*/
.mv{position: relative;}
.mv-img{text-align: right;}

.mv-img img{  animation-name: fadeleft; animation-duration: 2s;}
@keyframes fadeleft { from { opacity: 0; transform: translateX(150px); } to { opacity: 1; transform: translateX(0);}}

.mv-inner{position:absolute; top:170px; left: 60px; color: #95644b; animation-name: fadeup; animation-duration: 6s;}
@keyframes fadeup {from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}

.mv-inner_2{margin-top: 80px;}
.mv-inner_2 .mv-title{font-size: 30px; position: relative;}
.mv-title{font-weight: normal; font-size: 64px; line-height: 1.6; font-family:SansSerifBookFLF,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;margin-bottom: 40px;}
.mv-bottom{position:absolute; bottom:20px; left: 0; width: 89%;}
.mv-link > a{font-size: 24px;}
.mv-link .spn-bar{display: block; border-left:2px solid #fff; height: 15px; margin:5px 20px 0;}
.mv-home{position: relative; padding-bottom: 200px;}
.mv-home::before{content: ""; position: absolute; display: block; right: 0; top: -165px; background-color: #f4f4f4; width: 1080px; height: 950px; z-index: 0;}
.mv-logotitle{font-size: 15px;  margin-top: 20px; color: #95644b;}
.mv-subtitle{font-size: 20px;line-height: 2;}
.mv-links{position: absolute; top: 200px; right: 25px; animation-name: fadeleft; animation-duration: 2s; }
.mv-links01{padding-bottom: 10px; width: 80%;}
.mv-link{font-size: 18px; color: #d4aa38; writing-mode: vertical-rl; padding-top: 80px; animation-name: fadeleft; animation-duration: 2s;}
.top-booking .col-md-6:hover{opacity: 0.7; color: white;}

.mv-link::before {display: block; content: ""; margin: 55px -12px; width: 2px; height: 120px; background-color: #d4aa38;}
.mv-page{height: 580px;}
.page_mv{position: absolute; top: 415px; left: 327px; animation-name: fadeup; animation-duration: 2s;}
.page_mv .mv-title{font-size: 22px; color: #95644b; padding-bottom: 0px; margin-bottom: 0px;}
.page_mv .mv-maintitle{font-size: 60px; color: #95644b; font-weight: bold;}
.page_mv .mv-maintitle::after {content: ""; display: block; border-bottom: 2px solid #95644b; width: 550px;}


/*----Slider----*/
.slider-style{display: none;}
.slider-style.slick-initialized{display: block; /*slick-initializedが付与されたら表示*/ }
.slider-style.slick-dotted.slick-slider{margin-bottom: 0;}
.slider-style .slick-dots{bottom: 0; position: static;}
.slider-style .slick-dots li{width: auto; height: auto; margin: 0 5px;}
.slider-style .slick-slide{position: relative;}
.slider-style .slick-slide img{width: 100%;}
.slider-style .slider-arrow{ position: absolute; color: #d4aa38; font-size: 20px; top: 44%; z-index: 9; cursor: pointer;}
.slider-style .slider-prev{left: -30px;}
.slider-style .slider-next{right: -30px;}

/*colbox*/
.item-colbox{align-items: start;}
.item-colbox .item-main{padding:50px 0 0 40px;}
.item-colbox .item-label{margin-bottom: 40px; color: #d4aa38;}
.topmenulist .col-md-4{margin-top: 50px;}

/*menu*/
.item-menu .item-img{min-width: 260px; margin-right: 20px;}
.item-menu .item-main{padding-top: 15px;}
.item-menu .item-title{text-align: center; margin-bottom: 35px;}

/*intro*/
#intro{background: url("assets/images/bg_01.png") no-repeat scroll center center / cover;}
#intro .item-inner{max-width: 555px;}
#intro .item-title{margin-bottom: 40px;}

/*news*/
.item-news{background-color: #fff; display: block;}
.item-news .item-cat{text-align: center; position: relative; bottom: -20px;}
.item-news .item-date{margin: 15px 0 10px; font-size: 16px; color: #9a9a9a;}
.item-news .item-img img{width: 100%;}

/*access*/
.wrp-access .item-inner{padding-left: 45px;}
.wrp-access .item-zipcode{margin: 30px 0;}
.wrp-access .item-tel_open{font-size: 16px; text-align: right;}
.wrp-access .item-bottom{margin-top: 30px;}
.wrp-access .google-map{padding-bottom: 92%;}
.wrp-tel{margin-right: 30px;}
.wrp-tel .item-tel span{color: #d4aa38; font-size: 32px; margin-left: 10px;}

/*calender*/
.tb-cale{width: 100%; font-size: 16px;}
.tb-cale th{padding: 10px; color: #fff; border: 1px solid #fff; background-color: #d4aa38; text-align: center;}
.tb-cale th.th-1{width: 275px;}
.tb-cale td{text-align: center; color: #d4aa38; border: 1px solid #d4aa38}
.wrp-cale p{font-size:16px; margin: 20px 0 0;}

/*gallery*/
.wrp-gallery img{width: 20%;}
.sbi_follow_btn.sbi_custom{margin-top: 50px;}
.sbi_follow_btn.sbi_custom a{padding: 13px 20px !important; font-size: 14px !important;}

/*insta*/
.insta-item{width: 30%; margin: 10px;}
.insta-item iframe{width: 100% !important; min-width: 100% !important;}

/* ページTOPに戻る */
.totop01 { position: fixed; bottom: 40px; z-index: 9; right: 20px; opacity: 0; text-decoration: none;}
.totop01.open { opacity: 0.9;}
.topbtn01 {color: #d4aa38; font-size: 40px;}
.move-link01{font-size: 18px; color: #d4aa38; writing-mode: vertical-rl; padding-top: 80px;}
.move-link01::before {display: block; content: ""; margin: 55px -12px; width: 2px; height: 120px;}


/*------FOOTER------*/
.totop{position: fixed; bottom: 40px; z-index: 9; right: 20px; opacity: 0; color: #d4aa38; font-size: 40px;}
.totop.open{opacity: 0.9;}

#footer{padding: 30px 0 30px;}
.foot-btn{margin-top: 70px; text-align: center; width: 100%;}
.foot-btn .btn{max-width: 315px;}
.foot-btn .btn img{height: 20px;}
.foot-btn .btn.v-contact{margin-right: 20px;}
.cp{font-size: 12px; padding: 10px 0 10px; text-align: center; background-color: #95644b; color: #fff;}
.foot-left .item-logo {width: 40%;}
.fx-bet{align-items: center;}



/*footer nav*/
.ul-fnav > li::before {border-color: #fff;}
.ul-fnav > li >a{color: #fff; font-size: 20px;}
.ul-fnav > li > a > .eng{color: #fff;}

#concept .item-colbox{margin-top: 100px; flex-direction: row-reverse;}
#concept .item-colbox:first-child{margin-top: 0; flex-direction: row;}

#DIRECTOR .item-colbox{flex-direction: row-reverse;}

#point .item-colbox:nth-child(even){flex-direction: row-reverse;}





/* ABOUT */
.clinic-titel{margin-top: 80px;}
.point_area .col-md-5{padding: 0;}
.point_area .item-colbox .item-main{padding: 30px 20px;}
.point_area .item-colbox{align-items: flex-start;}
.point_area .col-md-7{margin-top: 38px;}
.point_area .item-sub_title{font-size: 26px;}
.point_area .numb{font-size: 42px; margin-bottom: 0;}
.point_area .item-text {font-size: 16px;}
.point_area .item-colbox{margin-bottom: 100px;}

/* MENU */
.menutime{margin-top: 30px;}
.item-menu_time {background-color: #e1d2ce; font-size: 20px; padding: 13px; text-align: center; font-weight: bold;}
.sec.bg-1.menucon .sec-head .sec-title{display: none;}
.menutime .item-menu_title{background-color: #fff; font-size: 20px; padding: 11px; color: #000000; border: 2px solid #e1d2ce; box-sizing:border-box; text-align: center; font-weight: bold; margin-bottom: 0;}
.menucon{margin-top: 150px;}
.menulist{padding: 60px 80px; margin-bottom: 70px;}
.menulist .item-sub_title{display: block; border-bottom: 1px solid #95644b; position: relative;}
.menulist .item-sub_title .tag_me{position: absolute; top: 0; right: 0; background-color: #95644b; color: #fff; font-size: 14px; line-height: 1; padding: 5px 15px; font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.menulist .item-colbox{align-items: flex-start;}
.menulist .item-colbox .item-main{padding: 0;}
.menutime .col-md-4{padding-right: 0;}
.menutime .col-md-8{padding-left: 0;}
.menukouka{padding: 70px; background-color: #f4f4f4; margin-bottom: 30px; margin-top: 20px;}
.menukouka .item-title{text-align: center; color: #95644b; padding-bottom: 40px;}
.menukouka .item-text{color: #95644b; font-size: 16px;}
.menu_subtext{ font-size: 15px;}


/* STAFF */
.doc_pro{padding: 5px 0;}
.doc_text{padding: 7px 0;}
.doc_pro::after {content: ""; display: block; border-bottom: 1px solid #d8d8d8;}
.doc_prolist{padding-top: 40px;}
.doc_text .item-text{color: #95644b; padding-right: 60px; font-size: 16px; width: 200px;}
.doc_text .item-subtext{font-size: 16px;}

/* ACCESS */
.access_list .item-colbox .item-main{padding: 0px;}
.access_list .item-menu_time{ margin: 10px 0 10px;}
.access_list .item-menu_title{ margin: 10px 0 10px; text-align: left; padding-left: 50px;}

/* ad-fix */
.fixbox{height: auto; font-size: 14px;}
.fixbox-1{margin-bottom: 10px;}
.fixbox-2{margin-top: 0px;}
.fixbox-3{background-color: #8b4513; padding: 30px 12px 15px; margin-bottom: 10px;}

/* QA */
.wrp_qa .text{text-align: center; margin-bottom: 30px;}
.qa_box .q_item{position: relative; border-left: 7px solid #95644b; background-color: #ece5d1; padding: 15px 0; padding-left: 55px;}
.qa_box .q_item::before{content: 'Q.'; font-size: 24px; top: 15px; left: 15px; position: absolute; line-height: 1;}
.qa_box .a_item{position: relative; border-left: 7px solid #ece5d1; background-color: #fff; padding: 15px 0; padding-left: 55px; font-weight: 300;}
.qa_box .a_item::before{content: 'A.'; font-size: 24px; top: 15px; left: 15px; position: absolute; font-weight: 400; line-height: 1;}
.qa_box p{margin-bottom: 0;}


/*---PC medium---*/
@media only screen and (max-width: 1590px) {
    body{font-size: 20px;}

    /*------HEADER------*/
    .ul-hnav > li > a.nav-link{padding:0 40px;}

    /*---INDEX---*/
    .wrp-access .item-inner{padding-left: 0;}
    .mv-title{font-weight: normal; font-size: 58px; line-height: 1.6; font-family:SansSerifBookFLF,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
    .mv-logotitle{font-size: 15px;}
    .mv-subtitle{font-size: 20px;line-height: 2;}
    .page_mv{position: absolute; top: 415px; left: 126px;}
    .page_mv .mv-maintitle::after{width: 500px;}


}


/*---PC small---*/
@media only screen and (max-width: 1280px) {
    body{font-size: 20px;}

    /*------HEADER------*/
    .ul-hnav > li > a.nav-link{padding:0 40px;}

    /*---INDEX---*/
    .wrp-access .item-inner{padding-left: 0;}
    

}

/*---PAD pro---*/
@media only screen and (max-width: 1024px) {
    /*------HEADER------*/
    #header{padding: 20px 0;}
    .header-upr{margin-left: 20px; font-size: 14px;}
    .header-link_1{margin-right: 20px;}

    /*---INDEX---*/
    .item-colbox .item-main{padding-left: 0;}

    /*mv*/
    .mv-home{padding-bottom: 110px;}
    .mv-home::before{right: 0; top: -294px;}
    .mv-links{top: 300px;}
    .mv-inner{top: 183px;}
    .logo-a img{width: 90%;}
    .mv-logotitle{font-size: 14px;}

    /*------MAIN------*/
    .top-doctor .item-colbox .item-main{padding-right: 50px;}
    .box-style .item-sub_title{font-size: 26px;}

    .mv-inner_2 .logo{width: 100%; padding-top: 40px;}
    .page_mv{left: 0;padding-left: 30px;}
    .page_mv .mv-title{color: #fff;}
    .page_mv .mv-maintitle{color: #fff;}
    .page_mv .mv-maintitle::after{border-bottom: 2px solid #fff;}
    .slider-style .slider-prev{   left: -7px;}
    .slider-style .slider-next{right: 7px;}
    .topmenusli .draggable{margin: 0 70px;}

    /* STAFF */
    .doc_text .item-text{ font-size: 14px; width: 150px; padding-right: 10px;}
    .doc_text .item-subtext{font-size: 14px;}

    /* ACCESS */
    .access_list .item-menu_time{font-size: 17px;}
    .access_list .item-menu_title{font-size: 17px; padding-left: 40px;}


}

/*---PAD---*/
@media only screen and (max-width: 880px) {
    body{font-size: 16px;}

    /*------HEADER------*/
    #header{padding: 15px 0;}
    .foot-left,
    .head-h1{width: 120px;}
    .foot-btn .btn,
    .header-upr .btn{max-width: 250px; font-size: 16px; padding: 10px 0;}
    .ul-hnav > li > a.nav-link{font-size: 12px;}
    .ul-hnav > li > a > .eng{font-size: 12px; margin-bottom: 5px;}

    /*mv*/
    .mv-home::before{right: 0; top: -468px;}
    .mv-links{top: 150px;}
    .mv-inner{top: 140px;}
    .logo-a img{width: 100%;}
    .mv-logotitle{font-size: 14px; padding-bottom: 0px; margin-bottom: 30px;}
    .mv-title{font-size: 40px; padding-bottom: 0px;}
    .mv-subtitle{font-size: 18px;}
    .top-doctor .item-colbox .item-main{padding-right: 10px;}
    .wrp-info .item-main{margin-top: 20px;}
    

    /*------MAIN------*/
    .sec{padding: 40px 0;}
    .sec-head{margin-bottom: 40px;}
    .sec-btn,
    .item-btn{margin-top: 30px;}
    .box-style .item-text{font-size: 15px;}
    .ul-news{font-size: 14px;}
    .ul-news > li{padding-bottom: 21px; margin-bottom: 21px;}
    .top-booking .item-colbox .item-main{height: 190px; padding: 32px 20px;}
    .page_mv{top: 280px;}
    .page_mv .mv-maintitle{font-size: 46px}
    .page_mv .mv-title{font-size: 18px;}

    /*---INDEX---*/
    .item-colbox .item-main{padding-top: 0;}
    .box-style .item-sub_title,
    .item-colbox .item-label{margin: 20px 0 10px;}
    .item-menu{margin-bottom: 30px;}
    #intro .item-inner{max-width: none;}
    .box-style .item-sub_title{font-size: 18px;}
    .item-news{margin-bottom: 20px;}
    .wrp-access .item-main{margin-top: 30px;}

    /*------FOOTER------*/
    .totop{bottom: 50px; right: 10px;}
    .totop img{width: 50px;}

    /* ABOUT */
    .pointtitle{margin: 40px 0 50px;}
    .point_area .numb{font-size: 30px; margin: 0;}
    .point_area .item-sub_title {margin-top: 0;}
    .point_area .item-colbox .item-main{padding: 15px;}

    /* MENU */
    .menucon{margin-top: 50px;}
    .menulist{padding: 13px 15px;}
    .box-style .item-text{font-size: 14px;}

    /* STAFF */
    .doc_text .item-text{ font-size: 12px; width: 120px; padding-right: 5px;}
    .doc_text .item-subtext{font-size: 12px;}

    /* ACCESS */
    .access_list .item-menu_time{font-size: 14px;}
    .access_list .item-menu_title{font-size: 14px; padding-left: 10px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {
    body{font-size: 14px;}
    .btn-1{font-size: 13px; padding: 15px 0; width: 100%; height: 50px; border-radius: 0px;}
    .item-btn{text-align: center;}
    /* .btn-1::after{top: 13px;} */
    .cat{padding: 5px; font-size: 12px; width: 90%;}
    .bg-3{background-color: #fff;}

    /*------HEADER------*/
    .sm-h-btn{ border: solid 1px #d4aa38;}
    #header{padding: 0;}
    .header-upr{display: none;}
    .head-h1{width: 70px; min-width: auto; margin: 0; padding: 15px 0;}
    .head-inner{align-items: center;}
    .head-bottom{width: auto; margin-top: 0px;}

    .my-logo2{width: 50%;}

    .sm-header-link_1{color: #fff; border: solid 1px white; margin: 20px 13px 13px 13px; padding: 10px 0 10px 84px;}
    .sm-header-link_2{color: #fff; border: solid 1px white; margin: 13px; padding: 10px 0 10px 67px;}
    .sm-header-link_1 img{width: 30px; padding-right: 5px;}
    .sm-header-link_2 img{width: 30px; padding-right: 5px;}
    .pc-hidden .logo-a img{width: 40%;}
    .sm-header-link-logo{text-align: center; margin: 20px 0 40px 0;}

    /*------------------CMS------------------*/
    /*------追随------*/
    /*fixbox*/
    .fixbox span{writing-mode: horizontal-tb; display: inline; padding-bottom: 0px; letter-spacing: normal;}
    .wrp-fixbox{bottom: 0;width: 100%;}
    .fixbox{height: auto; width: 50%; text-align: center; border-radius: 0;}
    .wrp-fixbox div:nth-child(1){width: 100%; display: flex;}
    .fixbox-1{padding: 20px 10px; border: none;}
    .fixbox-2{padding: 20px 10px; margin-top: 0px; border: none;}
    .fixbox i{margin-left: 15px;}

    /* mv */
    .mv-inner{left: 30px; top: 29px;}
    .mv-logotitle{display: none;}
    .mv-title{font-size: 30px;padding-bottom: 10px; margin-bottom: 0px;}
    .mv-subtitle{font-size: 13px;}
    .mv-links01{display: none;}
    .mv-home::before{top: -700px;}
    .move-link{font-size: 13px; padding-top: 14px;}
    .move-link::before{margin: 40px 11px 20px -11px; height: 82px;}
    .mv-home{padding-bottom: 80px;}
    a:hover{color: #d4aa38;}
    .page_mv .mv-maintitle::after{width: 230px;}

    /*nav*/
    .ul-hnav{display: block;}
    .ul-hnav > li{margin: 0; padding: 0;}

    #header .ul-hnav > li > a.nav-link{color: #fff;}
    .ul-hnav > li > a.nav-link{color: #d4aa38; padding: 15px; text-align: left;}
    .ul-hnav > li > a.current-menu-item{background-color: #d4aa38; color: #fff;}
    .ul-hnav > li > a.nav-link::before{content: none;}
    .ul-hnav > li > a.current-menu-item::after{background: none; left: auto; bottom: auto; display: inline-block; width: auto;}
    .ul-hnav > li > a::after{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 20px;}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #d4aa38;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}



    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

    /*---INDEX---*/
    .item-colbox .item-img{margin: 40px 0 20px;}
    .box-style .item-sub_title{font-size: 16px;}
    .box-style .item-text{font-size: 14px;}
    .item-menu{display: block;}
    .item-menu .item-img{text-align: center; margin: 0;}
    .item-menu .item-title{font-size: 16px; margin-bottom: 15px;}
    #intro .item-title{margin-bottom: 20px;}
    #greeting .item-colbox{flex-direction: column-reverse;}
    .wrp-access .item-zipcode{margin: 20px 0;}
    .tb-cale{font-size: 12px;}
    .wrp-cale p{font-size: 12px;}
    .wrp-access .item-bottom{display: block;}
    .booktitel {padding: 20px 40px;}
    .top-booking .col-md-6 {padding-top: 10px;}
    .top-booking img {width: 17%;}
    .top-booking .item-colbox .item-main{height: 165px; padding-top: 35px;}
    .box-style .item-sub_title, .item-colbox .item-label{margin-bottom: 0;}
    .top-booking .text{margin-top: 40px; font-size: 14px;}
    .item-sub_title{padding-bottom: 5px;}

    .sec{padding: 23px 0;}
    .sec-head{margin-bottom: 0px;}
    .sec-title{font-size: 30px;}
    .sec-title .ja{font-size: 12px;}
    .item-menu_title{font-size: 13px;}
    .wrp-info .item-main{padding: 20px 20px;}
    .sec-title01{font-size: 24px; padding-bottom: 26px;}
    .ul-news .spn-date{padding-right: 40px;}
    .point_area .item-colbox:nth-child(even){flex-direction: column-reverse;}
    .topmenusli .draggable{margin: 0 25px;}

    /* blog */
    .item-post .item-title{font-size: 18px;}
    .cat{width: 100%;}
    .single-title{font-size: 24px;}
    
    /*------FOOTER------*/
    #footer{padding-top: 30px;}
    .foot-inner{display: block;}
    .foot-btn{margin-top: 20px;}
    .foot-btn .btn{max-width: 315px;}
    .foot-btn .btn img{height: 20px;}
    .foot-btn .btn.v-contact{margin-right: 10px;}
    .cp{font-size: 12px; padding: 20px 0 0;}

    /*footer nav*/
    .ul-fnav{margin:20px 0 0;}
    .ul-fnav > li::before {border-color: #fff;}
    .ul-hnav > li::before{content: none;}
    .ul-fnav > li > a.nav-link{padding:10px 8px;}
    /* .ul-fnav > li > a.nav-link{padding:10px 8px; border-top: 1px solid #fff;} */
    .ul-fnav > li > a::after{top: 15px;}
    .ul-fnav > li > a > .eng{margin: 0; font-size: 14px;}
    .ul-fnav > li > a > .ja{display: none;}
    .totop{bottom: 80px;}

    /* ABOUT */
    .pointtitle{margin-bottom: 0;}
    .point_area .col-md-7{margin: 10px 10px;}
    .point_area .item-colbox{margin-bottom: 20px;}

    /* MENU */
    .menutime.item-colbox .item-img{margin: 0px;}
    .menutime .col-md-4{padding: 0 15px;}
    .menutime .col-md-8{padding: 0 15px;}
    .item-menu_time {margin: 0px;}
    .menutime .item-menu_title{margin: 0 0 0px;}
    .item-menu_time{font-size: 17px;}
    .menutime .item-menu_title{font-size: 17px;}
    .menukouka{padding: 30px;}
    .menukouka .item-title{font-size: 20px; padding-bottom: 16px;}
    .menu_subtext{font-size: 13px;}
    .menulist{margin-bottom: 40px;}
    .menulist .item-sub_title .tag_me{font-size: 10px; padding: 5px 5px;}

    /* STAFF */
    .doc_text .item-text{ font-size: 13px; width: 100px; padding-right: 5px;}
    .doc_text .item-subtext{font-size: 13px;}
    .sikaku{margin-left: 33px;}

    /* ACCESS */
    .access_list .item-menu_time{font-size: 14px; margin: 0px;}
    .access_list .item-menu_title{font-size: 14px; padding-left: 10px;}
    .access_list .item-colbox .item-img{margin: 19px 0 0px;}

    .wrp-gallery img{width: 33%;}
    
    /*insta*/
    .insta-item{width: 100%; margin: 0px; margin-bottom: 20px;}
    .sbi_follow_btn.sbi_custom{margin-top: 0px;}

    /* ad */
    .fixbox{width: 50%;}
    .fixbox-1{margin-bottom: 0px; padding: 15px 10px;}
    .fixbox-2{padding: 15px 10px;}
    .fixbox-3{margin-bottom: 0px; padding: 15px 10px;}
    .mv-links{right: 30px;}
    .top-booking .item-colbox .col-md-4{margin-bottom: 10px;}

    /*--- qa_box ---*/
    .qa_box .q_item::before,
    .qa_box .a_item::before{font-size: 21px; left: 10px;}
    .qa_box .a_item,
    .qa_box .q_item{padding-left: 45px;}

}

/*------Sm small------*/
@media only screen and (max-width: 350px) {
    body{font-size: 14px;}

}