@charset "UTF-8";
@import url('/files/css/front/user/reset.css');


html {
font-family: Meiryo, Roboto,'Droid Sans', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", sans-serif;
overflow-y: scroll;
overflow-x: hidden;
}
body {
width: 100%;
height: auto;
overflow:hidden;
font-size: 16px;
line-height: 1;
color:#333;
-webkit-font-smoothing: antialiased;
}

ul {
list-style:none;
}

img {
vertical-align: bottom;
outline: none;
width:100%;
height: auto;
}


a {
text-decoration: none;
color:#000;
}
a:active {
text-decoration: none;
color:#000;
}
a img {
border: 0;
}


.cf:after {
content: "";
display: block;
clear: both;
}
.section_inner {
position: relative;
}


.hideOnSP {display: none;}


/*------------------------------------------------------------
共通
------------------------------------------------------------*/
.contents-area {
/*font-size:1.5rem;*/
margin: 0;
}
.contact_form {
/*font-size:1.5rem;*/
margin: 0 0 2rem;
}

/*------------------------------------------------------------
ヘッダ
------------------------------------------------------------*/
#header_contents {
background-image: url("/files/user/img/bg01_sp.png");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
height: 28.90625vw;
position: relative;
z-index: 2;
}
#seo {
background-color: #000;
height: 7.682291666666667vw;
font-size: 2.6vw;
line-height: 1.2;
color: #fff;
}
#header_contents h1 {
font-size: 2.6vw;
width:100%;
height: 7.682291666666667vw;
padding: 1vw 0.78vw;
box-sizing: border-box;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
#header_contents .sitemap {
display: none;
}

#header01 {
height: 21.223958333333336vw;
}
#header01 .header_logo {
width:25vw;
position: absolute;
left: 0.78vw;
top:1vw;
}
.header_btns {
width:42.44791666666667vw;
display: flex;
justify-content: space-between;
position: absolute;
right: 3.776vw;
top:3vw;
}
.header_btns img {
vertical-align: middle;
}
.header_btns .btn_tel {
width:29.427083333333332vw;
border-radius: 8px;
overflow: hidden;
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}
.header_btns .btn_tel a {
display: flex;
align-items: center;
width:29.427083333333332vw;
background-color: #ca000b;
}


#header02 {
width:100%;
height: 14.322916666666666vw;
background-image: url("/files/user/img/bg01_fix_sp.png");
background-repeat: repeat;
background-size: 100% auto;
position: fixed;
left:0;
top:0;
z-index: 3;

transform: translateY(-20vw);
transition: 0.6s;
}
.is-fixed #header02 {
transform: translateY(0);
}
#header02 .header_logo {
width:28.385416666666668vw;
position: absolute;
left: 2.6vw;
top:2vw;
}
.is-fixed #mainMenu {
padding-top: 3vw;
}



.menuToggle {
width:8.723958333333332vw;
border-radius: 8px;
overflow: hidden;
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

#menuBg {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.9);
width: 100%;
height: 99999px;
margin: auto;
z-index: 4;
}

#mainMenu {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 5;
overflow-y: auto;
box-sizing:border-box;
padding: 12vw 6vw 20vw;
}

.global-nav{
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 3vw;
}

.global-nav a{
display: block;
color: #fff;
font-size: 3.8vw;
text-align: center;
padding: 6vw;
border-bottom: 1px solid #fff;
}

#mainMenu .btns {
width: 90vw;
margin-left: auto;
margin-right: auto;
}
#mainMenu .menuToggle {
margin-left: auto;
margin-right: 0;
}

.global-nav li{
position: relative;
}
#mainMenu .ac {
background-image: url("/files/user/img/btn_ac.png");
background-repeat: no-repeat;
background-position: right center;
background-size: 8.723958333333332vw auto;
position: absolute;
right: 0;
top:3vw;
width:8.723958333333332vw;
height: 8.723958333333332vw;
display: block;
}

#mainMenu .ac.active {
background-image: url("/files/user/img/btn_close.png");
}

/*#mainMenu .subnav a {
text-align: left!important;
padding-left: 36vw;
border-bottom: 1px solid #333;
}*/

#mainMenu .subnav a {
border-bottom: 1px solid #333;
}

#mainMenu .subnav dd:last-child a {
border-bottom: 1px solid #fff;
}



