@charset "utf-8";

/*===============================================
●共通
===============================================*/

/*--------フォントサイズ-------- */
html {font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);}
p {line-height: calc(10 * ((100vw - 320px) / 1600) + 1.4em);}
h2 { font-size: calc(16 * ((100vw - 320px) / 1600) + 16px);}
h3 { font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);}
#grobalmenu li a {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
#groupshop li a{ font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}
#breadCrumb {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
#main_header h1{ font-size: calc(5 * ((100vw - 320px) / 1600) + 12px);}
#main_header h2{ font-size: calc(5 * ((100vw - 320px) / 1600) + 12px);}
.header_txt {font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);}
.header_tel {font-size: calc(16 * ((100vw - 320px) / 1600) + 16px);}

#main_header h1{font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);}
.location{font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}
.more{font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);}
.copy{font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}
#footer_data {font-size: calc(4 * ((100vw - 320px) / 1600) + 0.65vmax);}
#table-01 {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
ul.footer_content li {font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
#fixHeadershop li a{ font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);}
#footershop li a{ font-size: calc(4 * ((100vw - 320px) / 1600) + 8px);}

.bgColor{background-color: #FFF;}
.bgImgTop{}
.bgImgTop:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image:url(../../img/common/bg_dot.png), url("../../img/common/bg_top.jpg");
  background-size:auto, cover;
  background-position:top, top left 35%;
}
.bgImgBottom{}
.bgImgBottom:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image:url(../../img/common/bg_dot.png), url("../../img/common/bg_bottom.jpg");
  background-size:auto, cover;
  background-position:top, top left 20%;
}

/*--------common-------- */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
	display:block;
    background-color: rgba(255, 255, 255, 1);
}
.nav {
    transition: .5s;
    transform: translateY(0%);
    background-color: #FFF;
}
.hide {
    transform: translateY(-100%);
}
.sp_head { display:none;}
.pc_none { display: none;}
.sphead { display: none;}

#fixHeadershop{
    list-style-type: none;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#fixHeadershop li{
    display: table-cell;
    vertical-align: middle;
    line-height: 110%;
    border-right: 1px solid #3b3b3b;
    box-sizing: border-box;
    padding: 1% 0;
}
#fixHeadershop li:last-child{border-right: none;}
#fixHeadershop li a{
    display: block;
    margin: 0;
    color:#fff;
}
#fixHeadershop li img {
    width: 100px;
    margin-bottom: 3%;
}
/*--------共通ヘッダーグループ表示-------- */
#header_group {
	width: 100%;
	background-color: #151515;
	display: block;
}
#groupshop{
    list-style-type: none;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#groupshop li{
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
    border-right: 1px solid #3b3b3b;
    box-sizing: border-box;
}
#groupshop li:last-child{border-right: none;}
#groupshop li a{
	display: block;
	margin: 0;
	color:#fff;
    padding: 2% 0;
}
#groupshop li:hover{
background: #000;
/*background: -moz-linear-gradient( #444 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -webkit-linear-gradient( #444 0%, #000 100%);
background: -o-linear-gradient( #444 0%, #000 100%);
background: linear-gradient( #444 0%, #000 100%);*/
}

/*--------グローバルメニュー-------- */
#grobalmenu_box {
width: 100%;
/*background-image: url("../img/common/menubg02.png");*/
background: rgba(255, 61, 189, 0.6);
display: block;
}
#grobalmenu_navi{
	padding: 0;
	max-width: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}  
#grobalmenu{
    list-style-type: none;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight:bold;
}
#grobalmenu li{
    display: table-cell;
    vertical-align: middle;
    /*line-height: 43px;*/
    line-height: 2.8em;
    border-right: 1px solid #444;
    box-sizing: border-box;
}
#grobalmenu li:last-child{border-right:none;}
#grobalmenu li a{
display: block;
margin: 0;
color:#151515;
padding: 0;
background: #ddd;
}
#grobalmenu li a:hover {
color:#fff;
/*background: #850817;
background: -moz-linear-gradient( #fa1678 0%, #850817 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fa1678), to(#850817));
background: -webkit-linear-gradient( #fa1678 0%, #850817 100%);
background: -o-linear-gradient( #fa1678 0%, #850817 100%);
background: linear-gradient( #fa1678 0%, #850817 100%);*/
background: #333;
}

