@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: '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{margin:0 auto;overflow-y: scroll;}

body {
margin:0 auto;
background:#fff;
font-size:62.5%;
 color:#000;
font-family:'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;
}

/*画像カバー*/
.img-guard{
position:relative;
width: 250px;
height: 170px;
}
.guard-nopic{
position:absolute;
display:block;
width:100%;
height:100%;
background: url(images/guard.png);
}

/*============================================================*/
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;}

/*==================*/
.head {width:100%; height:auto; }
header{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0;/*border:1px solid #0000ff;*/}

/*============SECTION==============*/
.section {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; /*border:1px solid #ff0000;*/}
.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.1em;font-size:1.4em;letter-spacing:0.05em;color:#000; text-decoration:none;border-bottom:0.1em solid #888;padding-bottom:0.05em;cursor:default;font-family: 'gothic', sans-serif; }
li.Japan a{ display: inline-block; font-size:1.4em;letter-spacing:0.05em;text-decoration:none;cursor:default;color:#000; font-family: 'gothic', sans-serif; z-index:300;}

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

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

.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;cursor:pointer; }

.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:4.9em auto 0;}
.mac.gecko li.English a{margin-right:-0.02em;}
.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:88%;margin:5em auto 0;}

/*ロゴブロック================================*/
.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-left:-0.1em;}

/*firefox*/
.mac.gecko .Rogoblock{margin:-1.9em auto 0;}
.mac.gecko .Rogoblock img{margin-left:-0.05em;}

/*===========================================================*/
#nav{width:950px;
font-family:'gothic','Noto Sans JP',sans-serif;font-weight:400;margin:3.5em auto 0;padding:0;z-index:200;}

/*win-firefox*/
@-moz-document url-prefix() {#nav{margin:3.4em auto 0.2em;}}

#nav li{position: relative;font-family: 'gothic', sans-serif;}
/*非表示部分*/
#nav > a{display: none;}
.facebook,.instagram{display:none;}

#nav li a{display: block;color: #000;margin:0;padding:0;
font-family:'gothic', 'Noto Sans JP',sans-serif;  text-decoration:none;cursor:pointer;}

#nav > ul > li > ul.about,nav > ul > li > ul.collection_ul,
#nav > ul > li > ul.webback,#nav > ul > li > ul.linkback{margin-top:-0.5em;}

/*トップメニュー間空き調整*/
#nav > ul > li.liabout{margin-left:5.5em;}
   #nav > ul > li > ul.about{margin-left:-0.5em;}
      #nav > ul > li > ul > li.yammasangyo{margin-top:-0.1em;font-size:10px;}
      #nav > ul > li > ul > li.aizumomen{margin-top:-0.1em;font-size:10px;}
#nav > ul > li.collection{margin-left:-1.5em;}
   #nav > ul > li > ul.collection_ul{margin-left:-0.2em;}
      #nav > ul > li > ul > li.basic-coll{margin-top:-0.05em;}
      #nav > ul > li > ul > li.new-coll{margin-top:-0.15em;}
#nav > ul > li.schedule{margin-left:2.5em;}
#nav > ul > li.stoklist{margin-left:0.9em;}
#nav > ul > li.webshop{margin-left:0;}
   #nav > ul > li > ul.webback{margin-left:-0.2em;}
      #nav > ul > li > ul > li.sample{margin-top:-0.05em;font-size:10px;}
      #nav > ul > li > ul > li.web-liback{margin-top:-0.1em;}
#nav > ul > li.alink{margin-left:1em;}
   #nav > ul > li > ul.linkback{margin-left:-0.2em;}
      #nav > ul > li > ul > li.hao{margin-top:-0.3em;}
      #nav > ul > li > ul > li.harppaback{margin-left:-0.05em;margin-top:-0.2em;}
#nav > ul > li.mailmagagin{margin-top:0;margin-left:-3em;}