/*------------------------------------------------------------
sns
------------------------------------------------------------*/
.sns {
text-align: center;
margin: 25px 0 20px;
}
.sns li {
width: 40px;
height: 40px;
margin: 0 8px 10px 8px;
display: inline-block;
}
.sns li a {
display:block;
width:100%;
height:100%;
border-radius:50%;
}
.sns li.mail a{background-color:#999;}
.sns li.facebook a{background-color:#3b5999;}
.sns li.twitter a{background-color:#1da1f2;}
.sns li.line a{background-color:#3aae36;}
.sns li.instagram a{background-color:#3f739b;}
.sns li.youtube a{background-color:#c2191e;}
.sns li.google a{background-color:#dc4a3d;}

.sns li a img {
width:90%;
height:90%;
padding:5%;
}

/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#footer_contents {
position: relative;
z-index: 3;
color: #fff;
}
#footer_contents a {
color: #fff;
text-decoration: underline;
}

/*pagetop*/
#pagetop {
width:9.11vw;
display: inline-block;
position: fixed;
bottom:5vw;
right: 5vw;
opacity: 0;
transition: opacity .3s ease;
}
#pagetop.fade {
opacity: 1;
z-index: 2;
}
.show-navi #pagetop {
opacity: 0;
}

#pagetop.abs {
position: absolute;
bottom:35vw;
}

.footer_menu {
background-color: #000;
padding: 7.8125vw 5.2vw 2.6125vw;
font-weight: bold;
}
.footer_menu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer_menu li {
font-size: 3.255vw;
white-space: nowrap;
width:48%;
margin-bottom: 4.2vw;
}

/*.footer_bg {
width:100%;
display: block;
background-color: rgba(0,0,0,0.75);
position: relative;
}*/
.footer_bg {
width: 100%;
display: block;
background-image: url("/files/user/img/bg05a.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.footer_logo, .footer_txt, #footer_contents .btn_big, .app_box, .app_info ul {
margin-left: auto;
margin-right: auto;
}
.footer_logo {
width:25vw;
margin-bottom: 8.2vw;
}
.footer_txt {
width:68.61vw;
margin-bottom: 4.817vw;
}
#footer_contents .btn_big {
margin-bottom: 10.41vw;
}
.app_box {
width:95.3125vw;
border: 1px solid #fff;
background-color: rgba(255,255,255,0.15);
display: flex;
justify-content: space-between;
padding: 4.296875vw 3.38vw 0 3.38vw;
}
.app_screen {
width:18.88vw;
}
.app_info {
width:66.927vw;
}
.app_ttl {
width:66.927vw;
height: 6.25vw;
border-radius: 3.125vw;
background-color: #b01614;
text-align: center;
color: #fff;
font-size: 2.6vw;
font-weight: bold;
line-height: 6.25vw;
margin-bottom: 4.16vw;

}
.app_info ul {
width:62.5vw;
display: flex;
justify-content: space-between;
}
.app_info li {
width:29.166vw;
}
#footer_contents .company_info {
background-color: rgba(0,0,0,0.55);
margin-top: 10.416vw;
padding: 7.8125vw 2vw;
}
#footer_contents .company_info .section_inner {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
#footer_contents .company_info .company_name {
font-size: 4.2vw;
line-height: 1.6;
}
#footer_contents .company_info .company_name p {
font-size: 3.2552vw;
margin-top: 5.8vw;
}
#footer_contents .company_info .company_desc {
font-size: 2.34375vw;
line-height: 1.6;
}

#footer_contents .company_info .ft_bnr {
width:68.48958333333334vw;
margin: 7.8125vw auto 5vw;
}

#copyright {
background-color: #000;
padding: 2.083vw;
text-align: center;
font-size: 1.953vw;
line-height: 1.3;
font-weight: bold;
}


/*------------------------------------------------------------
お問い合わせ
------------------------------------------------------------*/
p.input_form {
text-align:center;
}
p.input_form input[type="submit"], p.input_form input[type="button"] {
display: inline-block;
}