/*--------メインヘッダー-------- */
#main_header {
    background: rgba(255, 255, 255, 1);
	color: #151515;
	padding: 0.5% 1%;
    overflow: hidden;
}
#main_header .site_logo {
	width: 10%;
	float: left;
	margin-right: 2%;
}
h1 {
	float: left;
	padding: 1.5% 0;
}
.header_txt {
	float: right;
	text-align: right;
}

#main_header h2 {
	font-weight: normal;
	line-height: 3.0em;
}
.header_tel {
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    color: #f372a3;
    /*background: #ff41bd;
    background: -moz-linear-gradient( #ff41bd 0%, #fd73b6 50%, #cc2e6e 51%, #ff41bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff41bd), color-stop(50%, #fd73b6), color-stop(51%, #cc2e6e), to(#ff41bd));
    background: -webkit-linear-gradient( #ff41bd 0%, #fd73b6 50%, #cc2e6e 51%, #ff41bd 100%);
    background: -o-linear-gradient( #ff41bd 0%, #fd73b6 50%, #cc2e6e 51%, #ff41bd 100%);
    background: linear-gradient( #ff41bd 0%, #fd73b6 50%, #cc2e6e 51%, #ff41bd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.header_tel span{ margin-right: 4px; /*letter-spacing: -2px;*/}
@media all and (-ms-high-contrast: none){.header_tel{background: none;}}

/*--------パンクズ-------- */
#site_location {
	background-color: #b2b2b2;
	line-height: 2.0em;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
}
.location_wrap{ width: 1000px; margin: 0 auto;}
.location {
	background-image: url(../../img/location_homeG.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
	display: block;
	/*width: 1000px;
	margin-right: auto;
	margin-left: auto;*/
	color: #fff;
    white-space: nowrap;
}
.location a {
	color: #fff;
	text-decoration: none;
}

/*--------ワイドバナー -------- */
.bannerSetWrap{ width: 1000px; margin: 0 auto; padding: 3% 0px; box-sizing: border-box;}
.bannerSetWrap h4{ margin-bottom: 5%; color: #000;}
.bannerLink{ width: 100%; margin-bottom: 2%;}
.bannerLink:last-of-type{ margin-bottom: 0;}
.bannerLink a{ display: block;}
.bannerLink a img{ width: 100%;}

/*--------コロナ対策 -------- */
.noteWrap{ width: 1000px; margin: 0 auto; padding: 3% 0 0; box-sizing: border-box; background: #FFF;}
.noteText{ padding: 3%; border: 2px solid #aaa; text-align: center; background: #FFF;}
.noteText h4{ font-size: calc(10 * ((100vw - 320px) / 1600) + 18px); color: #FF0000; line-height: 2.0;}
.noteText p{ color: #000; font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);}

/*--------コンテンツ共通-------- */
#main_content {
	/*background-image: url(../img/common/bg_main_black.jpg);
    background-size: 100% auto;*/
}
#main_content > div:last-child {
padding-bottom: 5%;
}


#main_content h3 {
padding:.75em;
background-color: #e5e5e5;
/* border-left: 8px solid #fff352; */
color: #000;
/* font-size: 24px; 
border: 1px solid #b59b40;*/
margin-bottom: 2%;    
}
#bg_type01, .bg_block{background: #fff;}
#bg_mainBannerTop{background: #fff;}
#bg_mainBannerBottom{}
#bg_commonNotice{}
#bg_type_cation { background: #e9e7da;}
.bg_dot {
background:url(../../img/common/bg_dot.png), #fff!important;
background-repeat:repeat, repeat;
}
.box__bg_white {
background: #eee;
padding: 2% 0;
/*background: #0a0a0a;  
color: #FFF;*/
}
.box__bg_black {
/*background: #0a0a0a;  
color: #FFF;*/
}
.box__bg_gray {
  /*background-color: #fff;*/
}
.box__bg_gray02 {
background: #fff;
/*border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;*/
}
.bg_w {
/*background-color: #000;
background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(../img/common/bg_w_left.png), url(../img/common/bg_w_right.png);
background-repeat:repeat, no-repeat, no-repeat;
background-position:top left, top left, top right;
background-size:auto, 50% auto, 50% auto;
border-top: 3px double #666;
border-bottom: 3px double #666;*/
}
.bg_image01 {
background: transparent!important;
/*background: linear-gradient( 180deg, rgba(255, 61, 188, 0.2), rgba(255, 61, 188, 0.6)), url(../img/common/bg_image01.png);
background-size:auto auto, 100% auto;
background-repeat: no-repeat, no-repeat;
background-position:top center, top center;*/
}
 
#bg_type01 h2, .bg_block h2 {
	/*font-family: Arial, Helvetica, "sans-serif";*/
	text-align: center;
	/*margin-bottom: 40px;*/
    line-height: 2.4;
    padding: 3% 0 1%;
    color: #24140e;
    font-family: 'Montserrat', sans-serif;
    font-weight:normal;
    position: relative;
}
#bg_realtime h2, #bg_commonNotice h2 {
	text-align: center;
    line-height: 2.4;
    padding: 0%;
    color: #24140e;
    font-family: 'Montserrat', sans-serif;
    font-weight:normal;
    position: relative;
}
#bg_type01 h2:before, .bg_block h2:before{
    content: "";
    width: 100%;
    position: absolute;
    display: block;
    height: 1px;
    background: #000;
    left: 0;
    top: 50%;
    margin: -1px 0 0 0;    
}
h2 strong{
    letter-spacing: 4px;
    margin-right: -4px;
    font-weight:normal;
}
#bg_type01 h2 strong, .bg_block h2 strong{
    background-color: #FFF;
    padding: 0 12px 0 20px;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1;
}
.inner_wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding:2% 0;
}
#bg_type_cation .inner_wrap{ padding: 2%; box-sizing: border-box;}

