@charset "utf-8";

*{
padding:0px;
margin:0px;
}

img{
border:none;
}
ul,dl,ol{
list-style-type:none;
}

a:link,
a:visited
{
color:#333333;
text-decoration:none;
outline:none;
}
a:hover{
color:#111111;
text-decoration:none;
outline:none;
}


html, body{
text-align:center;
margin:auto;
/*height:100%;*/

min-width: 1280px;
color:#333333;
}

body{
	background-color:#ffffff;
/*
	background-image: -moz-linear-gradient(#222222, #000000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));	
	background-image: -webkit-linear-gradient(#222222, #000000);	
	background-image: -o-linear-gradient(#222222, #000000);
	background-image: -ms-linear-gradient(#222222, #000000);
	background-image: linear-gradient(#222222, #000000);
*/
}

h2,h4,h3,h5,h6{
font-family:Century Gothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
/*
*/
	background:#ffffff url('/user/theme/set1/img/body_bg.jpg') center top scroll;
}

body h1{
text-align:right;
font-size:12px;
font-weight:normal;

/*	background-color:#004E22;*/
/*
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
	border-bottom: 1px solid rgba(0,0,0,.3);
*/
/*	box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;*/
	color: #ffffff;
	text-decoration: none;
/*
	height:29px;
	line-height:2.5;
*/	text-indent:0.5em;
}
body h1 a:link,
body h1 a:visited,
body h1 a:hover {
    color: #ffffff;
		width:1200px;
		margin:auto;
/*		display:block;*/
}

#spswitch{
text-align:center;
font-size:12px;
font-weight:normal;
padding:5px;
}


body #header_BG {
margin:auto;
text-align:center;
    background: none;
position:relative;
/*background-color:#004E22;*/
}
#openTimes{
	display:none;
}

body #header{
width:1230px;
margin:auto;
text-align:left;
/*	min-height:39px;*/

/*    height: 80px;*/
/*background-size:cover;*/
position:relative;
}
.openAndTel {
	line-height:1.2;
    position: absolute;
    right: 5px;
    bottom: 5px;
/*font-family:Century Gothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
font-weight:bold;
/*text-shadow:1px 1px 0 #97977e, -1px -1px 0 #97977e, -1px 1px 0 #97977e, 1px -1px 0 #97977e, 0 10px 20px rgba(0,0,0,.5);*/
}
.openAndTel span{
  color: #030303;
/*
  background: -webkit-linear-gradient(top, #d0cfbd 20%,#ffffff 50%,#505144 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
*/
 }
.openAndTel span:nth-child(1){
	display:block;
	text-align:right;
    font-size: 34px;
}
.openAndTel span:nth-child(2){
	display:block;
	text-align:right;
	font-size:40px;
}
.openAndTel span em{
/*	display:inline-block;*/
	font-style:normal;
	font-size:18px;
}



body #header a{
display:inline-block;

/*    width: 120px;*/
    overflow: hidden;
    position: relative;
/*    border: 1px solid #ffffff;*/
/*    top: -30px;*/
    z-index: 10;
/*    left: 20px;*/
/*    height: 120px;*/
padding:6px;
}
body #header a img{
display:block;
}

body #header a img#large {
	width:570px;
}
body #header a img#small {
display:none;
}

body #header a.headTel{
display:none;
}
body #header a.smpMenu{
display:none;
}

.smartScreen #header_BG #menublock{
background:none;
background-color: rgba(196, 207, 211,.8);
}
.wideScreen #header_BG #menublock{
background: #ffffff; /* Old browsers */

/*border-top:1px solid #333333;*/
}

#menublock{
text-align:center;
position:relative;
font-weight:bold;
/*
position:absolute;
bottom:5px;
right:0;
*/
}

#header_BG #menublock.fixed{
min-width:1200px;
	background-color:rgba(255,255,255,.9);
/*
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
*/
border:none;
box-shadow:0px 1px 2px rgba(0,0,0,.5);

min-width:1200px;

}
#header_BG #menublock.fixed::before{
	background-color:#c5ced3;
/*
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
*/
color:#ffffff;
border-bottom:1px solid #cccccc;
}

ul#navi{
list-style-type:none;
/*padding:3px 0px;*/
margin:auto;
display:inline-block;
font-size:0;
/*
	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
*/
/*
    border: 1px solid #666666;
    box-shadow: 0 1px 0 #999, 0 1px 0 #666 inset;
    border-radius: 3px;
border-left:1px solid #9D979B;
border-right:1px solid #9D979B;
*/
    padding-left: 0;

/*width:100%;*/
width:1446px;
padding:2px;
text-align:left;
}
#header_BG #menublock.fixed ul#navi{
	background-color:transparent;
/*
	background-image: -moz-linear-gradient(#456ac0, #456ac0); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#456ac0), to(#456ac0));	
	background-image: -webkit-linear-gradient(#456ac0, #456ac0);	
	background-image: -o-linear-gradient(#456ac0, #456ac0);
	background-image: -ms-linear-gradient(#456ac0, #456ac0);
*/

