html {scroll-behavior: smooth;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote {margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }img {border: 0; -ms-interpolation-mode: bicubic;}h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}ul,dl,ol {text-indent: 0;}li {list-style: none;}address,capti
on,cite,code,dfn,var{font-style: normal; font-weight: normal;}sup {vertical-align: text-top;}sub {vertical-align: text-bottom;}input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}* html input,* html textarea,* html select {font-size: 100%;}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}caption {text-align: left;}pre,code,kbd,samp,tt {
amily: monospace;}* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}input,select,textarea {font-size: 100%; font-family: '游明朝 Medium', serif;}.clear {zoom: 1;}.clear:after {content: ".";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;}a{color:#333; text-decoration: none;}#breadcrumbs{margin:10px auto 10px auto; width: 1200px;}#breadcrumbs ol li {display: inline;list-style-type: none;}#breadcrumbs ol li a{color: #333; padding: 0 5px;}#breadcrumbs ol li a:hover{text-decoration: underline;}#breadcrumbs ol li:before {content: " > ";}#breadcrumbs ol li:first-child:before {content:"";}#breadcrumbs ol li:first-child:before {padding:0 3px 0 0; content:"\f015"; font-family:"Font Awesome 5 Free"; font-size:16px;font-weight: 900;}@media screen and (max-width: 768px) {#breadcrumbs{margin:10px auto 10px auto; width: 100%; padding: 0 5px; box-sizing: border-box;}#breadcrumbs ol li {display: inline;list-style-type: none;}#breadcrumbs ol li a{color: #333; padding: 0 5px;}#breadcrumbs ol li a:hover{text-decoration: underline;}#breadcrumbs ol li:before {content: " > ";}#breadcrumbs ol li:first-child:before {content:"";}#breadcrumbs ol li:first-child:before {padding:0 3px 0 0; content:"\f015"; font-family:"Font Awesome 5 Free"; font-size:16px;font-weight: 900;}}body {font-size: 16px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lato", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;line-height: 1.4em;}article{padding: 10px 0;}
body{font-family: '游明朝 Medium', serif;background-color: #f9f9f9;}

#main{position: relative;z-index: 1; width:100%; height:auto; margin:0 auto;text-align: center;}
#header{position: relative;width: 100%; height:100px;z-index: 5; }
#header .adtel{text-align: right;height: 100px;margin-right:96px;margin-top: 10px;}
#header .adress{padding-top:10px; line-height: 150%;font-size: 0.8em;height:20px;}
#header .tel{text-align: right;height:35px; line-height: 150%;vertical-align: middle;}
#header .tel img{vertical-align: middle;margin-right: 5px;}
#header .tel .telic{width:27px; height:30px; background-image: url("../img/common/top_04.png"); background-repeat: no-repeat; padding-left:29px;padding-bottom: 25px;}
#header .sns{
    width: 122px;
    height: 50px;
    position: absolute;
    right: 358px;
    top: 10px;
}
#header .sns ul li.snsicon{width:30px;height:30px;line-height: 30px;background-color: #edeff2; border-radius: 50%;
  text-align: center;float: left;display: inline;margin-right:10px;}
#header .sns ul li.snsicon img{width: 70%;text-align: center;margin-top:15%;}
/*.logo{width: 100%;height: auto;text-align: center;padding:10px 0;}*/


#leftcont{position:fixed;z-index:0;top:40px;left:40px;width:370px;height: 800px;}
#leftcont .icon1{width:62px;height:64px;margin-bottom: 30px;}
#leftcont .menu{width:200px;height:auto;margin-top:10px;text-align: left;}
#leftcont ul.menu li{text-align: left;font-size: 0.9em;padding:8px 0 8px 0;font-weight: 400;}　


#rightcont{position:fixed;right:0;top:0;z-index:20; width:72px;height:500px;}
#rightcont .botan{position:fixed;top:0;right:0;width:72px;height:208px;}
#rightcont .botan:hover{opacity:0.7;}
#rightcont .honten{position:fixed;top:379px;right:5px;writing-mode: vertical-rl;text-align: center;font-size: 2.0em;font-weight: 300;}
#rightcont .honten p{display: none;}
.mainbn{width:70%;height:auto;margin:0 auto; text-align: center;padding-top: 39px;}

.mainbig{height:auto;margin:0 auto; text-align: center;}

