@charset "UTF-8";

/*
Theme Name: HP-DaP_03
Theme URI: http://hp-dap.com/
Author: Kudo
Author URI: http://www.niveau.co.jp
Description: ヒーローヘッダー＋上ナビ＋1カラム
Version: 2.0.1
*/

*{-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary{display:block;}
body{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;

    /*font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/font-size:16px;line-height: 1.42857;color:#42210B;-webkit-font-smoothing:antialiased;position:relative;}
.wrapper{position:relative;padding-top:0;overflow: hidden;}
.on-small-only .wrapper{position:relative;/*padding-top:44px;*/padding-top:0px;}
.wrapper{border-top:3px solid #603813;}
    .on-small-only .wrapper{border-top:none;}

/*GoogleFont*/
.g-font{font-family:グーグルフォント表記;}
.italicer{font-style:italic;}
.bolder{font-weight:700;}
.gothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.mincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}

/*Materializecss上書き*/
html{margin-top: 0 !important;}
body {font-size: 14px;}

.container {
    margin: 0 auto;
    max-width: 1080px;
    width: 90%;
}







/*slide*/
.slider .slides { height: 634px;}

/*グローバルナビ*/
nav#top-head{width:100%;text-align:center;height:auto;line-height:1;background-color:transparent;}
.on-small-only nav#top-head{text-align:left !important;}
nav#top-head a{/*color:#333;padding:15px;*/}
nav#top-head #global-nav2 a{color:#42210B;font-size:15px;}
nav#top-head #global-nav2 a:hover{color:#A87630;}
ul#global-nav2{z-index:20;}
.on-small-only nav#top-head a{padding:25px;z-index:998;}

.on-small-only nav#top-head .top-logo a{/*padding:8px 0;*/padding:8px 0;z-index:998;display: inline-block;}

nav#top-head{position:absolute;top:30px;z-index:900;}
nav#top-head ul{display:inline-block;}
.on-small-only nav#top-head{position:absolute;top:0;background:rgba(255,255,255,.7);height:44px;box-shadow:0 0 12px rgba(0,0,0,.2);z-index:999;}
.on-small-only .top-logo{display:inline;}
.top-logo h1{max-width:800px !important;padding:0 !important;display:block;margin:0 auto;}
.on-small-only nav#top-head{position:absolute;background:rgba(255,255,255,.7);height:60px;box-shadow:0 0 12px rgba(0,0,0,.2);z-index:999;}
.on-small-only nav#top-head .top-logo{position:relative;left:0;top:0;text-align:center;width:100%;}

.on-small-only nav#top-head a {
padding: 25px;
z-index: 9999;
}