width:1446px;

}
ul#navi li{
display:inline-block;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
/*    border-right: 1px solid rgba(255,255,255,.5);*/
/*
    box-shadow: 1px 0 0 #rgba(0,0,0,.5);
background-color:rgba(255,255,255,.2);
background-color:#ffbbde;
*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fec8df+0,fed8e7+24,fd97bf+100 */
/*
background: #bee2ff;
background: -moz-linear-gradient(top, #bee2ff 0%, #bee2ff 24%, #8fceff 100%);
background: -webkit-linear-gradient(top, #bee2ff 0%,#bee2ff 24%,#8fceff 100%);
background: linear-gradient(to bottom, #bee2ff 0%,#bee2ff 24%,#8fceff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee2ff', endColorstr='#8fceff',GradientType=0 ); 
border:1px  solid #c6e5ff;
*/
border-radius:0px;
width:calc(100% / 10 - 7px);
margin:2px 0;
vertical-align:middle;
text-align:center;
	border-right:1px solid #8c8c8c;

}

/*#header_BG #menublock ul#navi li:nth-child(n+11) {
    display: none;
}*/
ul#navi li:first-child{
	border-left:1px solid #8c8c8c;
}
ul#navi li a{
display:block;
/*
    color: #eeeeee;
*/
		color:#000000;
    font-size: 16px;
/*
    font-size: 24px;
*/
    padding: 15px 5px;
    position: relative;
    text-decoration: none;
/*
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	text-shadow:0 0 8px #c32949;
*/
    text-transform: uppercase;
	}
ul#navi li a:hover{
	color:#000000;
	background:#cbcbcb;
/*	text-shadow:0 0 12px #ffffff;*/
}
ul#navi li a i{
	font-size:20px;
	display:none !important;
}
ul#navi li a span:nth-child(2){
	font-size:80%;
	display:block;
}
ul#navi li a span:nth-child(3){
	font-size:70%;
	display:none;
}
#menublock.fixed ul#navi{
width:auto;
}
#hideMenus{
	display:none;
}

#hideMenus{
position:absolute;
top:38px;
right:11px;
/*
width:640px;
*/
max-width:640px;
	background-color:#d3edff;
	background-image: -moz-linear-gradient(#d3edff, #d3edff); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d3edff), to(#d3edff));	
	background-image: -webkit-linear-gradient(#d3edff, #d3edff);	
	background-image: -o-linear-gradient(#d3edff, #d3edff);
	background-image: -ms-linear-gradient(#d3edff, #d3edff);
padding:10px;
border-radius:5px;
z-index:10;
text-align:left;
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border:1px solid #0096ff;
}
/*
#hideMenus:before{
	content:"▲";
	font-size:20px;
	display:block;
	color:#333333;
	position:absolute;
	top:-18px;
	right:20px;
}
*/
#hideMenus li{
font-size:11px;
display:inline-block;
}
#hideMenus li a{
font-size:11px;
padding:10px;
display:block;
    color: #0096ff;
    text-decoration: none;
/*
    text-shadow: 1px 1px 0 #121212;
*/
}
#hideMenus li a:hover{
color:#0096ff;
}

.wideScreen #smpFloat{
display:none;
}
#clsBtn{
	display:none;
}
dl#footArea dt,
dl#columnArea dt{
font-family:"Arial", Gadget, sans-serif;
}
dl#footArea dt + dd span,
dl#columnArea dt + dd span{
/*font-weight:normal;*/
display:inline-block;
margin-right:6px;
width:1em;
text-align:center;
}

#container{
width:980px;
/*
width:1200px;
*/
min-height: 100%;
height: auto !important;
height: 100%;
margin:auto;
text-align:center;
padding: 0 15px;
/*check
*/
background-color:rgba(255,255,255,.8);

/*
background-image:-moz-linear-gradient(0% 0% 0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 2%,rgba(255,255,255,.8) 97%,rgba(255,255,255,0) 99%); 
background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 2%,rgba(255,255,255,.8) 97%,rgba(255,255,255,0) 99%);
background-image:linear-gradient(-90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 2%,rgba(255,255,255,.8) 97%,rgba(255,255,255,0) 99%);
border-left:1px solid #9D979B;
border-right:1px solid #9D979B;
*/
}

#headline{
width: calc(100% - 0px);
/*height:3em;*/
height:auto;
margin:0 auto 0px auto;
position:relative;
top:0px;
left:0px;
float:left;
padding:5px 0;
}
#headline #denko input{
width: calc(100% - 20px);
border:none;
position:absolute;
top:12px;
left:10px;
font-size:16px;
background-color:transparent;
padding:5px 0;
}


#free_space{
	width:200px;
	float:left;
	padding-top:5px;
/*
background-color:#ffcccc;
*/