/*------------------------------------------------------------
リスト
------------------------------------------------------------*/
.list{
font-size:1.5rem;
display:block;
clear:both;
width:100%;
margin:0 auto 1rem;
}
.list:after{
clear: both;
content: "";
display:block;
}
.list li{
list-style:none;
position:relative;
display:block;
border-bottom:solid 1px #e1e1e1;
clear:both;
margin: 0 .5rem;
padding: 0 1rem;
background-image: url(https://sp-test-1css.homepagine.com/files/user_img/1/img/sp/arrow3.png);
background-repeat: no-repeat;
background-position: 97% center;
}
.list li a{
display:block;
line-height:4rem;
}
/*------------------------------------------------------------
新着情報
------------------------------------------------------------*/
.news li {
cursor:pointer;
line-height:1rem!important;
}
.news li.no-link{
cursor:auto!important;
background-image: url(none)!important;
}
.news li.no-link p.title{
color:#000;
}
.news li:after{
clear: both;
content: "";
display:block;
}
.news li p.date{
display:block;
font-size:1.3rem;
line-height:1.6rem;
letter-spacing:0.1rem;
padding-top:1rem;
padding-right:0.5rem;
float:left;
}
.news li p.type{
display: block;
font-size: 1.2rem;
line-height: 1.2rem;
padding: .2rem 1rem .1rem;
letter-spacing: 0.1rem;
margin-top: 1rem;
text-align: center;
color: #fff;
background-color: #999;
float: left;
}
.news li p.title{
display:block;
font-size: 2rem;
line-height: 2.3rem;
width:90%;
width: -webkit-calc(100% - 2.5rem) ;
width: calc(100% - 2.5rem);
margin-top:0.2rem;
padding-bottom:0.8rem;
color: #0065CA;
float:left;
clear:both;
}
.news li a{
display:none;
position:absolute;
top:0;
left:0;
}

/* 一覧へのリンク */
p.link {
font-size:1.3rem;
text-align:right;
margin:.6rem 1.5rem 1rem 0;
}

/*------------------------------------------------------------
テーブル装飾 
------------------------------------------------------------*/
/* des */
table.des{
width:100%;
margin:1rem auto 2rem;
border-collapse:collapse;
border-spacing:0;
}

table.des th{
background:#F6F6F6;
border:1px solid #d0d0d0;
padding:1rem 0.5rem;
text-align:left;
}
table.des td{
border:1px solid #d0d0d0;
padding:1rem 0.5rem;
text-align:left;
}

/* contactBox */
.contactBox {
text-align:center;
margin:1rem 1.5rem 2rem 1.5rem;
}
.contactBox .title {
line-height: 1.7rem;
font-size: 1.7rem;
padding: .7rem 0 .4rem;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.contactBox .contents {
line-height:3.2rem;
font-size:3.2rem;
border-radius:0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
}
.contactBox .contents .tel {
display: block;
margin-top: .5rem;
margin-bottom: .2rem;
}
.contactBox .contents .mail {
display: block;
width: 60%;
margin: 0 auto 1rem;
font-size: 1.5rem;
color: #fff;
background-color: #999;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.contactBox .contents .name,.contactBox .contents .time{
margin:.5rem;
font-size:1.8rem;
line-height:1.5;
}

/* お問合せ */
.inquiry_detail h2 {
margin-top:1.5rem;
margin-bottom:1rem;
}

/*------------------------------------------------------------
テキストボックス
------------------------------------------------------------*/
/* 固定ページ */
.tbox a{margin-right:0!important;}

.tbox_left {/** 画像左配置 **/
float:left;
margin:.3rem 1.5rem .8rem 0!important;
width:50%;
}
.tbox_right {/** 画像右配置 **/
float:right;
margin:.3rem 0 .8rem 1.5rem!important;
width:50%;
}
.tbox_none{
float:none;
text-align:center;
margin:0 auto .7rem auto;
}


/* 画像リスト */
.img_list {margin:1rem 0;/*font-size:1.5rem;*/}
/*.img_list img{ border:1px solid #ccc!important; }*/

.img_list .floatL{
float: left!important;
width: 31%!important;
margin-right: 3%!important;
margin-bottom:1rem;
}
.img_list .floatL-last{
float: left!important;
width: 31%!important;
margin-right: 0!important;
margin-bottom:1rem;
}

.img_border img{
padding:0!important;
border:1px solid #ccc!important;
}

.flex-control-nav{
display: none;
}

/* 追加型ページ */
ul.update-list li { min-height:3rem; }
ul.update-list li a { line-height:1rem; }
ul.update-list li .left-area {
float: left;
width: 30%;
height:100%;
display: block;
margin: 1rem 1rem 1rem 0;
}
ul.update-list li .right-area {
width:62%!important;
}

ul.update-list li.no-link { background-image:url(none); }

ul.update-list p.title {
font-size:1.8rem;
font-weight:bold;
line-height: 2rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
ul.update-list p.digest {
font-size:1rem;
font-weight:normal;
line-height:1rem;
}

ul.update-list p.text {
float:left;
width:95%;
font-size:1.5rem;
line-height:2rem;
padding: 1rem 0;
color:#000;
}
ul.update-list p.text span {
font-size:1.8rem;
display:block;
color:#0065CA;
}

/* アンカーのずれ解消 */
.anchor {
padding-top:14.322916666666666vw!important;
margin-top:-14.322916666666666vw!important;
}
#empty{
margin-top:6.6rem;/*h1が2行のときは8.2rem*/
}

/* 個別設定 */


/*shop_banners 
=============================*/
.shop_banners {
padding: 9.11vw 0;
background-image: url("/files/user/img/bg04_sp.png");
background-repeat: repeat;
background-size: 100% auto;
position: relative;
z-index: 2;
}
.shop_banners ul {
width:84.375vw;
margin-left: auto;
margin-right: auto;
}
.shop_banners li + li {
margin-top: 9.11vw;
}

.shop_banners a {
display: block;
position: relative;
}




/*==========================================================
TOP PAGE
==========================================================*/




/*first view
=============================*/
#fv {
position: relative;
padding-top: 28.90625vw;
margin-top: -28.90625vw;
box-shadow: 0 3px 6px rgba(0,0,0,0.4);
}
.fv_txt {
width:auto;
height: 70vh;
position: absolute;
display: inline-block;
right:3vw;
}
.fv_txt img {
width: auto;
height: 100%;
}

#fv {
width: 100%;
height: 100vh;
/*background-color: rgba(0,0,0,0.25);*/
}
video {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
min-width: 100vw;
min-height: 100vh;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-25%);
}
@media screen and (orientation: landscape) {
#fv {
height: 100vw;
}
.fv_txt {
width:20vw;
height: auto;
margin-top: -3vw;
}
.fv_txt img {
width: 100%;
height: auto;
}
}