#nav > ul > li > ul > li.yammasangyo, #nav > ul > li > ul > li.aizumomen,#nav > ul > li > ul > li.hao{font-family:'gothic', 'Noto Sans JP',sans-serif; }
/*アクティブページのメニューグレー設定*/
#nav > ul > li a.nohover{pointer-events:none;color: #656464;
font-family:'gothic', 'Noto Sans JP',sans-serif;text-decoration:none;cursor:default;}

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav{margin-top:3.6em;}}
@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;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.schedule{margin-top:0.15em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.stoklist{margin-top:0.15em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.webshop{margin-top:0.1em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.alink{margin-top:0.15em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.mailmagagin{margin-top:0.2em;}}
/*==*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul a{margin-top:-0.4em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.yammasangyo a{margin-top:-0.4em;margin-bottom:0.65em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.basic-coll a{margin-top:-0.35em;margin-bottom:0.65em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.sample a{margin-top:-0.4em;margin-bottom:0.65em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.hao a{margin-top:-0.25em;margin-bottom:0.6em;}}

/*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;}
_:-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.new-coll{margin-top:0.7em;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul{margin-top:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.liabout{margin-top:-0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.collection{margin-top:-0.1em;}
_: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;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.webshop{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.alink{margin-top:0;}
_: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 a{margin-top:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.yammasangyo{margin-top:0;margin-bottom:0.5em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.4em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0.4em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.hao{margin-top:-0.2em;margin-bottom:0.4em;}

/*edge-chromium*/
_:lang(x)::-ms-, #nav{margin-top:4.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li.liabout a,#nav > ul > li.collection a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.schedule a{margin-top:0.05em;}
_: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.05em;}
_:lang(x)::-ms-, #nav > ul > li.mailmagagin a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.2em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.yammasangyo a{margin-top:0;margin-bottom:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.basic-coll a{margin-top:-0.35em;margin-bottom:-0.2em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.sample a{margin-top:-0.1em;margin-bottom:-0.2em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.hao a{margin-top:-0.35em;margin-bottom:-0.3em;}

/*.mac.chrome*/
.mac.chrome #nav{margin:3.4em auto 0.1em;}
.mac.chrome #nav > ul > li > ul > li.yammasangyo{margin-top:0;margin-bottom:0.6em;}
.mac.chrome #nav > ul > li > ul > li.aboutyamma{margin-bottom:-0.1em;}
.mac.chrome #nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.5em;}
.mac.chrome #nav > ul > li.stoklist{margin-top:-0.05em;}
.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.1em;margin-bottom:0.2em;}
.mac.chrome #nav > ul > li > ul > li.hao{margin-top:-0.1em;margin-bottom:0.2em;}

/*win-firefox*/
@-moz-document url-prefix() {#nav > ul > li.liabout{margin-top:-0.15em;margin-left:6.5em;}}
@-moz-document url-prefix() {#nav > ul > li.collection{margin-top:-0.2em;}}
@-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.2em;}}
@-moz-document url-prefix() {#nav > ul > li.alink{margin-top:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li.mailmagagin{margin-top:-0.1em;}}
/*==*/
@-moz-document url-prefix() {#nav > ul > li > ul > li.yammasangyo{margin-top:0.1em;margin-bottom:0.2em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.basic-coll{margin-top:0.2em;margin-bottom:0.1em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.sample{margin-top:0.1em;margin-bottom:0.2em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.hao{margin-top:-0.1em;margin-bottom:0.2em;}}
/*プルダウンメニューザブトン*/
@-moz-document url-prefix() {#nav > ul > li > ul.collection_ul{ width:12em;}}

/*firefox*/
.mac.gecko #nav{margin:3.6em auto 0;}
.mac.gecko #nav > ul > li > ul{margin-top:-1.5em;}
.mac.gecko #nav > ul {margin-left:-0.3em;}
.mac.gecko #nav > ul > li.liabout{margin-top:-0.3em;}
.mac.gecko #nav > ul > li.collection a{margin-top:-0.1em;}
.mac.gecko #nav > ul > li.schedule a{margin-top:-0.1em;}
.mac.gecko #nav > ul > li.stoklist a{margin-top:-0.1em;}
.mac.gecko #nav > ul > li.webshop a{margin-top:-0.2em;}
.mac.gecko #nav > ul > li.alink a{margin-top:-0.1em;}
.mac.gecko #nav > ul > li.mailmagagin a{margin-top:-0.1em;}
.mac.gecko #nav > ul > li > ul > li.yammasangyo a{margin-top:0.1em;margin-bottom:0.35em;}
.mac.gecko #nav > ul > li > ul > li.basic-coll a{margin-top:-0.2em;margin-bottom:0.4em;}
.mac.gecko #nav > ul > li > ul > li.sample a{margin-top:0;margin-bottom:0.2em;}
.mac.gecko #nav > ul > li > ul > li.hao a{margin-top:-0.15em;margin-bottom:0.1em;}

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

/* first level *//* メニュー先頭位置*/
#nav > ul{width:100%;margin-left:0;height: 3.75em;background-color: #fff;font-family:'gothic','Noto Sans JP',sans-serif;}

#nav > ul > li a{width:auto;}

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

/* Edge */
@supports (-ms-ime-align: auto){#nav > ul > li{width:12.49%;}}
/*win-firefox*/
@-moz-document url-prefix() {#nav > ul > li{width:13.1%;}}
/*firefox*/
.mac.gecko #nav > ul > li{width:13.22%;}

#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);/*黒50％*/ 
}

/* second level *//*プルダウンザブトン／メニュートップ位置padding調整*/
#nav li ul{background-color: rgba(255, 255, 255, 0.8);display: none;position: absolute;top:70%;padding-top:25px;}
/*プルダウンメニュ- 頭合わせ*/
.about{margin-left:-0.3em;}
.webback{margin-left:-0.2em;}
.linkback{margin-left:-0.2em;}
/*chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.about-aizucotton{margin-top:-0.6em;}

#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; }

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){#nav > ul > li > ul > li.about-aizucotton{font-size:11px;}}

/*ie11*/
#nav li ul{position:absolute;top:100%;padding-top:10px;}
_:-ms-lang(x)::-ms-backdrop,#nav > ul > li > ul > li.about-aizucotton{font-size:11px;}

/*edge*/
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.about-aizucotton{margin-left:11px;font-size:12px;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.web-liback{margin-left:0;font-size:10px;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.hao{margin-left:0px;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.harppaback{margin-left:0px;}

#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{color: rgba(0, 0, 0, 0.5);}

/*プルダウン白ザブトン幅調整*/
#nav li ul.about{ width:16em; }
#nav ul li ul.collection_ul{ width:13em; }
#nav li ul.webback{ width:14.3em;}/*AIZU COTTON*/
#nav li ul.linkback{ width:7.7em;  }/*width:62%;*/

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

.main{max-width:950px;width:100%;margin:0 auto; padding:0;/*border: solid 1px #999;*/}
.inner { max-width:950px;width:100%;margin:0 auto; padding:5px 0; }

.mainimg{max-width:950px;height:auto;margin:0.3em auto 0;padding:0; }
.mainimg img{width:100%;height:auto;}

/*firefox*/
.mac.gecko .mainimg{margin-top:0.6em;}
/*win-chrome*/
.win.chrome .mainimg{margin-top:0.5em;}
/* ================================================================
フッター
================================================================*/
footer{width:100%; height:160px; margin:10px auto 0px; padding:0;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; }
/*==================*/
.copyright {max-width:400px;height:auto;margin:3em auto 0;padding:0;}
.copyright img{ width:100%;height:auto;}
/*==================*/
.clearfix{ clear:both; }
/*==================*/
.clear-both{ clear: both; }
/*==================*/

/*スマホ用 ##################################################*/
/* 1024================================== */
@media screen and ( max-width:1024px ){
html {overflow-y:scroll;}
body{width:1024px;margin:0 0 0 0;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:95%; margin:5em 0 0 0; padding:0;}

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

#nav{width:100%;margin:3.3em auto 1.1em;padding:0;}
#nav > ul {width:900px;margin:0 auto;}

/*トップメニュー空き調整*/
#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;/*border:1px solid #f00000;*/}
#nav > ul > li.mailmagagin a{margin:0;}
/*先頭調整*/
#nav > ul > li.liabout{margin-left:0.5em;}

/*トップメニュー間-右空き調整*/
#nav > ul > li a{width:auto;height:100%;padding:0;margin-right:5.6em;float: left;}
/*下層メニューテキスト幅*/
 #nav > ul > li > ul a{width:90%;margin-left:1.2em;}
/*下層メニュー行間*/
 #nav > ul > li > ul > li  a:first-child{margin-top:0.5em;margin-bottom:0.5em;}

/*プルダウン白ザブトン幅調整*/
#nav li ul.about{ width:16em;padding-bottom:0.7em;}
#nav ul li ul.collection_ul{ width:13.5em;padding-bottom:0.7em; }
#nav li ul.webback{ width:14.8em;padding-bottom:0.7em;}
#nav li ul.linkback{ width:8.3em; padding-bottom:0.7em;}

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

footer{width:950px; height:150px; margin:1em auto 10em;}
}

/*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==============*/
.inneersection {display: block;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%;}
.Rogoblock{ margin:-2em auto 2.5em; padding:0;}
.Rogoblock img{width:100%;margin-left:-0.1em;}

#nav{width:100%;margin:3.4em auto 0.5em;padding:0;}
#nav > ul {width:765px;margin:0 auto;padding:0;}
/*下層メニュー行間*/
 #nav > ul > li > ul > li  a:first-child{margin-top:0.6em;margin-bottom:0.5em;}
/*先頭調整*/
#nav > ul > li.liabout{margin-left:0;}
/*トップメニュー間-右空き調整*/
#nav > ul > li a{width:auto;height:100%;padding:0;margin-right:4em;float: left;}

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

.mainimg{max-width:750px;height:auto;margin:0 auto;padding:0;}
.mainimg img{width:100%;height:auto;}

footer{width:834px; height:100px; margin:1em auto 0;}
}

/* ipad 768================================== */
@media only 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:100%;margin:3em auto 1em; padding:0;}
#nav > ul {width:700px;margin:0 auto;padding:0;/*border:1px solid #f00000;*/}
/*下層メニュー行間*/
 #nav > ul > li > ul > li  a:first-child{margin-top:0.6em;margin-bottom:0.5em;}
/*先頭調整*/
#nav > ul > li.liabout{margin-left:0;}
/*トップメニュー間-右空き調整*/
#nav > ul > li a{width:auto;height:100%;padding:0;margin-right:3.25em;float: left;}
#nav > ul > li > ul > li.yammasangyo a{margin-bottom:0.6em;}
#nav > ul > li > ul > li.basic-coll a{margin-bottom:0.7em;}

.main{width:768px;margin:0 auto;text-align:center;}
.inner{width:700px;margin:0 auto;text-align:center;}

/*==================*/
footer{width:736px; height:70px; margin:3em auto 0;}
}

/*736i phone8plus横================================================*/
@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;}
.head {width:100%; height:auto; }
.enjp_button{width:95.7%;margin:4.9em 0 0 0; }
li.English a{margin-top:-0.05em;margin-right:-0.15em;vertical-align:-0.01em;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:100%;margin:3em auto 0; padding:0;}
#nav > ul {width:670px;margin:0 auto;padding:0;/*border:1px solid #f00000;*/}
/*下層メニュー行間*/
 #nav > ul > li > ul > li  a:first-child{margin-top:0.6em;margin-bottom:0.5em;}
/*先頭調整*/
#nav > ul > li.liabout{margin-left:0;}
/*トップメニュー間-右空き調整*/
#nav > ul > li a{width:auto;height:100%;padding:0;margin-right:2.8em;float: left;}
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.5em;margin-bottom:0.6em;}
#nav > ul > li > ul > li.basic-coll a{margin-bottom:0.5em;}
#nav > ul > li > ul > li.sample a{margin-top:0.5em;}
#nav > ul > li > ul > li.harppaback a{margin-top:0.5em;}

/*==================*/
.main{width:73.6em;margin:0 auto;padding:0;text-align:center;}
.inner{width:67em;margin:0 auto;padding:0;text-align:center;}
/*==================*/
footer{width:736px; height:100px; margin:1em 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:100%;margin:2em auto 0.6em; padding:0;}
#nav > ul {width:610px;margin:0 auto;padding:0;}
/*トップメニュー間-右空き調整*/
#nav > ul > li a{width:auto;height:100%;padding:0;margin-right:2em;float: left;}
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.6em;margin-bottom:0.6em;}
#nav > ul > li > ul > li.basic-coll a{margin-bottom:0.5em;}
#nav > ul > li > ul > li.sample a{margin-top:0.4em;margin-top:0.5em;}
#nav > ul > li > ul > li.harppaback a{margin-top:0.5em;}

.main{width:667px;margin:0 auto;padding:0;text-align:center;}
.inner{width:620px;margin:0 auto;padding:0;text-align:center;}
.inner .mainimg{max-width:620px;width:100%;height:auto;margin:0 auto;padding:0;}
.mainimg img{width:100%;height:auto;}

/*==================*/
footer{width:667px; height:92px; margin:10px auto 0px;}
.copyright img{ width:90%;height:auto;}
}

/* 640=========================================================*/
@media screen and ( max-width: 640px) {
html{font-size: 75%;}
/*ヘッダー部分固定*/
header{position:fixed;top:0;width:640px;height:auto;margin:0;padding:0;background-color: rgba(255, 255, 255, 0.8);}
.head {width:100%; height:auto;}
/*============SECTION==============*/
.inneersection {display: block;max-width:640px;width:100%;margin:0 auto;padding:0;}
.rogo_section{max-width:640px;width:100%;height:auto;margin:0 auto;padding:0; text-align:center;}
.section-nav{display: block;max-width:640px; width:100%; margin:0 auto; padding:0;}
/*English＝日本語=================================================*/
.enjp_button{ position: relative;width:12em;left:80.7%;margin:4.9em 0 0 0; }
li.English a{ display: inline-block;margin-right:0.01em;margin-top:0;font-size:1.4em;border-bottom:0.1em solid #888;padding-bottom:0;vertical-align:0;}
li.Japan a{ display: inline-block; font-size:1.4em;letter-spacing:0.05em;margin-left:0.005em;}
.zmark img{display: inline-block;width:1em;height:auto;margin:0;padding:0;vertical-align:0.2em;}

.Rogoblock{ margin:-1.9em auto 4.5em; padding:0;}
.Rogoblock img{ width:130%;}

/*ボタンの上下位置*/
#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;}

/*ドロワーメニューの左揃え*/
.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: 32%;height: auto;display: none;position: absolute;top:11.1em;left:0.1em;right: 0;
margin:0;padding:8.5px 10px 5px 10px;background-color: rgba(255, 255, 255, 0.8);}

/* second level *//*プルダウンザブトン*/
#nav li ul{display:none;position: static;top:90%;left:0;padding:1.25em; padding-top: 0;background-color: rgba(255, 255, 255,0);/*白70％*/}

/*トップメニュー空き調整*/
#nav > ul > li{width:100%;float: none;}
#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,
#nav > ul > li.facebook,
#nav > ul > li.instagram{margin:0;}
#nav > ul > li a{width:100%;height:100%;padding:0;margin-left:0;font-size:9px;}

/*プルダウンの下の間隔*/
#nav > ul > li > ul.about{width:100%;margin:0.1em 0 0 -0.2em;}
#nav > ul > li > ul > li a{width:100%;margin-left:0;font-size:8.5px;}
#nav > ul > li > ul > li a:first-child{margin-bottom:0.6em;}
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.8em;}
#nav > ul > li > ul > li.aizumomen a{margin-bottom:0.6em;}
#nav > ul > li > ul > li.basic-coll a{margin-top:0.6em;}
#nav > ul > li > ul > li.new-coll a{margin-bottom:0.75em;}
#nav > ul > li > ul > li.hao a{margin-top:0.5em;}

/*v記号表示*/
#nav > ul > li.liabout a:after,#nav > ul > li.collection a:after,
#nav > ul > li.webshop a:after,#nav > ul > li.alink a:after{margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:15px;color:#656464;vertical-align:-0.1em;}
/*v記号非表示*/
#nav > ul > li > ul > li a:after{display:none;}

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

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

.mainimg{max-width:580px;height:auto;margin:0 auto;padding:0; }
.mainimg img{width:100%;height:auto;margin-top:0.6em;}

/*==================*/
footer{width:640px; height:100px; margin:1em auto 0; padding:0;}
.copyright {max-width:377px;height:auto;margin:5em auto 0;padding:0;}
.copyright img{ width:90%;height:auto;}
}