display:none;
}
#free_space ul{
}
#free_space ul li{
	margin:5px 0;
	font-size:12px;
}
#free_space ul li img{
display:block;
max-width:100%;
}

#layout{
	width:965px;
/*
width:980px;
margin:0;
float:right;
*/
margin:auto;
/**/
/*
background-color:#ccffff;
*/
}

h2{
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:  "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+1,ffffff+100 */
background: linear-gradient(to right,  rgba(204,204,204,1) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

float:left;
width:calc(100% - 10px);
font-size:21px;

text-align:left;
letter-spacing:2px;
padding:5px;
margin:10px 0 10px;
    margin-bottom: 30px;
     font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
}
h2:before{
/*
content: url(/user/theme/set1/img/h2_obj.png);
    height: 20px;
    width: 14px;
    display: inline-block;
	vertical-align:top;
*/
}
#homeShopInformation h2{
	margin-top:0px;
}
h2 span:nth-child(1){
display:block;
text-align:left;	
}
h2 span:nth-child(2){
display:none;
	font-size:70%;
text-align:center;	
}




/*Footer*/
#footer{
	position:relative;
	top:0px;
	z-index:1;

/*font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;*/

}
#footer_box{
position:relative;
}
#footer ul{
	list-style-type:none;
}
#footer address{
	text-align:center;
font-size:12px;
font-weight:normal;
font-style:normal;
padding-top:10px;
padding-bottom:10px;

/*position:absolute;*/
bottom:0;
left:0;
width:100%;
}
#footer address a:link,
#footer address a:hover,
#footer address a:visited{
	color:#333333;
}
#container + #breadcrumbs + #footer {
background-image: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dfe6d1+0,fafbf7+100 */
background: url(/user/theme/set1/img/footer_bg.jpg);
/*

	background-color:#7d795e;
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
*/
}
#container + #breadcrumbs + #footer #footer_box {
/*
border-top:1px solid #333333;

	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #fdfdfd); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fdfdfd));	
	background-image: -webkit-linear-gradient(#ffffff, #fdfdfd);	
	background-image: -o-linear-gradient(#ffffff, #fdfdfd);
	background-image: -ms-linear-gradient(#ffffff, #fdfdfd);
	background-image: linear-gradient(#ffffff, #fdfdfd);
*/
}

#container + #breadcrumbs + #footer #footer_box dl{
/*
position:absolute;
left:0;
*/
float:left;

color:#333333;
width:300px;
padding:20px;
}
dl#footArea{
}
dl#footArea dt{
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	color:#333333;
}
dl#footArea dd{
	text-align:left;
	font-size:11px;
	padding:2px;
	margin-bottom:10px;
	line-height:1.7;
	
}
dl#footArea dd img{
vertical-align:middle;
}
dl#footArea dd span{
	font-weight:bold;
	font-size:110%;
}
 #container + #breadcrumbs + #footer #footer_box ul{
	width:640px;
	float:right;
	text-align:left;
	padding:70px 0 0;
}
 #container + #breadcrumbs + #footer #footer_box ul li{
display:inline-block;
width:200px;
font-size:11px;
}
 #container + #breadcrumbs + #footer #footer_box ul li a{
display:block;
padding:3px;
color:#333333;
}

#groupBnrs{
	padding:20px;
	margin-bottom:10px;
	background-color:rgba(0,0,0,.3);
/*	box-shadow:0px 1px 3px rgba(0,0,0,.5) inset;*/
}
#groupBnrs ul{
	text-align:center;
}
#groupBnrs ul:before{
content:"";
font-weight:bold;
display:block;
text-align:center;
color:#333333;
padding:5px;
}
#groupBnrs ul li{
display:inline-block;
text-align:center;
}
#groupBnrsul li a{
}
#groupBnrsul li a img{
}

