@charset "utf-8";

*, ::after, ::before {
    box-sizing: border-box;
}

a, a:focus, a:link {
    outline: 0;
    display: block;
}

div.fuwaraku{color: #604c3f; padding: 0; margin: 0;/*letter-spacing: .05em;*/}/* mobile */
html { font-size: 62.5% }

div.fuwaraku { font-size: 10px; font-size: 1rem; /* letter-spacing: -.001em;*/ letter-spacing: .04em; margin: 0 auto; max-width: auto; }
@media screen and (min-width:320px) {
div.fuwaraku {font-size: 12px;font-size: 1.2rem}
}
@media screen and (min-width:360px) {
div.fuwaraku {font-size: 13.44%;font-size: 1.344rem}
}
@media screen and (min-width:375px) {
div.fuwaraku {font-size: 14px;font-size: 1.4rem}
}
@media screen and (min-width:480px) {
div.fuwaraku{font-size:17.92px;font-size:1.792rem}
}

div.fuwaraku .guestion_box a,div.fuwaraku .guestion_box a:focus,div.fuwaraku .guestion_box a:link{font-size: 14px; font-weight: bold; text-decoration: underline;outline:0;display:inline-block;}
div.fuwaraku a:link,div.fuwaraku a:visited{text-decoration:none;color:#604c3f}
div.fuwaraku a:hover{color:#604c3f}
div.fuwaraku .wrap{ background-color: #f6f4ee; max-width: auto;width: 100%; position: relative; margin-right: auto;margin-left: auto}/* mobile */
div.fuwaraku .container{ max-width: 690px;width: 100%; margin-right: auto;margin-left: auto}/* mobile */
/* header */
header{ width: 100%; max-width: auto; overflow: hidden; z-index: 999; background-color: rgba(246, 244, 238, 1); margin-top: 0;}
#logo{float:left; width: 55.0724%;}
header .container{padding-top: 6.521%;}
header h1{ margin-bottom: 0}
header h1 a {background: url("../../../smp/images/corp/header/logo.svg") 0 0 no-repeat;height: 0; padding-top: 17.142857%; background-size: contain; overflow: hidden; }
.top_fixed { position: fixed!important; top: 0; width: 100%; z-index: 8000; }
#gnav_top nav{ width:37.2463%;float: right}
#gnav_top nav ul{width: 100%; overflow: hidden;}
#gnav_top nav ul li{ float: left; bottom: 0; padding-bottom: .1%; margin-left: 5%;}
#gnav_top nav ul li:first-child{/*margin-left:35%*/margin-left:0%}
#ec, #map, #instagram {width: 27.38622%;height: 27.381916%}
#ec a{background: url(../../../smp/images/corp/header/ec.svg) 0 0 no-repeat;height: 0;padding-top: 100%;/*background-size: contain;*/ background-size: 99%; overflow: hidden;display: block;}
#map a{background: url(../../../smp/images/corp/header/map.svg) 0 0 no-repeat;height: 0;padding-top: 100%;/*background-size: contain;*/ background-size: 99%;overflow: hidden;display: block;}
#instagram a{background: url(../../../smp/images/corp/header/instagram.svg) 0 0 no-repeat;height: 0;padding-top: 100%;/*background-size: contain;*/ background-size: 99%;overflow: hidden;display: block;}
#header{height: auto; border-bottom: 1px solid #604c3f; padding: 0;}
#header .container{position: static; height: auto; background-color: rgba(246, 244, 238, 1);}



.container {
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 3.86667%;
}

.d-flex {
   display: flex!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    justify-content: flex-end!important;
}

.breadcrumb-list {
    border-top: none;
}

#footer_nav .l-footer__nav__kutsucom a {
	line-height: .5;
    margin-bottom: calc((12 / 750) * 100%);
}

#footer_nav .l-footer__nav__kutsucom a img {
	width: calc((274 / 750) * 100%);
}




#gnav_bottom {border-top: 1px solid #604c3f;border-bottom: 1px solid #604c3f; margin-top: 3.86667%;}
#gnav_bottom nav{overflow-x: auto;-webkit-overflow-scrolling: touch;}
#gnav_bottom nav ul{ display: flex;}
#gnav_bottom nav ul li{border-left: 1px solid #604c3f;display: flex; align-items: center; align-content: center; position: relative; word-break: break-all;}
#gnav_bottom nav ul li a{ display:block; z-index: 0; box-sizing: border-box; width:113px; text-align: center; padding: .4em 0;font-size:76.923%!important;}
@media screen and (min-width:480px) {
#gnav_bottom nav ul li a{ width:150px!important}
}
#gnav_bottom nav ul li a::before {bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
#gnav_bottom nav ul li:first-child{border:none}
#gnav_bottom nav ul li:hover{background-color: #fff; }
#gnav_bottom nav ul li a,#gnav_bottom nav ul li a:link,#gnav_bottom nav ul li a:visted{text-decoration: none;color:rgba(96,76,63,.7)!important;opacity:1!important;filter:alpha(opacity=100)!important;display: inline-block;
box-sizing: border-box; text-align: center;}
#gnav_bottom nav ul li a:hover,#gnav_bottom nav ul li a:active{ /*background-color:#fff2f4;background-color:rgb(255, 242, 244);color:rgba(96,76,63,.7)!important;*/ opacity:1!important;filter:alpha(opacity=100)!important}
/* breadcrumb */
.breadcrumb{ overflow-x: scroll; width: 1000px; background-color: inherit!important; padding-right: 0; padding-left: 0;}
.breadcrumb-item{ display: inline-block;white-space: nowrap;font-size: 85.714286%; color:rgba(96,76,63,.7);}
.breadcrumb-item.active{ font-size: 85.714286%; color:#604c3f}
.breadcrumb-item a{display:inline-block!important}
/* main */
main{ position: relative}
/* footer */
footer { text-align: center; background-color: rgba(246, 244, 238, 1);margin-top:0%;padding-top: 0%;padding-bottom: 12.66667%;position: relative;overflow: hidden;}
footer #page-top{ border: 1px solid #604c3f;font-size: 85.714286%;width: 460px;width: 61.33333%;text-align: center;padding: .5em;margin: 5em auto 3em;}
footer #footer_logo{ margin-top: 23.2%; vertical-align: bottom; max-width: 457px; width: 60.93333%}
footer #footer_logo img{ width: 100%}
#footer_nav {padding-top: .8%; }
#footer_nav nav{margin: 0 auto;width: 100%;}
#footer_nav > div.row{width: 100%; padding: 0!important; margin: 0!important}
#footer_nav nav ul{  position: relative;box-sizing: border-box; }
#footer_nav nav ul li{ font-size: 85.714286%; color: #604c3f; box-sizing: border-box; text-align: center; margin-top: 2%; padding-top: 3.6%; width: 100%; line-height: 1.8; border-bottom: 1px solid #604c3f;}
#footer_nav nav ul li a{ box-sizing: border-box; display: block;position: relative; padding: 0;}
#footer_nav nav ul li a:after { display: block;position: absolute;top: 50%;right: 8%;width:7px;height: 7px;margin-top: -4px;border-top: solid 1px #604c3f;border-right: solid 1px #604c3f;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";}
#footer_nav nav ul li a:hover{color:rgba(96,76,63,.7)!important;opacity:1!important;filter:alpha(opacity=100)!important}
footer #copy {margin: 6.8% 0;}
footer #copy p {margin-bottom: 0;text-align: center; font-size:64.2857% }
footer #copy p small{font-size:64.2857% }
footer #copy p a:link {display: inline-block !important}
footer #copy p a:hover {text-decoration: underline}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
}


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

フッターボタン

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

#footer_button_link {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin-top: 50px;
}