/*top_section01 混んでて座れない
=============================*/
#top_section01 {
padding: 10.677vw 0 13.02vw;
background-image: url("/files/user/img/body_bg_b.png");
background-position: 0 0;
background-size: 100% auto;
}
#top_section01 .section_title {
width:100%;
margin-bottom: 5.46875vw;
}
#top_section01 .cols {
width:100%;
text-align: center;
}
#top_section01 .sec_txt {
font-size: 4.296875vw;
line-height: 1.6;
}
.btn_big {
width:68.48958333333334vw;
height: 16.015625vw;
border-radius: 8px;
overflow: hidden;
}
.btn_big a {
display: block;
width:68.48958333333334vw;
height: 16.015625vw;
}
#top_section01 .btn_big {
margin-left: auto;
margin-right: auto;
margin-top: 6.51vw;
}




/*top_image_photo
=============================*/
#top_image_photo {
height: 98.958vw;
background-image: url("/files/user/img/bg02_sp.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#top_image_photo .top_ph {
display: inline-block;
position: absolute;
}

#top_image_photo .top_ph:nth-child(1) {
width: 51.3vw;
top:5.208333333333334vw;
left:15.364583333333334vw;
}
#top_image_photo .top_ph:nth-child(2) {
width: 39.58333333333333vw;
top:28.776041666666668vw;
left:56.901041666666664vw;
}
#top_image_photo .top_ph:nth-child(3) {
width: 40.49479166666667vw;
top:43.61979166666667vw;
left:3.2552083333333335vw;
z-index: 2;
}
#top_image_photo .top_ph:nth-child(4) {
width: 51.3vw;
top:59.635416666666664vw;
left:37.890625vw;
}




/*top_section02 こだわりの料理
=============================*/
#top_section02 {
padding: 10.416vw 0 13vw;
background-image: url("/files/user/img/body_bg_a.png");
background-position: 0 0;
background-size: 100% auto;
}
#top_section02 .section_inner {
width:100%;
overflow: hidden;
}
#top_section02 .section_title {
width:11.71875vw;
margin-left: 3.2552vw;
float: left;
}
#top_section02 .text_block {
width:78.125vw;
float: right;
}
.text_block .sec_txt {
font-size: 3.6458vw;
line-height: 1.6;
}
.text_block .sec_txt strong {
font-size: 5.46875vw;
font-weight: bold;
color: #a9020b;
display: inline-block;
letter-spacing: -0.05em;
}
#top_section02 .text_block .sec_txt strong,
#top_section04 .text_block .sec_txt strong {
margin-bottom: 7.29vw;
}
#top_section02 .sec_ph {
width:75.651vw;
margin-top: 5vw;
}