/*Nexus7=600===============================================*/
@media screen and ( max-width: 600px) {
body{width:100vw;}
/*ヘッダー部分固定*/
header{position:fixed;top:0;width:600px;height:auto;}
/*English＝日本語=================================================*/
.enjp_button{ 
position: relative;width:6em;display: block; height:1.8em; margin:6.9em 0 0 0; 
padding:0; text-align:center;z-index:100;left:88%;}
/*================*/
.Rogoblock{ margin:-1.9em auto 4.5em; padding:0;}
.Rogoblock img{width:100%;}
/*================*/
/*ボタンの上下位置*/
#nav{width:400px;position:fixed;top:3.1em;left:1.9em;}

#nav > ul > li > ul > li.yammasangyo a{margin-top:0.7em;}
#nav > ul > li > ul > li.web-liback a{margin-top:0.7em;}
#nav > ul > li > ul > li.harppaback a{margin-bottom:0.7em;}

/*===============================*/
.main{max-width:600px;width:100%;height:auto;margin:0 auto; padding:0;}
.inner {width:560px;padding:3em 0 0.5em 0;}
.mainimg{max-width:560px;height:auto;margin:15.1em auto 0;padding:0; }
.mainimg img{width:100%;height:auto;}

/*==================*/
footer{width:600px; height:100px; margin:1em auto 0; padding:0;}
.copyright {max-width:377px;height:auto;margin:5em auto 0;padding:0;}
.copyright img{ width:90%;height:auto;}
}

