@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
/* 20220930近藤変更 */
/* body { font-family:  'Roboto',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; background: #1F2020; padding-top: 0; color: #A98F6C; position: relative;-webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';overflow-x: hidden;} */
body { font-family:  'Roboto',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; padding-top: 0; color: #A98F6C; position: relative;-webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';overflow-x: hidden;}
h1,
h2,
h3,
h4,
h5,
h6 { font-family:  'Roboto', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6{ font-weight:bold;}

h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { color: #A98F6C; }
a:hover,a:active,a:focus  { color: #796447; }
/*Overwrite BS----------------------------------------------------*/
.form-horizontal .control-label { text-align: left; }
.control-label { font-weight: bold; }
.breadcrumb { text-align: right; }
.panel-title > a { display: block; }
.lead { font-weight: bold; }
.label { font-size: 100%; font-weight: normal; }
.table-responsive { -webkit-overflow-scrolling: touch; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-menu { min-width: 300px; }
.dropdown-menu.vertical { left: auto !important; position: absolute !important; right: auto !important; }
.dropdown-menu.vertical * { float: none; }
.ff-mix { font-family: 'Roboto', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
.ff-ss{font-family: 'Avenir Bold','Roboto',"游ゴシック体", "Yu Gothic", YuGothic, sans-serif; letter-spacing:3px;}
.container { padding-left: 100px; padding-right: 100px; }
.media-heading { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


#accordion .panel-default{border-color: #A98F6C;}
#accordion .panel{ box-shadow:none;background: none;}
#accordion .panel-group .panel{border-radius:0px;}

#accordion .panel-default > .panel-heading{ background:#A98F6C;border-color:#A98F6C}

#accordion .panel-heading{border-radius:0px;}
#accordion .panel{border-radius:0px;}


#accordion .panel-heading + .panel-collapse > .panel-body,
#accordion .panel-heading + .panel-collapse > .list-group {     border-top-color: #A98F6C;}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #A98F6C;}



/*Add BS----------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-15 { width: 20%; float: left; }
.pdd0 > [class*='col-'] { padding-left: 0; padding-right: 0; }
.pdd1 > [class*='col-'] { padding-left: 1px; padding-right: 1px; }
.pdd10 > [class*='col-'] { padding-left: 10px; padding-right: 10px; }
.pdd-10{ padding:10px;}
.pdd-30{ padding:30px;}
.row.pdd0 { margin-left: 0; margin-right: 0; }
.row.pdd1 { margin-left: -1px; margin-right: -1px; }
.row.pdd10 { margin-left: -10px; margin-right: -10px; }
.form-control.inline { display: inline-block !important; width: auto !important; }
.table.fixed { table-layout: fixed; }
.mb-sm { margin-bottom: 1em !important; }
.mb-md { margin-bottom: 2em !important; }
.mb-lg { margin-bottom: 4em !important; }
.mgb-0 { margin-bottom: 0px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-60 { margin-bottom: 60px !important; }
.mgb-90 { margin-bottom: 90px !important; }
.mgb-100 { margin-bottom: 100px !important; }
.mgb-120 { margin-bottom: 120px !important; }
.mgl-0 { margin-left: 0px !important; }
.pdt-60 { padding-top: 60px; }
.pdt-100 { padding-top: 100px; }
.pdr-70{ padding-right: 70px;}
.pdb-15 { padding-bottom: 15px; }
.pdb-60 { padding-bottom: 60px; }
.pdb-100 { padding-bottom: 100px; }
.pdl-70{ padding-left: 70px;}
.mgr-10 { margin-right: 10px !important; }
.img-full { width: 100%; }
.btn-black { background: none; color: #A98F6C; border: 2px solid #AB906D; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; -webkit-border-radius: 0; }
.btn-black:hover,
.btn-black:focus { background: #2D2D2D; color: #B29B7C }
.btn-black:active { background: none; color: #B29B7C }
.btn-white { background: none; color: #FFFFFF; border: 2px solid #FFFFFF; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; -webkit-border-radius: 0; }
.btn-white:hover,
.btn-white:focus { background: #282828; color: #EFEFEF }
.btn-white:active { background: none; color: #FFFFFF }
.btn-gray { background: #E7E7E7; color: #393939; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-gray:hover,
.btn-gray:focus { background: #D0D0D0; color: #393939 }
.btn-gray:active { background: #E7E7E7; color: #393939 }

.btn-gold { background: #A98F6C; color: #0A0806; border:2px solid #A98F6C; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius:0px; font-weight:bold;}
.btn-gold:hover,
.btn-gold:focus { background: #88704F; color: #0A0806 }
.btn-gold:active { background: #A98F6C; color: #0A0806 }

.btn-green { background: #00C300; color: #FFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius:0px; font-weight:bold;}
.btn-green:hover,
.btn-green:focus,
.btn-green:active { background: #008900; color: #FFF }


.label-green { background-color: #71AF3D; }
.label-green[href]:hover,
.label-green[href]:focus { background-color: #71AF3D; }
.label-black { background: #000000; color: #FFFFFF; }
.label-green { background: #006837; color: #FFFFFF; }
.label-border { background: #FFFFFF; color: #006837; border: 1px solid #006837 }
.text-orange { color: #FF5209 !important }
.text-green { color: #627E6D !important }
.text-red { color: #A55757 !important }
.text-gray { color: #D0D0D0 !important }
.text-gold { color: #A98F6C !important; }
.text-white { color: #FFFFFF !important; }
ul.pdl-0 { padding-left: 0; list-style: none; }
ul.pdl-16 { padding-left: 1.6em }
.brd_gray_1 { padding: 13px; border: 1px solid #D0D0D0 }
.brd_gold_1 {  border: 1px solid #A98F6C }
.brd_left_4 { border-left: 4px solid #000000; padding-left: 6px; }
.bg-sumi { background: #1F2020 }
.bg-gray { background: #DAD9D9 }
.bg-circle { background: url(../images/bg_circle.jpg); }
.bg-vine { background: url(../images/bg_vine.jpg);}
.bg-arrow { background: url(../images/bg_arrow.jpg); }
.bg-abstruct { background: url(../images/bg_abstruct.jpg); }
.bg-x { background: url(../images/bg_x.jpg); }
.ls-3{ letter-spacing:3px;}
/*----------------------------------------------------*/
.pagetop { width: 50px; height: 50px; position: fixed; bottom: 50px; right: 10px; background: #333333; border: 1px solid #72716F; z-index: 490000 }
.pagetop a { display: table-cell; color: #FFFFFF; vertical-align: middle; text-align: center; height: 50px; width: 50px; }
/*----------------------------------------------------*/
.pos-rel { position: relative }
.pos-abs { position: absolute }
.size-window { width: 100%; }
.overlay { display: block; background : #1F2020; background : rgba(31, 32, 32, 1); opacity : 0.7; filter: alpha(opacity=70) progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
hr { border-top: 1px solid #AB906D; margin-top: 30px; margin-bottom: 30px; }
hr.lg { border-top: 1px solid #AB906D; margin-top:4em; margin-bottom:4em; }
hr.short { border-top: 4px solid #AB906D; width: 53px; margin-left: auto; margin-right: auto; display: block; margin-top: 30px; margin-bottom: 30px; }
/*----------------------------------------------------*/
header { display: block; position: absolute; width: 33.3%; top: 0; left: 0; padding: 150px 0 0; z-index: 10000 }
.logo { margin: 0; padding: 0; text-align: center; }
/*----------------------------------------------------*/

#navmenu { width: 33.3%; top: 0; right: 0; position: absolute; z-index: 10000; padding: 150px 100px; }
#navmenu ul.gnav { padding: 0; margin: 0; list-style: none; font-size: 15px; }
#navmenu ul.gnav li { text-align: center; margin: 20px 0; }
hr.separater { border-top: 1px solid #A98F6C; margin-top: 6px; margin-bottom: 6px; }
#navmenu ul.gnav li hr.separater { width: 40px; }
#navmenu .btn_menu { display: block; width: 80px; height: 80px; margin-left: auto; margin-right: auto; text-indent: -10000px; overflow: hidden; background: url(../images/btn_menu.png) no-repeat center center; cursor: pointer; }
#navmenu .ui-state-active { background: url(../images/btn_menu_close.png) no-repeat center center; cursor: pointer; }
/*----------------------------------------------------*/
.border-document { position: absolute; z-index: 100000; }
.border-document-top { border-top: 2px solid #A98F6C; height: 0; top: 50px; left: 50px; }
.border-document-bottom { border-bottom: 2px solid #A98F6C; height: 0; bottom: 50px; left: 50px; }
.border-document-left { border-left: 2px solid #A98F6C; width: 0; top: 50px; left: 50px; }
.border-document-right { border-left: 2px solid #A98F6C; width: 0; top: 50px; right: 50px; }
/*----------------------------------------------------*/
.h_primary { font-size: 16px; font-family: 'Avenir Bold','Roboto',"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;text-align: center; border-bottom: 1px solid #AB906D; margin: 0; display: inline-block; padding-bottom: 5px; letter-spacing:3px; font-weight:bold}
.h_primary.black { color: #3F3C3C !important; border-bottom: 1px solid #3F3C3C !important; }
.p_primary { font-size: 16px; font-family: 'Noto Sans Japanese', sans-serif; font-weight: bold; }
.h_secondary { font-size: 16px;font-family: 'Avenir Bold','Roboto Sans',"游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-weight: bold; letter-spacing:3px;}
.h_pagetitle{ font-size:32px; margin-top:40%; letter-spacing:4px; line-height:1.5; }
.h_pagetitle.store{ font-size:20px; }
.h_pagetitle_lead{ line-height:1.4}
/*----------------------------------------------------*/
#storelink a.store { display: block; position: relative; background: #1D1614; overflow: hidden; }
#storelink .photo { width: 100%; height: 0; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.2; }
#storelink .photo.susukino { background-image: url(../images/ph_sappro_sm.jpg) }
#storelink .photo.asilb1 { background-image: url(../images/ph_sappro_asil_b1_sm.jpg) }
#storelink .photo.nanba { background-image: url(../images/ph_nanba_sm.jpg) }
#storelink .photo.tenjin { background-image: url(../images/ph_tenjin_sm.jpg) }
#storelink .photo.matsuyama { background-image: url(../images/ph_matsuyama_sm.jpg) }
#storelink .photo.kumamoto { background-image: url(../images/ph_kumamoto_sm.jpg) }
#storelink .photo.ohmiya { background-image: url(../images/ph_ohmiya_sm.jpg) }
#storelink .photo.umeda { background-image: url(../images/ph_umeda_sm.png);}
#storelink .photo.sapporo-st { background-image: url(../images/ph_sapporo-st_sm.jpg) }
#storelink .storename { font-family: 'Roboto', sans-serif; text-align: center; font-weight: bold; font-size: 15px; line-height: 1.2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#storelink .storename p { margin: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#storelink a.store.hover .storename { top: 5%; left: 5%; width: 90%; height: 90%; border: 3px solid #A98F6C; }
#storelink a.store.hover .photo { opacity: 0.5; }
/*----------------------------------------------------*/
#social a { color: #FFFFFF !important; font-family: 'Roboto', sans-serif; }
#social #slider-social { margin-left: -15px; margin-right: -15px; }
#social #slider-social a.photo { width: 100%; height: 0; padding-bottom: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#social #slider-social .slick-slide { padding-left: 15px; padding-right: 15px; }
#social .arrow.prev,
#social .arrow.next { width: 39px; height: 75px; cursor: pointer; position: absolute; top: 50%; margin-top: -37px; }
#social .arrow.prev { left: -49px; }
#social .arrow.next { right: -49px; }
/*----------------------------------------------------*/

.bg_stripe { background: url(../images/bg_stripe.png) top center repeat-y; background-size: 100%; position: absolute; top: 0; z-index: -1000; }
/*----------------------------------------------------*/
.footerlink ul { padding-top: 30px }
.copyright { letter-spacing: 2px; white-space: nowrap; overflow: hidden; display: block; padding-top: 30px; }

/*----------------------------------------------------*/

.counter_sm { border:3px solid #A98F6C; padding:1px; font-size:8px; }
.counter_sm{ text-align:center;font-family: 'Roboto', sans-serif;}
.counter_sm .table_counter{ display:table; width:100%;}
.counter_sm .table_counter div{ display:table-cell;width:45%; vertical-align:middle;}
.counter_sm .table_counter div.sepalater { width:10%;}

.counter_sm .table_counter table{ margin-left: auto; margin-right:auto;}
.counter_sm .table_counter table td{ vertical-align:top;}
.counter_sm .table_counter table strong { font-size:16px; line-height:1; font-weight:bold;}

.counter_sm .table_counter table span{ font-size:16px; line-height:1;}
/*----------------------------------------------------*/

.grandopen{ width:100%; position:absolute; top:0; left:0; z-index:1000000; padding:10px 0; background:#A98F6C; color:#000000;font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;letter-spacing:0.0625em; font-size:20px;}

.icon-new{ position: absolute; top: 0; left: 0;}
.text-underline { text-decoration: underline}

.fz-12 {font-size: 1.2em;}


@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left; }


.h_pagetitle{ margin-top:60%;}


}

@media (min-width: 992px) {
.col-md-15 { width: 20%; float: left; }


.h_pagetitle{ margin-top:40%;}
}

@media (min-width: 1200px) {
.col-lg-15 { width: 20%; float: left; }

.h_pagetitle{ margin-top:40%;}
}

/*----------------------------------------------------*/


@media only screen and (min-width : 768px) {
/* PC */
header .dropdown:hover .dropdown-menu { display: block; }
.nav-justified > .dropdown .dropdown-menu { top: 90%; }
/*----------------------------------------------------*/

}

@media only screen and (max-width: 768px) {
/* SP */
/*Overwrite----------------------------------------------------*/
body { padding-top: 0; }
.container-fluid > .navbar-header { margin-left: -10px; margin-right: -10px }
.page_title { font-size: 20px; margin: 15px 0; }
.img-responsive { margin-left: auto; margin-right: auto; }
.container { padding-left: 10px; padding-right: 10px; }
.container-fluid { padding-left: 10px; padding-right: 10px; }
.row { margin-left: -10px; margin-right: -10px; }
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { padding-left: 10px; padding-right: 10px; }
.btn { padding-left: 5px; padding-right: 5px; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
/*----------------------------------------------------*/
.container { padding-left: 20px; padding-right: 20px; }
/*----------------------------------------------------*/
.border-document-top { height: 0; top: 10px; left: 10px; }
.border-document-bottom { height: 0; bottom: 50px; left: 10px; }
.border-document-left { width: 0; top: 10px; left: 10px; }
.border-document-right { width: 0; top: 10px; right: 10px; }
/*----------------------------------------------------*/
header { padding: 20px 0 0; z-index: 9000; }
.logo img { width: 50px; }
/*----------------------------------------------------*/
#navmenu { width: 100%; padding: 20px 20px; }
#navmenu .btn_menu { display: block; width: 50px; height: 50px; float: right; margin-bottom: 0 !important; border: 1px solid #A98F6C; }
#navmenu .gnav { margin-top: 100px !important; }
/*----------------------------------------------------*/
/* 20220930近藤変更 */
/* #storelink .photo { padding-bottom: 50%; } */
/*----------------------------------------------------*/
.footerlink ul { float: none !important; text-align: center; margin-bottom: 0; }
.copyright { margin-bottom: 0; letter-spacing: normal; white-space: nowrap; overflow: hidden; display: block; text-align: center; float: none !important; padding-top: 3px; }
/*----------------------------------------------------*/


.h_pagetitle{ font-size:36px;}
.max-width-60-sp { max-width: 60% !important; }
.max-width-80-sp { max-width: 80% !important; }
.mb-sp-sm {margin-bottom: 1em !important;}
}