.inner_box {
	border-bottom: 1px dotted #666;
	padding-bottom: 3%;
	margin-bottom: 3%;
}
.inner_bg {
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	/*background: #fff;*/
    background: #1b1b1b;
	padding: 2%;
	margin-bottom: 3%;
}
.inner_bg02 {
	border: 10px solid #c594f6;
	padding: 4%;
}
.inner_bg03 {
	border: 10px solid #bc3450;
	padding: 4%;
}
table#table-01 {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 20px;
    line-height: 2.0em;
    color: #151515;
}
table#table-01 th {
    padding: 1%;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
	background-color: #FAF7FF;
    width: 20%;
}
table#table-01 td {
    padding: 1%;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	background-color: #fff;
}
table#table-01 td:last-child {
    border-right: 1px solid #ccc;
}
.mainText{ text-align: center; font-size: calc(8 * ((100vw - 320px) / 1600) + 16px); font-weight: bold;}
.leadText{ text-align: center; margin-bottom: 2%; /*color: #FCF9F9;*/}
/*--------ボタン-------- */
.moreBtn{ 
    width: 400px ; 
    margin: 2% auto 0; 
    display: block; 
    text-align: center;
    border-radius: 0.4em;
    -ms-border-radius: 0.4em;
	background: #fff;
}
.more {
	position: relative;
	display: inline-block;
	padding: 1%;
    line-height: 2.6em;
    background: #000;
    /*background: -moz-linear-gradient( #ff93cb 0%, #ff3dbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff93cb), to(#ff3dbd));
    background: -webkit-linear-gradient( #ff93cb 0%, #ff3dbd 100%);
    background: -o-linear-gradient( #ff93cb 0%, #ff3dbd 100%);
    background: linear-gradient( #ff93cb 0%, #ff3dbd 100%);
	border: 2px solid #f8adc6;*/
	color: #fff!important;
	text-decoration: none;
	transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
	width:100%;
	/*border-radius: 0.4em;
    -ms-border-radius: 0.4em;*/
	box-sizing: border-box;
    border: 1px solid transparent;
}
.more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
}
/*.more:link {color:#fff;}
.more:visited {color:#fff;}*/
.btnHoverOn {
    background: #fff;
    color: #000!important;
    text-decoration:none;
	transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
	border: 1px solid #000;
}
.btnHoverOn::after { border-left-color: #000; }

/*--------共通フッター-------- */
#footer_guide {
width:100%;
overflow: hidden;
background: #ababab;
color: #FFF;
/*background-image: linear-gradient(180deg, rgba(242, 124, 159, 0.6), rgba(248, 71, 145, 0.8)), url(../img/common/bg_guide.jpg);
background-repeat:repeat, no-repeat;
background-position:top left, bottom 30% left;
background-size:auto, 50% auto;*/  
}
.footer_guide01 {
	width: 50%;
	float: left;
	position: relative;
}
.footer_guide02 {
	width: 50%;
	float: right;
	margin: 0;
	padding: 0;
}
.mapWrap > div{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 75% 0 0;
}
@media all and (-ms-high-contrast: none){.mapWrap > div{padding: 80% 0 0;}}
.mapWrap > div iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}
.footer_guide_tel { font-size: 26px; }
.footer_guide_conp {
	/*margin: 40px auto ;
	width: 80%;*/
    margin: 5% 10%;
}
.guideLogo{
    margin-bottom: 3%;
    /*position: relative;*/
    overflow: hidden;
}
/*.guideLogo span{color: #FFFFFF; position: absolute; bottom: 4px; left: 180px;}*/
.guideLogo > div{ float: left;}
.guideLogo > div:first-child{ width: 25%; padding:0 2% ; margin-right: 5%; box-sizing: border-box;}
.guideLogo > div:first-child img{ width: 100%;}
.guideLogo > div:last-child{ width: 70%;}
.guideLogo > div span{ display: block; /*color: #FFFFFF;*/ line-height: 2.6em; font-size: calc(6 * ((100vw - 320px) / 1600) + 8px);}