#footer_button_link a {
	border: 1px solid #604c3f;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	box-sizing: border-box;
}

.page_footer_inner ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 100%;
}

.page_footer_inner ul li:nth-of-type(1) {
	margin: 0 auto 30px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	width: 98%;
	height: auto;
	border: 2px solid #604c3f;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	box-sizing: border-box;
}

.page_footer_inner ul li:nth-of-type(2) a {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	width: 98%;
	height: auto;
	color: #604c3f;
	border: 2px solid #604c3f;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	box-sizing: border-box;
}

.page_footer_inner li dl {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}

.page_footer_inner li dt {
	background-color: #604c3f;
	color: #FFFFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 20px;
}

.page_footer_inner ul li:nth-of-type(1) dd:nth-of-type(1) {
	margin: 0 auto;
    padding: 5px;
}

.page_footer_inner ul li:nth-of-type(1) dd:nth-of-type(2) {
	margin: 0 auto;
    padding: 5px;
    font-size: 0.90em;
	font-weight: bold;
}

.page_footer_inner ul li:nth-of-type(1) dd:nth-of-type(3),

.page_footer_inner ul li:nth-of-type(1) dd:nth-of-type(4){

	margin: 0 auto;
    padding: 0px;
    font-size: 0.50em;
    font-weight: bold;
    letter-spacing: 0.01em;
}

.page_footer_inner ul li:nth-of-type(1) dd:nth-of-type(4){
	margin: 0 auto;
    padding: 0 0 5px 0;
    font-size: 0.50em;
    font-weight: bold;
    letter-spacing: 0.01em;
}

.page_footer_inner ul li:nth-of-type(2) dd:nth-of-type(1) {
	margin: 0 auto;
    padding: 5px;
    font-size: 0.90em;
	font-weight: bold;
}

.page_footer_inner li dd span {
	padding: 0 0 0 15%;
    font-size: 34px;
    font-weight: bold;
    background: url(https://gigaplus.makeshop.jp/fuwaraku/img/free-call.gif) no-repeat 0 5px;
    background-size: 16% auto;
}

select#spcode {
    border: 1px solid #5E4C3E;
    padding: 10px 0 10px 16%;
    background-color: #fff;
    width: 85%;
    float: right;
    font-weight: 400;
    position: relative;
}


#storeSearchWrap {
    margin-bottom: 10%;
}

.Nationwide_Comment {
    margin-bottom: 30px;
}