.btn_small {
display: flex;
justify-content: space-between;
width:61.4583vw;
}
.btn_small li {
width:61.4583vw;
}
#top_section02 .btn_small {
width:61.4583vw;
flex-direction:column;
}
#top_section02 .btn_small li {
width:61.4583vw;
flex-direction:column;
margin-top: 5.2vw;
}




/*top_section03 昭和60年から地域の皆様と...
=============================*/
#top_section03 {
height: 73.9583vw;
background-image: url("/files/user/img/bg03.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
justify-content: space-between;
align-items: center;
}
#top_section03 .section_title {
width:100%;
}

#top_section03 .btn_small {
margin-left: auto;
margin-right: auto;
margin-top: 10.8vw;
}




/*top_section04 また帰りたい場所
=============================*/
#top_section04 {
padding: 10.416vw 0 13vw;
background-image: url("/files/user/img/body_bg_b.png");
background-position: 0 0;
background-size: cover;
}
#top_section04 .section_inner {
width:100%;
overflow: hidden;
}
#top_section04 .section_title {
width:11.71875vw;
margin-right: 3vw;
float: right;
}
#top_section04 .text_block {
width:78.125vw;
margin-left: 3vw;
float: left;
}
#top_section04 .sec_ph {
width:75.651vw;
margin-top: 5vw;
}
#top_section04 .btn_small li {
margin-top: 5.2vw;
}




/*fixed_bg
=============================*/
.fixed_bg {
wdth:100%;
height: 45.57291vw;
overflow: hidden;
background-color: rgba(0,0,0,0.15);
}





/*top_section05 新着情報/採用情報
=============================*/
#top_section05 {
padding: 13.0208vw 0;
background-image: url("/files/user/img/body_bg_a.png");
background-position: 0 0;
background-size: 100% auto;
}
#top_section05 .section_inner {
width:96.35416666666666vw;
margin-left: auto;
margin-right: auto;
}

#top_section05 .news_list,
#top_section05 .recruit_list {
width:100%;
}
#top_section05 .recruit_list {
margin-top: 13.5416vw;
}
#top_section05 .list2 {
margin-left: 2.734375vw;
margin-right: 2.734375vw;
}
.news_list li,
.recruit_list li {
padding-top: 7.552vw;
}
.news_list li span,
.recruit_list li span {
font-size: 3.2552vw;
color: #a9020b;
text-decoration: underline;
}
.news_list li div,
.recruit_list li div {
font-size: 3.6458vw;
padding-top: 2.34375vw;
}
.news_list li a,
.recruit_list li a {
color: #000;
text-decoration: none;
}
#top_section05 .btn_small {
margin-left: auto;
margin-right: auto;
}
#top_section05 .recruit_list .btn_small {
padding-top: 27.473958333333332vw;
position: relative;
z-index: 2;
}
#top_section05 .recruit_list .ph {
position: absolute;
bottom:5.2083vw;
left:5vw;
width:68.22916666666666vw;
}







/*==========================================================
SHOP INDEX PAGE
==========================================================*/
.wrapper1 #header_contents {
z-index: 3;
}
.wrapper1 #wrap_contents {
margin-top: -20vw;
}
.wrapper1 #pagetitle {
width:100%;
margin-top: -27vw;/*-39.7552vw*/
background-image: url("/files/user/img/shop_pagetitle_bg.jpg");
background-repeat: no-repeat;
background-position: -16vw 5vw;
background-size: 144% auto;
box-shadow: 0 3px 6px rgba(0,0,0,0.4);
position: relative;
z-index: 2;
}
.wrapper1 #pagetitle .pagetitle_inner {
width:100%;
height: 65.7552vw;
background-color: rgba(0,0,0,0.25);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-top: 26vw;
}
.pagetitle {
text-align: center;
}

/*.pagetitle img {
width: 33.8542vw;
height: auto;
}*/