#footer_data {
	width: 100%;
	/*line-height: 180%;*/
    line-height: 2.0em;
	/*text-shadow: 0px 1px 0px #FFFFFF;
	margin-bottom: 20px;*/
    /*color: #FFFFFF;*/
}
dl#footer_data dl,dl#footer_data dt,dl#footer_data dd { margin: 0; padding: 0; }
dl#footer_data dt,dl#footer_data dd { padding: 0px; }
dl#footer_data dt {
	clear: left;
	float: left;
	width: 100px;
	font-weight: bold;
}
dl#footer_data dd { margin-left: 100px; }
.transport{margin: 4% 0;}
.transport p{width: 100%; background: #666; line-height: 2.0em; box-sizing: border-box; text-align: center; margin-bottom: 2%; color: #fff;}
.transportList { overflow: hidden; width: 100%; margin-bottom: 3%;}
.transportList li{ float: left; width: 50%; line-height: 4.0em; font-size: calc(6 * ((100vw - 320px) / 1600) + 12px); overflow: hidden;}
.transportList li:last-child{ width: 100%;}
.transportList li div:first-child{ float: left; width: 18%;}
.transportList li div:last-child{ float: left; width: 82%;}
.transportList li:last-child div:first-child{ width: 9%;}
.transportList li:last-child div:last-child{ width: 91%;}
.transportList li div:last-child span{ margin-left: 10px;}
.transportList li .circle{
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
color: #fff;
background: #666;
text-align:center;
line-height: 60px;
margin-right:10px;
}
#footer_guide a{ color: #fff; text-decoration: underline;}

ul.footer_content {
    list-style: none;
    width: 100%;
    margin: 0px auto;
    padding: 0 2%;
    box-sizing: border-box;
    overflow: hidden;
}
ul.footer_content li {
    width: calc(100%/6);
    line-height: 150%;
    padding: 0.5%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}
ul.footer_content li a{
    color: #151515;
}
#footer_group {
width: 100%;
background: #393939;
display: block;
}
#footer_group_navi{
	padding: 0;
	max-width: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}  
#footershop{
    list-style-type: none;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

/*--------フッター 他店舗バナー-------- */
#footershop li{
    display: table-cell;
    vertical-align: middle;
    line-height: 110%;
    border-right: 1px solid #3b3b3b;
    box-sizing: border-box;
    padding: 1% 0;
}
#footershop li:last-child{border-right: none;}
#footershop li a{
    display: block;
    margin: 0;
    color:#fff;
}
#footershop li img {
    width: 100px;
    margin-bottom: 3%;
}

#footer_link{ background-color: #dddddd;}
#footer_link ul{
    list-style: none;
    display: flex;
    flex-flow: wrap;
    max-width: 1500px;
    margin:0 auto;
    justify-content: space-between;
}
#footer_link li {
    box-sizing: border-box;
    width: calc(100%/12);
	line-height: 150%;
	font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);
	text-align: center;
	padding: 2% 0;
}
#footer_link li a{
    display: block;
}
/*--------各種お知らせ-------- */
.bn_wrap {
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
	padding:40px 0px;
}

/*--------コピーライト-------- */
.copy {
	background: #282828;
	text-align: center;
	color: #fff;
	line-height: 150%;
	padding: 0.5% 0px;
}

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

タブレット
 