.ftbig{font-size: 1.8em; font-weight: 300; text-align: center;margin-top: 100px; margin-bottom:18px;}
.ftbig2{font-size: 1.8em; font-weight: 300; text-align: center;margin-top: 40px; margin-bottom:30px;}
.ftbig3{font-size: 1.8em; font-weight: 300; text-align: center;margin-top: 40px; margin-bottom:10px;}
.box1{padding: 15px; width:34%; margin:0 auto; text-align: left; line-height: 160%;}
.box2{padding: 50px; margin:0 auto; text-align: center; line-height: 160%;}
.box3{margin: 0 auto;width:38%;height:auto; background-color: #fff;border: solid 1px #C8C8C8;padding: 40px;text-align: left; line-height: 160%;}
.box3 img{text-align: center;margin-top:10px;width:100%;}
.ftsm{text-align: center;font-size: 0.9em;padding-bottom: 20px;}
.merchan{width:1100px;height:auto;margin:0 auto; text-align: center;padding:5px;padding-top: 15px;}
.dise{width:300px; height:420px;background-color: #fff;border: solid 1px #C8C8C8;padding: 20px;float: left;margin:8px;text-align: center;}
.dise img{width:100%;}
.dise p{font-size: 0.8em;line-height: 150%;text-align: left;}
h3.mer{text-align: center; margin-top: 10px; margin-bottom: 11px;font-size: 1.2em;}

.banner1{margin:0 auto;text-align: center;padding:100px;}

iframe {width:60%;margin:0 auto;text-align: center;}

.footcont{width:750px;height: auto; margin:0 auto; padding: 20px;clear: both;}
.footcont ul li{width:300px;height:70px;text-align: left;float: left;margin:20px;}
.footcont ul li p{font-size: 0.8em;padding-left: 10px;} 
.shopinfo{border-left: inset 10px #cbcbcb;margin-right: 10px;font-size: 1.2em;}

#footer{width:100%; height:800px;margin:146px 0; text-align: center;position: relative;background-color:#fff; }
#footer .footlogo{width:148px; height:380px; margin:0 auto;padding-top: 200px;}
#footer .footlogo2{display: none;}
#footer .footmenu{width:300px;height:auto;position: absolute;right: 500px; top:150px;text-align: left;}
.footmenu li {text-align: left;font-size: 0.9em;padding:8px 0 8px 0;font-weight: 400;}
.icon2{width:62px;height:64px;margin-bottom: 30px;}
.upper{position:fixed;right:20px;bottom:20px;transition:1s;opacity:1;z-index: 50;}
.upper:hover{opacity:0.7;}

#header .tel{color: #F00;
	font-weight: bolder;
	vertical-align: middle;
}
#header .tel{vertical-align: middle;}



@media screen and (max-width: 768px) {
html {scroll-behavior: smooth;background-color: #f9f9f9;}
#main{max-width:100%; height:auto; margin:0 auto;text-align: center;-webkit-text-size-adjust: 100%;}

#leftcont{display: none;}
#rightcont{display: none;}
/*
#leftcont
#leftcont{position:fixed;z-index:0;top:40px;left:40px;width:50px;height: 100px;}
#rightcont{position:fixed;right:0;top:0;z-index:50; width:72px;height:200px;}
#rightcont .honten img{width:0px;}
*/

#header{max-width: 100%; height:100px;z-index: 5;}
#header .adtel{text-align: right;height: 100px;margin-right:10px;margin-top: 10px;}
#header .adress{padding-top:10px; line-height: 150%;font-size: 0.8em;height:20px;}
#header .tel{text-align: right;height:35px; line-height: 150%;}
#header .tel .telic{width:27px; height:30px; background-image: url("../img/common/top_04.png"); background-repeat: no-repeat; padding-left:29px;padding-bottom: 25px;}
#header .sns{ width: 122px; position: absolute; left: 10px;}
#header .sns ul li.snsicon{width:30px;height:30px;line-height: 30px;background-color: #edeff2; border-radius: 50%;
  text-align: center;float: left;display: inline;margin-right:10px;}
#header .sns ul li.snsicon img{width: 70%;text-align: center;margin-top:15%;}

.logomark img{margin: 0 auto; text-align: center; width: 30%;height: auto;}
.mainbn{width:100%!important;height:auto;margin:0 auto; text-align: center;padding-top: 39px;}
.ftbig{font-size: 1.3em; font-weight: 300; text-align: center;margin-top: 100px; margin-bottom:16px;margin-left: 15px;margin-right: 15px;}
.ftbig2{font-size: 1.3em; font-weight: 300; text-align: center;margin-top: 40px; margin-bottom:30px;}
.ftbig3 {font-size: 1.3em; font-weight: 300;text-align: center; margin-top: 40px; margin-bottom: 10px;}
.box1 {width:80%!important;padding: 15px;font-weight: 300;margin: 0 auto;text-align: left;line-height: 160%;}
.box2 {width:80%!important;margin: 0 auto; text-align: center;}
.box3 {width:80%!important;margin: 0 auto; height: auto; background-color: #fff; border: solid 1px #C8C8C8; padding: 20px;text-align: left;line-height: 160%;}
.merchan{width:90% !important;height:auto;margin:0 auto; text-align: center;padding:5px;padding-top: 15px;}
.dise{max-width:100%; height:auto;background-color: #fff;border: solid 1px #C8C8C8;padding: 20px;float: left;margin:8px;text-align: center;}
.dise img{width:100%;}
.dise p{font-size: 0.8em;line-height: 150%;text-align: left;}
h3.mer{text-align: center; margin-top: 10px; margin-bottom: 11px;font-size: 1.2em;}
.banner1{margin:0 auto;text-align: center;padding:10px;padding-top: 50px;padding-bottom:50px;}
.banner1 img{width:90%;}
iframe {max-width:90%;margin:0 auto;text-align: center;}
.footcont{max-width:100%;height: auto; margin:0 auto; padding: 20px;clear: both;}
.footcont ul li{max-width:40%;height:70px;text-align: left;float: left;margin:15px;}
.footcont ul li p{font-size: 0.8em;padding-left: 10px;} 
.footcont ul li img{width:60%;}
.shopinfo{border-left: inset 10px #cbcbcb;margin-right: 10px;font-size: 1.0em;}
#footer{max-width:100%; text-align: center; height: 600px;background-color:#06112a;margin: 146px 0; }
#footer .footlogo{display: none;}
#footer .footlogo2{width:148px; height:380px; margin:0 auto;padding-top: 200px;}
iframe {width:85%;margin:0 auto;text-align: center;}
.icon2{width:62px;height:64px;margin-bottom: 30px;}
.footlogo img{width:70%;}
#footer .footmenu{width: 100%; position: initial;padding-top: 130px;}
.footmenu li {text-align: center!important;font-size: 0.9em;padding:8px 0 8px 0;font-weight: 400;}
.footmenu li a{color: #fff;}
.icon2{width:100%;height:64px;margin-bottom: 30px;text-align: center;}
}