.wrapper1 #main_contents {
padding:28vw 2.34375vw 22.13541vw;
}
.wrapper1 #main_contents {
background-image: url("/files/user/img/body_bg_a.png");
background-position: center top;
background-repeat: repeat;
background-size: 100% auto;
}

#lionsdinerbigflag.wrapper1 #main_contents {
background: none;
}

#footpath {
display: none;
}

.section_title02, .wrapper1 #wrap_contents h2 {
background-image: url("/files/user/img/title_bg.png");
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20.833vw auto;
padding-top: 8.33vw;
text-align: center;
font-size: 4.9479vw;
line-height: 1.4;
min-height: 9.11458vw;
padding-bottom: 3.9vw;
box-sizing: border-box;
/*margin-bottom: 7.8125vw;*/
margin-bottom: 5.0vw;
}

#lionsdinerbigflag.wrapper1 #wrap_contents h2 {
background-image: url("/files/user/img/lion_title_bg.png");
}

#shop_index {
margin: -22vw 2.34375vw 0;
}

.sec_txt p {
font-size: 3.515625vw;
line-height: 1.6;
padding-bottom: 1.5em;
}

.wrapper1 #wrap_contents {
font-size: 3.515625vw;
line-height: 1.6;
}
.wrapper1 #wrap_contents p {
padding-bottom: 1.5em;
}

.section_subtitle02, .wrapper1 #wrap_contents h3 {
background-image: url("/files/user/img/subtitle_bg_pc.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: auto 0.78125vw;
font-size: 4.166vw;
line-height: 1.4;
box-sizing: border-box;
padding: 2.86458vw 0;
/*margin-top: 11.71875vw;*/
margin-top: 2.0vw;
margin-bottom: 5.2vw;
}

#lionsdinerbigflag.wrapper1 #wrap_contents h3 {
background-image: url("/files/user/img/lion_subtitle_bg_pc.png");
}

.shop_list {
}
.shop_list li {
padding: 5.2vw 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #c8a85e;
}
.shop_list .shop_ph {
width:39.0625vw;
}
.shop_list .shop_info {
width:51vw;
}
#main_contents .shop_list .shop_info p {
padding-bottom: 0;
line-height: 1;
}
.shop_list .shop_name {
font-size: 3.9vw;
font-weight: bold;
color:#a9020a;
text-decoration: underline;
}
.shop_list .shop_access {
font-size: 3.5vw;
margin-top: 2.7vw;
}
.shop_list .shop_icons {
margin-top: 2.7vw;
}
.shop_list .shop_icons img {
width:auto;
height: 3.6458vw;
margin-right: 0.52vw;
}
.shop_list .shop_tel_sp {
margin-top: 2.7vw;
width:40.36458vw;
}






/*==========================================================
SHOP01
==========================================================*/

#shop_detail {
/*margin: 0 2.34375vw;*/
}
#shop_detail .shop_table {
width:100%;
margin: 8.854vw 0;
padding-bottom: 0px;
}
#shop_detail .shop_table table {
width:100%;
box-sizing: border-box;
border-top: 1px solid #c2a65b;
border-right: 1px solid #c2a65b;
border-left: 1px solid #c2a65b;
}
#shop_detail .shop_table th {
width:100%;
display: block;
box-sizing: border-box;
padding: 3.125vw;
border-bottom: 1px solid #c2a65b;
background-color: #FFFDF6;
font-size: 3.6458vw;
line-height: 1.8;
text-align: left;
position: relative;
}
#shop_detail .shop_table .btn_map {
width:14.0625vw;
height: 6.25vw;
border-radius: 3.1vw;
font-size: 3.6458vw;
line-height: 6.25vw;
color: #fff;
font-weight: bold;
text-align: center;
display: block;
position: absolute;
top:50%;
right: 1.5625vw;
margin-top: -3.125vw;
background-color: #ca000b;
}
#shop_detail .shop_table td {
width:100%;
display: block;
box-sizing: border-box;
padding: 3.125vw;
border-bottom: 1px solid #c2a65b;
font-size: 3.6458vw;
line-height: 1.8;
position: relative;
}
#shop_detail .shop_table a.tel {
background-image: url("/files/user/img/icon_tel_sp.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size: 8.33vw auto;
position: relative;
margin:-3.125vw;
width:calc(100% + 6.25vw);
height: 100%;
display: block;
box-sizing: border-box;
padding: 3.125vw;
color:#1044be;
text-decoration: underline;
}