------------------------------------------------------------- */
@media screen and (max-width: 960px) {
/*@media screen and (max-width: 1120px) {*/
    
/*--------共通ヘッダーグループ表示-------- */
#header_group {
	height: 43px;
	width: 100%;
	background-color: #292929;
	display: none;
}

#main_header {
	display: none;
}
.header_icon {
	float: right;
	position: relative;
	margin-top: 3px;
	margin-right: 50px;
}    
    
#fixHeadershop{ display: block; overflow: hidden;	}
#fixHeadershop li{
    display: block;
    border-right: none;
    width:calc(100%/3);
    float: left;
}
#fixHeadershop li img { width: 20vw; }
#fixHeadershop li:first-child{
	float: none;
	text-align: center;
	width:20%;
	margin: 0px auto;
    padding: 0;
}   
#fixHeadershop li:first-child img { width: 40vw; }      

.bannerSetWrap{ width: 100%; padding: 3%;}
.bannerSetWrap h4{ margin-bottom: 2%;}
    
/*--------コロナ対策 -------- */
.noteWrap{ width: 100%; padding: 3%;}
.noteText h4{ margin-bottom: 2%;} 
    
/*--------グローバルメニュー-------- */
#grobalmenu_box {
	display: none;
}    
    
/*--------パンクズ-------- */
#site_location {
	/*margin-top: 50px;*/
}   
.topFix{margin-top:0!important;}
.location_wrap{ width: 100%; padding: 0 3%; box-sizing: border-box;}
/*.location {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}*/
/*--------コンテンツ共通-------- */
#bg_type01 h2, .bg_block h2 { margin-bottom: 3%; }
#bg_commonNotice h2 { margin-bottom: 3%; }
.bg_w {
/*background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(../img/common/bg_w_black.png);
background-repeat:repeat, no-repeat;
background-position:top left, top left;    
background-size: auto, cover;*/
}
.bg_image01 { background-size: auto auto, cover;}
.inner_wrap {
	width: auto;
	padding:5% 3%;
}
.contsWrap{padding:5% 0;}
    
.inner_bg02, .inner_bg03 { padding: 5%;}    
/*--------共通フッター-------- */
#footer_data { font-size: calc(4 * ((100vw - 320px) / 1600) + 1.4vmax);}
#footer_guide { background-size: 100% auto ; background-position: inherit;}    
.footer_guide01 {
	width: auto;
	float: none;
	height: auto;
	padding: 5% 3%;
}
.footer_guide02 {
	width: auto;
	float: none;
}    
.footer_guide_conp {
	margin: 0px auto ;
	width: auto;
}
ul.footer_content li { width: calc(100%/3); }
#footer_group {	padding: 5% 0; }
#footershop{ display: block; overflow: hidden;	}
    
/*--------フッター 他店舗バナー-------- */
#footershop li{
    display: block;
    border-right: none;
    width:calc(100%/3);
    float: left;
}
#footershop li img { width: 20vw; }
#footershop li:first-child{
	float: none;
	text-align: center;
	width:20%;
	margin: 0px auto;
    padding: 0;
}   
#footershop li:first-child img { width: 40vw; }  
    
    
#footer_link ul{
    max-width: 100%;
    padding: 2% 0;
}
#footer_link li {
    width: calc(100%/6);
}   

}

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

スマホ
 
------------------------------------------------------------- */
@media screen and (max-width: 750px) {
    
#header_group_navi{display: none;}    
 
#fixHeadershop{display: block; overflow: hidden;}
#fixHeadershop li{
    display: block;
    border-right: none;
    width:calc(100%/3);
    float: left;
}   
#fixHeadershop li img { width: 20vw; }
#fixHeadershop li:first-child{
	float: none;
	text-align: center;
	width:50%;
	margin: 0px auto 0px auto;
    padding: 0;
}    
#fixHeadershop li:first-child img { width: 40vw; }   
    
.bannerSetWrap{ width: 100%; padding: 3%;}
.bannerSetWrap h4{ margin-bottom: 2%;}
    
/*--------コロナ対策 -------- */
.noteWrap{ width: 100%; padding: 3%;}
.noteText h4{ margin-bottom: 2%;} 
    
