@charset "utf-8";
/* CSS Document */
.row{zoom: 1;}
.row:after {content: "";display: block;clear: both;}
.row,.row * {box-sizing: border-box}
.row {margin-left: -1em; margin-right: -1em;}
.row > [class*='col-'] {padding-left:1em; padding-right:1em; float: left}
.row > .col-sm-4 { width:33.33%; }
.row > .col-sm-5 { width:41.66%; }
.row > .col-sm-7 { width:58.33%; }
.row > .col-sm-8 { width:66.66%; }
/*----------------------------------------------------*/
.visible-xs {display: none !important;}
.visible-inline-block-xs {display: none !important;}
.img-full {width: 100%;}
.pos-rel {position: relative;}
/*----------------------------------------------------*/
.pdd-sm {padding: 1em !important;}
.pdt-sm {padding-top: 1em !important;}
.pdt-0 {padding-top:0 !important}
.pdb-0 {padding-bottom:0 !important}
.mgt-0 {margin-top:0 !important}
.mgt-xs {margin-top: 0.5em !important}
.mgt-lg {margin-top: 4em !important}
.mgb-xs {margin-bottom: 0.5em !important}
.mgb-sm {margin-bottom: 1em !important}
.mgb-md {margin-bottom: 2em !important}
.mgb-lg {margin-bottom: 4em !important}
/*----------------------------------------------------*/
.text-center {text-align: center!important;}
.text-right {text-align: right !important;}
/*----------------------------------------------------*/
.fs-09 {font-size: 0.9em;}
/*----------------------------------------------------*/
.bg-sax {background: #DDE7FB !important;}
/*----------------------------------------------------*/
.text-navy {color: #002460 !important;}
/*----------------------------------------------------*/
.btn-red {background: #CA0000; color: #FFF;padding: 1em 2em}
.btn-border {background: #FFF; color: #0F3580;padding: 1em 2em;border: 1px solid #0F3580;}
/*----------------------------------------------------*/
.list-caption { padding-left: 1em !important; list-style: none !important; }
.list-caption li { text-indent: -1em !important; }
.list-caption li::before { content: '※' !important }
/*----------------------------------------------------*/
#storeDetail .slider { float: left;width: 480px;}
#storeDetail .text {float: right;padding:  0 10px;}
/*----------------------------------------------------*/
#storeDetail .table th,#storeDetail .table td{ text-align: left;vertical-align: top}
#storeDetail .table th{ white-space: nowrap;font-weight: normal;padding-right:0.6em ;}
#storeDetail .table th,#storeDetail .table td {padding:0.4em 1em 0.4em 0 }
#storeDetail .table tr th:first-child {width: 4em}
#storeDetail .table th img { width: 1.8em;}
/*----------------------------------------------------*/
ul.icon-list{display: flex;  width: calc(100% + 4px);flex-wrap: wrap;}
ul.icon-list li{width: 14%;padding: 3px; list-style: none;}
ul.icon-list li img{width: 100%; height: auto;}
/*----------------------------------------------------*/
#recruit ul,#recruit ul * {box-sizing: border-box;line-height: 1;}
#recruit ul,#recruit li { list-style: none;margin: 0;padding: 0;display: block}
#recruit ul{display: flex;  width: calc(100% + 1em);margin:0 -0.5em }
#recruit ul li{width: 20%;padding: 0 0.5em;}
#recruit ul li a {display: block;border: 1px solid #003875;position: relative;border-bottom: 4px solid #003875;}
#recruit ul li img{width: 100%; height: auto;}
#recruit ul li a div {background: rgba(255,255,255,0.9);width: 100%;padding: 0.4em 0;font-weight: bold;text-align: center;position: absolute;left: 0;bottom: 0;}


/*----------------------------------------------------*/
.swiper-store-1-tn .swiper-slide {cursor:pointer}
.swiper-store-1-tn .swiper-slide img{opacity: 0.5;}
.swiper-store-1-tn .swiper-slide-thumb-active img{opacity:1 !important;}
/*----------------------------------------------------*/
.storeFunction .genre{ float:left;}
.storeFunction .frd{  display: none !important}
/*----------------------------------------------------*/
.bluebar_ttl {padding: 0.5em 0 0;}
/*----------------------------------------------------*/
.list-zaiko {position: relative;padding-bottom: 1em;}
.list-zaiko .item {background: #FFF;}
.list-zaiko .item .spec {padding:0.5em 0 0;font-size:0.9em;}
.list-zaiko .item .name {font-size:1em;line-height: 1.1;margin:0 0 0.1em;}
.list-zaiko .item .price strong{font-size:1.2em ; color: #CA0000;}
.list-zaiko .item .year {line-height: 1.1}
.list-zaiko .item p {margin: 0;}
.bluebar_ttl + div.guide_staffwrap {padding: 2em 3em;}
.guide_staffwrap .swiper-prev,.guide_staffwrap .swiper-next {position: absolute;top: 50%;cursor: pointer;margin-top: -1em}
.guide_staffwrap .swiper-prev {left:1em;}
.guide_staffwrap .swiper-next {right:1em;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {position:absolute;bottom: -3em;}
/*----------------------------------------------------*/
.tab-btns,.tab-btns * {box-sizing: border-box;white-space: nowrap}
.tab-btns {list-style: none;border-bottom: 4px solid #0F3580;margin-bottom: 0;}
.tab-btns > li{display: inline-block;cursor: pointer;padding: 0.6em 1.6em;border: 2px solid #0F3580;border-bottom: none;background: #DDE7FB;border-radius: 0.6em 0.6em 0 0 ;margin: 0 0.2em;color: #0F3580; text-align: center;}
.tab-btns > li.active {background: #0F3580;color: #FFF; font-weight: bold;cursor: default}
/*----------------------------------------------------*/
.tabs-contents {border: 1px solid #0F3580;border-top: 0;}
#storeDetailMap {margin-top: 0;}
/*----------------------------------------------------*/
#syoukai {display: none;}
#syoukai,#syoukai * {box-sizing: border-box}
#syoukai .inner {padding: 30px;}
.list-syoukai p{margin: 0 0 !important;}
.list-syoukai h4 { margin: 0.6em 0;}
.bluebar_ttl.ch-1 {text-align: left;padding: 0.4em 0 0.2em 1em;line-height: 1;}
/*----------------------------------------------------*/
#recruit .rec_links a {background: #ccc;display: inline-block;border: 2px solid #ccc;padding: 3px 10px;color: #0e357f;font-size: 18px;font-weight: bold;border-radius: 10px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );margin-bottom: 5px;}
#recruit .rec_links a:after {content: '';display: inline-block;width: 8px;height: 8px;border: 2px solid #0e357f;border-width: 2px 2px 0px 0px;transform: rotate(45deg);margin-left: 10px;}
#recruit .inner {padding: 30px;}
/*----------------------------------------------------*/
.google-map #gmap {width:auto;}
/*----------------------------------------------------*/
.bdt-yellow {border-top: 4px solid #FDE000;}
.bdt-yellow span {display: inline-block;position: relative;padding-top: 0.5em;}
.bdt-yellow span::after {content: '';background: #0E357F;height: 4px;width: 100%;position: absolute;left: 0;top: -4px;}







@media only screen and (max-width : 767px) {
.row > .col-sm-4,
.row > .col-sm-5,
.row > .col-sm-7,
.row > .col-sm-8 { width:100%; }
.row > .col-xs-6 { width:50%; }
/*----------------------------------------------------*/
.hidden-xs {display: none !important;}
.visible-xs {display: block !important;}
.visible-xs {display: block!important;}
.visible-inline-block-xs {display: inline-block!important;}
/*----------------------------------------------------*/
.pdt-sp-sm { padding-top: 0.1em !important; }
.mgb-sp-xs { margin-bottom: 0.5em !important;}
.mgb-sp-sm { margin-bottom: 1em !important; }
.mgb-sp-0 {margin-bottom: 0 !important;}
/*----------------------------------------------------*/
.text-sp-center {text-align: center}
/*----------------------------------------------------*/

/*----------------------------------------------------*/
#storeDetail .slider { float: none;width:100%;}
#storeDetail .text {float: none}
/*----------------------------------------------------*/
#storeDetail .storeFunction span.frd {background: none;margin-right: 0;padding:0 0 0 5px;font-size: 1.2em;}
/*----------------------------------------------------*/
.storeFunction {margin-bottom: 1em;display: table;width: 100%;}
.storeFunction > div {vertical-align: top;}
.storeFunction .genre{ float:none; display:table-cell;font-size: 0.8em}
.storeFunction .frd{ float: none; display: table-cell !important;white-space: nowrap;text-align: right;}
#storeDetail .storeFunction span {padding:2px;}
/*----------------------------------------------------*/
/*.list-zaiko .item {zoom: 1;position: relative;font-size: 0.9em;}
.list-zaiko .item:after {content: "";display: block;clear: both;}
.list-zaiko .item .photo { width: 33%;position: absolute;top: 1em;left: 0;}
.list-zaiko .item .spec {padding-left:35%;}*/
.bluebar_ttl + div.guide_staffwrap {padding: 1em 1em 3em;}
.guide_staffwrap .swiper-prev {left:1em;top: auto;bottom: 0.5em;}
.guide_staffwrap .swiper-next {right:1em;top: auto;bottom: 0.5em;}
/*----------------------------------------------------*/
.tab-btns {text-align: center;display: flex;}
.tab-btns > li {width: 50%;}
.bluebar_ttl.ch-1 {text-align: center;padding: 0.4em 0 0.2em 0;line-height: 1;}
.btn-red{display: block}
/*----------------------------------------------------*/
#recruit .rec_links a {background: #ccc;display: inline-block;border: 2px solid #ccc;padding: 3px 10px;color: #0e357f;font-size: 13px;font-weight: bold;border-radius: 10px;background: #fff;background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);background: linear-gradient(to bottom, #fff 0%, #ddd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );margin-bottom: 5px;}
#recruit .inner {padding: 10px;}
/*----------------------------------------------------*/
.bluebar_ttl + div.guide_staffwrap {padding: 1em 1em;}
.guide_staffwrap .swiper-prev-v,
.guide_staffwrap .swiper-next-v {position: absolute;left: 50%;cursor: pointer;margin-left: -1em}
.guide_staffwrap .swiper-prev-v {top:0.5em;}
.guide_staffwrap .swiper-next-v {bottom:0.5em;}
/*----------------------------------------------------*/
#recruit ul {flex-wrap: wrap}
#recruit ul li{width:calc(100% / 3);margin-bottom: 1em;}
#recruit ul li a div {font-size: 0.7em;white-space: nowrap;}
/*----------------------------------------------------*/
.sp-store-detail table{margin:auto;border-collapse: collapse}
.sp-store-detail table th{border:1px solid #EEEEEE;background-color:#EEEEEE;color:#222222;padding:4px;}
.sp-store-detail table td{border:1px solid #EEEEEE;background-color:#fff;padding:4px;}
ul.sp-icon{display: flex;  width: calc(100% + 36px);flex-wrap:nowrap; margin:0 -15px; margin-bottom: 10px;}
ul.sp-icon li{width: 25%;list-style: none;}
ul.sp-icon li img{width:100%;}
ul.sp-icon li div{margin:4px;}
/*----------------------------------------------------*/
ul.icon-list {display: none}
#pickup {opacity: 0;}
.btn-border {border: none;text-align: left;padding: 0;box-shadow:none;}
}