@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", 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;overflow-x: hidden;}

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

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

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

/*============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.48em;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;cursor:pointer;font-size:1.8em;font-family:  'haopict'; }

li.Japan a:hover{ display: inline-block;color:#000;cursor:default;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;cursor:pointer; }

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

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
li.facebook a{margin-right:0.5em;}}
/*win-firefox*/
@-moz-document url-prefix() {.enjp_button{width:93.85%;margin:4.9em 0 0 0;}}

/*firefox*/
.mac.gecko .enjp_button{width:88%;margin:5.1em auto 0;}
.mac.gecko li.English a{margin-right:-0.08em;}
.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:4.8em auto 0;padding-top:0.2em;}
.mac.chrome li.English a{margin-right:-0.1em;}
.mac.chrome li.facebook a{margin-right:0.5em;}

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

/*win- firefox*/
@-moz-document url-prefix() {.Rogoblock{max-width:31.1em;width:100%;height:auto;}}
@-moz-document url-prefix() {.Rogoblock img{margin-left:-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:0 0 0 -0.1em;}
/*==win Chrome==*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .Rogoblock img{margin:0 0 0 -0.1em;}
/*edge-chromium*/
_:lang(x)::-ms-, .Rogoblock img{margin:-0.1em 0 0 -0.1em;}
/*.mac.chrome*/
.mac.chrome .Rogoblock img{margin:-0.1em 0 0  -0.1em; }

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

#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',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", sans-serif;  text-decoration:none;cursor:pointer;}

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

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

/*トップメニュー間空き調整*/
li.liabout,li.collection,li.schedule,li.stoklist,li.webshop,li.alink,li.mailmagagin{margin-top:0;padding:0;}
#nav > ul > li.liabout{margin-left:5.4em;}
#nav > ul > li.collection{margin-left:-1.5em;}
#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.alink{margin-left:0.8em;}
#nav > ul > li.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{margin-left:-0.1em;}
#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;}

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

/* Edge */
@supports (-ms-ime-align: auto){#nav > ul{margin-left:-7.5em;}}

#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 *//*プルダウンザブトン*/
#nav li ul{background-color: rgba(255, 255, 255, 0.8);display: none;position: absolute;top:70%;padding-top:5px;}
/*プルダウンメニュ- 頭合わせ*/
.about{margin-left:-0.3em;}
.webback{margin-left:-0.2em;}
.linkback{margin-left:-0.2em;}

#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{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.1em;}}
@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.8em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.yammasangyo{margin-top:0.4em;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.4em;margin-bottom:0.4em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.sample{margin-top:0.4em;margin-bottom:0.2em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.hao{margin-top:0.3em;margin-bottom:0.3em;}}

/*edge*/
_:-ms-lang(x)::backdrop, #nav > ul > li > ul{margin-top:1em;}
_:-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.aboutyamma,#nav > ul > li > ul > li.aizumomen{margin-top:0.2em;}
_:-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.web-liback{margin-top:0.2em;margin-left:0;font-size:10px;}
_:-ms-lang(x)::backdrop, #nav > ul > li > ul > li.sample{margin-top:0;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.hao{margin-top:0;margin-left:0px;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.harppaback{margin-top:0.2em;margin-left:0px;}
_:-ms-lang(x)::backdrop,#nav > ul > li > ul > li.new-coll{margin-top:0.7em;}
_:-ms-lang(x)::backdrop, #nav > ul > li.liabout{margin-top:0;}
_:-ms-lang(x)::backdrop, #nav > ul > li.collection{margin-top:0;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul{margin-top:-0.1em;}
_: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.1em;}
_: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.8em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.yammasangyo{margin-top:0;margin-bottom:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.aboutyamma{margin-top:0;margin-bottom:-0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0;}
_: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.5em;}
_: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.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.1em;}
_:lang(x)::-ms-, #nav > ul > li.mailmagagin a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:0.8em;}
_: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.35em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.sample a{margin-top:-0.2em;margin-bottom:-0.1em;}
_: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.5em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.yammasangyo{margin-top:0.3em;margin-bottom:-0.3em;}}
@-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.3em;margin-bottom:-0.3em;}}
@-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;}}