#layout ul li div span.type > span{
display:block;
}
/*アイコン*/
#layout ul li div span.type span span{
/*    border: 1px solid rgba(255,255,255,.8);*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0b51+0,ff9abe+50,ff0b51+100 */
background: #ff0b51; /* Old browsers */
background: -moz-linear-gradient(left, #ff0b51 0%, #ff9abe 50%, #ff0b51 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff0b51 0%,#ff9abe 50%,#ff0b51 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff0b51 0%,#ff9abe 50%,#ff0b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0b51', endColorstr='#ff0b51',GradientType=1 ); /* IE6-9 */
color:#ffffff;

    border-radius: 0px;
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    margin: 2px 0;
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#icon > span:not(.icon2) {
    border: 1px solid rgba(255,255,255,.8);

	background-color:#FF0A4F;
	background-image: -moz-linear-gradient(#FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));	
	background-image: -webkit-linear-gradient(#FF99B4, #FF0A4F);	
	background-image: -o-linear-gradient(#FF99B4, #FF0A4F);
	background-image: -ms-linear-gradient(#FF99B4, #FF0A4F);
	background-image: linear-gradient(#FF99B4, #FF0A4F);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 0px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 3px 6px;
}
#home #scheduleblock div.type span{
    border: 1px solid rgba(255,255,255,.8);

	background-color:#FF0A4F;
	background-image: -moz-linear-gradient(#FF99B4, #FF0A4F); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF99B4), to(#FF0A4F));	
	background-image: -webkit-linear-gradient(#FF99B4, #FF0A4F);	
	background-image: -o-linear-gradient(#FF99B4, #FF0A4F);
	background-image: -ms-linear-gradient(#FF99B4, #FF0A4F);
	background-image: linear-gradient(#FF99B4, #FF0A4F);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 0px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.5;
    margin: 2px 0;
    padding: 1px 3px;

	max-width:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#profile span.iconNew,
#profile span.iconUp{
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	opacity: 1;
}
span.iconNew,
span.iconUp{
/*
    display: inline-block;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
	vertical-align:middle;
	width:76px;
	text-align:center;
	opacity: .7;
*/
    display: inline-block;
    font-size: 11px;
    border-radius: 0px;
    line-height: 4;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 76px;
    text-align: center;
    opacity: 1;
    transform: rotate(-40deg);
    position: absolute;
    left: -28px;
    font-weight: bold;
    text-align: center;
    top: -5px;
    height: 27px;
}
span.iconNew img,
span.iconUp img{
width:100% !important;
height:auto !important;
margin:0 !important;
}
span.iconNew{
    border: 1px solid #ff0000;
    color: #ffffff;

	background-color:#ff0000;
/*
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
*/

/*	text-shadow:0px 1px 0px rgba(0,0,0,.5);*/

}
span.iconUp{
    border: 1px solid #ff0000;
    color: #ffffff;

	background-color:#ff0000;
/*
	background-image: -moz-linear-gradient(#b0a977, #7d795e); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0a977), to(#7d795e));	
	background-image: -webkit-linear-gradient(#b0a977, #7d795e);	
	background-image: -o-linear-gradient(#b0a977, #7d795e);
	background-image: -ms-linear-gradient(#b0a977, #7d795e);
	background-image: linear-gradient(#b0a977, #7d795e);
*/

/*	text-shadow:0px 1px 0px rgba(0,0,0,.5);*/
}
span.iconOsusume {
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: 1px solid rgba(255,255,255,.8);
    display: inline-block;
    font-size: 9px;
	font-weight:normal;

	background-color:#800000;
	background-image: -moz-linear-gradient(#A82121, #800000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A82121), to(#800000));	
	background-image: -webkit-linear-gradient(#A82121, #800000);	
	background-image: -o-linear-gradient(#A82121, #800000);
	background-image: -ms-linear-gradient(#A82121, #800000);
	background-image: linear-gradient(#A82121, #800000);

	text-shadow:0px 1px 0px rgba(0,0,0,.5);

    border-radius: 0px;
    color: #ffffff;
    line-height: 1.5;
    margin: 0 2px 2px 0;
    padding: 1px 3px;
	vertical-align:middle;
}

span.iconToday ,
span.iconTomo ,
span.iconAfter {
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	top:1px;
	right:1px;
    display: inline-block;
    font-size: 11px;
    border-radius: 0px;
    margin: 0;
    padding: 1px 4px;
	vertical-align:middle;
    line-height: 1.5;
}
span.iconToday {
/*
*/
    color: #ffffff;
    border: 1px solid #ffffff;

	background-color:#c42138;
	background-image: -moz-linear-gradient(#c42138, #c42138); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c42138), to(#c42138));	
	background-image: -webkit-linear-gradient(#c42138, #c42138);	
	background-image: -o-linear-gradient(#c42138, #c42138);
	background-image: -ms-linear-gradient(#c42138, #c42138);
	background-image: linear-gradient(#c42138, #c42138);
/*
	text-shadow:0px 1px 0px rgba(0,0,0,.5);
*/
}
span.iconTomo {
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.3);
    background-color: #5c64cb;
    background-image: -moz-linear-gradient(#5c64cb, #5c64cb);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5c64cb), to(#5c64cb));
    background-image: -webkit-linear-gradient(#5c64cb, #5c64cb);
    background-image: -o-linear-gradient(#5c64cb, #5c64cb);
    background-image: -ms-linear-gradient(#5c64cb, #5c64cb);
    background-image: linear-gradient(#5c64cb, #5c64cb);
    /* text-shadow: 0px 1px 0px rgba(0,0,0,.5); */
}
span.iconAfter {
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.3);
    background-color: #bcb581;
    background-image: -moz-linear-gradient(#bcb581, #bcb581);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bcb581), to(#bcb581));
    background-image: -webkit-linear-gradient(#bcb581, #bcb581);
    background-image: -o-linear-gradient(#bcb581, #bcb581);
    background-image: -ms-linear-gradient(#bcb581, #bcb581);
    background-image: linear-gradient(#bcb581, #bcb581);
    /* text-shadow: 0px 1px 0px rgba(0,0,0,.5); */
}

#profile span.iconTomo,
#profile span.iconAfter,
#profile span.iconToday,
#profile span.iconNew,
#profile span.iconUp{
	position:relative;
	top:0;
	left:0;
	font-size:14px;
}
.listTypeJ ul li .bottomBox h3 span {
    display: inline-block;
	line-height:1;
}
span.content{
}
.icontype + .icon2 >span,
span.content > span{
display:block;
}
/*アイコン*/
.icontype + .icon2 span span,
span.content span span{
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*
	border: 1px solid rgba(255,255,255,.8);
*/
/*
*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 53%, #cacaca 88%, #c1c1c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 53%,#cacaca 88%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 53%,#cacaca 88%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
color:#be713b;

    border-radius: 0px;
    display: inline-block;
    padding: 3px 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    margin:2px 0;
}

#newColumn{
width:300px;
float:right;
}
dl#columnArea{
}
dl#columnArea dt{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	background-color:#eeeeee;
	color:#D21D66;
}
dl#columnArea dd{
	text-align:left;
	font-size:12px;
	padding:4px;
	margin-bottom:20px;
	line-height:1.7;
	
}
dl#columnArea dd img{
vertical-align:middle;
}
dl#columnArea dd span{
	font-weight:bold;
	font-size:120%;
}

#newColumn + #layout{
width:670px;
float:left;
}

#moveToTop{
	display:block;
	position:fixed;
	bottom:10px;
	right:10px;
	cursor:pointer;
}

#moveToTop span{
background: rgb(196, 207, 211);
    text-decoration: none;
    color: #ffffff;
    width: 40px;
    padding: 6px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    line-height: 0.7;
	box-shadow:0 0 3px rgba(0,0,0,.3);
}
#moveToTop > span i {
    font-size: 30px;
    line-height: 1;
}

#telBox{
	display:none;
}

/*回り込み解除用*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 
h2:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 


.clr{
clear: both;  
}
#shopgaid{
	text-align:left;
}
#shopgaid h2{
}
#shopgaid p{
	font-size:12px;
	padding:2px 10px;
	line-height:1.5;
}

#smpFloat{
display:none;
    position: fixed;
    background: rgba(0,0,0,.9);
    width: 100vw;
	height:100vh;
    z-index: 10;
/*    margin: 10px;*/
	left:0;
	top:0;
	text-align:left;
}
#smpFloat ul{
    position: fixed;
    width: calc(100% - 40px);
    z-index: 11;
	top:50px;
/*    margin: 10px;*/
    border-radius: 10px;
	left:10px;
    padding: 10px;
	max-height:80vh;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	text-align:left;
}
#smpFloat span{
	display:inline-block;
	font-size:4.5vw;
	position:relative;
	z-index:11;
}
#smpFloat span:nth-child(3){
	display:inline-block;
	font-size:70%;
	margin-left:5px;
}
#smpFloat span i{
	font-size:7vw;
	margin-right:3px;
}
#smpFloat ul{
}
#smpFloat ul li{
	text-align:left;
}
#smpFloat ul li:first-child{
	text-align:center;
	border:1px solid #000000;
	background-color:rgba(51,51,51,.9);
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	border-radius:3px;
	box-shadow:-1px -1px 2px rgba(0,0,0,.7) inset, 1px 1px 2px rgba(255,255,255,.5) inset;
	margin-bottom:10px;
}
#smpFloat ul li a{
display:block;
padding:10px;
color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
}
#smpFloat ul li a i{
	margin-right:4px;
	width:1.5em;
	text-align:center;
	display:none;
}

#smpFloat ul li a:after{
	content:'>';
	display:inline-block;
	float:right;
	font-weight:bold;
	color:#ffffff;
	line-height:1;
}
#smpFloat ul li:first-child a:after{
	content:none;
}
#clsBtn{
	display:none;
	font-size:10vw;
	height:9.5vw;
	width:9.5vw;
	position:fixed;
	top:0;
	left:0;
	z-index:11;
	background-color:#000000;
	border-radius:50%;
}
#clsBtn i{
	line-height:0.95;
	color:#C9AA59;
}
#overlayBox{
	display:none;

	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,.5);
	top:0;
	left:0;
	z-index:9;
}

#breadcrumbs{
/*
background-color:#fbfdfd;
	background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(204,204,204,.9)); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.7)), to(rgba(204,204,204,.9)));	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.7), rgba(204,204,204,.9));	
	background-image: -o-linear-gradient(rgba(255,255,255,.7), rgba(204,204,204,.9));
	background-image: -ms-linear-gradient(rgba(255,255,255,.7), rgba(204,204,204,.9));
	background-image: linear-gradient(rgba(255,255,255,.7), rgba(204,204,204,.9));
border-left:1px solid #9D979B;
border-right:1px solid #9D979B;
border-top:1px  solid #333333;
*/
/*width:1230px;*/
/*width:1010px;*/
margin:auto;
}
#breadcrumbs ul{
	width:1010px;
/*	width:980px;*/
	margin:auto;
text-align:left;
font-size:13px;
padding:5px;
}
#breadcrumbs ul li{
display:inline-block;
color:#000000;
}
#breadcrumbs ul li a{
display:inline-block;
margin-right:5px;
color:#000000;
}
#breadcrumbs span {
    background-color: rgb(239, 239, 239);
    border-radius: 2rem;
    padding: 2px 10px;
}
#breadcrumbs li:last-child span {
    background-color: transparent;
    border-radius: 2rem;
    padding: 2px 10px;
}
#breadcrumbs ul li a:after{
display:inline-block;
content:' > ';
margin-left:5px;
}
.allPageBanner{
	display:none;
}
#spLogo{
	display:none;
}

@media screen and (max-width: 667px) {
html, body{
font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

min-width: initial;

}
body{
/*	background-image:none;*/
}
body h1{
/*
margin-bottom:157px;
*/
}



/*
body #header a{
display:inline-block;

    width: 120px;
    overflow: hidden;
    position: relative;
 

}
*/

body h1 a:link, body h1 a:visited, body h1 a:hover {
    color: #ffffff;
    width: auro;
    margin: auto;
    display: none;
}

	body #header{
		width:95%;
		width:calc(100% - 10px);
padding:5px;
		overflow:hidden;

    height: auto;
		background-size:auto;
		background-image:none;
/*	background-color:#004E22;*/
/*
	background-image: -moz-linear-gradient(#222222, #000000); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));	
	background-image: -webkit-linear-gradient(#222222, #000000);	
	background-image: -o-linear-gradient(#222222, #000000);
	background-image: -ms-linear-gradient(#222222, #000000);
	background-image: linear-gradient(#222222, #000000);
*/


/*background: #000000 url(/user/theme/set1/img/body_bg.jpg) center top no-repeat;*/

border:none;
}
body #header_BG {
margin:auto;
text-align:center;
    background: none;
position:relative;
/*
	background:#000000 url('/user/theme/set1/img/body_bg.jpg') center top no-repeat fixed;
	background-attachment:fixed;
position:fixed;
*/
top:0;
z-index:2;
width:100%;
}
#openTimes{
	display:block;
/*	display:none;*/
	text-align:center;
	font-size:12px;
	padding:5px 0;
	color:#ffffff;
    background: rgb(196, 207, 211);
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	}

body #header{
	text-align:center;
}
body #header a{
/*
width:40%;
width:36vw;
*/
width:auto;

