@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');

/* haoIcons */
@font-face
{
    font-family: 'haopict';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/haopict.eot');
    src: url('../fonts/haopict.eot?#iefix') format('embedded-opentype'),
url('../fonts/haopict.woff') format('woff'), 
url('../fonts/haopict.woff2') format('woff2'),
 url('../fonts/haopict.otf') format('opentype'),
url('../fonts/haopict.ttf') format('truetype');
}

@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",'Noto Sans JP',sans-serif; -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}

/* HTML5 display-role reset for older browsers */
article, section,header, nav, footer,aside, details, figcaption, figure{ display: block;}
img {max-width:100%; height: auto;}
html {overflow-y: scroll;}

body {
margin:0 auto;
background:#fff;
color:#000;
font-size:62.5%; 
*font-weight:400;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif;  
-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;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
-moz-border-radius: 0;
-webkit-border-radius:0;
border-radius: 0;
-webkit-appearance: 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;font-weight:400; }
/*1em＝「文字の高さ」0.5em半角*/
p { font-size:14px; padding:0.4em 0;font-weight:400; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

/*==================*/
.head {width:100%; height:auto; }
header{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0;}

/*============SECTION==============*/
.sectionin {display: block;max-width:1080px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0; text-align:center;}
.section-nav{display: block;max-width:1080px; width:100%; margin:0 auto; padding:0;}

/*English＝日本語=================================================*/
.enjp_button{ position: relative;width:93.9%;display: block; height:1.8em; margin:4.9em 0 0 0; padding:0; text-align:right;z-index:100; }

.enjp_button ul li{ display: inline-block; margin:0; padding:0; text-align: center; }

li.English a{ display: inline-block;margin-right:-0.05em;margin-top:-0.05em;font-size:1.4em;letter-spacing:0.05em;color:#000; text-decoration:none;font-family: 'gothic', sans-serif; cursor:pointer;}
li.Japan a{ display: inline-block; font-size:1.4em;letter-spacing:0.05em;margin-left:-0.05em;color:#000;text-decoration:none;border-bottom:0.1em solid #888;padding-bottom:0.1em;cursor:default;font-family: 'gothic', sans-serif; }

li.facebook a{ display: inline-block;margin-right:0.5em;color:#656464; text-decoration:none;cursor:pointer;font-size:1.8em;font-family:  'haopict'; }
li.instagram a{ display: inline-block;margin-right:0.65em;color:#656464; text-decoration:none;cursor:pointer;font-size:1.8em;font-family:  'haopict'; }

.Japan a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;}
.English a:hover{ display: inline-block;color:#000;opacity:0.5;cursor:pointer; -ms-filter:"alpha(opacity=50)"; -webkit-transition: all .3s; transition: all .3s; }

.facebook a:hover,.instagram a:hover{ display: inline-block;color:#656464;opacity:0.5; -ms-filter:"alpha(opacity=50)"; -webkit-transition: all .3s; transition: all .3s; }

.zmark img{display: inline-block;width:1.1em;height:0.5em;margin:0;padding:0;vertical-align:0.2em;}

/*firefox*/
.mac.gecko .enjp_button{width:88%;margin:5.1em auto 0;}
.mac.gecko li.English a{margin-right:-0.1em;}
.mac.gecko li.Japan a{margin-left:-0.05em;}
.mac.gecko li.facebook a{margin-right:0.5em;font-size:1.85em;}
.mac.gecko li.instagram a{margin-right:0.65em;font-size:1.85em;}
.mac.gecko .zmark img{width:1.2em;height:0.5em;}

/*.mac.chrome*/
.mac.chrome .enjp_button{width:94.05%;margin:5em 0 0 0;}
.mac.chrome li.English a{margin-right:-0.1em;}
.mac.chrome li.facebook a{margin-right:0.5em;}
.mac.chrome li.instagram a{margin-right:0.65em;}


/*ロゴブロック================================*/
.Rogoblock{ max-width:31em;width:100%;height:auto;margin:-2em auto 0; padding:0; text-align:center;z-index:50; /*border:1px solid #888;*/}
.Rogoblock img{width:100%;height:auto;margin:0 0 0 -0.1em;}

/*firefox*/
.mac.gecko .Rogoblock{max-width:31.8em;width:100%;height:auto;margin:-2em auto 3.6em; padding:0; text-align:center;z-index:50;}
.mac.gecko .Rogoblock img{margin-left:-0.1em;}
/*==win Chrome==*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .Rogoblock img{margin:-0.1em 0 0 -0.2em;}
/*edge-chromium*/
_:lang(x)::-ms-, .Rogoblock img{margin:0 0 0 -0.1em;}


/*===========================================================*/
#nav{
width:950px;margin:3.5em auto 0.3em;padding:0;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;  font-weight: 400;}

/* first level *//* メニュー先頭位置*/
#nav > ul{margin-left:3.6em;height: 3.75em;background-color:transparent;font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;}

#nav > a{display: none;}
#nav li{position: relative;}

#nav li a{display: block;color: #000;margin:0;padding:0;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;  text-decoration:none;cursor:pointer;}

/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.7em;padding-top:0;}

/*edge*/
_:-ms-lang(x)::backdrop, #nav > ul > li > ul{margin-top:0;}
/*edge-chromium*/
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:0;}

/*メニュー1階層目間空き調整*/
.liabout,.collection,.schedule,.stoklist,.webshop,.alink,.mailmagagin{margin-top:0;padding:0;}
.liabout{margin-left:-0.1em;}
.collection{margin-left:-1.5em;}
.schedule{margin-left:2.5em;}
.stoklist{margin-left:0.9em;}
.webshop{margin-left:0;}
.alink{margin-left:0.8em;}
.mailmagagin{margin-left:-3em;}

/*2階層目プルダウンメニュ- 頭合わせ*/
ul.about,ul.collection_ul,ul.webback,ul.linkback{margin:0;padding:0;}
#nav > ul > li > ul.about{margin-left:-0.3em;}
#nav > ul > li > ul.collection_ul,
#nav > ul > li > ul.webback,
#nav > ul > li > ul.linkback{margin-left:-0.2em;}

/*メニュー3階層目間空き調整*/
#nav > ul > li > ul > li.yammasangyo,
#nav > ul > li > ul > li.aboutyamma,
#nav > ul > li > ul > li.aizumomen,
 #nav > ul > li > ul > li.basic-coll,
#nav > ul > li > ul > li.new-coll,
#nav > ul > li > ul > li.sample,
#nav > ul > li > ul > li.web-liback,
 #nav > ul > li > ul > li.hao,
#nav > ul > li > ul > li.harppaback{margin:0;font-size:10px;}

#nav > ul > li > ul > li.yammasangyo, #nav > ul > li > ul > li.aboutyamma,#nav > ul > li > ul > li.aizumomen,#nav > ul > li > ul > li.hao{font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif; }
/*アクティブページのメニューグレー設定*/
#nav > ul > li a.nohover{pointer-events:none;color: #656464;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;text-decoration:none;cursor:default;}

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav{margin-top:3.7em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.liabout{margin-top:0;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.collection{margin-top:0.05em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.schedule{margin-top:0.1em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.stoklist{margin-top:0.2em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.webshop{margin-top:0.2em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{margin-top:0.3em;}}
/*==*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul{margin-top:0;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.yammasangyo{margin-top:0.1em;margin-bottom:0.3em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.aboutyamma{margin-top:0;margin-bottom:0.4em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.basic-coll{margin-top:0.05em;margin-bottom:0.3em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.sample{margin-top:-0.05em;margin-bottom:0.3em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.hao{margin-top:-0.1em;margin-bottom:0.3em;}}

/*edge*/
_:-ms-lang(x)::backdrop, #nav > ul > li.webshop,#nav > ul > li.alink{margin-top:-0.1em;}
_:-ms-lang(x)::backdrop, #nav > ul > li > ul > li.sample,#nav > ul > li > ul > li.hao{margin-top:-0.1em;}
_:-ms-lang(x)::backdrop, #nav > ul > li > ul > li.aizumomen,#nav > ul > li > ul > li.harppaback,#nav > ul > li > ul > li.web-liback{margin-top:0.2em;}
_:-ms-lang(x)::backdrop, #nav > ul > li > ul > li.aboutyamma{margin-top:0.3em;}
_:-ms-lang(x)::backdrop, #nav > ul > li > ul > li.new-coll{margin-top:0.6em;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav{margin-top:3.6em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.liabout{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.collection{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.schedule{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.stoklist{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.webshop{margin-top:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.alink{margin-top:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.mailmagagin{margin-top:0.1em;}
/*==*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul{margin-top:-0.3em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.yammasangyo{margin-top:-0.1em;margin-bottom:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.aboutyamma{margin-top:0;margin-bottom:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.basic-coll{margin-top:-0.1em;margin-bottom:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.hao{margin-top:-0.1em;margin-bottom:0.1em;}


/*edge-chromium*/
_:lang(x)::-ms-, #nav{margin-top:4.4em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li.liabout a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.collection a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.schedule a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.stoklist a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.webshop a{margin-top:-0.05em;}
_:lang(x)::-ms-, #nav > ul > li.alink a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li.mailmagagin a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.yammasangyo a{margin-top:-0.2em;margin-bottom:-0.25em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.aizumomen a{margin-top:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.basic-coll a{margin-top:-0.2em;margin-bottom:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.sample a{margin-top:-0.25em;margin-bottom:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.hao a{margin-top:-0.4em;margin-bottom:-0.1em;}

/*win-firefox*/
@-moz-document url-prefix() {#nav > ul > li.liabout{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.collection{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.schedule{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.stoklist{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.webshop{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.alink{margin-top:-0.1em;}}
@-moz-document url-prefix() {#nav > ul > li.mailmagagin{margin-top:-0.1em;}}
/*==*/
@-moz-document url-prefix() {#nav > ul > li > ul{margin-top:-0.6em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.yammasangyo{margin-top:0.2em;margin-bottom:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.aboutyamma{margin-bottom:-0.3em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.basic-coll{margin-top:0.2em;margin-bottom:-0.25em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.sample{margin-top:0.2em;margin-bottom:-0.3em}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.hao{margin-top:0.2em;margin-bottom:-0.3em;}}

/*mac-firefox*/
.mac.gecko #nav > ul > li > ul{margin-top:-0.1em;}
.mac.gecko #nav > ul{margin-left:4.1em;}
.mac.gecko #nav > ul > li > ul > li.yammasangyo{margin-top:0.05em;margin-bottom:0.35em;}
.mac.gecko #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.4em;}
.mac.gecko #nav > ul > li.collection{margin-top:-0.1em;}
.mac.gecko #nav > ul > li > ul > li.basic-coll{margin-top:0.05em;margin-bottom:0.3em;}
.mac.gecko #nav > ul > li.schedule{margin-left:2.56em;}
.mac.gecko #nav > ul > li.stoklist{margin-left:1em;margin-top:0;}
.mac.gecko #nav > ul > li.webshop{margin-top:0;}
.mac.gecko #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0.1em;}
.mac.gecko #nav > ul > li.alink{margin-left:0.69em;margin-top:0.1em;}
.mac.gecko #nav > ul > li > ul > li.hao{margin-top:0.05em;margin-bottom:-0.05em;}
.mac.gecko #nav > ul > li.mailmagagin{margin-top:0.1em;}

/*.mac.chrome*/
.mac.chrome #nav > ul > li > ul{margin-top:-0.4em;}
.mac.chrome #nav > ul > li.liabout{margin-left:0;}
.mac.chrome #nav > ul > li > ul > li.yammasangyo{margin-top:0.1em;margin-bottom:0.1em;}
.mac.chrome #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.3em;}
.mac.chrome #nav > ul > li.schedule{margin-left:2.53em;}
.mac.chrome #nav > ul > li.stoklist{margin-left:0.94em;margin-top:-0.05em;}
.mac.chrome #nav > ul > li > ul > li.basic-coll{margin-top:0.1em;margin-bottom:0;}
.mac.chrome #nav > ul > li.webshop{margin-top:0;}
.mac.chrome #nav > ul > li.alink{margin-top:0;margin-left:0.68em;}
.mac.chrome #nav > ul > li > ul > li.sample{margin-top:0.2em;margin-bottom:-0.05em;}
.mac.chrome #nav > ul > li > ul > li.hao{margin-top:0.2em;}
.mac.chrome #nav > ul > li.mailmagagin{margin-top:0;}

/*safari*/
.mac.safari #nav > ul > li > ul{margin-top:-0.3em;}
.mac.safari #nav > ul > li > ul > li.yammasangyo{margin-bottom:0.1em;}
.mac.safari #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.2em;}
.mac.safari #nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.1em;}
.mac.safari #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0.05em;}

/*非表示部分*/
.facebook,.instagram{display:none;}

/* メニュー間隔*/
#nav > ul > li{width:14.28%;height: 100%;float: left;}

/*mac-chrome*/
.mac.chrome #nav > ul > li{width:14.26%;}

#nav > ul > li > a{height: 100%;font-size: 1.3em; line-height: 2.5em;text-align: left;margin-left:0.6em;}
#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a{color: rgba(0, 0, 0, 0.5);}

/* second level *//*プルダウンザブトン*/
#nav li ul{display: none;position: absolute;top: 100%;padding-top:5px;
background-color: rgba(255, 255, 255, 0.8);}

#nav li:hover ul{display: block;left: 0;right: 0;}
#nav li:not( :first-child ):hover ul{left: -1px;}
#nav li ul a{font-size: 1.1em; padding: 0.5em 0 .5em 1em; }
#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{color: rgba(0, 0, 0, 0.5);}

/*プルダウン白ザブトン幅調整*/
#nav li ul.webback{ width:12em; }
#nav li ul.linkback{ width:8.2em; }
#nav ul li ul.collection_ul{ width:14.2em; }

/*プルダウンの一番下の間隔*/
#nav li ul li.web-liback,#nav li ul li.harppaback{ padding-bottom:0.6em; }

/*============================================================*/

.main{max-width:950px;width:100%;height:auto;margin:0 auto; padding:0;}
.inner { max-width:950px;width:100%;height:auto;margin:0 auto; padding:5px 0; }

.inner .headcopy{width:17em;height:auto;margin:2.2em auto 0.5em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.6em;font-weight:500;}
.readcopy{margin:0 auto 0.3em;height:auto;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}

.headcopy h2,.readcopy{font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;font-weight:400;}

/*win-firefox*/
@-moz-document url-prefix() {.inner .headcopy{margin:2.1em auto 0.3em;padding-bottom:0.5em;}}
@-moz-document url-prefix() {.readcopy{margin:0 auto 0.3em;}}
/*firefox*/
.mac.gecko .inner .headcopy{margin:2.9em auto 0.5em;padding-bottom:0.4em;}
.mac.gecko .inner .readcopy{margin:0 auto 0.15em;}
/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .inner .headcopy{margin:2.3em auto 0.1em;padding-bottom:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .readcopy{margin:0 auto 0.7em;}
/*edge-chromium*/
_:lang(x)::-ms-, .inner .headcopy{margin:2.2em auto 0.3em;}
_:lang(x)::-ms-, .readcopy{margin:-0.2em auto 0.4em;}
/*mac-chrome*/
.mac.chrome .inner .headcopy{margin:2.2em auto 0.5em;padding-bottom:0.2em;}
.mac.chrome .readcopy{margin:0 auto 0.2em;}

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.inner .headcopy{margin:3.5em auto 0.5em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.readcopy{margin:0 auto 0.2em;}}

/*本文ブロック========================================*/
.section_textblock{max-width:900px;width:100%; margin:-1.6em auto 0;padding-left:2em;background:#fff; text-align:center;}
.section-listbox { display:block;max-width:900px;width:100%; margin:0 auto; padding:0; }

/*firefox*/
.mac.geko .section-listbox{padding-left:1em;}

#nav > ul > li > ul > li.web-liback{margin-top:0.2em;}
/*edge*/
_:-ms-lang(x)::backdrop,.section_textblock{padding-left:3.5em;}
/*edge-chromium*/
_:lang(x)::-ms-,.section_textblock{padding-left:3.5em;}

.section-listbox ul{display:block;max-width:900px;width:100%;margin:0 auto; padding-top:5px;
font-weight:400; text-align:center;/*border:1px solid #f00000;*/}
.section-listbox li{ display: inline-block;  vertical-align:top; width:270px; height:auto;
margin:18px;  padding:0;text-align:center;text-decoration:none;font-weight:400;}
.titleWrap{max-width:260px;width:100%;margin:0; padding:0;/*border:1px solid #f00000;*/}
/*center*/
li.titleWrap2{max-width:270px;width:100%;padding:0;/*border:1px solid #f00000;*/}
/*right*/
li.titleWrap-last{max-width:215px;width:100%;}

.section-listbox li a:link{text-decoration:none;font-weight:500;}
.section-listbox li a:hover{
opacity:0.6;/*モダンブラウザ用*/
-ms-filter:"alpha(opacity=60)";/*IE8用*/
-moz-opacity:0.6;
-khtml-opacity: 0.6;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-decoration:none;}

/*listテキスト=========*/
ul.wptext > li{width:100%;margin:0; padding:0; font-size:1.3em; font-weight:400;
color:#000; list-style:none; line-height:2.2; letter-spacing:0.01em;text-align:left; 
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif; font-weight:400;}

ul.wptext > li a:link{width:100%;margin:0; padding:0; font-size:1em; font-weight:500;
color:#000; list-style:none; line-height:2.2; letter-spacing:0.01em;text-align:left; 
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;font-weight:400; }

ul.wptext li a:active,ul.wptext li a:visited {color:#000;}

/*========*/
/*説明文章*/
ul.description{width:500px;width:100%;height:auto;margin:0 0 1.5em 7.5em;padding:0;text-align:left;}
/*edge*/
_:-ms-lang(x)::backdrop,ul.description{margin-left:7.6em;}
/*edge-chromium*/
_:lang(x)::-ms-,ul.description{margin-left:8em;}

.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:1.1em;line-height:1.5;letter-spacing:0.01em;text-decoration:none;font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif; font-weight:400;}
.sizedn{font-size:0.8em;margin-left:10.6em;margin-top:-1em;font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;  font-weight: 400;}
/*firefox*/
@-moz-document url-prefix() {ul.description{padding-left:1em;}}

/* ================================================================
フッター
================================================================*/
footer{width:100%; height:160px; margin:10px auto 0px; padding:0;background: #fff;text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:1080px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.inner-footer {max-width:1080px;width:100%;height:auto; margin:0 auto; padding:0; }
#footer_wrap { width:100%; margin: 0 auto; padding:0px; font-size:1.1em; }

/*フッターリスト項目追加部*/
#footer_area{ width:100%; margin:2.5em auto 3.0em; padding:0; text-align:center; background:#fff; }
.footer_areainner{ width:100%; margin:0 auto; padding:0; }

/*受注会画像*/
.footer_areainner{margin:0 auto; padding:0;text-align:center; }
.footer_inner_nave{ display:block;max-width:700px;width:100%;height:43px; margin:0 auto; padding:0px;text-align:center; }
.footer_inner_img{max-width:389px;width:100%;height:auto; margin:0 auto 1.5em; padding:0px; text-align:center; }
.footer_inner_img img{ width:100%; height:auto; margin:0 auto; padding:0px; text-align:center; }

/*メーリングリストメールフォーム=======================================*/
.mailform{display: flex;max-width:45em;margin:0 auto;padding:0;text-align:center;}
/*==================*/
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.4em 1.5em 0.25em;border:none;text-align:center;background-color:#d3d3d3;border-radius:0;-moz-border-radius: 0;-webkit-border-radius:0;-webkit-appearance:none;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;  font-size:1.2em;text-decoration:none;}

/*firefox*/
.mac.gecko a.mailbutton{padding:0.3em 1.5em 0.4em;}
/*edge-chromium*/
_:lang(x)::-ms-, a.mailbutton{padding:0.4em 1.5em 0.2em;}
/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
a.mailbutton{padding:0.5em 1.5em 0.2em;}}

/*==================*/
a.mailbutton:hover{opacity:0.5;cursor:pointer; 
-ms-filter:"alpha(opacity=50)";-moz-opacity:0.5;-khtml-opacity: 0.5;
-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} 

/*==================*/
.copyright {max-width:400px;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:90%;height:auto;}
/*==================*/

.clearfix{ clear:both; }
/*==================*/
.clear-both{ clear: both; }
/*==================*/

/*スマホ用 ##################################################*/
/* ipad pro1024================================== */
@media screen and ( max-width:1024px ){
html {overflow-x:hidden;overflow-y:scroll;}
body{width:1024px;margin:auto;padding:0;}
.head {width:1024px; height:auto;margin:0 auto;padding:0;}
header{max-width:1024px;width:100%;height:auto;margin:0 auto;padding:0;}
/*============SECTION==============*/
.sectionin {display: block;max-width:1024px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:1024px;width:100%;height:auto;margin:0 auto;padding:0;}
.section-nav{display: block;max-width:1024px; width:100%; margin:0 auto; padding:0;}
.enjp_button{width:94.9%; margin:4.9em 0 0 0; padding:0;}

/*ロゴブロック================================*/
.Rogoblock{ max-width:31em;width:100%;height:auto;margin:-1.7em auto 0;}

#nav{width:88.5em;margin:3.5em auto 2em;padding:0;}
#nav > ul > li.liabout,
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{width:auto;margin:0 3.3em 0;}
#nav > ul > li.liabout{margin-left:0;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:-0.4em}
/* メニュー間隔*/
#nav > ul > li{width:100%;height:100%;float: left;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.5em;padding-top:0;}
/*プルダウン白ザブトン幅調整*/
#nav > ul > li > ul.about{width:250%;}
#nav > ul > li > ul.collection_ul{width:165%;}
#nav > ul > li > ul.webback{width:160%;}
#nav > ul > li > ul.linkback{width:233%;}

#nav > ul > li > ul > li.yammasangyo{margin-top:0;margin-bottom:0.1em;}

.inner .headcopy{width:17em;height:auto;margin:0 auto 0.5em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.3em;}
.headcopy h2{margin:0 auto;padding:0;font-size:1.6em;}
.readcopy{margin:0 auto -0.4em;height:auto;padding:0;}

.main{max-width:950px;width:100%;height:auto;margin:0 auto;}
.inner{width:950px;margin:0 auto;padding:0;}

/*説明文章*/
ul.description{margin:0 0 1.5em 6.3em;}

footer{width:100%; height:180px; margin:5px auto 0px; padding:0;background: #fff;text-align:center; overflow:hidden; }
}

/*834================================== */
@media screen and ( max-width:834px) {
html{overflow-x:hidden;}
body{width:100vw;margin:auto;padding:0;}
.head {width:843px; height:auto;margin:0 auto;padding:0;}
header{max-width:834px;width:100%;height:auto;margin:0 auto;padding:0;}
/*============SECTION==============*/
.section {display: block;max-width:834px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:834px;width:100%;height:auto;margin:0 auto;padding:0; }
.section-nav{display: block;max-width:834px; width:100%; margin:0 auto; padding:0;}
.enjp_button{ width:94.7%;margin:5em 0 0 0; padding:0;}
.Rogoblock{ margin:-1.8em auto 3em; padding:0;}
.Rogoblock img{width:100%;margin-left:-0.1em;}

#nav{width:75em;margin:3.4em auto 2.3em;padding:0;}
#nav > ul > li.liabout,
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{width:auto;margin:0 2.15em 0;}
#nav > ul > li.liabout{margin-left:0;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:0;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.3em;padding-top:0;}
#nav > ul > li > ul > li.aizumomen{margin-top:-0.2em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0.2em;}

.main{max-width:834px;width:100%;height:auto;margin:0 auto;}
.inner {width:834px;padding:0.5em 0 0.5em 0; }

.inner .headcopy{margin:0 auto 0.3em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.3em;}
.readcopy{margin:0 auto -0.4em;height:auto;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}

.section-listbox{display:block;width:790px;width:100%;margin:1.6em auto 0; padding-left:2em;text-align:center;}
.section-listbox ul{display:block;width:790px;width:100%;margin:0; padding:0; }
.section-listbox li{display:inline-block;vertical-align:top;width:248px;height:auto;margin:0;padding:0;text-align:center; }
li.titleWrap{max-width:248px;width:100%;margin-left:1.3em;}
li.titleWrap2{max-width:224px;width:100%;margin-left:1.3em;margin-right:1.4em;}

/*listテキスト=========*/
ul.wptext > li{width:98%;margin:0; padding:0; font-size:12px; }

/*説明文章*/
ul.description{max-width:500px;width:100%;height:auto;margin:2em 0 1.5em 6.5em;padding:0;text-align:left;}

footer{width:100vw; height:170px; margin:2em auto 0; padding:0;background: #fff;text-align:center; overflow:hidden; }
.footer_inner_img img{ width:97%; height:auto; margin:0 auto; padding:0px; text-align:center; }
.copyright {max-width:400px;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:90%;height:auto;}
}

/* ipad 768================================== */
@media screen and ( max-width: 768px) {
body{width:100vw;margin:0 auto;padding:0;}
header{width:768px;height:auto;margin:0 0 0 0.1em;padding:0;}
.head {width:100%; height:auto; }
/*============SECTION==============*/
.sectionin{display: block;max-width:768px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:768px;width:100%;height:auto;margin:0 auto;padding:0; }
.section-nav{display: block;max-width:768px; width:100%; margin:0 auto; padding:0;}
.enjp_button{width:94%; margin:4.9em 0 0 1em; padding:0;}
li.facebook a{margin-right:0.49em; }

/*ロゴブロック================================*/
.Rogoblock{ max-width:25em;width:100%;height:auto;margin:-2em auto 3em; padding:0;}
.Rogoblock img{width:100%;margin-left:-0.5em;}

#nav{width:70em;margin:2em auto 0;padding:0;}
#nav > ul > li.liabout,
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{width:auto;margin:0 1.7em 0;}
#nav > ul > li.liabout{margin-left:0;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:0.15em;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.5em;padding-top:0;}
#nav > ul > li > ul > li.aizumomen{margin-top:-0.2em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0.2em;}
#nav > ul > li > ul > li.web-liback{margin-top:-0.1em;}

/*アクティブページのメニューグレー設定*/
#nav > ul > li  > ul > li a.nohover{margin-top:0;font-size:11px;}

.inner .headcopy{width:17em;height:auto;margin:2.3em auto 0.1em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}
.readcopy{margin:0 auto 0;font-size:1.3em;}

.main{max-width:768px;width:100%;height:auto;margin:0 auto;}
.sectionin,.inner{max-width:72em;width:100%;height:auto;margin:0 auto;}

.section-listbox {display:block;max-width:720px;width:100%;margin:0.8em auto 0; padding:0;text-align:center;}
.section-listbox ul{display:block;max-width:720px;width:100%;margin:0; padding:0 1em; }
.section-listbox li{ display:inline-block;vertical-align:top;width:220px;height:auto;margin:0;padding:0;text-align:center; }
li.titleWrap{max-width:228px;width:100%;}
li.titleWrap2{max-width:210px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:1.5em;padding:0;}

/*listテキスト=========*/
ul.wptext > li{width:100%;margin:0; padding:0; font-size:1.1em; font-weight:500;
color:#000; list-style:none; line-height:2.2; letter-spacing:0;text-align:left; 
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;font-weight:400; }

/*説明文章*/
ul.description{max-width:500px;width:100%;height:auto;margin:1.2em 0 1.5em 3.5em;padding:0;text-align:left;}

/*================================*/
footer{width:100%; height:160px; margin:1em auto; padding:0; }
.footer_inner_img img{ width:95%; height:auto;  }
.copyright img{ width:85%;height:auto;}
}

/*736 iphone8plus横================================================*/
@media screen and ( max-width: 736px) {
header{width:100vw;height:auto;margin:0;padding:0;}
.head {width:100%; height:auto; }
.enjp_button{width:95.7%;margin:4.9em 0 0 0; }
li.English a{margin-top:0;margin-right:-0.15em;vertical-align:0;font-size:1.35em;}
li.Japan a{margin-left:-0.05em;font-size:1.35em;}

.rogo_section{width:736px;height:auto;}
.Rogoblock{margin:-2em auto 3em; padding:0;}
.Rogoblock img{ margin-left:-0.2em;}

#nav{width:67em;margin:2em auto 0;padding:0;}
#nav > ul > li.liabout,
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{width:auto;margin:0 1.5em 0;}
#nav > ul > li.liabout{margin-left:-0.3em;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:0;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.5em;padding-top:0;}
#nav > ul > li > ul > li.aizumomen{margin-top:-0.2em;}

.sectionin .inner .headcopy{width:17em;height:auto;margin:3em auto 0.3em;padding:0;text-align:center;border-bottom:0.1em solid #000;padding-bottom:0.2em;}
.sectionin .inner .readcopy{margin:0 auto 1em;height:auto;padding:0;font-size:1.2em;}
/*==================*/
.section-listbox {display:block;width:715px;width:100%;margin:2em auto 0; padding-left:1em;text-align:center;}
.section-listbox ul{display:block;width:715px;width:100%;margin-left:0; padding:0;}
.section-listbox li{ display:inline-block;vertical-align:top;width:225px;height:auto;margin:0;padding:0;text-align:center; }
li.titleWrap{max-width:210px;width:100%;}
li.titleWrap2{max-width:225px;width:100%;}
li.titleWrap{margin-left:1.5em;padding:0;}
li.titleWrap2{margin-left:2em;margin-right:0.5em;padding:0;}/*真ん中*/

/*listテキスト=========*/
.inner ul.wptext > li{width:100%;margin:0; padding:0; font-size:1em; line-height:2.2;}
/*説明文章*/
ul.description{width:500px;width:100%;height:auto;margin:1.5em 0 1em 2.8em;padding:0;text-align:left;}
.inner .description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:0.5em;}
.sizedn{font-size:60%;margin-left:10em;margin-top:-1em;}

/*================================*/
footer{width:100%; height:155px; margin:1em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
.footer_inner_img img{ width:95%; height:auto; margin:0 auto; padding:0px; text-align:center; }
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.4em 1.5em;}
.copyright {max-width:400px;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:85%;height:auto;}
}

/*667iphone8横================================================*/
@media screen and ( max-width: 667px) {
body{width:100vw;margin:auto;padding:0;}
header{width:100vw;height:auto;margin:0;padding:0;}
.head {width:100%; height:auto; }
.enjp_button{width:96.5%;margin:5em 0 0 0; }
.rogo_section{width:667px;height:auto;}
/*ロゴブロック================================*/
.Rogoblock{ max-width:23em;width:100%;height:auto;margin:-2em auto 2em; padding:0;}
.Rogoblock img{width:100%;margin-left:0;}

/*English＝日本語=======*/
.enjp_button{width:95.5%;margin:5em 0 0 0;}
li.English a,li.Japan a{ font-size:1.2em;}
li.facebook a,li.instagram a{font-size:1.5em;}
.zmark img{margin-left:0.02em;padding:0;vertical-align:0.2em;}

#nav{width:62em;margin:2em auto 0.5em;padding:0;}
#nav > ul > li.liabout,
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{width:auto;margin:0 1.1em 0;}
#nav > ul > li.liabout{margin-left:-0.5em;}
#nav > ul > li.mailmagagin{margin-right:0;}
/* メニュー先頭位置*/
#nav > ul{margin-left:0.1em;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:-0.3em;padding-top:0;}
#nav > ul > li > ul > li.aizumomen{margin-top:-0.2em;}

.sectionin .inner .headcopy{width:17em;height:auto;margin:3.2em auto 1.5em;padding:0;text-align:center;border-bottom:0.1em solid #000;padding-bottom:0.2em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.6em;font-weight:500;}
.sectionin .inner .readcopy{margin:0 auto 3.2em;height:auto;padding:0;text-align:center;font-size:1.1em;line-height:0;}

/*==================*/
.main{width:667px;margin:0 auto;padding:0;text-align:center;}
.inner{width:615px;margin:0 auto;padding:0;text-align:center;}
/*==================*/
.section-listbox {display:block;width:640px;margin:2.4em auto 0; padding-left:0;text-align:center;}
.section-listbox ul{display:block;width:640px;width:100%;margin:0; padding:0;}
.section-listbox li{ display:inline-block;vertical-align:top;width:205px;height:auto;margin:0;padding:0;text-align:center; }
li.titleWrap{max-width:195px;width:100%;}
li.titleWrap2{max-width:205px;width:100%;}
li.titleWrap{margin-left:1em;padding:0;}
li.titleWrap2{margin-left:1.3em;margin-right:0.5em;padding:0;}

/*listテキスト=========*/
ul.wptext > li{width:100%;margin:0; padding:0; font-size:0.7em; line-height:2.2;}
/*説明文章*/
ul.description{width:500px;width:100%;height:auto;margin:2em 0 1em 1em;padding:0;text-align:left;}
.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:0.7em;}
.sizedn{font-size:60%;margin-left:8em;margin-top:-1em;}
/*================================*/
footer{width:100%; height:153px; margin:1em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
.footer_inner_img img{ width:95%; height:auto; margin:0 auto; padding:0px; text-align:center; }
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.3em 1.5em 0.4em;}
/*=================*/
.copyright {max-width:400px;height:auto;margin:1.5em auto 0;padding:0;}
.copyright img{ width:85%;height:auto;}
}

/* 640=========================================================*/
@media only screen and ( max-width: 640px) {
html{overflow-y:scroll;overflow-x:hidden;font-size:76.3%; }
/*ヘッダー部分固定*/
header{position:fixed;top:0;width:100%;height:auto;background-color: rgba(255, 255, 255, 0.8);}
.head {width:100%; height:auto; }
/*============SECTION==============*/
.section-nav{display: block;max-width:640px; width:100%; margin:0 auto; padding:0;}

/*English＝日本語=================================================*/
.enjp_button{ position: relative;width:12em;left:80.5%;margin:5em 0 0 0; }
li.English a{ display: inline-block;margin-right:-0.05em;margin-top:-0.05em;font-size:1.4em;}
li.Japan a{ display: inline-block; font-size:1.4em;letter-spacing:0.05em;margin-left:0;border-bottom:0.1em solid #888;padding-bottom:0;vertical-align:0;}
.zmark img{display: inline-block;width:1em;height:auto;margin:0;padding:0;vertical-align:0.25em;}

.rogo_section{max-width:640px;width:100%;height:auto;margin:0 auto;padding:0; text-align:center;}
.Rogoblock{margin:-2.1em auto 4.5em;padding:0;}
.Rogoblock img{ width:98%;margin-left:-0.1em;}

/*ボタンの上下位置*/
#nav{max-width:400px;position:fixed;top:7px;left:2.6em;}
/*アイコン非表示*/
li.facebook a{ display: none}
li.instagram a{ display: none}
/*プルダウンメニュー表示*/
.facebook,.instagram{display:block;}

#nav span:after{
position: absolute;top:0;margin-left:0.2em;font-family: FontAwesome;
content: "\f107";font-size:15px;color:#656464;}

/*ドロワーメニューの左揃え*/
.collection,.schedule,.stoklist,.webshop,.alink,.mailmagagin{margin-left:0;}

/*スマホ用三本線・sampleページのみ別コード組*/
#nav > a{position: relative;margin:17px 0 0 16px;width:17px; height:11px; 
text-align: left;text-indent: -9999px;border-top:0.25em solid #666;border-bottom:0.25em solid #666;}
/*left: 0%;right: 0%;ライン左右ギリ*/
#nav > a:before{position: absolute;border-top:0.25em solid #666;
top:5px;left: 0;right:0;content: '';}

/*下ライン*/
#nav > a:after{top:8px;}
#nav:not( :target ) > a:first-of-type{display: block;}
#nav:target > a:last-of-type{display: block;}

/* first level  メニューの位置*/
#nav > ul{width: 33%;height: auto;display: none;position: absolute;top:11.1em; left:-0.6em; right: 0;
margin:0;padding:1.5em 0 1em;background-color: rgba(255, 255, 255, 0.8);}

/* second level */
#nav li ul{position: static;padding:0 1.25em 1.25em 1.25em;margin-top:0;background-color: rgba(255, 255, 255, 0);}

/*ドロワーメニュー1階層目 #nav > ul > li*/
#nav > ul > li a{font-size:9px;}
#nav > ul > li{margin:0;padding:0;}
#nav > ul > li.liabout{margin-left:1em;}
#nav > ul > li.collection{margin:0.15em 0 0.05em 1em;}
#nav > ul > li.stoklist{margin:0.05em 0 -0.2em 1em;}
#nav > ul > li.alink{margin:-0.1em 0 -0.1em 1em;}
#nav > ul > li.facebook{margin:-0.15em 0 -0.3em 1em;}
#nav > ul > li.instagram{margin-left:1em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul{margin:0;padding:0;}
#nav > ul > li > ul.about{margin:0.3em 0 -0.1em 0.5em;}
#nav > ul > li > ul.collection_ul{margin:0 0 -0.1em 0.5em;}
#nav > ul > li > ul.webback{margin:0 0 -0.7em 0.5em;}
#nav > ul > li > ul.linkback{margin:-0.1em 0 -0.9em 0.5em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li a{font-size:9px;}
#nav > ul > li > ul > li{margin:0 0 -0.1em 0;padding:0;}
#nav > ul > li > ul > li.yammasangyo{margin-bottom:-0.1em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0.2em;}
#nav > ul > li > ul > li.basic-coll{margin-bottom:-0.1em;}
#nav > ul > li > ul > li.sample{margin-bottom:-0.1em;}
#nav > ul > li > ul > li.hao{margin-bottom:-0.1em;}

/*アクティブページのメニューグレー設定*/
#nav > ul > li a.nohover{pointer-events:none; color: #656464;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif;  font-weight: 400;text-decoration:none;cursor:default;font-size:9px;}

#nav li a.aboutcolor{margin-left:1.5em;}

#nav:target > ul{display: block;}
#nav > ul > li{width:100%;float: none;}
#nav > ul > li > a{height: auto;text-align: left;padding: 0 0.833em;}
#nav > ul > li:not( :last-child ) > a{border-right: none;}

.sectionin .inner .headcopy{width:17em;height:auto;margin:-1.5em auto 1.5em;padding:0;text-align:center;border-bottom:0.2em solid #000;padding-bottom:0.4em;}
.readcopy{margin:0 auto 2.4em;height:auto;padding:0;font-size:1.2em;}

.main{max-width:630px;width:100%;height:auto;margin:16.5em auto 0; padding:0;}
.inner { max-width:630px;width:100%;height:auto;margin:0 auto; padding:5px 0; }

/* リスト＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.section-listbox {display:block;width:630px;width:100%;margin:-1.4em auto 0; padding-left:2.5em;
 text-align:center; }
.section-listbox {margin-left:0.5em;}
.section-listbox ul{  display:block;width:630px;width:100%;margin:0; padding:0; }
.section-listbox li{ display: inline-block;vertical-align:top; width:184px; height:auto;
margin:18px 9px;padding:0;text-align:center; }
li.titleWrap{max-width:184px;width:100%;}
li.titleWrap2{max-width:190px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:0.9em;padding:0;}

/*listテキスト=========*/
ul.wptext > li{width:100%;margin:0; padding:0; font-size:8.5px; font-weight:500;
color:#000; list-style:none; line-height:2.2; }
/*説明文章*/
ul.description{max-width:500px;width:100%;height:auto;margin:0 0 1.5em 5.5em;padding:0;text-align:left;}
.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:8.5px;}
.sizedn{font-size:60%;margin-left:14em;margin-top:-1em;}
/*==================*/
footer{width:100%; height:130px; margin:1em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
#footer_wrap{ width:35em; margin: 0 auto; padding:0;}
/*受注会画像*/
#footer_area{ width:35em;border:}
.footer_inner_img img{ width:100%; height:auto;}
a.mailbutton{padding:0.5em 1.5em 0.4em}
.copyright {max-width:31em;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*Nexus7=600===============================================*/
@media screen and ( max-width:600px) {
body{width:100vw;}
header{width:600px;height:auto;margin:2em 0 0 0.1em;padding:0;}
/*English＝日本語=================================================*/
.enjp_button{ position: relative;width:12em;left:80%;margin:5.1em 0 0 0; }

/*ボタンの上下位置*/
#nav{width:400px;position:fixed;top:3.1em;left:2em;}

.sectionin .inner .headcopy{width:18em;height:auto;margin:4.1em auto 0.5em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.3em;}
.headcopy h2{margin:0 auto;padding:0;font-size:1.7em;}
.sectionin .inner .readcopy{width:10em;position:relative;margin:0 auto 0.7em;height:auto;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}

.main{max-width:600px;width:100%;height:auto;margin:13em auto 0; padding:0;}
.inner { max-width:580px;width:100%;height:auto;margin:0 auto; padding:5px 0; }

/* リスト＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.section-listbox {display:block;width:600px;width:100%;margin:-1.3em auto 0; padding:0;
 text-align:center; }
.section-listbox {margin-left:1.4em;}
.section-listbox ul{  display:block;width:600px;width:100%;margin:0; padding:0; }
.section-listbox li{ display: inline-block;vertical-align:top; width:184px; height:auto;
margin:18px 9px;padding:0;text-align:center; }
li.titleWrap{max-width:184px;width:100%;}
li.titleWrap2{max-width:170px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:0.9em;padding:0;}
li.titleWrap-last{max-width:160px;width:100%;}

/*listテキスト=========*/
ul.wptext > li{width:100%;margin:0; padding:0; font-size:9px; font-weight:500;
color:#000; list-style:none; line-height:2.2; }
/*説明文章*/
ul.description{max-width:500px;width:100%;height:auto;margin:0 0 1.5em 3.2em;padding:0;text-align:left;}
.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:9px;}
.sizedn{font-size:60%;margin-left:14em;margin-top:-1em;}

/*==================*/
footer{width:100%; height:20em; margin:1em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
}

/*568iphone se横================================================*/
@media screen and ( max-width: 568px) {
body{width:100vw;}
/*ヘッダー部分固定*/
header{position:fixed;width:568px;margin: 0 auto ;height:auto;}
/*English＝日本語=================================================*/
.enjp_button{ position: relative;width:6em;display: block; height:1.8em; margin:5.0em 0 0 0; 
padding:0; text-align:center;z-index:100;left:85.2%;}
/*==============*/
.Rogoblock{ margin:-2em auto 4.5em; padding:0;}
.Rogoblock img{ width:80%;margin-left:0;}

/*ボタンの上下位置*/
#nav{width:200px;position:fixed;top:12px;left:17px;}

/*ドロワーメニューの左揃え*/
.collection,.schedule,.stoklist,.webshop,.alink,.mailmagagin{margin-left:0;}
/*スマホ用三本線・sampleページのみ別コード組*/
#nav > a{position: relative;margin:17px 0 0 16px;width:18px; height:13px; 
text-align: left;text-indent: -9999px;border-top:0.15em solid #666;border-bottom:0.15em solid #666;}
/*left: 0%;right: 0%;ライン左右ギリ*/
#nav > a:before{position: absolute;border-top:0.15em solid #666;
top:6px;left: 0;right:0;content: '';}

/*下ライン*/
#nav > a:after{top:8px;}
#nav:not( :target ) > a:first-of-type{display: block;}
#nav:target > a:last-of-type{display: block;}

/* first level  メニューの位置*/
#nav > ul{width:70%;height: auto;display: none;position: absolute;top:9.9em; left:-0.3em; right: 0;
margin:0;padding:0.4em 0 1em;background-color: rgba(255, 255, 255, 0.8);}

/*ドロワーメニュー1階層目 #nav > ul > li*/
#nav > ul > li a{font-size:9px;}
#nav > ul > li{margin:0;padding:0;}
#nav > ul > li.liabout{margin-left:1em;}
#nav > ul > li.collection{margin:0.15em 0 0.05em 1em;}
#nav > ul > li.schedule{margin:0.05em 0 0.05em 0.9em;}
#nav > ul > li.stoklist{margin:0.1em 0 -0.2em 1em;}
#nav > ul > li.webshop{margin:0.1em 0 0.05em 0.9em;}
#nav > ul > li.alink{margin:-0.1em 0 -0.1em 1em;}
#nav > ul > li.mailmagagin{margin:0.1em 0 0.05em 0.9em;}
#nav > ul > li.facebook{margin:-0.15em 0 -0.3em 1em;}
#nav > ul > li.instagram{margin-left:1em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul{margin:0;padding:0;}
#nav > ul > li > ul.about{margin:0.2em 0 0 0.5em;}
#nav > ul > li > ul.collection_ul{margin:0 0 -0.05em 0.5em;}
#nav > ul > li > ul.webback{margin:-0.1em 0 -0.4em 0.5em;}
#nav > ul > li > ul.linkback{margin:-0.1em 0 -0.5em 0.5em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li a{font-size:9px;}
#nav > ul > li > ul > li{margin:0 0 -0.1em 0;padding:0;}
#nav > ul > li > ul > li.yammasangyo{margin-bottom:-0.2em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0;}
#nav > ul > li > ul > li.basic-coll{margin-bottom:-0.1em;}
#nav > ul > li > ul > li.sample{margin-bottom:-0.1em;}
#nav > ul > li > ul > li.hao{margin-bottom:-0.1em;}

/*アクティブページのメニューグレー設定*/
#nav > ul > li > ul > li a.nohover{pointer-events:none; color: #656464;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic",'Noto Sans JP',sans-serif;  font-weight: 400;text-decoration:none;cursor:default;font-size:8.5px;}

/*==================*/
.main{width:540px;margin:auto;padding:0;}
.sectionin{width:540px;margin:0 auto;padding:0;}
.inner{width:510px;margin:auto;padding:0;}
/*==================*/
.sectionin .inner .headcopy{width:17em;height:auto;margin:14.1em auto 0.1em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.6em;font-weight:500;}
.sectionin .inner .readcopy{margin:-0.1em auto -1.6em;height:auto;padding:0;text-align:center;font-size:9px;line-height:2.2;}
/*==================*/
.section-listbox {display:block;width:510px;width:100%;margin:4.5em auto 0; padding:0;text-align:center;}
.section-listbox ul{display:block;width:510px;width:100%;margin-left:0; padding:0; }
.section-listbox li{ display:inline-block;vertical-align:top;width:165px;height:auto;margin:0;padding:0;text-align:center; }
li.titleWrap{max-width:165px;width:100%;}
li.titleWrap2{max-width:170px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:1em;padding:0;}
li.titleWrap-last{max-width:135px;width:100%;}
/*listテキスト=========*/
.inner ul.wptext > li{width:100%;margin:0; padding:0; font-size:8px; line-height:2.2;}
/*説明文章*/
ul.description{width:500px;width:100%;height:auto;margin:2em 0 1em 1.4em;padding:0;text-align:left;}
.inner .description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:4.5px;}
.sizedn{font-size:60%;margin-left:14em;margin-top:-1em;}

/*==================*/
footer{width:568px; height:160px; margin:1em auto 0; padding:0;}
.footer_inner_img img{ width:91%; height:auto; margin:1em auto 0; padding:0px; text-align:center; }
.mailform a.mailbutton{ display: inline-block;margin:0 auto; padding:0.3em 1.5em 0.35em;}
.copyright {max-width:31em;height:auto;margin:1.5em auto 0;padding:0;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
html {overflow-x:hidden;}
header{position:fixed;width:414px;height:110px;background-color: rgba(255, 255, 255, 0.8);}

/*English＝日本語======================*/
header .enjp_button{ width:6em;display: block; height:1.8em; margin:4.5em 0 0 0;left:79.8%;z-index:100;}
.enjp_button ul li{ display: inline-block; margin-top:-1px;  padding:0; text-align: center; }

li.English a{ display: inline-block;vertical-align:0;}
li.English a:hover{vertical-align:0;}
.zmark img{margin-top:-0.1em;}

/*ロゴブロック========================*/
.rogo_section{width:414px;height:auto;}
.Rogoblock{width:414px;height:auto;margin:-1.7em auto 4.5em;padding:0;}
.Rogoblock img{width:65%;height:auto;margin:0 auto;}

#nav{width:140px;position:fixed;top:1em;left:1.4em;}
.section{width:372px;margin: 0 auto;padding:0; }
#nav li ul li{line-height:1;}

/*ドロワーメニューの左揃え*/
.collection,.schedule,.stoklist,.webshop,.alink,.mailmagagin{margin-left:0;}
/*スマホ用三本線・sampleページのみ別コード組*/
#nav > a{position: relative;margin:17px 0 0 16px;width:18px; height:13px; 
text-align: left;text-indent: -9999px;border-top:1px solid #666;border-bottom:1px solid #666;}
/*left: 0%;right: 0%;ライン左右ギリ*/
#nav > a:before{position: absolute;border-top:1px solid #666;
top:6px;left: 0;right:0;content: '';}

/* first level  メニューの位置*/
section #nav > ul{width:100%;height: auto;display: none;position: absolute;top:10em;left:-0.5em;right: 0;margin:0;padding:4px 0 5px;background-color: rgba(255, 255, 255, 0.8);}

/*1階層目*/
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist,
#nav > ul > li.webshop,
#nav > ul > li.alink,
#nav > ul > li.mailmagagin{margin-top:0;}
/*==*/
#nav > ul > li.collection,
#nav > ul > li.schedule,
#nav > ul > li.stoklist{margin:0 0 -0.1em 1em;}
#nav > ul > li.webshop,
#nav > ul > li.alink{margin:0 0 -0.2em 1em;}
#nav > ul > li.facebook{margin:-0.15em 0 -0.3em 1em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul.about,
#nav > ul > li > ul.collection_ul,
#nav > ul > li > ul.webback,
#nav > ul > li > ul.linkback{margin:0 0 0 0.5em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li{margin:0 0 0 0;padding:0;}
#nav > ul > li > ul > li.yammasangyo a{margin:0.3em 0 0 0;}
#nav > ul > li > ul > li.aboutyamma a{margin:0.3em  0 0 0;}
#nav > ul > li > ul > li.aizumomen a{margin:0.2em 0 0 0;}
#nav > ul > li > ul > li.basic-coll{margin:0.5em 0 0.3em 0;}
#nav > ul > li > ul > li.sample{margin:0.3em 0 0.3em 0;}
#nav > ul > li > ul > li.hao{margin:0.3em 0 0.3em 0;}

/*アクティブページのメニューグレー設定*/
#nav > ul > li  > ul > li a.nohover{pointer-events:none;color: #656464;text-decoration:none;cursor:default;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif;  font-weight: 400;font-size:9px;}

/*v記号表示*/
#nav span:after{position: absolute;top:0;margin-top:0.1em;margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13px;color:#656464;}
#nav li.collection span:after{position:absolute;top:0;margin-top:0.15em;margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13.5px;color:#656464;}

.main{width:414px;margin: 0;padding:0;}
.sectionin{width:400px;margin:0 auto;padding:0;}
.inner {width:400px;margin: 0 auto;padding:0; }

/*テキストブロック========================*/
.sectionin .inner .headcopy{width:40%;margin:13em auto 0.2em;border-bottom:0.1em solid #000;padding-bottom:0.15em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:13px;font-weight:500;}
.sectionin .inner .readcopy{margin:0 auto 3.3em;padding:0;text-align:center;font-size:9px;line-height:2.2;}

/*リストテキスト============================*/
.section-listbox{display:block;max-width:210px;width:100%;margin:0 auto; padding:0;font-weight:400; text-align:center;}
.section-listbox ul{display:block;max-width:210px;width:100%;margin:0 auto; padding:0;}
.section-listbox ul li{display: inline-block; vertical-align:top;width:165px;height:auto;margin:0;padding:0;text-align:left;line-height:2.2;}
li.titleWrap{max-width:210px;width:100%;margin:0 auto; padding:0;}
li.titleWrap2{max-width:210px;width:100%;margin:0 auto; padding:0;}
.section-listbox li.titleWrap,.section-listbox li.titleWrap2{margin-left:0;padding:0;}

.inner ul.wptext > li{width:100%;margin:0; padding:0; font-size:9px; font-weight:500;color:#000; list-style:none; line-height:2.2; letter-spacing:0.02em;text-align:left;font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;font-weight:400;}

/*説明文章*/
.inner ul.description{width:38em;height:auto;margin:2em auto 1em;padding-left:1.6em;text-align:center;}
.inner ul.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:9px;line-height:2;letter-spacing:0.01em; }
.sizedn{font-size:8px;margin-left:5.6em;margin-top:-1em;}
/*==================*/

/* ボトムブロック========================*/
footer{width:414px; height:138px; margin:1em auto 0; padding:0;}
.footer_inner_img img{ width:85%; height:auto; margin:0 auto; padding:0px; text-align:center;}
/*メーリングリストメールフォーム=======================================*/
.mailform{display: flex;max-width:37em;width:100%;}
/*MAILMAGAZINE==================*/
.mailform a.mailbutton{padding:0.4em 1.5em 0.3em;font-size:1.1em;}
/*==================*/
.copyright {max-width:28em;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*384 LG Optimus================================================*/
@media screen and ( max-width:384px) {
html {overflow-x:hidden;}
header{position:fixed;max-width:384px;width:100%;height:12.2em;background-color: rgba(255, 255, 255, 0.8);}
/*English＝日本語======================*/
.enjp_button{ width:6em;display: block; height:1.8em; margin:4.9em 0 0 0;left:82.2%;z-index:100;}
li.English a{ display: inline-block;vertical-align:0;}
li.English a:hover{vertical-align:0;}
.zmark img{vertical-align:0.2em;}

/*ロゴブロック========================*/
.rogo_section{max-width:384px;width:100%;height:auto;}
.Rogoblock{width:384px;height:auto;margin:-1.8em auto 4.5em;padding:0;}
.Rogoblock img{width:64%;height:auto;margin:0 auto;}

#nav{width:140px;position:fixed;top:0.4em;left:1.4em;}
/*1階層目*/
#nav > ul > li.collection{margin:-0.05em 0 -0.1em 1em;}
#nav > ul > li.stoklist{margin:-0.1em 0 -0.1em 1em;}
#nav > ul > li.alink{margin:-0.2em 0 -0.25em 1em;}
#nav > ul > li.facebook{margin:-0.3em 0 -0.5em 1em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul.about{margin:0.1em 0 0.3em 0.5em;}
#nav > ul > li > ul.collection_ul{margin:0.1em 0 0.3em 0.5em;}
#nav > ul > li > ul.webback{margin:-0.15em 0 -0.4em 0.5em;}
#nav > ul > li > ul.linkback{margin:-0.2em 0 -0.65em 0.5em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li{margin:0 0 0 0;padding:0;}
#nav > ul > li > ul > li.yammasangyo{margin-bottom:0.3em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0.3em;}
#nav > ul > li > ul > li.basic-coll{margin-bottom:0.3em;}
#nav > ul > li > ul > li.sample{margin-bottom:0.2em;}
#nav > ul > li > ul > li.hao{margin-bottom:0.5em;}

.sectionin .inner .headcopy{width:40%;margin:12.9em auto 0.1em;border-bottom:0.2em solid #000;padding-bottom:0.4em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:12px;font-weight:500;}
.sectionin .inner .readcopy{margin:0 auto 3.3em;padding:0;text-align:center;font-size:9px;line-height:2.2;}

.main{max-width:384px;width:100%;margin:0 auto;padding:0;}
.sectionin{max-width:370px;width:100%;margin:0 auto;padding:0;}
.inner {max-width:370px;width:100%;margin: 0 auto;padding:0;}

/*リストテキスト============================*/
.section-listbox {display:block;max-width:200px;width:100%;margin:0 auto; padding:0;font-weight:400; text-align:left;}
.section-listbox {margin-top:-1em;padding-left:4em;}
.section-listbox ul li{ display: inline-block;vertical-align:top; width:200px; height:auto;
margin:0;padding:0;text-align:left;}
li.titleWrap{max-width:200px;width:100%;}
li.titleWrap2{max-width:200px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:0;padding:0;}

/* ボトムブロック========================*/
footer{width:384px; height:140px; margin:1em auto 0; padding:0;}
}

/*375=========================================================*/
@media screen and ( max-width: 375px) {
html {overflow-x:hidden;}
body{width:100vw;}
header{position:fixed;width:375px;height:13em;background-color: rgba(255, 255, 255, 0.8);}

/*English＝日本語======================*/
.enjp_button{ width:6em;display: block; height:1.8em; margin:4.5em 0 0 0;left:79%;z-index:100;}
.enjp_button ul li{display: inline-block;margin:0;padding:0;text-align: center; }
li.English a,li.Japan a{ display: inline-block;margin:0;vertical-align:0;}
li.English a{letter-spacing:0.1em;}
li.English a:hover{margin:0;vertical-align:0;}
.zmark img{margin-top:0;vertical-align:0.2em;}

/*ロゴブロック========================*/
.rogo_section{width:375px;height:auto;}
.Rogoblock{width:165px;height:auto;margin:-1.8em auto 4.5em;padding:0;}
.Rogoblock img{width:100%;height:auto;margin:0 auto;}

#nav{width:140px;position:fixed;top:1em;left:1em;}
#nav li ul li{line-height:1;}

/* first level  メニューの位置*/
#nav > ul{width:100%;height: auto;display: none;position: absolute;top:9.8em;left:-0.4em;right: 0;margin:0;padding:5px 0;background-color: rgba(255, 255, 255, 0.8);}

/*1階層目*/
#nav > ul > li.liabout a{margin-top:-0.8em;}
#nav > ul > li.collection{margin:-0.1em 0 -0.1em 1em;}
#nav > ul > li.stoklist{margin:-0.1em 0 -0.1em 1em;}
#nav > ul > li.alink{margin:-0.1em 0 -0.2em 1em;}
#nav > ul > li.facebook{margin:-0.35em 0 -0.4em 1em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul.about,
#nav > ul > li > ul.collection_ul,
#nav > ul > li > ul.webback,
#nav > ul > li > ul.linkback{margin:0 0 0 0.5em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li{margin:0 0 0 0;padding:0;}
#nav > ul > li > ul > li.yammasangyo{margin-top:0.15em;margin-bottom:0.2em;}
   #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.4em;}
   #nav > ul > li > ul > li.aizumomen{margin-bottom:0.2em;}
#nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.2em;}
   #nav > ul > li > ul > li.new-coll{margin-bottom:0.2em;}
#nav > ul > li > ul > li.sample{margin-top:0.05em;margin-bottom:0.2em;}
   #nav > ul > li > ul > li.web-liback{margin-bottom:-0.35em;}
#nav > ul > li > ul > li.hao{margin-top:0.05em;margin-bottom:0.2em;}
   #nav > ul > li > ul > li.harppaback{margin-bottom:-0.35em;}

/*アクティブページのメニューグレー設定*/
#nav > ul > li  > ul > li a.nohover{pointer-events:none;color: #656464;text-decoration:none;cursor:default;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic",'Noto Sans JP',sans-serif;  font-weight: 400;font-size:9px;font-weight:400;}

/*v記号表示*/
#nav span:after{position: absolute;top:0;margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13px;color:#656464;}
#nav li.collection span:after{position: absolute;top:-0.05em;margin-left:0.2em;font-family: FontAwesome;
content: "\f107";font-size:13.5px;color:#656464;}

/*テキストブロック========================*/
.sectionin .inner .headcopy{width:40%;margin:12.8em auto 0.3em;border-bottom:0.15em solid #000;padding-bottom:0.15em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:12px;font-weight:500;}
.sectionin .inner .readcopy{margin:0 auto 2.6em;padding:0;text-align:center;font-size:9px;line-height:2.2;}

.main{max-width:375px;width:100%;margin:0 auto;padding:0;}
.sectionin{max-width:370px;width:100%;margin:0 auto;padding:0;}
.inner {max-width:370px;width:100%;margin: 0 auto;padding:0;}

/*リストテキスト============================*/
.section-listbox{display:block;max-width:200px;width:100%;margin:0 auto 0; padding:0;font-weight:400; text-align:left;}
.inner  .section-listbox ul li{ display: inline-block;  vertical-align:top; width:200px; height:auto;margin:0 0 0 1em;padding:0;text-align:left;font-size:9px;}
li.titleWrap{max-width:200px;width:100%;}
li.titleWrap2{max-width:200px;width:100%;}
li.titleWrap,li.titleWrap2{margin-left:0;padding:0;}

/*説明文章*/
ul.description{width:37em;height:auto;margin:2em auto 1em;padding-left:1.5em;text-align:center;}
.inner .description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:7.5px;line-height:2;letter-spacing:0.01em; }

/* ボトムブロック========================*/
footer{width:318px;height:120px; margin:2em auto 0; padding:0 0 0 0;}
.section_footer,.inner-footer ,#footer_wrap,
#footer_area,.footer_areainner{width:100%; margin:0 auto; padding:0;  text-align: center; }
/*受注会画像*/
.footer_inner_img{width:250px;height:auto; margin:0 auto 1.5em; padding:0px; text-align:center; }
.footer_inner_img img{ width:100%; height:auto; margin:0 auto; padding:0px; text-align:center;}
.mailform a.mailbutton{padding:0.35em 1.5em 0.3em;font-size:1.1em;}
}

/*320=========================================================*/
@media screen and ( max-width: 320px) {
html {overflow-x:hidden;}
body{width:320px;}
header{position:fixed;width:320px;height:110px;background-color: rgba(255, 255, 255, 0.8);}

/*English＝日本語======================*/
header .enjp_button{ width:6em;display: block; height:1.8em; margin:4.5em 0 0 0;left:77.6%;z-index:100;}

/*ロゴブロック========================*/
.rogo_section{width:320px;height:auto;}
.Rogoblock{width:145px;height:auto;margin:-1.9em auto 4.5em;padding:0;}
.Rogoblock img{width:100%;height:auto;margin:0 auto;}

/*ボタンの上下位置*/
#nav{width:141px;position:fixed;top:0.9em;left:0.6em;}
/* first level  メニューの位置*/
section #nav > ul{width:100%;height: auto;display: none;position: absolute;top:9.3em;left:-0.4em;right: 0;margin:0;padding:0 0 5px;background-color: rgba(255, 255, 255, 0.8);}
#nav > ul > li.liabout a{margin-top:-0.5em;}
#nav ul li.alink{margin:-0.2em 0 0 1em;}
/*アクティブページのメニューグレー設定*/
#nav > ul > li  > ul > li a.nohover{font-size:8.5px;}

.main{width:320px;margin: 0 auto;padding:0;}
.sectionin{max-width:300px;width:100%;margin: 0 auto;padding:0;text-align:center;}
.inner{max-width:300px;width:100%;margin: 0 auto;padding:0;text-align:center;}

/*テキストブロック========================*/
.sectionin .inner .headcopy{width:42%;margin:11.7em auto 0.3em;border-bottom:0.15em solid #000;padding-bottom:0.5em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:12px;font-weight:500;}
.sectionin .inner .readcopy{margin:0 auto -1.8em;padding:0;text-align:center;font-size:8px;line-height:2.2;}

.section_textblock{margin:3.5em auto 0;padding:0 0 0 0;}

.inner ul.wptext > li{width:100%;margin:0 0 0 2em; padding:0; font-size:8px; font-weight:500;
color:#000; list-style:none; line-height:2.2; letter-spacing:0.05em;text-align:left; 
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Sawarabi Gothic", 'Noto Sans JP',sans-serif;font-weight:400;}

/*説明文章*/
.inner ul.description{width:270px;height:auto;margin:2em auto 1em;padding-left:0;text-align:center;}
.inner ul.description li{width:100%;height:auto;margin:0;padding:0;text-align:left;font-size:8px;line-height:2;letter-spacing:0.01em;}
.sizedn{font-size:7px;margin-left:7.5em;margin-top:-0.7em;}

/* ボトムブロック========================*/
footer{width:280px;height:115px; margin:3em auto 0; padding:0;}
.section_footer,.inner-footer ,#footer_wrap,
#footer_area,.footer_areainner{width:100%; margin:0 auto; padding:0;  text-align: center;}
/*受注会画像*/
.footer_inner_img{width:230px;height:auto;margin:0 auto 1.5em; padding:0px; text-align:center; }
.footer_inner_img img{ width:100%; height:auto; margin:0 auto; padding:0px; text-align:center;}

/*メーリングリストメールフォーム=======================================*/
.mailform a.mailbutton{padding:0.4em 1.5em 0.2.5em;font-size:1.1em;}
/*==================*/
.copyright {max-width:220px;height:auto;margin:1.4em auto 0;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*ブロックの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; }
/*========================================================*/
.ml1{margin-left:-1px;}.ml2{margin-left:-2px;}.ml3{margin-left:-3px;}.ml4{margin-left:-4px;}
.ml5{margin-left:-5px;}.ml6{margin-left:-6px;}.ml7{margin-left:-7px;}.ml8{margin-left:-8px;}