/*568iphone se横================================================*/
@media screen and ( max-width: 568px) {
/*ヘッダー部分固定*/
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  メニューの位置*/
section #nav > ul{width:70%;height: auto;display: none;position: absolute;top:9.9em; left:1.8em; 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{width:100%;height:100%;padding:0;margin-left:0;font-size:9px;}
#nav > ul > li > ul > li a:first-child{margin:0;line-height:2.5;}
#nav > ul > li.schedule a{margin-top:0.1em;margin-bottom:0.1em;}
#nav > ul > li.webshop a{margin-top:-0.1em;margin-bottom:0.1em;}
#nav > ul > li.alink a{margin-top:-0.15em;}
#nav > ul > li.facebook a{margin-top:-0.1em;}
#nav > ul > li.instagram a{margin-top:-0.15em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul{margin:0;padding:0;}
#nav > ul > li > ul.about{margin:0.2em 0 0 0.8em;}
#nav > ul > li > ul.collection_ul{margin:0 0 -0.05em 0.8em;}
#nav > ul > li > ul.webback{margin:0 0 0.5em 0.8em;}
#nav > ul > li > ul.linkback{margin:-0.1em 0 -0.5em 0.8em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li.sample a{margin-top:-0.2em;}
 #nav > ul > li > ul > li.web-liback a{margin-bottom:0.1em;}
/*====*/
#nav > ul > li > ul > li a:first-child{margin-left:-0.8em;}

.main{width:568px;margin:12.9em auto 0;padding:0;}
.inner{width:515px;margin: 0 auto;padding:0; }

.mainimg{max-width:515px;height:auto;margin:0 auto;padding:0;}
.mainimg img{width:100%;height:auto;margin-left:0;}

/*==================*/
footer{width:568px; height:100px; margin:1em auto 0; padding:0;}
.copyright {max-width:300px;height:auto;margin:5em auto 0;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
html {overflow-x:hidden;}
header{position:fixed;width:414px;height:auto;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;letter-spacing:0;font-size:1.4em;}
li.English a:hover{vertical-align:0;letter-spacing:0;}
.zmark img{margin-left:-0.05em;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:130px;position:fixed;top:1.1em;left:1.6em;}
#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.9em;right: 0;margin:0;padding:4px 0 5px 10px;background-color: rgba(255, 255, 255, 0.8);}

/*====*/
#nav > ul > li a{width:100%;height:100%;padding:0;margin-left:0;font-size:9px;}
#nav > ul > li > ul > li a:first-child{margin:0;line-height:2.5;}
/*1階層目*/
#nav > ul > li.liabout{margin-top:-0.3em;}
#nav > ul > li{margin:0;padding:0;}
#nav > ul > li.liabout a{margin-top:0;}
#nav > ul > li.schedule a{margin-top:0;}
#nav > ul > li.webshop a{margin-top:-0.2em;}
#nav > ul > li.mailmagagin a,
#nav > ul > li.alink a{margin-top:-0.1em;}
#nav > ul > li.facebook a{margin-top:-0.3em;}
#nav > ul > li.instagram a{margin-top:-0.2em;}
/*2階層目 #nav > ul > li > ul*/
#nav > ul > li > ul{margin:0;padding:0;}
#nav > ul > li > ul.about{margin:0.1em 0 0 0.8em;}
#nav > ul > li > ul.collection_ul{margin:0 0 -0.05em 0.8em;}
#nav > ul > li > ul.webback{margin:0 0 0.5em 0.8em;}
#nav > ul > li > ul.linkback{margin:-0.1em 0 -0.5em 0.8em;}
/*3階層目 #nav > ul > li > ul > li*/
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.1em;}
#nav > ul > li > ul > li.aizumomen a{margin-bottom:0.2em;}
#nav > ul > li > ul > li.basic-coll a{margin-top:-0.1em;}
#nav > ul > li > ul > li.new-coll a{margin-bottom:0;}
#nav > ul > li > ul > li.sample a{margin-top:-0.1em;}
#nav > ul > li > ul > li.hao a{margin-top:-0.1em;}
#nav > ul > li > ul > li.web-liback a{margin-bottom:0.2em;}
#nav > ul > li > ul > li.harppaback a{margin-top:-0.1em;margin-bottom:0;}
/*====*/
#nav > ul > li > ul > li a:first-child{margin-left:-0.9em;}

#nav > ul > li.liabout a:after,
#nav > ul > li.collection a:after,
#nav > ul > li.webshop a:after{margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13px;color:#656464;vertical-align:-0.1em;}
#nav > ul > li.alink a:after{margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13px;color:#656464;vertical-align:-0.05em;}

.main{width:414px;margin:12.7em auto 0;padding:0;}
.inner{width:372px;margin: 0 auto;padding:0;}
.mainimg{max-width:372px;width:100%;height:auto;margin:auto;padding:0; }
.mainimg img{width:100%;height:auto;}

/*==================*/
footer{width:414px; height:50px; margin:5em auto 0; padding:0;}
.copyright {max-width:300px;height:auto;margin:0 auto;padding:0;}
.copyright img{ width:100%;height:auto;}
}

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

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