margin:auto;
overflow:hidden;
float:left;

    border: none;
    top: 0;
    z-index: 10;
    z-index: 10;
    left: 0;
    height: auto;
/*
    height: 42px;
background-image:url(/user/theme/set1/img/header.jpg);
background-position:left;
background-size:cover;
*/
}
body #header a img#large {
display:none;
}
body #header a img#small {
display:block;
min-height:56px;
max-height:56px;
margin: 0px auto;
	width: auto;
	}
body #header a.headTel{
/*	display:block;*/
	display:none;
width:auto;
min-width:1.5em;
margin:auto;
overflow:hidden;
float:right;
font-size:15px;
padding:10px 6px;
border-radius:3px;
background: #ceaf5c; /* Old browsers */
background: -moz-linear-gradient(top,  #ceaf5c 0%, #8e733a 50%, #6a4e03 51%, #885200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceaf5c', endColorstr='#885200',GradientType=0 ); /* IE6-9 */
border:1px  solid #35270c;
color:#ffffff;
font-weight:bold;
line-height:1;
text-align:center;
}
body #header a.headTel span{
	font-size:90%;
}
body  a.smpMenu{
	display:block;
/*
width:1.5em;
margin:auto;
margin-right:3px;
overflow:hidden;
font-size:16px;
padding:10px 6px;
border-radius:3px;
*/
background: rgb(196, 207, 211); /* Old browsers */
border:1px  solid #ffffff;
color:#ffffff;
border-radius:3px;
font-weight:bold;
line-height:1;

text-align:center;
    position: fixed;
	top:5px;
	right:5px;
    width: 38px;
    height: 38px;
	z-index:100;
}
body #header a.smpMenu > span{
/*	display:none;*/
}
body #header a.smpMenu > span {
 /*   font-size: 90%;*/
}

