@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Amiri|Cormorant+Garamond:400,500|Noto+Sans+JP:400,500|Noto+Serif+JP:400,600&display=swap');


@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'),
 	url('../fonts/gothic.woff') format('woff'), 
	url('../fonts/gothic.ttf') format('truetype');
}

.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;  -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}

article, section,header, nav, footer,aside, details, figcaption, figure{ display: block;}
img {max-width:100%; height: auto;}

html {overflow-y: scroll;overflow-x:hidden;}

body {
margin:0 auto;
background:#fff;
font-size:62.5%;
 color:#000;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif; 
*font-weight:400;
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale;
overflow-x:hidden;
 -ms-overflow-x-style:none; /* IE, Edge  */
scrollbar-width:none; }/* Firefox */

body {
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;/* IE 10+ */
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;}

/*firefox*/
.mac.gecko body{font-size:70%;list-style:none; }

/*============================================================*/
ol, ul { list-style: none; }
/*===== Main =======*/
h1 { font-size:50px; padding:1.4em 0 0 0; color:#000; }
/*1em＝「文字の高さ」0.5em半角*/
p { font-size:14px; padding:0.4em 0; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

/*============SECTION==============*/
.sectionin {display: block;max-width:1080px;width:100%;margin:0 auto;padding:0;}

/*店舗ブロック================================*/
.Tenpoblock{max-width:437px;width:100%;height:auto;margin:10em auto 3em; padding:0; text-align:center;}
.Tenpoblock img{width:100%;height:auto;margin:0;}

/*firefox*/
.mac.gecko .Tenpoblock{max-width:31.8em;width:100%;height:auto;margin:-2em auto 3.6em; padding:0; text-align:center;z-index:50;}
/*.mac.chrome*/
.mac.chrome .Tenpoblock img{width:100%;height:auto;margin-left:-0.1em;}
/*===========================================================*/
.main{max-width:437px;width:100%;margin:0 auto; padding-left:2em;}

.rogoblock{max-width:220px;width:100%;height:auto;margin:0;padding:0;text-align:left;/*border:1px solid #ff0000;*/}
.rogo img{max-width:200px;width:100%;height:auto; margin: 0 0 2em;/*border:1px solid #ff0000;*/}
.guuaddress img{max-width:142px;width:100%;height:auto;margin: 0 0 2.5em;text-align:left;} 
.instagram img{max-width:127px;width:100%;height:auto;margin:0;text-align:left;} /*134ox80%*/
.maillink img{max-width:178px;width:100%;height:auto;text-align:left;}

a img:hover{
-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
opacity:0.6;/*モダンブラウザ用*/
-ms-filter:"alpha(opacity=50)";/*IE8用*/
-moz-opacity:0.6;
-khtml-opacity: 0.6;
}

/*firefox*/
.mac.gecko .rogoblock img{margin-left:0;margin-top:0.3em;}
/* ================================================================
フッター
================================================================*/
footer{width:100%; height:120px; margin:0; padding:0;text-align:center; /*border:1px solid #ff0000;*/}
#footer_area{ max-width:437px; width:100%;margin:0.1em auto 0; padding:0; text-align:left;} 
.copyright img{ max-width:110px;width:100%;height:auto;margin:0;padding-left:2.1%;text-align:left;}

/*スマホ用 ##################################################*/
/* ipad pro1024================================== */
@media screen and ( max-width:1024px ){
body{width:100vw;margin:auto;padding:0;overflow-x:hidden;}
header{max-width:1024px;width:100%;height:auto;margin:0 auto;padding:0;}
/*============SECTION==============*/
.section {display: block;max-width:1024px;width:100%;margin:0 auto;padding:0;}
/*店舗ブロック================================*/
.Tenpoblock{max-width:calc(100vw / 3.2);width:100%;height:auto;margin:10.5em auto 2.5em;}

.main{max-width:calc(100vw / 3.2);width:100%;padding-left:2%;/*border:1px solid #0000ff;*/}
.rogoblock{max-width:calc(100vw / 3.2);width:100%;height:auto;margin:0 auto;padding:0;}
.rogo img{max-width:calc(100vw / 5);width:100%;margin: 0 0 1.3em;}
.guuaddress img{max-width:calc(100vw / 6);width:100%;height:auto;margin:0 auto 1.5em;padding:0;} 
.instagram img{max-width:calc(100vw / 7.2);width:100%;margin:1.2em 0 0;height:auto;}
.maillink img{max-width:calc(100vw / 5.2);width:100%;height:auto;margin:0 auto;padding:0;}

#footer_area{max-width:calc(100vw / 3.2);width:100%;height:auto;} 
}

/*834ipad pro================================== */
@media screen and ( max-width:834px) {
body{width:100vw;margin:auto;padding:0;overflow-x:hidden;}
header{width:834px;height:auto;margin:0;padding:0;}

/*============SECTION==============*/
.section {display: block;max-width:834px;width:100%;}
/*店舗ブロック================================*/
.Tenpoblock{max-width:calc(100vw / 3.2);width:100%;height:auto;margin:10% auto 2em;}
.rogo img{max-width:calc(100vw / 5);width:100%;margin: 0 0 1em;}
.guuaddress img{max-width:calc(100vw / 6);width:100%;height:auto;margin:0 auto 1em;padding:0;} 
}

/* ipad 768================================== */
@media only screen and ( max-width: 768px) {
body{width:100vw;margin:auto;padding:0;}
header{width:768px;height:auto;margin:0;padding:0;}
/*============SECTION==============*/
.sectionin{display: block;max-width:768px;width:100%;}
.guuaddress img{max-width:calc(100vw / 6);width:100%;height:auto;margin:0 auto 0.6em;padding:0;} 
.copyright img{ max-width:100px;width:100%;height:auto;margin:0;padding-left:3%;text-align:left;}
}

/*736 iphone8plus横================================================*/
@media screen and ( max-width: 736px) {
html{overflow-x:hidden;}
body{width:100vw;margin:0;padding:0;}
header{width:100vw;height:auto;margin:0;padding:0;}
}

/*667iphone8横================================================*/
@media screen and ( max-width: 667px) {
body{width:100vw;margin:auto;padding:0;}
header{width:100vw;height:auto;margin:0;padding:0;}
}

/* 640=========================================================*/
@media screen and ( max-width: 640px) {
html{overflow-x:hidden;font-size:76.3%; }
body{width:100vw;margin:auto;padding:0;}
.instagram img{max-width:calc(100vw / 7.2);width:100%;margin:1.2em 0 -0.4em;height:auto;}
.copyright img{ max-width:calc(100vw / 7.2);width:100%;height:auto;margin:0;padding-left:3%;text-align:left;}
}

/*568iphone se横================================================*/
@media screen and ( max-width: 568px) {
html {overflow-x:hidden;}
.Tenpoblock{max-width:calc(100vw / 3.2);width:100%;height:auto;margin:12% auto 2em;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
html {overflow-y: scroll;overflow-x:hidden;}
body{width:100vw;margin:auto;padding:0;}
/*店舗ブロック================================*/
.Tenpoblock{max-width:calc(100vw / 1.39);width:100%;height:auto;margin:6em auto 2em;}

.main{max-width:calc(100vw / 1.45);width:100%;padding-left:2.2%;/*border:1px solid #0000ff;*/}
.rogoblock{max-width:calc(100vw / 1.42);width:100%;height:auto;margin:0 auto;padding:0;}
.rogo img{max-width:calc(100vw / 3);width:100%;margin: 0.5em 0 1.3em;}
.guuaddress img{max-width:calc(100vw / 4);width:100%;height:auto;margin:0 auto 0.5em;padding:0;} 
.instagram img{max-width:calc(100vw / 4.7);width:100%;margin:1.1em 0 0;height:auto;}
.maillink img{max-width:calc(100vw / 3.4);width:100%;height:auto;margin:0 auto;padding:0;}

#footer_area{max-width:calc(100vw / 1.4);width:100%;height:auto;margin:0 auto;} 
.copyright img{ max-width:calc(100vw / 4.7);width:100%;height:auto;margin:0;padding-left:3%;text-align:left;}
}

/*384 LG Optimus================================================*/
@media screen and ( max-width:384px) {
html {overflow-x:hidden;}
body{width:100vw;margin:auto;padding-left:0;}
.maillink img{max-width:calc(100vw / 3.4);width:100%;height:auto;margin:0 auto -0.2em;padding:0;}
}

/*375=========================================================*/
@media screen and ( max-width: 375px) {
html {overflow-x:hidden;}
body{width:100vw;margin:auto;padding-left:0.8%;}
/*店舗ブロック================================*/
.Tenpoblock{max-width:calc(100vw / 1.39);width:100%;height:auto;margin:5.5em auto 2em;}
.instagram img{max-width:calc(100vw / 4.7);width:100%;margin:1.1em 0 -0.4em;height:auto;}
}

/*320=========================================================*/
@media screen and ( max-width: 320px) {
html {overflow-x:hidden;}
body{width:320px;}
/*店舗ブロック================================*/
.Tenpoblock{max-width:calc(100vw / 1.39);width:100%;height:auto;margin:4.5em auto 2em;}
.instagram img{max-width:calc(100vw / 4.7);width:100%;margin:1.1em 0 -0.5em;height:auto;}
.maillink img{max-width:calc(100vw / 3.4);width:100%;height:auto;margin:0 auto -0.3em;padding:0;}
}

/*######################################################*/


/*ブロックのhover透明 ========================================*/  
 a.toumei:hover {
opacity:0.7;/*モダンブラウザ用*/
-ms-filter:"alpha(opacity=70)";/*IE8用*/
-moz-opacity:0.7;
-khtml-opacity: 0.7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

/*画像のhover透明 */
a.toumei:hover img,a#opacity:hover img{/*モダンブラウザ用*/
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";/*IE8用*/
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

a:focus {outline:none;}
a:img{outline:none;}
a:hover{cursor: pointer; outline: none;-webkit-transition: all .3s; transition: all .3s;}
a:link,a:hover ,a:active,a:visited {color:#000; /*background:#0000cc;*/}