.on-small-only .top-logo img{height:45px;width: auto;}
.on-small-only #top-head.fixed{position:fixed;z-index:999;}
.on-small-only #top-head.fixed:after{width:100%;}
.side-nav.hide-on-med-and-up li{padding:0 20px;text-transform:none;font-size:12px;line-height:16px;letter-spacing:0.1em;position:relative;}
.side-nav.hide-on-med-and-up li:first-child{line-height:45px;margin-top: 10px;}
    .side-nav.hide-on-med-and-up li:first-child a{border-top:1px solid #ccc;}

.side-nav.hide-on-med-and-up li:first-child:hover,.side-nav.hide-on-med-and-up li{background:#fff;}
.side-nav.hide-on-med-and-up li a{display:block;padding:14px 20px !important;height:auto;line-height:16px;border-bottom:1px solid #ccc;}


.side-nav.hide-on-med-and-up li a:hover{background-color:transparent;}
.side-nav.hide-on-med-and-up .mobile-nav-social{padding:0;height:45px;border-bottom:1px solid #ccc;}
.side-nav.hide-on-med-and-up .mobile-nav-social li{border-left:1px solid #ccc;border-top:none;border-bottom:none;margin-left:0;float:left;width:25%;}
.side-nav.hide-on-med-and-up .mobile-nav-social li:first-child{border-left:0;margin-left:0;}
.side-nav.hide-on-med-and-up .mobile-nav-social li a{height:auto;line-height:0;padding:0 !important;text-align:center;font-size:0;border-bottom:none;}
.side-nav.hide-on-med-and-up .mobile-nav-social li .icon{background:url(https://02581c.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/sprite.svg);display:inline-block;zoom:1;vertical-align:top;width:44px;height:0;padding-top:44px;overflow:hidden;text-align:left;white-space:nowrap;}
.side-nav.hide-on-med-and-up .mobile-nav-social li i.icon{font-style:normal;}
.side-nav.hide-on-med-and-up .mobile-nav-social li .material-icons{line-height:44px;}

.on-small-only .side-nav {padding-top: 54px;}


/*ハンバーガーアイコン*/
.mobile-nav-trigger{position:absolute !important;left:0px;top:0;width:15px;height:12px;display:block;padding:16px 14px;}
.mobile-nav-trigger span{-webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);transition:all .6s cubic-bezier(.165,.84,.44,1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:15px;height:1px;margin-bottom:4px;background:#42210B;display:block;}
.is-menu-open .mobile-nav-trigger span:first-child{-webkit-transform:translate3d(0,5px,0) rotate(-45deg);transform:translate3d(0,5px,0) rotate(-45deg);width:10px;}
.is-menu-open .mobile-nav-trigger span:first-child+span{width:22px;}
.is-menu-open .mobile-nav-trigger span:first-child+span+span{-webkit-transform:translate3d(0,-5px,0) rotate(45deg);transform:translate3d(0,-5px,0) rotate(45deg);width:10px;}


/*閉じた場合*/

#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 25px;
  width: 15px;
  height: 1px;

  background: #221E1F;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: 3px;
}
#panel-btn-icon:after{
  margin-top: 10px;
}

/*開いた場合*/
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


@media screen and (max-width:600px) {
}
/*グリッド*/
.col{position:relative;}
/*スライダー*/
.slider .indicators .indicator-item{background-color:transparent;border:1px solid #8B837A;width:10px !important;height:10px !important;margin:0 7px !important;}
.slider .indicator-item:hover{background-color:#ccc !important;}
.slider .indicator-item.active{background-color:transparent !important;border:1px solid #603813;}
/*タブカラー*/
.tabs .tab a{color:#D09C3B;}
.tabs .tab a:hover,.tabs .tab a:focus{color:#E4C584;}
.tabs .indicator{background-color:#D09C3B;}
/*フォーム*/
/*input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea{border: 1px solid #9e9e9e;margin-top: 23px;padding: 0 1.6rem;}*/


/*input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {width: 95%;}

input[type="email"], input[type="tel"]{padding: 0 1.6rem;width: 90%;}*/

.dropdown-content li>a,.dropdown-content li>span{color:#603813;}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #603813;box-shadow:0 1px 0 0 #603813;}

/*アイコン位置*/
.input-field .prefix{top: 7px;}


/*textarea.materialize-textarea {padding:1.2rem 1.6rem;}*/


/*リンクカラー*/
a{color:#42210B;}
a:hover,a:focus{color:#42210B;}
/*ブロッククオート*/
blockquote{border-left:0;padding-left:0;}
blockquote{margin:0 0 20px;padding:20px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
/*モーダル*/
.modal{z-index:9999;}
/*レスポンシブギャラリー*/
.gallery{margin:auto}
.gallery .gallery-item{float:left;margin-top:10px;text-align:center;width:50%}
.gallery img{border:2px solid #cfcfcf}
.gallery .gallery-caption{margin-left:0}
@media screen and (min-width:600px){.gallery .gallery-item{width:33%}
}
@media screen and (min-width:960px){.gallery .gallery-item{width:20%/*width:25%*/}
}
/*サイドバーのライン*/
.table-of-contents a:hover {border-left: 1px solid #A87630;}

/*基本文字組み*/
/*日本語最適化*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;color:inherit;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777;}
.h1,.h2,.h3,h1,h2,h3{margin-top:22px;margin-bottom:11px;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%;}
.h4,.h5,.h6,h4,h5,h6{margin-top:11px;margin-bottom:11px;}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%;}
.h1,h1{font-size:32px;}
    .on-small-only .h1,.on-small-only h1 {font-size: 26px;}
.h2,h2{font-size:28px;}
.h3,h3{font-size:24px;}
.h4,h4{font-size:19px;}
.h5,h5{font-size:16px;}
.h6,h6{font-size:12px;}
p{margin:0 0 11px;text-align: justify;
    text-justify: inter-ideograph;line-height:2;}
        .on-small-only p{line-height: 2;}
.lead{margin-bottom:22px;font-size:18px;font-weight:300;line-height:1.4}
.on-small-only .lead{font-size:24px;}
.small,small{font-size:75%;}
p.large-lead{font-size:22px;line-height:1.6;margin-bottom:40px;font-weight:300;}
p.larger-lead{font-size:28px;line-height:1.6;margin-bottom:40px;font-weight:300;}
p .btn{margin-right:20px;}
hr{margin:60px 0;}




/*文字オプション*/
.small-text{font-size:12px;text-align: right;}
.zeibetsu{font-size:12px;}
.small-text13{font-size:13px;}
.smaller-text{font-size:9px;}
.big-text{font-size:16px;}
.bigger-text{font-size:21px;line-height:1.6;}
.none-text{text-transform:none;}
.strong-text{font-weight:bold;}
.lighter{font-weight:300;}
.bolder{font-weight:600;}
.letter-spacing{letter-spacing:1px;}
.letter-spacing.big{letter-spacing:2px;}
.letter-spacing.bigger{letter-spacing:3px;}
/*画面*/
.display-block{display:block;}
.display-none{display:none;}
.wrap{padding:0.6em 1.2em;}
.position-relative{position:relative;}
.overflow-hidden{overflow:hidden;}
/*clearfix*/
.clear{clear:both;}
.clear hr{display:none;}
/*デフォルトホバー*/
a{cursor:pointer;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;-webkit-transition:all all .3s ease;-moz-transition:all all .3s ease;-ms-transition:all all .3s ease;-o-transition:all all .3s ease;transition:all all .3s ease;}
a:hover,a:focus{outline:none;text-decoration:none;}
/*マージン*/



/*リンクボタン*/
/*btn-marukado 丸角*/
.btn-marukado{font-size:13px;padding:0.8em 4em;display:inline-block;margin:30px 0 90px;letter-spacing:2px;color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;position:relative;background:#333;border:1px solid #333;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.btn-marukado:hover{color:#333;background:#fff;}
/*btn-link アンダーバーボタン*/
.btn-link{border-color:#ccc;color:#ccc;background-color:transparent;padding:0 !important;padding-bottom:8px !important;min-width:inherit;border:none;font-weight:bold;font-size:14px;letter-spacing:0;border-bottom:2px solid;}
p .btn-link{padding-bottom:2px !important;line-height:1.8;}
/*btn-opacity ホバーでフェードアウト透過*/
.btn-opacity{-webkit-transition:0.6s;transition:0.6s;}
.btn-opacity:hover{opacity:0.5;filter:alpha(opacity=50);}
/*btn-border-white デフォルトボタンに白枠*/
.btn-border-white{border:1px solid #ccc;color:#ccc;margin:2em 0;}
.btn-border-white:hover{color:#fff;}
/*画像w100%にしたいときの場合*/
img.responsive-img2{width: 100%;height: auto;vertical-align: bottom;}

/*col隙間なしの場合*/
.row.no-padding {margin-left: 0rem;margin-right:0rem;}
.row.no-padding .col {padding: 0;}


nav ul li:hover, nav ul li.active{background-color: none !important;}

/*clearfix追加*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}

/*メディアクエリ参考*/
@media screen and (max-width:600px) { 
/*[.on-small-only]画面サイズが600pxまではここを読み込む*/
}
@media screen and (min-width:600px) and ( max-width:992px) {
/*[.on-med-only]画面サイズが600pxから992pxまではここを読み込む*/
}
@media screen and (min-width:992px) {
/*[.on-large-only]画面サイズが992pxからはここを読み込む*/
}


/*オリジナル*/

/*ページfade表示用*/
body{display:none}



.brown.lighten-5{background: url(https://fe6d66.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/bg_sandL.jpg)repeat;}


.container810{margin: 0 auto;max-width: 810px;width: 90%;}
    .on-small-only .container810{width: 100%;}
.container910{margin: 0 auto;max-width: 910px;width: 90%;}
.container1254{margin: 0 auto;max-width: 1254px;width: 90%;}

   a { 
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }


        a:hover {
          text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=30);
    }


.color_main{color: #42210B;}





/* タイトル
-------------------------------------*/

/*アンダーラインのタイトル*/
.con-title {
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.03em;
    border-bottom: #42210B solid 1px;
    line-height: 2;
    margin: 0px 0px 25px;
    position: relative;
}
    .on-small-only .con-title{font-size: 19px;}

.page .con-title {margin-top: 5rem;margin-bottom: 2rem;padding-bottom: 2px;line-height: 1.5;}
.page .con-title:nth-child(1) {margin-top: 0rem;}
    .on-small-only.page .con-title {margin-top: 2rem;}

    .on-small-only.page .con-title:nth-child(1) {margin-top: 0rem;}


/*アンダーラインなしのタイトル_小*/
.simple-title {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.03em;
    /*line-height: 2;*/
    margin: 0px 0px 20px;
    text-align: center;
    position: relative;
}
    .on-small-only .simple-title {text-align: left;margin-bottom: 10px;}


/*アンダーラインなしのタイトル_小2*/
.simple-titleS {
    width: 100%;
font-size: 19px;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 2;
margin: -10px 0px;
text-align: left;
position: relative;
}
    .on-small-only .simple-title {text-align: left;margin-bottom: 10px;}
        .home.on-small-only .simple-title {text-align: left;margin-bottom: 0px;}




/*アンダーラインなしのタイトル_中*/
.simple-titleM {
    width: 100%;
    font-size: 23px;
    font-weight: normal;
    letter-spacing: 0.03em;
    margin: 0px 0px 20px;
    position: relative;
    text-align: left;
}
    .on-small-only .simple-titleM {font-size: 18px;margin: 0px 0px 10px;}


/*アンダーラインなしのタイトル_大*/
.simple-titleL {
    width: 100%;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.03em;
    margin: 0px 0px 20px;
    position: relative;
}
    .on-small-only .simple-titleL{font-size: 20px;margin: 0px 0px 15px;}

    .on-small-only#food .simple-titleL,.on-small-only#sake .simple-titleL{font-size: 19px;
margin: 0px 0px 10px;line-height: 1.5;
/*border-bottom: 1px solid #42210B;*/
padding-bottom: 3px;}


/*縦書きのタイトル*/
.tate-title{-ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
    font-size: 36px;
    letter-spacing: 4px;
margin-top: 0;}


.safari .tate-title{height: 6em;}

    .on-small-only .tate-title{
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        font-size: 20px;letter-spacing: 2px;margin-bottom: 25px;
            border-bottom: 1px solid #42210B;
padding-bottom: 3px;}
     .safari .on-small-only .tate-title {height: 1.3em;}


/*大きいタイトル*/
.big-title{
font-size: 3.6em;
letter-spacing: 3px;
margin-top: 0;
line-height: 1.5;}
    .on-small-only .big-title{font-size: 22px;letter-spacing: 2px;margin-top: 10px;}





/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

.big-title{font-size: 3.3em;margin-top: 0.5em;}

}

/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {


  /*  style  */
.big-title{font-size: 3.3em;margin-top: 0.5em;}

}


/* pager
-------------------------------------*/
.wp-pagenavi a,.wp-pagenavi .current,.wp-pagenavi .pages{padding: 5px 10px;
border: 1px solid #42210B;
/*border-radius: 40px;*/
line-height: 1;
margin: 0px 5px;}

.wp-pagenavi .current{background: #42210B;color: #fff;}

.wp-pagenavi{margin-top: 5em;text-align: center;}


/* arrow
-------------------------------------*/
.arrow::before,.arrow::after{position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;}


/*さんかく*/
.arrow_sankaku:before{width: 0;height: 0;left: 10px;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #ffffff;}

/*アロー*/
.arrow_arrowL:before{left:0px;width:8px;height:8px;border-top:1px solid #42210B;border-right:1px solid #42210B;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.arrow_arrowR:before{right:12px;width:8px;height:8px;border-top:1px solid #42210B;border-right:1px solid #42210B;-webkit-transform:rotate(45deg);transform:rotate(45deg);}


/* btn
-------------------------------------*/

/*3colBtn*/
.btn_common{text-align: center;font-size: 15px;}
.btn_common a{padding: 20px;display: block;background: url(https://81d7f1.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/bg_sandS_brown.jpg) repeat ;border: 1px solid #987C52;color: #42210B;}

    .on-small-only .btn_common a{padding: 15px;}
    .on-small-only.home .btn_common {margin-top: 15px;}
    .on-small-only.home .btn_common:first-child {margin-top: 0px;}

/*betaBtn*/
.btn_beta{background: #42210B;position: absolute;
right: 0px;bottom: 10px;color: #fff;font-size: 12px;padding: 1px 6px 1px 10px;text-decoration: none !important;}
.btn_beta:hover{color: #fff;}


    .btn_beta,input[type="submit"]{font-weight: bold;}
    input[type="submit"]{font-size: 16px;}
    .on-small-only .btn_beta{padding: 1px 6px 1px 7px;}

    .error404 .btn_beta{padding: 10px 8px 10px 24px;
/*right: 15px;*/
font-size: 13px;position: relative;
float: right;}


/*textBtn*/
.btn_txt{position: absolute;
right: 0px;bottom: 0px;font-size: 13px;padding: 3px 6px 3px 10px;text-decoration: none !important;}

.home.on-small-only .btn_txt{right: -10px;}


/*arrowBtn*/
.arrowBtn{text-decoration: underline;position: relative;margin-left: 20px;}
.arrowBtn:hover{text-decoration: none;}


.arrowBtn_arrow{position: relative;}
.arrowBtn_arrow:before{
width: 12px;
height: 12px;
background: #42210B;
}
.arrowBtn_arrow:after{
left: 3px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



/* instafeed
-------------------------------------*/

#insta h3{margin-top: 20px;}
    .home.on-small-only #insta h3{margin-top: 10px;margin-bottom: 8px;font-size: 15px;}
#instafeed{text-align: center;margin-top: 0;margin-bottom: 25px;}
#instafeed li{margin-left: 15px;display: inline-block;width: 10%;}
#instafeed li:first-child{margin-left: 0;}
#instafeed li img{vertical-align: bottom;width: 100%;height: 100%;}
    

.home.on-small-only #instafeed {/*text-align: left;*/ margin-top: 0;margin-bottom: 20px;
        display: table;
    width: 102%;margin-left: -6px;}

.home.on-small-only #instafeed li{/*width: 20%;*/
        /*width: 12.5%;*/
        width: 14.28%;
    display: table-cell;
    /*padding: 0 3px;*/padding-left: 6px;}


    #gallery.on-small-only #instafeed {/*text-align: left;*/ margin-top: 0;margin-bottom: 20px;}
    #gallery.on-small-only #instafeed li{width: 20%;}
   
    /*#gallery.on-small-only #instafeed li:nth-child(5){margin-left: 0;}*/
    #gallery.on-small-only.page-id-28 #instafeed li:nth-child(n+6) {
        margin-top: 0px;
    }
    #gallery.on-small-only.page-id-28 #instafeed li:nth-child(n+4) {
        margin-top: 10px;
    }

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

.home #instafeed li:last-child{display: none;}
}

.on-small-only.home #instafeed li:nth-last-of-type(-n+2){display: none;}






/* ページ共通layout
-------------------------------------*/

.main{background: #fff;padding: 60px 0;}
.page .main,.archive .main,.single .main{background: #fff;padding: 0 0 80px;}
#food .main,#sake .main,#concept .main,#access .main,.error404 .main{background: #fff;padding: 80px 0;}

.page .main{min-height: 350px;}


    .on-small-only#food .main, .on-small-only#sake .main, .on-small-only#concept .main, .on-small-only#access .main,.on-small-only.error404 .main {padding: 30px 0;}
  .on-small-only.page .main{min-height: 10px;}

.page .main p{margin:0 0 30px;/*line-height: 2.3;*/}
    

/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {


  .on-large-only .main{min-height: 900px;}
   .on-large-only.home .main{min-height: 100px;}

}



    .on-med-only#sitemaps .main{min-height: 370px;}

    .home.on-small-only .main {padding: 20px 0 10px;}
    .on-small-only .main {padding: 20px 0 50px;}

    .on-small-only .main p {margin: 0 0 20px;}


 /*colBox*/
 .colBox4{margin-top: 4rem;}
     .on-small-only .colBox4{margin-top: 2.5rem;}
.colBox6{margin-top: 6rem;}
.colBox7{margin-top: 7rem;}


.colBox5B{margin-bottom: 5rem;}
    .on-small-only .colBox5B{margin-bottom: 2.5rem;}
.colBox6B{margin-bottom: 6rem;}
    .on-small-only .colBox6B{margin-bottom: 3rem;}

.container .colBox4:nth-of-type(1),.container .colBox6:nth-of-type(1),.container .colBox7:nth-of-type(1){margin-top: 0rem;}

/*pankuzu*/
.topicpath{text-align: center;}

.td-u{text-decoration: underline;}
.td-u:hover{text-decoration: none;}


/*table*/
.commonTable th,.commonTable td{border-top: 1px solid #42210B;border-bottom: 1px solid #42210B;padding: 21px;}
.commonTable th{background: #F6F5F0;text-align: center;width: 25%;}
    .on-small-only .commonTable th{width: 30%;}
    .on-small-only .commonTable th,.commonTable td{padding: 10px;}


    .on-small-only .main .row .col img{margin-bottom: 10px;}


/* header
-------------------------------------*/
.headerIn{margin: 0 auto;position: relative;max-width: 1080px;z-index: 9999;width: 90%;}
/*.home #pageHead{margin-top: 160px;}*/

    .on-small-only .headerIn{width: 100%;}


    .on-small-only #pageHead {margin-top: 60px;}


/*logo*/
.top-logo p{text-align: center;}

/*home*/
/*.home #pageHead{margin-top: 0em;}
*/
  /*2nd */
  #pageHead{position: relative;margin-top: 10em;}

.post-header2{position: relative;
display: block;
overflow: hidden;
height: 300px;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% auto;z-index: 0;
background-position: top center;}



    .on-small-only .post-header2{/*height: 180px;*/height: 140px;background-position: top;background-attachment: scroll;}



.category .post-header2,#sitemaps .post-header2,#recruit .post-header2,#gallery .post-header2,#calendar .post-header2,#contact .post-header2,.error404 .post-header2{height: 230px;}

    .on-small-only.category .post-header2,.on-small-only#sitemaps .post-header2,.on-small-only#recruit .post-header2,.on-small-only#gallery .post-header2,.on-small-only#contact .post-header2,.on-small-only.error404 .post-header2,.on-small-only.single-post .post-header2{height: 90px !important;}


    .on-small-only#calendar .post-header2{height: 85px !important;}

/* ----iPad---- */
@media only screen and (max-width: 920px) {

/*.post-header2{background-size: 120% auto;}*/

.post-header2{background-size: 100% auto;
background-attachment: scroll;}


}
/* ----iPhone 3～4---- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.post-header2{background-size: 100% auto;/*background-position: top left;*/}
}




.post-header2:after{
content:'';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
width: 100%;
height: 100%;
background: url(https://e062ea.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/mask_slide.png) no-repeat;
z-index: -1;
/*background-size: contain;*/
background-size: 100%;
}

    .on-small-only .post-header2:after{display: none;}



/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

   /*  style  */
  
.post-header2:after{top: -1px;}

}


/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {


  /*  style  */
.post-header2:after{top: -1px;}

}

/*パンくず*/
.breadcrumbs{text-align: center;font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.breadcrumbs a{text-decoration: underline;}
.breadcrumbs a:hover{text-decoration: none;}




/*headerImg*/
.post-header-inner{margin-top: 9em;z-index: 999;}
    .on-small-only .post-header-inner{margin-top: 3.5em;}
    /*.on-small-only#access .post-header-inner{margin-top: 3.3em;}*/

.post-header-inner h1{letter-spacing: 3px;}
    .on-small-only .post-header-inner h1 {letter-spacing: 2px;margin-bottom: 5px;}

.category .post-header,#sitemaps .post-header,#recruit .post-header,#gallery .post-header,#calendar .post-header,#access .post-header,#contact .post-header,.error404 .post-header{background-repeat: repeat;}

.category .post-header-inner,#sitemaps .post-header-inner,#recruit .post-header-inner,#gallery .post-header-inner,#calendar .post-header-inner,#contact .post-header-inner,.error404 .post-header-inner,.single .post-header-inner{margin-top: 7em;}

    .on-small-only.category .post-header-inner,.on-small-only#sitemaps .post-header-inner,.on-small-only#recruit .post-header-inner,.on-small-only#gallery .post-header-inner,.on-small-only#calendar .post-header-inner,.on-small-only#contact .post-header-inner,.on-small-only.error404 .post-header-inner,.on-small-only.single-post .post-header-inner{margin-top: 2em;/*padding: 0 15px;*/}


.on-small-only.single-post .post-header-inner{padding: 0 15px;}


.category #pageHead,#sitemaps #pageHead,#recruit #pageHead,#gallery #pageHead,#calendar #pageHead,#access #pageHead,#contact #pageHead,.single #pageHead,.error404 #pageHead{background: #fff;}

.post-header-inner h1,.post-header-inner a,.post-header-inner p{color: #fff;text-align: center;text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}

.category .post-header-inner h1,#sitemaps .post-header-inner h1,#recruit .post-header-inner h1,#gallery .post-header-inner h1,#calendar .post-header-inner h1,#contact .post-header-inner h1,.single .post-header-inner h1,.error404 .post-header-inner h1,
.category .post-header-inner a,#sitemaps .post-header-inner a,#recruit .post-header-inner a,#gallery .post-header-inner a,#calendar .post-header-inner a,#contact .post-header-inner a,.single .post-header-inner a,.error404 .post-header-inner a,
.category .post-header-inner p,#sitemaps .post-header-inner p,#recruit .post-header-inner p,#gallery .post-header-inner p,#calendar .post-header-inner p,#contact .post-header-inner p,.single .post-header-inner p,.error404 .post-header-inner p{color: #42210B;text-shadow: none;}



.category .post-header-inner h1,#sitemaps .post-header-inner h1,#recruit .post-header-inner h1,#gallery .post-header-inner h1,#calendar .post-header-inner h1,#contact .post-header-inner h1,.single .post-header-inner h1,.error404 .post-header-inner h1{font-size: 28px;}

  .on-small-only.category .post-header-inner h1,.on-small-only#sitemaps .post-header-inner h1,.on-small-only#recruit .post-header-inner h1,.on-small-only#gallery .post-header-inner h1,.on-small-only#calendar .post-header-inner h1,.on-small-only#contact .post-header-inner h1,.on-small-only.single .post-header-inner h1,.on-small-only.error404 .post-header-inner h1{font-size: 23px;}


/* nav
-------------------------------------*/

nav#top-head #global-nav2_2 li{position: relative;padding-top: 7px;}


nav#top-head #global-nav2_2 li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0em;
left: 41%;
    width: 4px;
    height: 4px;
    background-color: #42210B;
    border-radius: 100%;
}




nav#top-head #global-nav2_2 a {color: #42210B;padding: 5px;font-size: 12px;}


/* nav_tate
-------------------------------------*/
#global-nav2 li,#global-nav2_2 li {
    font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    height: 16em;
    margin-left: 2em;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
}

#global-nav2{position: absolute;top: 0;right: 0;width: 266px;}
    #global-nav2 a{padding: 0 0 0 10px;}

#global-nav2_2{position: absolute;top: 0;left: 0;width: 200px;}
nav #global-nav2 li:hover, nav #global-nav2_2 li.active {background-color: none !important;}
#global-nav2_2 li {margin-right: 1.2em;margin-left: 0;}
    #global-nav2_2 a{padding: 0 10px 0 0;}







/* index
-------------------------------------*/

.indexBottom{background: url(https://3afc05.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/bg_sandS_footer.jpg) repeat;padding-top: 60px;}
    .on-small-only .indexBottom {padding-top: 20px;}

#bn3colArea{margin-top: 40px;padding-bottom: 40px;}
    .on-small-only #bn3colArea {margin-top: 30px;padding-bottom: 0px;}


/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

   /*  style  */
.indexBottom .m6{padding:0 30px;}

}




/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px){


  /*  style  */
.facebook{text-align: center;}

}

    .on-small-only.home #information.row .col,/*.on-small-only.home #bn3colArea .btn_common*/{padding: 0;}


.on-small-only.home #information .s12{padding: 0;}



/*conceptBtn*/
.conceptBtn .L{padding-left: 0;padding-right: 1rem;}
.conceptBtn .R{padding-right: 0;padding-left: 1rem;float: right;}
.no1{margin-bottom: 30px;}

    .on-small-only.home .conceptBtn .L{padding-right: 0;}
        .on-small-only.home .conceptBtn .R img{margin-bottom: 0px !important;}
    .on-small-only.home .conceptBtn .R{padding-left: 0;}
    .on-small-only .no1 {margin: 20px 0;}
        .on-small-only .no1 img{margin-bottom: 0px !important;}
    .on-small-only .no2 {margin-top: 15px;}


/*news*/
.news h2{margin-bottom: 0;}
.news ul{margin: 0;}
.news ul li{padding: 17px 0px;border-bottom: 1px dotted #987C52;}
.news a{text-decoration: underline;}
.news a:hover{text-decoration: none;}

.newsTitle {display: block; margin-top: 10px;}
.newsExcerpt {display: block; margin-top: 5px;}
.catch_image {max-width: 100%; width: 120px;}

#cate-icon{background: #E7DCD0;padding: 3px 5px;
display: inline-block;
text-align: center;
min-width: 75px;
margin: 0 15px;font-size: 12px;}



   .on-small-only .newsTitle{display: block;margin-top: 10px !important;}
    .on-small-only .news .con-title{margin-top: 30px;}
    .on-small-only #cate-icon{font-size: 11px;margin: 0 2px;}
    .on-small-only .news ul li {padding: 15px 0px;}



/* footer
-------------------------------------*/

/*店名*/
footer{background: url(https://3afc05.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/bg_sandS_footer.jpg) repeat;padding-top: 20px;}
.shopName{font-size: 32px;/*display: table;*/}
.shopName span{display: inline-block;vertical-align: middle;}
.name01{font-size: 15px;}
.name02{padding-left: 10px;padding-right: 10px;}
.name03{font-size: 10px;}
.name04{font-size: 12px;padding-left: 20px;}


    .on-small-only footer .shopName {font-size: 30px;text-align: center;}
    .on-small-only footer .shopName span{line-height: 1;}
    .on-small-only .name04{padding-left: 0px;line-height: 1.5 !important;display: block;margin-top: 10px;}

footer hr {
    height: 1px;
    border: 0;
    margin: 0;
    background: #987C52;
}

    .on-small-only footer{padding-top: 30px;}

/*予約*/
.yoyaku .tel-link{font-size: 36px;vertical-align: middle;}
.yoyaku p{margin-top: 5px;line-height: 1.5!important;vertical-align: middle;}
.yoyaku img{vertical-align: middle;}
    .on-small-only .yoyaku p{text-align: center !important;margin-top: 25px;margin-bottom: 28px;}
    .on-small-only .yoyaku .tel-link{display: inline-block;line-height: 1;}
    .on-small-only .yoyaku .tel-link a{text-decoration: underline;}

/*.yoyakuL{margin-top: 5px;display: inline-block;}*/


/*nav*/
#footer-nav {margin: 25px 0 0;text-align: center;}
#footer-nav li {
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

#footer-nav li a {
    padding: 3px 12px;
    color: #42210B;
    display: block;
}

     .on-small-only #footer-nav {margin-top: 15px;text-align: center;}
     .on-small-only #footer-nav li a {padding: 5px 12px;}

/*copy*/
.copy {font-size:12px;margin: 0;padding: 0px 0 25px;text-align: center;}
    .on-small-only .copy {padding: 15px 0 20px;font-size: 13px;
line-height: 1.5;}


/* sidebar
-------------------------------------*/

.sideInfo p{margin-bottom: 0px !important;line-height: 1.5;margin-top: 5px;}

.sideInfo #cate-icon{font-size: 11px;}

.sideInfo li,.sideCat li {padding: 18px 0px !important;}

.sideInfo li:first-child,.sideCat {border-top: 1px dotted #987C52;}

.sideTitle{font-size: 16px;}

/* archive
-------------------------------------*/

.post-section{margin-top: 20px;}
    /*.on-small-only.archive .post-section:nth-of-type(1){margin-top: 0px;}*/
    .on-small-only.archive .post-section {margin-bottom: 20px;}
    .on-small-only.archive .main .col img{/*width: 60%;*/margin-bottom: 0;}
    .on-small-only.archive .main .post-eye-catch{text-align: center;}
    .on-small-only.archive .main .post-title{margin-top: 0px;}

    .arTitle{display: block;margin-top: 10px;font-size: 21px;}
    /*.archive #cate-icon, .single #cate-icon{margin: 0;}*/

    .on-small-only .arTitle{font-size: 18px;}

.post-excerpt,.single-post .main{font-size: 13px;}


.circle100{
  -moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

/*サムネ画像*/
img.archive-img {
    width: auto;
    /*max-height: 177px;*/
    height: 100%;
    vertical-align: bottom;
}
.archive-imgArea{display: block;
overflow: hidden;max-width: 177px;
max-height: 177px;/*width: 177px;height: 177px;*/
border-radius: 50%;}

.on-large-only .archive-imgArea{height: 177px;}

.archive-imgArea img{margin-bottom: 0 !important;}

img.responsive-img3{height: 100%;width: auto;vertical-align: bottom;}

/* 隠口のこだわり
-------------------------------------*/
#concept .main p {margin: 0 0 30px;}
#concept .arrowBtn_arrow {margin-bottom: 20px;}
    .on-small-only#concept .main p {margin: 0 0 20px;}
     .on-small-only#concept .arrowBtn_arrow {margin-bottom: 10px;}


/* 料理・酒
------------------------------------*/
#food .container .row.menuArea,#sake .container .row.menuArea,.foodMainCont .row,.error404 #main .row {margin-left: -3rem;margin-right: -3rem;}

    .on-small-only#food .container .row.menuArea,.on-small-only#sake .container .row.menuArea,.foodMainCont .row,.error404 .main .row {margin-left: -3rem;margin-right: -3rem;margin-bottom: 0;}


#food .row.menuArea .col,#sake .row.menuArea .col,.foodMainCont .row .col,.error404 .main .row .col{padding: 0px 3rem;/*margin-top: 50px;*/}

#food .row.menuArea .col:nth-child(n+3),#sake .row.menuArea .col:nth-child(n+3) {margin-top: 90px;}


/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

#food .row.menuArea .col:nth-child(n+3),#sake .row.menuArea .col:nth-child(n+3) {margin-top: 50px;}

}

  /* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {

#food .row.menuArea .col:nth-child(n+3),#sake .row.menuArea .col:nth-child(n+3) {margin-top: 50px;}

}


    .on-small-only#food .row.menuArea .col,.on-small-only#sake .row.menuArea .col,.foodMainCont .row .col,.error404 .main .row .col{padding: 0px 3rem;margin-top: 0px;}


.error404 .main .row .col .col{padding: 0px 0rem;margin-top: 0px;}

#food .con-title,#sake .con-title {margin-bottom: 2.5rem;}
    .on-small-only#food .con-title,.on-small-only#sake .con-title {margin-bottom: 1.5rem;}


.menu li{font-size: 13px;margin-top: 13px;line-height: 1.42857 !important;}
    .on-small-only .menu li{margin-top: 6px;}
.price{margin-bottom: 0 !important;font-size: 13px;line-height: 1.42857 !important;text-align: right;}

.price p{margin-bottom: 0 !important;text-align: right;line-height: 1.42857 !important;}


  .priseS{margin-right: 20px;font-size: 85%;float: left;margin-top: 3px;}
  .priseS2{font-size: 85%;}
    .on-small-only .priseS{margin-top: 2px;}

  .priceIn{width: 100px;}
    .gecko .priceIn{width: 90px;}

/*ワイン*/
    /*.gecko #post-623 .priceIn{width: 95px;}
    .gecko #post-623 .priseS {margin-right: 10px;}*/

.on-small-only#sake .simple-titleM{font-size: 15px;}
.on-small-only#sake .big-title {font-size: 22px;margin-top: 5px;display: block;}

#food .r_Menu{margin: 0px 0px 50px;}
    .on-small-only#food .r_Menu {margin: 0px 0px 20px;}
     .on-small-only#food .main p {margin: 0 0 10px;}

#sake .r_Menu{margin: 0px 0px 80px;}
    .on-small-only#sake .r_Menu{margin: 0px 0px 35px;}
.r_Menu li{float: right;margin-left: 20px;margin-bottom: 10px;}
.r_Menu li a{font-size: 14px;padding-bottom: 2px;border-bottom: 1px solid #42210B;}
.r_Menu li a:hover{border-bottom: none;}



/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

   /*  style  */
#sake .r_Menu {margin: 0px 0px 47px;}
#sake .simple-titleM {margin-bottom: 20px;}

}

/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {
   /*  style  */
#sake .r_Menu {margin: 0px 0px 47px;}
#sake .simple-titleM {margin-bottom: 20px;}

}


.on-small-only .menu{margin-bottom: 30px;}
.on-small-only .r_Menu{text-align: center;}
  .on-small-only .r_Menu li{margin: 0 5px 20px;float: none;display: inline-block;}


#sake .big-title{font-size: 1.8em;
letter-spacing: 3px;
margin-top: 20px;
line-height: 1.4;
display: block;}

#sake .simple-titleM{margin-bottom: 37px;}
    .on-small-only#sake .simple-titleM{margin-bottom: 10px;}

#sake .foodMainCont .row{margin-bottom: 30px;}
    .on-small-only#sake .foodMainCont .row{margin-bottom: 10px;}


/* calendar
-------------------------------------*/
.ai1ec-month-view td, .ai1ec-week-view td, .ai1ec-oneday-view td {
    border: 1px solid #987C52 !important;}

.ai1ec-calendar-toolbar{border: none !important;}

/* 店舗情報
-------------------------------------*/

#access .container .row.accessArea {margin-left: -3rem;margin-right: -3rem;}
#access .row.accessArea .col{padding: 0px 3rem;}

#access table{margin-bottom: 20px;}





/* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

   /*  style  */
#access .main iframe{height: 410px;}

}

/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1200px) and (orientation:portrait) {


  /*  style  */
#access .main iframe{height: 410px;}

}


/* 採用情報
-------------------------------------*/
#recruit .colBox{margin-top: 40px;}
#recruit .colBox:nth-of-type(1){margin-top: 0px;}

/* gallery
-------------------------------------*/

#gallery #instafeed{margin-left: -20px;}
#gallery #instafeed li{width: 18.18%;margin-left: 20px;float: left;}
#gallery.page-id-28 #instafeed li:nth-child(n+6) {
  margin-top: 20px;
}

  /* ----iPad in 横----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

   /*  style  */
  #gallery #instafeed li{width: 18%;}

}

#gallery #instafeed li{width: 18%;}

    .on-small-only#gallery #instafeed{margin-left: -8px;
margin-bottom: 0;
text-align: left;}
    .on-small-only#gallery #instafeed li{width: 30.3%;margin-left: 10px;/*float: left;*/
    

display: inline-block;
float: none;
text-align: left;
    }
    .on-small-only#gallery.page .main p {margin: 0px 0 15px;}

.txtOf{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

    #gallery.page .main p {margin: 10px 0 30px;}


.lineclamp {
  /* config */
  line-height: 1.5;
  height: 2.7em;
  background-color: #fff;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.lineclamp:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}









/* contact
-------------------------------------*/
.privacy-txt{overflow-y: scroll;height: 10em;margin-top: 60px;margin-bottom: 20px;border-bottom: 1px solid #9e9e9e;}
.privacyArea .prefix ~ label{margin-left: 3em;}
    .on-small-only .privacy-txt{margin-top: 30px;}

#contact .main p {margin: 0 0 10px;}
#contact .main .yoyaku p {line-height: 1;}

    .on-small-only#contact .main .tel-link{display: block;margin-bottom: 10px;}

    .on-small-only#contact .main .tel{margin-bottom: 20px;}
    .on-small-only#contact .commonTable{margin-bottom: 20px;}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
    .on-small-only#contact .accepArea{display: table;}
    .on-small-only#contact .acceptance-358{display: table-cell;}
    .on-small-only#contact .accepTxt{display: table-cell;padding-left: 8px;}

        .on-small-only#contact .con-title {margin-top: 3rem;}

/*チェックボックスカスタマイズ*/
/*.sample {
    padding: 6px;
}
.sample input[type=radio],
.sample input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.sample input[type=radio] + label,
.sample input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .sample input[type=radio],
    .sample input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .sample input[type=radio] + label,
    .sample input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .sample input[type=radio] + label::before,
    .sample input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    .sample input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .sample input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .sample input[type=radio]:checked + label::after,
    .sample input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .sample input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E71063;
        border-radius: 8px;
    }
    .sample input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
*/

/* sitemaps
-------------------------------------*/

#sitemaps .main li{position: relative;padding-left: 15px;}


/*#sitemaps .main li a,#sitemaps .main li a:hover,#sitemaps .main li a:focus{color: #666;}*/

.sitemapList li:first-child{border-top: 1px dotted #987C52;}
.sitemapList li{border-bottom: 1px dotted #987C52;position: relative;}
.sitemapList li a{padding: 10px;padding: 15px 0px 15px 35px;display: block;}

.sitemapList .arrow_arrowL::before {left: 15px;}
  .on-small-only .row.sitemapList{margin: 0;}
  .on-small-only .sitemapList ul{margin: 0;padding: 0;}
  .on-small-only .sitemapList li:first-child{border-top: none;}
  .on-small-only .sitemapList ul:nth-of-type(1){border-top: 1px dotted #987C52;}




/* 404
-------------------------------------*/

.error404.on-small-only .con-title {line-height: 1.5;}
.error404.on-small-only .simple-titleS {line-height: 1.3;font-size: 17px;}
.error404 .main .row .col{margin-bottom: 20px;}

/******************************************

    slider

*******************************************/


/* slider
-------------------------------------*/

.bxslider li p {
    position: absolute;
    display: inline-block;
    /*opacity: 0;
        -webkit-transition: 0.1s ease-in-out;
           -moz-transition: 0.1s ease-in-out;
             -o-transition: 0.1s ease-in-out;
                transition: 0.1s ease-in-out;*/
    color: #fff;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    font-size: 2em;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%);
           -moz-transform: translate(-50%);
             -o-transform: translate(-50%);
transform: translate(-50%);
    line-height: 1.8;
}

.bxslider li p.tBlack{color: #000;}

.bxslider .active-slide p {opacity: 1;}


    .on-small-only .bxslider li p{font-size: 1.3em;top: 10%;z-index: 99;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin:0 auto;
    /*margin: 0 auto 60px;*/
    padding: 0;
    *zoom: 1;
}

/*    .ie8 .bx-wrapper {
min-height: 600px;
}*/

.bx-wrapper img {
    width: 100%;
    height:auto;
    /*display: block;*/
    margin:0 !important;
}
.ie8 .bx-wrapper img {
    width: 100%;
    height:auto;
    max-height:600px;
}



.bxslider{margin: 0;}

.slider1{position: relative;}

/*マスク*/
 .photo-mask{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
width: 100%;
height: 100%;
background: url(https://e062ea.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/mask_slide.png) no-repeat;
z-index: 1;
background-size: contain;
}
    .on-small-only .photo-mask{display: none;}

.home .photo-mask{z-index: 999;}

.slideArea{position: relative;}





/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: solid #fff 5px;
    left: -5px;
    background: #fff;*/
    max-height: 634px;
}

  .on-small-only .bx-wrapper .bx-viewport{height: 410px !important;max-height: 410px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 48px;
    width: 100%;
    text-align: center;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    /* background: url(https://b74ad6.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/bx_loader.gif) center center no-repeat #fff; */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 400/*2000*/;
}

/* PAGER */

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: 48px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

    .on-small-only .bx-wrapper .bx-pager{bottom: 10px;display: none;}


.bx-wrapper .bx-pager .bx-pager-item{margin: 0 5px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
   background: #42210B;
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #fff;
}


    .on-small-only .bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;margin: 0;}


.bx-wrapper .bx-pager.bx-default-pager a.active{background: #B3272D;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    /*background:url(https://e37ef7.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/slidePager_active.png);*/
}




/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    /*left: 10px;*/
    /*background: url(https://d54299.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/controls.png) no-repeat 0 -32px;*/
    left: 0px;
    /*background: url(https://ab169c.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/prev.png) no-repeat 0 0px;*/ 
}

.bx-wrapper .bx-next {
    /*right: 10px;*/
    /*background: url(https://d54299.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/controls.png) no-repeat -43px -32px;*/
    right: 0px;
    /*background: url(https://bf06a6.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/next.png) no-repeat 0 0px;*/
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
    opacity:1;
}

.bx-wrapper .bx-next:hover {
    /*background-position: -43px 0;*/
    background-position: 0 0;
    opacity:1;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;bottom:0;
    margin: auto;
    outline: 0;
    width: 52px;
    height: 100px;
    text-indent: -9999px;
    z-index: 500/*9999*/;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

/*.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(https://d54299.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}*/

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

/*.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(https://d54299.claudeassets.com/20250402095132im_/https://www.komoriku.com/wp/wp-content/themes/hp-dap_03/img/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}*/

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    /*text-align: left;*/
    width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* img CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
    z-index:9999;/*←もともとなかった*/
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}



/* ----iPad 縦---- */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {

  /*  style  */
.bx-wrapper .bx-controls-direction a {
width: 38px;
background-size: contain;
}


}

/* ----iPhone 3～4---- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

  /*  style  */
.bx-wrapper .bx-controls-direction a {
width: 20px;height: 50px;top: 3%;
background-size: contain;
}

}

/* ----店舗情報---- */
.accessMap img{
	width:100%;
	height: auto;
}


.ai1ec-popup-trigger,.ai1ec-load-event {pointer-events: none;}
.on-small-only .ai1ec-day a{display: none;}
body#calendar.on-small-only .ai1ec-day a.ai1ec-load-view{display: block;}


.ofi{
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
.box-wrapper {
    position: relative;
    width: 100%;
    height: auto !important;
    display: block;
}
.box-wrapper:before {
    content:"";
    display: block;
    padding-top: 100%; /* 高さを幅の100%に固定 */
}
.box-wrapper > * {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*
     FILE ARCHIVED ON 09:04:30 Oct 01, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:17:39 Aug 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.515
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.041
  esindex: 0.009
  cdx.remote: 15.207
  LoadShardBlock: 311.974 (3)
  PetaboxLoader3.datanode: 719.346 (5)
  PetaboxLoader3.resolve: 166.191 (3)
  load_resource: 682.137
  loaddict: 170.114
*/