.fa-bars{
	vertical-align:middle;
	margin-right:3px;
}
body #header a.headTel i{
	margin-right:3px;
}

#header_BG #menublock.fixed::before{
}

#menublock{
	display:block;
/*
	float:right;
*/
	height:auto;
	border-radius:0px;
/*border-top: 1px solid #30724d;*/
	text-align:right;
	padding:10px;
	width:90%;
	width:calc(100% - 0px);
position:fixed;
bottom:0;
}
#header_BG #menublock.fixed {
	min-width:auto;
/*
border-top: 1px solid #30724d;
*/
}
.smartScreen #header_BG #menublock{
background:none;
background-color: rgba(196, 207, 211,.8);
padding:5px 0px 10px;
border-top:none;
}

ul#navi {
	width:42px;
	height:42px;
overflow:hidden;
    text-align: left;
border:none;
}
ul#navi{
	display:none;
}
ul#navi li{
	display:none;
}

ul#navi li#openHideMenus{
	display:block;
	width:40px;
	height:40px;
	font-size:30px;
	border:1px solid rgba(226,95,127,.7);
	border-radius:3px;
	background-color:rgba(255,255,255,.5);
}
#openHideMenus a .fa {
    line-height: 2;
}
	#container{
		width:100%;
		padding:0px;

		overflow:hidden;
	}
	#home #layout{
		width:100%;

		overflow:hidden;
	}