/*--------パンクズ-------- */
#site_location {
	/*margin-top: 50px;*/
}
.topFix{margin-top:0!important;}
.location_wrap{ width: 100%; padding: 0 3%; box-sizing: border-box;}
/*.location {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}*/ 
/*--------コンテンツ共通-------- */
#bg_type03 {padding: 0px; }  
#bg_type01 h2, .bg_block h2 { margin-bottom: 3%; }
#bg_commonNotice h2 { margin-bottom: 3%; }
.bg_w {
/*background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(../img/common/bg_w_black.png);
background-repeat:repeat, no-repeat;
background-position:top left, top left;    
background-size: auto, cover;*/
}    
.bg_image01 { background-size: auto auto, cover;}
.inner_wrap { width: auto; padding:5% 3%; } 
.contsWrap{padding:5% 0;}
.inner_bg { padding: 2%; margin-bottom: 3%; }
.inner_bg02, .inner_bg03 { padding: 3%;}    
/*--------ボタン-------- */
.moreBtn{ width: 280px ; margin: 5% auto 2%;}
/*--------共通フッター-------- */
.guideLogo > div:first-child{ width: 35%;}
.guideLogo > div:last-child{ width: 60%;}    
#footer_data { font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);}
dl#footer_data dt { float: none; width: auto; }
dl#footer_data dd { margin-left: auto; }

.mapWrap > div{ padding: 75% 0 0; }    

#footer_guide { background-size:auto, 100% auto ; background-position: top left, top -70% left;}    
.transportList li{ float: none; width: 100%; font-size: calc(6 * ((100vw - 320px) / 1600) + 14px);}
.transportList li a{ line-height: 50px;}
.transportList li:last-child div:first-child{ width: 18%;}

.transportList li:last-child a{ line-height: normal!important;}    
.transportList li:last-child div:last-child{ width: 82%; line-height: 28px;}    
.transportList li div:last-child span{ display: block; margin-left: 0;}
.transportList li .circle{
width: 50px;
height: 50px;
line-height: 50px;
}     
ul.footer_content li {
    width: 49%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2%;
    margin-right: 2%;
    border: 0px;
}	
ul.footer_content li:nth-child(2n) {margin-right: 0;}
/*ul.footer_content li:nth-child(5), ul.footer_content li:nth-child(6){margin-bottom: 0;}*/
ul.footer_content li img {width: 100%} 
#footer_group {	padding: 5% 0; }  
#footershop{ display: block; overflow: hidden;	}
    
/*--------フッター 他店舗バナー-------- */
#footershop li{
    display: block;
    border-right: none;
    width:calc(100%/3);
    float: left;
}   
#footershop li img { width: 20vw; }
#footershop li:first-child{
	float: none;
	text-align: center;
	width:50%;
	margin: 0px auto 0px auto;
    padding: 0;
}    
#footershop li:first-child img { width: 40vw; }
.copy{padding: 2% 0;}    
.copy span{display: block;}
    
footer{
	width: 100%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	position: fixed;
	bottom: 22px;
	padding-bottom:10px;
	/*z-index: 10;*/
}
footer ul{
	text-align: center;
}
footer ul li{
	display: inline-block;
}    
    
ul#footer_bt  {
	list-style: none;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
ul#footer_bt li {
    box-sizing: border-box;
    width: calc(100%/3);
	line-height: 150%;
	font-size: calc(4 * ((100vw - 320px) / 1600) + 12px);
	text-align: center;
	padding: 2% 0;
}
ul#footer_bt li a {
    color: #fff;
}
ul#footer_bt li a span{display: block; margin-bottom: 2%;}
    
#footer_link ul{
    max-width: 100%;
    padding: 2% 0;
}
#footer_link li {
    width: calc(100%/3);
}    
    
}

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:641px){
.footer_area{ display: none; }	
}

/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:640px){
.footer_area {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    /*background-color: rgba( 0, 0, 0, 0.8 );*/
    background: rgba(20,20,20,0.6);
    background: -moz-linear-gradient( rgba(20,20,20, 0.6) 0%, rgba(20,20,20,0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,20,20, 0.6)), to(rgba(20,20,20,0.6)));
    background: -webkit-linear-gradient( rgba(20,20,20, 0.6) 0%, rgba(20,20,20,0.6) 100%);
    background: -o-linear-gradient( rgba(20,20,20, 0.6) 0%, rgba(20,20,20,0.6) 100%);
    background: linear-gradient( rgba(20,20,20, 0.6) 0%, rgba(20,20,20,0.6) 100%); 
	z-index: 10000;
	
}
.footer_area .footer_area_inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
	margin-right: 0px;
}
.ft02{
	border-right: 1px solid #333; border-left:1px solid #333;
}
    
}