/*firefox*/
.mac.gecko #nav{margin:-0.1em auto 0;}
.mac.gecko #nav > ul{margin-left:-1.4em;}
.mac.gecko #nav > ul > li > ul{margin-top:1.05em;}
.mac.gecko #nav > ul > li.liabout{margin-top:-0.1em;}
.mac.gecko #nav > ul > li > ul > li.yammasangyo{margin-top:0.1em;margin-bottom:0.3em;}
.mac.gecko #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.3em;}
.mac.gecko #nav > ul > li.collection{margin-top:0;margin-left:-1.4em;}
.mac.gecko #nav > ul > li > ul > li.basic-coll{margin-top:0;margin-bottom:0.3em;}
.mac.gecko #nav > ul > li.schedule{margin-top:0.05em;margin-left:2.6em;}
.mac.gecko #nav > ul > li.stoklist{margin-top:0.1em;margin-left:1.1em;}
.mac.gecko #nav > ul > li.webshop{margin-top:0.1em;margin-left:0.1em;}
.mac.gecko #nav > ul > li > ul > li.sample{margin-top:0.1em;margin-bottom:0.1em;}
.mac.gecko #nav > ul > li.alink{margin-top:0.2em;margin-left:0.8em;}
.mac.gecko #nav > ul > li > ul > li.hao{margin-top:0.1em;margin-bottom:0;}
.mac.gecko #nav > ul > li.mailmagagin{margin-left:-2.9em;}

/*.mac.chrome*/
.mac.chrome #nav{margin-top:3.5em;}
.mac.chrome #nav > ul > li > ul{margin-top:0.7em;}
.mac.chrome #nav > ul > li.liabout{margin-left:5.5em;}
.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;margin-bottom:0;}
.mac.chrome #nav > ul > li.mailmagagin{margin-top:0;}

/*safari*/
.mac.safari #nav > ul > li > ul{margin-top:0.8em;}
.mac.safari #nav > ul > li > ul > li.yammasangyo{margin-bottom:0.2em;}
.mac.safari #nav > ul > li > ul > li.aboutyamma{margin-bottom:0.1em;}
.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.1em;}
.mac.safari #nav > ul > li > ul > li.hao{margin-top:0;margin-bottom:0.05em;}

#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:15em; }
#nav li ul.webback{ width:12em; }/*AIZU COTTON*/
#nav li ul.linkback{ width:9.2em; }/*width:62%;*/

#nav ul li ul.collection_ul{ width:14.2em; }

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