/* 明 朝 指 定 時 */
#smpFloat, #hideMenus, h2{
/*font-family:  "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;*/
}

#hideMenus{
	display:block;
	border:none;
	position:relative;
	top:0;
	right:0;
	width:auto;
	padding:0;
}
#hideMenus li {
    display: block;
	float:left;
	width:16%;
	width:calc(100% / 5 - 0px);
	text-align:center;
}


#hideMenus li a{
	padding:0;
		color:#ffffff;
	/*	text-shadow:0 0 2px rgba(0,0,0,1);*/
}
#hideMenus li a:visited,
#hideMenus li a:hover{
		color:#ffffff;
}
.fixed #hideMenus li a{
	padding:0;
		color:#ffffff;
}
.fixed #hideMenus li a:hover{
		color:#ffffff;
}

#hideMenus li:nth-child(n+7) {
	display:none;
}

#menublock #hideMenus li i{
	font-size:40px;
	display:block;
}
#menublock.fixed #hideMenus li i{
/*	display:none;*/
}

ul#navi li a{
	font-size:20px;
	padding:0;
	text-align:center;
}
#hideMenus li a {
    font-size: 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#container{
border:none;
}
#layout{
width:auto;
margin:0;
float:none;
}
h2{
	padding:5px;
	font-size:20px;
}



#free_space{
	width:100%;
	overflow:auto;
-webkit-overflow-scrolling: touch
}
#free_space{
	width:100%;
	overflow:auto;
-webkit-overflow-scrolling: touch
}
#free_space ul{
	overflow:hidden;
    padding: 0px 10px;
    text-align: left;
}
#free_space ul li{
	display:inline-block;
	vertical-align:top;
	margin-right:0px;
	width:45%;
width: calc(50% - 6px);
padding:0 3px;
	}
#free_space ul li:first-child{
/*	margin-right:5px;*/
}
#free_space ul li:nth-child(3){
/*	display:none;*/
}
#free_space ul li img{
	width:auto;
/*	height:80px;*/
margin:auto;
}


/*
#footer:before{
	display:block;
	text-align:left;
	padding:5px 10px;
	content:'MENU';
	font-weight:bold;
    font-size: 5vw;
	color:#C9AA59;
}
*/

#container + #breadcrumbs + #footer #footer_box {
background-image:none;

display:none;
}

#container + #breadcrumbs + #footer #footer_box dl{
	display:none;
}
#container + #breadcrumbs + #footer #footer_box ul {
    float: none;
    width: auto;
	text-align:left;
	padding:0px 0 10px;
/*	border-bottom:1px solid #ffffff;*/
/*	background-color:#d9eaf4;*/
}
#container + #breadcrumbs + #footer #footer_box ul:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
#container + #breadcrumbs + #footer #footer_box ul li {
	float:left;
    display: inline-block;
    font-size: 3.5vw;
/*
    width: 45%;
	width:calc(100% / 2 - 1px);
*/
	width:auto;
	text-align:center;
	margin:0;
/*border-bottom:1px solid rgba(255,255,255,.5);*/

}
#container + #breadcrumbs + #footer #footer_box ul li:nth-child(odd) {
/*
border-right:1px solid rgba(255,255,255,.5);
*/
}
#container + #breadcrumbs + #footer #footer_box ul li a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:10px; 

	color:#333333;
}
#telBox{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:85%;
}
#moveToTop{
	display:block;
	position:fixed;
	bottom:86px;
	right:6px;
}
#moveToTop span{
}
#moveToTop > span i {
}
#telBox span{
	display:inline-block;
width:calc(70% - 20px);
border-radius:3px;
margin:5px;
background: #004E22; /* Old browsers */
background: -moz-linear-gradient(top,  #004E22 0%, #004E22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #004E22 0%,#004E22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #004E22 0%,#004E22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004E22', endColorstr='#004E22',GradientType=0 ); /* IE6-9 */
border:1px  solid #30724d;
color:#ffffff;
	box-shadow:0 0 3px rgba(0,0,0,.7);
}
#telBox span em {
    display: block;
    font-size: 2.5vw;
    font-style: normal;
}