li.English a{ display: inline-block;vertical-align:0;letter-spacing:0.02em;}
li.English a:hover{vertical-align:0;}
.zmark img{vertical-align:0.2em;margin-left:0;margin-top:0;}

/*ロゴブロック========================*/
.rogo_section{width:384px;height:auto;}
.Rogoblock{width:384px;height:auto;margin:-1.5em auto 0em;padding:0;}
.Rogoblock img{width:65.1%;height:auto;margin-left:0;}

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

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

#nav > ul > li a{width:100%;height:100%;padding:0;margin-left:0;font-size:8.5px;}
#nav > ul > li > ul > li a:first-child{margin:0;line-height:2.5;}
/*====*/
#nav > ul > li.stoklist a,
#nav > ul > li.collection a{margin-top:0;}
#nav > ul > li.schedule a{margin-top:0.1em;}
#nav > ul > li.stoklist a{margin-top:-0.1em;}
#nav > ul > li.webshop a{margin-top:-0.1em;}
#nav > ul > li.alink a{margin-top:-0.3em;}
#nav > ul > li.mailmagagin a{margin-top:-0.1em;}
#nav > ul > li.facebook a{margin-top:-0.3em;}
#nav > ul > li.instagram a{margin-top:-0.4em;}
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.1em;}
#nav > ul > li > ul > li.aizumomen a{margin-bottom:0;}
#nav > ul > li > ul > li.basic-coll a{margin-top:0;}
#nav > ul > li > ul > li.sample a{margin-top:-0.3em;}
#nav > ul > li > ul > li.web-liback a{margin-bottom:0.2em;}
#nav > ul > li > ul > li.hao a{margin-top:-0.2em;}
#nav > ul > li > ul > li.harppaback a{margin-top:-0.1em;margin-bottom:-0.1em;}
/*====*/
#nav > ul > li > ul > li a:first-child{margin-left:-0.9em;}