/* Edge */
@supports (-ms-ime-align: auto){#nav > ul > li{width:12.75%;}}
/*==win Chrome==*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li{width:13.42%;}

/*edge-chromium*/
_:lang(x)::-ms-, #nav > ul > li{width:13.47%;}

/*win-firefox*/
@-moz-document url-prefix() {#nav > ul > li{width:13.47%;}}

/*firefox*/
.mac.gecko #nav > ul > li{width:13.47%;}

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

/*プルダウンの一番下の間隔*/
#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.5em 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.38em auto 0.7em;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", sans-serif; }

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .inner .headcopy{margin:2.5em auto 0.3em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .readcopy{margin:0 auto 0.9em;}

/*edge-chromium*/
_:lang(x)::-ms-, .inner .headcopy{margin:2.5em auto 0.3em;padding-bottom:0;}
_:lang(x)::-ms-, .readcopy{margin:0.32em auto 0.7em;}

/*win-firefox*/
@-moz-document url-prefix() {.inner .headcopy{margin:2.3em auto 0;padding-bottom:0.5em;}}
@-moz-document url-prefix() {.readcopy{margin:0 auto 1em;}}

/*firefox*/
.mac.gecko .inner .headcopy{margin:3.3em auto 0.5em;padding-bottom:0.4em;}
.mac.gecko .readcopy{margin:0 auto 0.6em;}

/*mac-chrome*/
.mac.chrome .inner .headcopy{margin:2.6em auto 0.5em;}
.mac.chrome .readcopy{margin:0 auto 0.7em;}

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

/*=======================================================================*/
.h-spase{height:1.5em;border:none;}

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

/*win-firefox*/
@-moz-document url-prefix() {.mainimg{padding-left:0.8em;}}

/* ================================================================
フッター
================================================================*/
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;} 
a.mailbutton:link,a.mailbutton:hover ,a.mailbutton:active,a.mailbutton:visited {color:#000; }

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

@-moz-document url-prefix() {.copyright img{width:86%;height:auto;}}

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

/*スマホ用 ##################################################*/
/* ipad pro1024================================== */
@media only screen and ( max-width:1024px ){
html {overflow-x:hidden;overflow-y:scroll;}
body{width:100vw;margin: 0.1em auto 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:4.9em 0 0 0; padding:0;}

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

#nav{width:88em;margin:3.5em auto 2.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:1.2em;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:-1.8em;}
/* メニュー間隔*/
#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%;}

.main{width:100%;height:auto;margin:-0.25em auto 0;padding:0;}
.inner{width:100%;height:auto;margin:0 auto;padding:0;}

.inner .headcopy{width:17em;height:auto;margin:0 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;font-size:1.6em;}

.readcopy{margin:0 auto 1.7em;}

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

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

/*834================================== */
@media screen and ( max-width:834px) {
html{overflow-x:hidden;}
body{width:100vw;margin:0 auto 0;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 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.7em;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{width:17em;height:auto;margin:0 auto 0.1em;padding:0;text-align:center;border-bottom:1.5px solid #000;padding-bottom:0.3em;}
.readcopy{margin:0 auto 0.4em;}

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

footer{width:100%; height:220px; margin:-1.8em auto 0; padding:0;background: #fff;text-align:center; overflow:hidden;}
/*フッターリスト項目追加部*/
#footer_area{ width:100%; margin:7em auto 0; padding:0 0 0 0.1em; text-align:center; background:none;}
.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 only screen and ( max-width: 768px) {
header{width:768px;height:auto;margin:0 0 0 0.1em;padding:0;}
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:-1.9em auto 3em; padding:0;}
.Rogoblock img{width:100%;margin-left:-0.51em;}

#nav{width:70em;margin:2em 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 1.7em 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.7em;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 a.nohover{margin-top:0;font-size:11px;}

.inner .headcopy{width:18em;height:auto;margin:0 auto 0.1em;padding:0;text-align:center;border-bottom:1.5px solid #000;padding-bottom:0.2em;}
.readcopy{margin:0 auto -0.2em;}

.main{max-width:768px;width:100%;height:auto;margin:0 auto;}
.sectionin,.inner{max-width:690px;width:100%;height:auto;margin:0 auto;}
.mainimg{max-width:690px;height:auto;margin:0.3em auto 0;padding-left:0;}
.mainimg img{width:100%;height:auto;}

/*================================*/
footer{width:100%; height:219px; margin:-2em auto 0; padding:0;background: #fff;text-align:center; overflow:hidden; }
#footer_area{ width:100%; margin:7em auto 0; padding:0 0 0 0.1em; text-align:center; background:none;}
/*================================*/
.footer_inner_img img{ width:95%; 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: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.8%;margin:5em 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:-1.9em auto 3em; padding:0;}
.Rogoblock img{ margin-left:-0.1em;}

#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.2em;}
#nav > ul > li.mailmagagin{margin-right:0;}

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

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

.sectionin .inner .headcopy{width:18em;height:auto;margin:3em auto 0;padding:0;text-align:center;border-bottom:0.1em solid #000;padding-bottom:0.2em;}
.sectionin .inner .readcopy{margin:0 auto 0.5em;height:auto;padding-left:0;}

footer{width:100%; height:208px;margin:2em auto 0.5em; padding:0;background: #fff;text-align:center; overflow:hidden; }
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.4em 1.5em;}
.footer_inner_img img{ width:95%; height:auto; margin:0 auto; padding:0px; text-align:center; }
.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.8em;padding-top:0;}
#nav > ul > li > ul > li.aizumomen{margin-top:-0.2em;}

.sectionin .inner .headcopy{width:18em;height:auto;margin:3.3em auto 0.1em;padding:0;text-align:center;border-bottom:0.1em solid #000;padding-bottom:0.2em;}

.sectionin .inner .readcopy{margin:0 auto 1.5em;height:auto;padding:0;text-align:center;font-size:1.1em;line-height:2.2;}

.main{width:667px;height:auto;margin:0 auto; padding:0;}
.inner {width:630px;height:auto;margin:0 auto; padding:0; }

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

footer{width:100%; height:192px; margin:-3em auto 2em; padding:0;text-align:center; overflow:hidden; }
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.3em 1.5em 0.4em;}
.copyright {max-width:400px;height:auto;margin:1.55em auto 0;padding:0;}
.copyright img{ width:85%;height:auto;}
}

/* 640=========================================================*/
@media screen and ( max-width: 640px) {
html{overflow-y:scroll;overflow-x:hidden;font-size:76.3%; }
/*ヘッダー部分固定*/
header{position:fixed;top:0;width:100%;height:90px;background-color: rgba(255, 255, 255, 0.8);z-index:200;}
.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:-2em 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  > ul > li a.nohover{pointer-events:none; color: #656464;
font-family:'gothic',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sawarabi Gothic", 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;}

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

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

/*===============================*/
.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:0 auto;padding:0;}
.mainimg img{width:100%;height:auto;}


/*===============================*/
footer{width:100%; height:170px; margin:-2em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
#footer_wrap{ width:35em; margin: 0 auto; padding:0;}
/*受注会画像*/
#footer_area{ width:35em;}
.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:5em 0 0 0; }

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

.sectionin .inner .headcopy{width:18em;height:auto;margin:14.8em auto 0.3em;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:5em;position:relative;margin:0 auto 1.8em;height:auto;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}

/*===============================*/
.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:-3.6em auto 0;padding:0; }
.mainimg img{width:100%;height:auto;}

footer{width:100%; height:17em; margin:-2em auto 0; padding:0;background: #fff;text-align:center; overflow:hidden; }
}

/*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  メニューの位置*/
#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", sans-serif;  font-weight: 400;text-decoration:none;cursor:default;font-size:9px;}

.sectionin .inner .headcopy{width:18em;height:auto;margin:10.9em auto -0.1em;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}

.sectionin .inner .readcopy{margin:0 auto -1.5em;height:auto;padding-left:0;}

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

/*==================*/
footer{width:568px; height:200px; margin:-1em auto 0; padding:0;}
.footer_inner_img img{ width:91%; height:auto; margin:1em auto 0; padding:0px; text-align:center; }
.mailformsa.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);z-index:300;}

/*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", sans-serif;  font-weight: 400;font-size:8px;}

/*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.15em;margin-top:0;margin-left:0.2em;font-family: FontAwesome;content: "\f107";font-size:13.5px;color:#656464;}

/*===============================*/
.main{width:414px;height:auto;margin:0 auto; padding:0;}
.sectionin{width:400px;height:auto;margin:0 auto; padding:0;}
.inner {width:92%;padding:3em 0 0.5em 0; }

/*テキストブロック========================*/
.main .sectionin .inner .headcopy{width:40%;margin:13.1em auto 0;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.1em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.6em;font-weight:500;line-height:1.7;}
.sectionin  .inner .readcopy{width:10em;margin:0 auto -2em;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}

.mainimg{width:98%;height:auto;margin:0 auto 0;padding:0;}
.mainimg img{width:100%;height:auto;}

/* ボトムブロック========================*/
footer{width:414px; height:179px; margin:-3em 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:200px;position:fixed;top:0.4em;left:1.7em;}
/* first level  メニューの位置*/
#nav > ul{width:68%;height: auto;display: none;position: absolute;top:9.8em;left:-0.3em;right: 0;margin:0;padding:5px 0;background-color: rgba(255, 255, 255, 0.8);}

/*1階層目*/
#nav > ul > li.liabout a{margin-top:-0.4em;}
#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.2em;}
#nav > ul > li > ul > li.aboutyamma{margin-bottom:0.3em;}
#nav > ul > li > ul > li.basic-coll{margin-bottom:0.4em;}
#nav > ul > li > ul > li.sample{margin-bottom:0.2em;}
#nav > ul > li > ul > li.hao{margin-bottom:0.3em;}

/*テキストブロック========================*/
.sectionin .inner .headcopy{width:42%;height:auto;margin:12.9em auto 0.1em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.3em;}
.headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.7em;font-weight:500;line-height:1.5;}
.sectionin .inner .readcopy{width:14em;margin:0 auto;padding:0;text-align:center;font-size:1.3em;line-height:2.2;}
.bodycopy{margin:0 auto 3em;padding:0;text-align:center;font-size:8px;line-height:2.2;letter-spacing:0;}

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

/* ボトムブロック========================*/
footer{width:384px; height:173px; margin:-2em 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.8%;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", sans-serif;  font-weight: 400;font-size:9px;}

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

.main{width:375px;height:auto;margin:0 auto; padding:0;}
.sectionin{width:96%;height:auto;margin:0 auto 0;padding:0;}
.inner{width:96%;height:auto;margin:0 auto 0;padding:0;}
.mainimg{width:96%;height:auto;margin:0 auto 0;padding:0;}
.mainimg img{width:100%;height:auto;}

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

.bodycopy{margin:0 auto 3em;padding:0;text-align:center;font-size:8px;line-height:2.2;letter-spacing:0;}

/* ボトムブロック========================*/
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;}
/*MAILMAGAZINE==================*/
.mailform a.mailbutton{padding:0.4em 1.5em 0.25em;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  > ul > li a.nohover{font-size:8.5px;}
#nav ul li.alink{margin:-0.2em 0 0 1em;}

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

/*テキストブロック========================*/
.main .sectionin .inner .headcopy{width:42%;margin:11.8em auto 0.3em;padding:0;text-align:center;border-bottom:0.15em 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 -1.7em;padding:0;text-align:center;font-size:1.2em;line-height:2.2;}

.mainimg{width:100%;height:auto;margin:1.4em auto 0;padding:0;}
.mainimg img{width:100%;height:auto;}

/* ボトムブロック========================*/
footer{width:280px;height:116px; 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;}

/*メーリングリストメールフォーム=======================================*/
c
/*==================*/
.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; /*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;}

/*2020,10,13,16：37最終修正*/