table.des {
width:100%!important;
margin: 8.854vw 0 0!important;
padding-bottom: 0px!important;
}
table.des th {
display: block;
box-sizing: border-box;
padding: 3.125vw!important;
border: 1px solid #c2a65b!important;
background-color: #fff!important;
font-size: 3.6458vw;
line-height: 1.8;
text-align: left;
}
table.des td {
display: block;
box-sizing: border-box;
padding: 3.125vw!important;
border: 1px solid #c2a65b!important;
font-size: 3.6458vw;
line-height: 1.8;
}

#shop_detail .cols {
overflow: hidden;
}
#shop_detail .cols .flt_left {
width:45.5729vw;
float: left;
margin: 0 3.125vw 3.125vw 0;
}
#shop_detail .cols .flt_right {
width:45.5729vw;
float: right;
margin: 0 0 3.125vw 3.125vw;
}
#shop_detail .cols p {
font-size: 3.515vw;
line-height: 1.8;
padding-bottom: 1.5em;
}




.shop_lib a img.ofi {
width:100%;
height: 29vw;
}
.shop_lib a img.ofi.tate {
width:100%;
height: 42.1875vw;
}

.shop_lib {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_lib a {
width:28.5vw;
display: block;
margin-right: 2.5vw;
margin-bottom: 4vw;
}
.shop_lib a:nth-child(3n) {
margin-right: 0;
}
/*画像断ち切り設定*/
.shop_lib img.ofi {
object-fit: cover;
object-position: 50% 50%;
font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.gmap {
width:100%;
height: 66.66vw;
overflow: hidden;
}

.streetview {
margin-top:5.2vw;
}

.gmap iframe, .streetview iframe {
width:100%;
}

#shop_detail .address {
display: none;
}

#main_contents .btn_B a{
background-color: #CDB063;
}

.img_list .imglist_box {
width: 33%;
}
.img_list .imglist_box a img {
width:auto;
height:auto;
max-height:21vw!important;
}

#top #sub_module7{display:none;}

#topics_detail6 #main_contents .topics_contents img{
max-width:100%;
max-height:600px;
width:auto;
height:auto;
}

/*　採用情報
******************************************************************/
#main_contents .col2_type01 .col {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 2vw;
}
#main_contents .col2_type01 .col .image img{
max-width:100%;
}
#main_contents .col2_type01 .col_end {
width: 100%;
margin-right: 0;
}
#main_contents .col2_type01 .col_end table.des{
width:100%!important;
margin-top:0!important;
}

#topics_detail20 #main_contents table.recruit_table th {
width: 100%;
}

#jobs ul.category {
    margin: 15px 0 10px!important;
}

.wrapper1_top .footer_bg {
width: 100%;
display: block;
background-color: rgba(0,0,0,0.75);
position: relative;
background-image: none;
}


#footer-upper{margin-top:5rem;}

/*
contactBox
*******************************************/
.contactBox {
    width:92%;
    max-width:980px;
    text-align:center;
    margin:1rem auto 2rem;
}
.contactBox .title {
    background-color:#ee7800;
    color:#FFF;
    line-height: 1.7rem;
    font-size: 1.7rem;
    padding: .7rem 0 .4rem;
    border-radius: 5px 5px 0 0;
　　-webkit-border-radius: 5px 5px 0 0;
　　-moz-border-radius: 5px 5px 0 0;
}
.contactBox .contents {
    line-height:3.2rem;
    font-size:3.2rem;
    border:1px solid #ee7800;
    border-radius:0 0 5px 5px;
　　-webkit-border-radius: 0 0 5px 5px;
　　-moz-border-radius: 0 0 5px 5px;
}
.contactBox .contents .tel {
    display: block;
    color:#ee7800;
    margin-top: 1.5rem;
    margin-bottom: .2rem;
}
.contactBox .contents .mail {
    display: block;
    width: 60%;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
    color: #fff;
    background-color: #999;
    border-radius: 4px;
　　-webkit-border-radius: 4px;
　　-moz-border-radius: 4px;
}
.contactBox .contents .name,.contactBox .contents .time{
    margin:.5rem;
    font-size:1.5rem;
}
.wrapper1 #wrap_contents .contactBox .contents p {
    padding-bottom: 0;
}

textarea{
background-color:#fff;
}