.main{width:100%;margin:0 auto;padding:0;}
.inner{width:100%;margin: 0 auto;padding:0; }
.mainimg{max-width:350px;height:auto;margin:13.7em auto 0;padding:0; }
.mainimg img{width:100%;height:auto;}

/*==================*/
footer{width:100%; height:60px; margin:1.5em auto 0;}
.copyright{max-width:250px;height:auto;margin:4em auto;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*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＝日本語======================*/
header .enjp_button{ width:6em;display: block; height:1.8em; margin:4.6em 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,li.Japan a,li.English a:hover,li.Japan a:hover,.zmark img{vertical-align:0;}
li.English a,li.Japan a{ display: inline-block;margin:0;vertical-align:0;}
li.English a{letter-spacing:0.1em;}
li.Japan a{font-size:1.4em;letter-spacing:0.05em; }
.zmark img{display: inline-block;width:1em;height:0.5em;margin:0;padding:0;vertical-align:0.2em;}

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

#nav{width:130px;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.4em;left:2.1em;right: 0;margin:0;padding:5px 0;background-color: rgba(255, 255, 255, 0.8);}

/*====*/
#nav > ul > li.stoklist a{margin-top:0;}
#nav > ul > li.collection a{margin-top:0;}
#nav > ul > li.schedule a{margin-top:0;}
#nav > ul > li.stoklist a{margin-top:0;}
#nav > ul > li.webshop a,
#nav > ul > li.alink a{margin-top:-0.15em;}
#nav > ul > li.facebook a{margin-top:-0.3em;}
#nav > ul > li.instagram a{margin-top:-0.25em;}
#nav > ul > li.mailmagagin a{margin-top:-0.1em;}
#nav > ul > li > ul > li.yammasangyo a{margin-top:0.15em;margin-bottom:0;}
#nav > ul > li > ul > li.aizumomen a{margin-bottom:0.1em;}
#nav > ul > li > ul > li.basic-coll a{margin-top:0.1em;}
#nav > ul > li > ul > li.sample a{margin-top:-0.1em;}
#nav > ul > li > ul > li.web-liback a{margin-bottom:0.1em;}
#nav > ul > li > ul > li.hao a{margin-top:-0.1em;}
#nav > ul > li > ul > li.harppaback a{margin-top:-0.15em;margin-bottom:-0.15em;}
/*====*/
#nav > ul > li > ul > li a:first-child{margin-left:-0.9em;}

.main{width:100%;margin:12.4em auto 0;padding:0;}
.inner{width:100%;margin: 0 auto;padding:0; }
.mainimg{max-width:340px;height:auto;margin:0 auto;padding:0; }
.mainimg img{width:100%;height:auto;}

/*==================*/
footer{width:375px; height:60px; margin:4em auto 0;}
.copyright{max-width:260px;height:auto;margin:0 auto;padding:0;}
.copyright img{ width:100%;height:auto;}
}

/*320=========================================================*/
@media screen and ( max-width: 320px) {
html {overflow-x:hidden;}
body{width:100vw;}
header{position:fixed;width:320px;height:90px;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;}
.enjp_button ul li{ display: inline-block; margin:0;  padding:0; text-align: center; }

li.English a,li.English a:hover{display: inline-block;font-size:1.4em;border-bottom:0.1em solid #888;padding-bottom:0.05em;margin:0;vertical-align:0;}
li.Japan a,li.Japan a:hover{display: inline-block; font-size:1.4em;margin:0;vertical-align:0;}
.zmark img{display: inline-block;width:1em;height:0.5em;margin:-0.2em 0 0 0;padding:0;}

/*ロゴブロック========================*/
.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:130px;position:fixed;top:0.9em;left:0.6em;}
#nav > ul{margin-top:-2.5em;margin-left:6.5em;}
#nav li ul li{line-height:1;}

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

.main{width:320px;margin:0.7em auto 0;padding:0;}
.sectionin{width:280px;margin:0 auto;padding:0;}
.inner {width:280px;margin: 0 auto;padding:0;}

section .inner .mainimg{max-width:280px;height:auto;margin:12.5em auto 0;padding:0;}
.mainimg img{width:100%;height:auto;margin-left:-5.8em;}

/*==================*/
footer{width:280px;height:60px; margin:3em auto 0; padding:0;}
.copyright {max-width:250px;height:auto;margin:1em 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; /*background:#0000cc;*/}
/*========================================================*/
.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;}