#telBox span:first-child{
width:25%;
    border-color: #ffffff;
    background-color: #00B90E;
}

#telBox span a:visited,
#telBox span a:link{
	color:#ffffff;
	font-size:4vw;
	display:block;
	padding:3px 0;
}

#telBox span:first-child{
width:25%;
    border-color: #ffffff;
    background-image: none;
    background-color: #00B90E;
	filter:none;
    vertical-align: top;
}
#telBox span:first-child a:visited,
#telBox span:first-child a:link{
	color:#ffffff;
	padding: 11px;
}
#telBox i {
    font-size: 5vw;
    margin-right: 3px;
}


#footer{
}
#footer address{
	position:relative;
}
#footer address a:link,
#footer address a:hover,
#footer address a:visited{
/*	color:#ffffff;*/
}


#groupBnrs{
	padding:10px 5px;
	margin-bottom:0px;
	background-color:rgba(0,0,0,,.3);
}
#groupBnrs ul{
	text-align:left;
}
#groupBnrs ul:before{
content:"";
font-weight:bold;
display:block;
text-align:left;
color:#111111;
padding:5px;
}
#groupBnrs ul li{
display:inline-block;
width:calc(100%/3 - 4px)
}
#groupBnrsul li a{
}
#groupBnrsul li a img{
	width:auto;
	max-width:100%;
}




#spswitch{
	display:none;
}
#shopgaid{
/*	margin-bottom:20px;*/
}
#shopgaid h2{
}
#shopgaid p{
	font-size:12px;
	padding:2px 10px;
	line-height:1.5;
}
#breadcrumbs{
display:block;
border:none;

width:100%;
overflow:auto;
}
.fixed + #breadcrumbs{
/*
display:block;
position:fixed;
top:115px;
width:100%;
background-color:#30724d;
color:#004E22;

box-shadow:0px 1px 1px rgba(0,0,0,.3);
*/
}
#breadcrumbs ul{
	font-size:12px;
/*	width:auto;*/
	width:500px;
}
#breadcrumbs ul li{
}
#breadcrumbs ul li a{
}
#breadcrumbs ul li a:after{
}
span.iconTomo,
span.iconAfter,
span.iconToday,
span.iconNew,
span.iconUp{
	font-size:10px;
}

span.iconNew, span.iconUp{
/*	width:14vw;*/
	padding:0px;
}

#home .scrollable span.iconNew, #home .scrollable span.iconUp{
/*	width:12vw;*/
	padding:0px;
}

#home .gridTile span.iconNew, #home .gridTile span.iconUp{
/*	width:10vw;*/
	padding:0px;
}

span.iconNew img, span.iconUp img{
	width:100% !important;
	height:auto !important;
}
#free_space ul li iframe{
width:100%;
}

#headline {
    width: 100%;
font-size:15px;
padding:0;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width:30px;
  height: 30px;
}
.menu-trigger span {
  position: absolute;
  left: 5px;
  width: 70%;
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
	z-index:1000;
}
.menu-trigger span:nth-of-type(1) {
  top: 5px;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 6px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(10.5px) rotate(-315deg);
    background-color: #ffffff;
	z-index:1000;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-11px) rotate(315deg);
    background-color: #ffffff;
	z-index:1000;
}


#spFloat ul {
    max-height: calc(90vh - 120px);
    margin-top: 60px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  }

.openAndTel{
display:none;
}
#container + #footer {
}
#footer br{
	display:none;
	}

.allPageBanner{
	display:block;
	font-size:0;
    display: flex;
    align-items: stretch;
flex-wrap :wrap;
	}
.allPageBanner li{
	display:inline-block;
    /*コレ*/display: block;
    /*コレ*/align-items: center;
	width:calc(100%/3 - 4px);
	margin:2px;
	font-size:13px;
	box-sizing: border-box;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,cccccc+100 */
background: linear-gradient(135deg,  rgba(229,229,229,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:5px;
border:2px solid #cccccc; 
justify-content: center;
	}
.allPageBanner li a{
		color:#ffffff;
	display:block;
	font-weight:bold;
	padding:10px 0;
/*font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;*/
}

#spLogo{
	display:block;
	text-align:center;
	padding:20px 0 0;
}
	#spLogo img{
		display:block;
		margin:auto;
		width:130px;
}
	
}
@media screen and (max-width: 400px) {
/*
*/
body #header a.headTel span,
body #header a.smpMenu > span{
	display:none;
}
/*
span.iconNew, span.iconUp{
	display:none;
}
*/
body #header a.headTel{
padding:6px 6px;
}
body #header a.headTel i{
	font-size:24px;
}
}

.fa-phone-square{
	transform:rotate(90deg);
	margin-right:5px;
}