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

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;  
-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:default;}
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; text-decoration:none;cursor:pointer;font-size:1.8em;font-family:  'haopict'; }
li.instagram a{ display: inline-block;margin-right:0.65em;color:#656464; text-decoration:none;cursor:pointer;font-size:1.8em;font-family:  'haopict'; }

li.Japan a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;}
li.English a:hover{cursor:pointer;}

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

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

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

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

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

/*win-firefox*/
@-moz-document url-prefix() {.Rogoblock{max-width:31em;width:100%;height:auto;margin:-2em auto 3.6em;}}
/*mac-firefox*/
.mac.gecko .Rogoblock{max-width:31.8em;width:100%;height:auto;margin:-2em auto 3.6em; padding:0; text-align:center;z-index:50;}
.mac.gecko .Rogoblock img{margin-left:-0.1em;}
/*edge-chromium*/
_:lang(x)::-ms-, .Rogoblock{max-width:31em;width:100%;}
_:lang(x)::-ms-, .Rogoblock img{margin:0 0 0 -0.1em;}

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

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

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

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

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

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

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

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

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

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

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav{margin-top:3.7em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.liabout{margin-top:0;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.collection{margin-top:0.05em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.schedule{margin-top:0.1em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li.stoklist{margin-top:0.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;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.yammasangyo{margin-top:0;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;margin-bottom:0.35em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.sample{margin-top:-0.05em;margin-bottom:0.2em;}}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
#nav > ul > li > ul > li.hao{margin-top:-0.15em;margin-bottom:0.3em;}}

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

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul{margin-top:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.liabout{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.collection{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.schedule{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.stoklist{margin-top:-0.05em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.webshop{margin-top:0;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.alink{margin-top:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li.mailmagagin{margin-top:0.1em;}
/*==*/
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul{margin-top:-0.3em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.yammasangyo{margin-top:0;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.1EM;margin-bottom:0.1em;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.sample{margin-top:0;margin-bottom:0.1EM;}
_:lang(x)::-internal-media-controls-overlay-cast-button, #nav > ul > li > ul > li.hao{margin-top:-0.1em;margin-bottom:0.1em;}

/*edge-chromium*/
_:lang(x)::-ms-, #nav{margin-top:4.4em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li.liabout a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.collection a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.schedule a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.stoklist a{margin-top:0;}
_:lang(x)::-ms-, #nav > ul > li.webshop a{margin-top:-0.05em;}
_:lang(x)::-ms-, #nav > ul > li.alink a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li.mailmagagin a{margin-top:-0.1em;}
_:lang(x)::-ms-, #nav > ul > li > ul{margin-top:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.yammasangyo a{margin-top:-0.2em;margin-bottom:-0.25em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.aizumomen a{margin-top:-0.3em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.basic-coll a{margin-top:-0.2em;margin-bottom:-0.4em;}
_:lang(x)::-ms-, #nav > ul > li > ul > li.sample a{margin-top:-0.25em;margin-bottom:-0.2em;}
_: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 > ul{margin-top:-0.6em;}}
@-moz-document url-prefix() {#nav > ul > li.liabout{margin-top:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li.collection{margin-top:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li.schedule{margin-top:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li.stoklist{margin-top:-0.2em;}}
@-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.2em;}}
/*==*/
@-moz-document url-prefix() {#nav > ul > li > ul > li.yammasangyo{margin-top:0.2em;margin-bottom:-0.2em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.aboutyamma{margin-bottom:-0.3em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.basic-coll{margin-top:0.2em;margin-bottom:-0.25em;}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.sample{margin-top:0.2em;margin-bottom:-0.3em}}
@-moz-document url-prefix() {#nav > ul > li > ul > li.hao{margin-top:0.2em;margin-bottom:-0.3em;}}

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

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

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

/*非表示部分*/
.facebook,.instagram{display:none;}
/* メニュー間隔*/
#nav > ul > li{width:14.28%;height: 100%;float: left;}

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

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

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

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

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

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

/*============================================================*/
.main{max-width:56em;width:100%;height:auto;margin:0 auto; padding:0;}
.inner { max-width:56em;width:100%;height:auto;margin:0 auto; padding:5px 0;}
.inner .headcopy{width:17em;height:auto;margin:2.2em auto 6.5em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}
.inner .headcopy h2{margin:0 auto;padding:0;text-align:center;font-size:1.6em;font-weight:500;}

/*トップエリア＝＝＝＝*/
/*両端揃え==justify-content:space-between;//初期状態 justify-content:flex-start*/
.inner > .infoaria{display: flex;justify-content:space-between;max-width:56em;width:100%;height:auto;margin:0 auto 3em;padding:0;text-align:center;}
.infoaria .leftimage img{max-width:242px;width:100%;height:auto;margin:0 auto ;padding:0;}

/*トップ右　テーブルエリア＝＝＝＝*/
.infoaria .rightaria{max-width:28.5em;width:100%;margin:-0.4em 0 0 0;padding:0;text-align:left;position : relative;}
/*YAMMAの服にできるコト*/
dl.topcopy dt{width:100%;margin:0 0 0.2em -0.4em;padding:0;text-align:left;font-size:1.5em;}
/*あなたと私とあの人でできる、小さな産業革命*/
.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:1.3em;line-height:1.8;}
/*著／山崎ナナ　出版社／小学館*/
.topcopy dd:last-child{width:100%;margin:0 auto;padding:0;text-align:left;font-size:1.1em;}

/*テーブル＝＝＝＝*/
table{border-collapse: collapse;max-width:28.5em;margin:0 auto 0.2em;padding:0;position : absolute;bottom:0;}
table.tablebook tr td{width:auto;height:1.7em;margin:0 auto ;padding:0.2em 0.6em 0;border-top:1px solid #888;border-bottom:1px solid #888;text-align:left;font-size:13px;word-wrap:break-word;border-collapse: collapse;vertical-align:middle;}
table.tablebook td.leftw{width:5em;}
/*6行［電子版情報］を改行禁止white-space: nowrap*/
table.tablebook tr:nth-child(6){display:block;width:5em;margin-left:-0.7em;padding:0;white-space: nowrap;}
/*.mac.chrome*/
.mac.chrome table.tablebook tr:nth-child(6){margin-left:0;}

/*行ラインを消す*/
table.tablebook tr td.brdernone{border: 0px none;}
table.tablebook td.denshi{border:0px none;}

/*ie10~11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.infoaria .rightaria{max-width:29em;width:100%;margin:0 0 0 3em;}}
/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, table.tablebook td.denshi{padding:0;border: 0px none;overflow-x:visible;font-size:12.9px;}
/*edge-chromium*/
_:lang(x)::-ms-, table.tablebook td.denshi{padding:0;border: 0px none;overflow-x:visible;font-size:12.9px;}

/*本文＝＝＝＝＝＝＝＝＝*/
.inner > dl.bodycopy{max-width:56em;width:100%;height:auto;margin:0 auto ;padding:0;text-align:center;}
dl.bodycopy dt{width:100%;height:auto;margin:0 auto 0.3em;padding:0;text-align:center;font-size:1.5em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;}

dl.bodycopy dd{width:100%;height:auto;margin:0 auto;padding:0;text-align:left;font-size:1.3em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;text-align:justify;}

/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{width:100%;height:auto;margin:0 auto;padding:0;text-align:center;font-size:1em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;}
/*〈 書籍の内容 〉*/
dl.bodycopy dd.syosekinaiyou{width:100%;height:auto;margin:0 auto 0.5em;padding:0;text-align:center;font-size:1.5em;line-height:1;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;}
/*ヤンマ産業の本、できました!*/
dl.bodycopy dd.fontup{margin:0 auto;padding:0;text-align:left;font-size:1.5em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button, .headcopy{margin:2.3em auto 4.95em;padding-bottom:0;}
/*edge-chromium*/
_:lang(x)::-ms-, .inner .headcopy{margin:2.1em auto 6.3em;padding-bottom:0.1em;}
/*win-firefox*/
@-moz-document url-prefix() {.inner .headcopy{margin:2em auto 6.6em;padding-bottom:0.5em;}}
/*firefox*/
.mac.gecko .inner .headcopy{margin:2.9em auto 5.7em;padding-bottom:0.4em;}
/*ie10-11*/ 
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.inner .headcopy{margin:3.5em auto 6.4em;}}

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

.h-spase{height:1em;border:none;}
.mainimg{max-width:950px;height:auto;margin:0 auto;padding:0;}

/* ================================================================
フッター
================================================================*/
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;text-align:center; }
.footer_inner_nave{ display:block;max-width:700px;width:100%;height:43px; margin:0 auto; padding:0px;text-align:center; }
.footer_inner_img{max-width:389px;width:100%;height:auto; margin:0 auto 1.5em; padding:0px; text-align:center; }
.footer_inner_img img{ width:100%; height:auto; margin:0 auto; padding:0px; text-align:center; }

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

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

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

/*==================*/
.copyright {max-width:400px;height:auto;margin:1.6em auto 0;padding:0;}
.copyright img{ width:90%;height:auto;}
@-moz-document url-prefix() {.copyright img{width:86%;height:auto;}}
/*==================*/
.clearfix{ clear:both; }
/*==================*/
.clear-both{ clear: both; }
/*==================*/

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

/*ロゴブロック================================*/
.Rogoblock{width:100%;height:auto;margin:-1.9em auto 0;}
.Rogoblock img{margin:0.1em 0 0 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:0;}
#nav > ul > li.mailmagagin{margin-right:0;}

/* メニュー先頭位置*/
#nav > ul{margin-left:-0.6em;}
/* メニュー間隔*/
#nav > ul > li{width:100%;height: 100%;float: left;}
/*プルダウン　ul の高さ*/
#nav > ul > li > ul{margin-top:1em;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%;}

.inner .headcopy{width:17em;height:auto;margin:0 auto 6em;padding:0;text-align:center;border-bottom:2px solid #000;padding-bottom:0.2em;}
.headcopy h2{margin:0 auto;padding:0;font-size:1.6em;}
.readcopy{font-size:1.1em;line-height:2.2;}

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

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

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

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

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

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

.inner .headcopy{width:17em;height:auto;margin:0 auto 6em;padding:0;text-align:center;border-bottom:1.5px solid #000;padding-bottom:0.3em;}

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

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

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

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

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

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

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

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

/*トップ右エリア＝＝＝＝*/
.infoaria .rightaria{max-width:29em;width:100%;margin:-0.4em 0 0 3em;padding:0;text-align:left;position :static;}
dl.topcopy dt{width:100%;margin:0 0 0.2em -0.4em;padding:0;text-align:left;font-size:1.4em;}
.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:1.2em;line-height:1.8;}
.topcopy dd:last-child{width:100%;margin:0 auto0;padding:0;text-align:left;font-size:1em;}

/*テーブル＝＝＝＝*/
table{border-collapse: collapse;max-width:29em;margin:3em auto 0;padding:0;position :static;}
table.tablebook tr td{width:auto;height:1.7em;margin:0 auto ;padding:0.2em 1em;border-top:1px solid #888;border-bottom:1px solid #888;text-align:left;font-size:12px;word-wrap:break-word;border-collapse: collapse;vertical-align:middle;}

/*本文＝＝＝＝＝＝＝＝＝*/
dl.bodycopy dt{font-size:1.4em;}
dl.bodycopy dd{font-size:1.2em;text-align:justify;}

/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{width:100%;height:auto;margin:0 auto;padding:0;text-align:center;font-size:0.9em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;}
/*〈 書籍の内容 〉*/
dl.bodycopy dd.syosekinaiyou{width:100%;height:auto;margin:0 auto 0.5em;padding:0;text-align:center;font-size:1.4em;line-height:1;letter-spacing:0.02em;font-weight: 400;font-style: normal;letter-spacing:0;}
/*ヤンマ産業の本、できました!*/
dl.bodycopy dd.fontup{margin:0 auto;padding:0;text-align:left;font-size:1.4em;line-height:2.4;letter-spacing:0.02em;font-weight: 400;}

.h-spase{height:0;border: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.7%;margin:4.9em 0 0 0; }
li.English a{margin-top:0;margin-right:-0.15em;vertical-align:0;font-size:1.35em;}
li.Japan a{margin-left:-0.05em;font-size:1.35em;}

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

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

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

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

.h-spase{height:0;border:none;}

/*トップエリア＝＝＝＝*/
.inner > .infoaria{display: flex;max-width:50em;width:100%;height:auto;margin:0 auto 3em;padding:0;text-align:center;}
/*トップ右エリア＝＝＝＝*/
.infoaria .rightaria{max-width:22em;width:100%;margin:-0.4em 0 0 3em;padding:0;text-align:left;position :static;}
dl.topcopy dt{width:100%;margin:0 0 0.2em -0.4em;padding:0;text-align:left;font-size:1.2em;}
dl.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:0.65em;line-height:1.8;}
.topcopy dd:last-child{width:100%;margin:0 auto;padding:0;text-align:left;font-size:0.5em;}

/*テーブル＝＝＝＝*/
table.tablebook tr td{width:auto;height:1.9em;margin:0 auto ;font-size:0.65em;}

/*本文＝＝＝＝＝＝＝＝＝*/
.inner > dl.bodycopy{max-width:50em;width:100%;height:auto;margin:0 auto ;padding:0;text-align:center;}
/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{font-size:7px;}
/*〈 書籍の内容 〉*/
dl.bodycopy dd.syosekinaiyou{font-size:1.1em;}
/*ヤンマ産業の本、できました!*/
dl.bodycopy dd.fontup{font-size:1.2em;}
/*見出し・編集者〜*/
dl.bodycopy dt{font-size:1.1em;}
/*本文*/
dl.bodycopy dd{font-size:0.65em;text-align:justify;}

.main{width:736px;margin:0 auto;padding:0;text-align:center;}
.sectionin{width:600px;margin:0 auto;padding:0;}
.inner{width:570px;margin:0 auto;padding:0;text-align:center;}

/*====================*/
footer{width:100%; height:165px; margin:0 auto; }
.mailform a.mailbutton{ display: inline-block;margin:0 auto; padding:0.3em 1.5em 0.4em;}
.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:-2.2em auto 2em; padding:0;}
.Rogoblock img{width:100%;margin-left:0;}

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

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

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

.main{width:667px;margin:0 auto;padding:0;text-align:center;}
.inner{width:550px;margin:0 auto;padding:0;text-align:center;}

.h-spase{height:0;border:none;}

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

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

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

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

/*ボタンの上下位置*/
#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:12em; left:-0.6em; right: 0;
margin:0;padding:0.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.3em 0 0.05em 1em;}
#nav > ul > li.stoklist{margin:0 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.05em 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;}

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

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

/*トップエリア＝＝＝＝*/
.inner > .infoaria{display: flex;max-width:58em;width:100%;height:auto;margin:0 auto 3em;padding:0;text-align:center;}
/*トップ右エリア＝＝＝＝*/
.infoaria .rightaria{max-width:28em;width:100%;margin:-0.4em 0 0 3em;padding:0;text-align:left;position :static;}
dl.topcopy dt{width:100%;margin:0 0 0.2em -0.4em;padding:0;text-align:left;font-size:1.5em;}
dl.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:0.65em;line-height:1.8;}
dl.topcopy dd:last-child{width:100%;margin:0 auto;padding:0;text-align:left;font-size:9px;}

/*テーブル＝＝＝＝*/
table.tablebook tr td{width:auto;height:1.9em;margin:0 auto ;padding:0.5em 1em 0.3em;font-size:0.65em;}
table.tablebook tr td.leftw{width:10em;}
table.tablebook td.denshi{font-size:0.65em;}

/*本文＝＝＝＝＝＝＝＝＝*/
.inner > dl.bodycopy{max-width:58em;width:100%;height:auto;margin:0 auto ;padding:0;text-align:center;}
/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{font-size:7px;}
/*〈 書籍の内容 〉*/
dl.bodycopy dd.syosekinaiyou{font-size:1.4em;}
/*ヤンマ産業の本、できました!*/
dl.bodycopy dd.fontup{font-size:1.4em;}
/*見出し・編集者〜*/
dl.bodycopy dt{font-size:1.4em;}
/*本文*/
dl.bodycopy dd{font-size:0.65em;text-align:justify;}

footer{width:100%; height:130px; margin:1em auto; padding:0;background: #fff;text-align:center; overflow:hidden; }
#footer_wrap{ width:35em; margin: 0 auto; padding:0;}
/*受注会画像*/
#footer_area{ width:35em;}
.footer_inner_img img{ width:100%; height:auto;}
a.mailbutton{ display: inline-block;margin:0 auto; padding:0.4em 1.5em;}
.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; }
.Rogoblock img{ width:98%;margin-left:-0.1em;}

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

/*ドロワーメニュー1階層目 #nav > ul > li*/
#nav > ul > li a{font-size:9px;}
#nav > ul > li{margin:0;padding:0;}
#nav > ul > li.liabout{margin:0.1em;margin-left:1em;}
#nav > ul > li.collection{margin:0.1em 0 0.1em 1em;}
#nav > ul > li.stoklist{margin:0 0 -0.2em 1em;}
#nav > ul > li.alink{margin:0 0 -0.1em 1em;}
#nav > ul > li.facebook{margin:-0.15em 0 -0.45em 1em;}
#nav > ul > li.instagram{margin-left:1em;}

.inner .headcopy{width:18em;height:auto;margin:14.8em auto 6.4em;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.3em;}
.headcopy h2{margin:0 auto;padding:0;font-size:1.7em;}

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

footer{width:100%; height:122px; margin:2em auto; 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:-2.1em 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);}

#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.05em 0 -0.2em 1em;}
#nav > ul > li.webshop{margin:0.05em 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:0.9em;}
#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.aboutyamma {font-size:0.8em;}
#nav > ul > li > ul > li.aizumomen {font-size:0.8em;}
#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;}

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

/*==================*/
.sectionin .inner .headcopy{width:17em;height:auto;margin:14.2em auto 5.5em;padding:0;text-align:center;border-bottom:0.15em solid #000;padding-bottom:0.2em;}

/*トップエリア＝＝＝＝*/
.inner > .infoaria{display: flex;max-width:50em;width:100%;height:auto;margin:0 auto 3em;padding:0;text-align:center;}
/*トップ右エリア＝＝＝＝*/
.infoaria .rightaria{max-width:23em;width:100%;margin:-0.4em 0 0 3em;padding:0;text-align:left;position :static;}
dl.topcopy dt{width:100%;margin:0 0 0.2em -0.4em;padding:0;text-align:left;font-size:1.2em;}
dl.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:0.65em;line-height:1.8;}
dl.topcopy dd:last-child{width:100%;margin:0 auto;padding:0;text-align:left;font-size:7px;}

/*テーブル＝＝＝＝*/
table.tablebook tr td{width:auto;height:1.9em;margin:0 auto ;padding:0.4em 1em 0.2em;font-size:0.65em;}
table.tablebook tr td.leftw{width:4.5em;}

/*本文＝＝＝＝＝＝＝＝＝*/
.inner > dl.bodycopy{max-width:50em;width:100%;height:auto;margin:0 auto ;padding:0;text-align:center;}
/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{font-size:7px;}
/*〈 書籍の内容 〉*/
dl.bodycopy dd.syosekinaiyou{font-size:1.1em;}
/*ヤンマ産業の本、できました!*/
dl.bodycopy dd.fontup{font-size:1.2em;}
/*見出し・編集者〜*/
dl.bodycopy dt{font-size:1.1em;}
/*本文*/
dl.bodycopy dd{font-size:0.65em;text-align:justify;}

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

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

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

li.English a{ display: inline-block;margin-right:-0.05em;margin-top:-0.05em;font-size:1.4em;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;}
.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.3em 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:9px;}

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

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

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

/*トップエリア＝＝＝＝*/
.inner > .infoaria{display:block;max-width:27em;width:100%;height:auto;margin:0 auto 3em;padding:0;text-align:center;}
/*トップ右エリア＝＝＝＝*/
.infoaria .rightaria{max-width:27em;width:100%;margin:0 auto;padding:0;text-align:left;position :static;}
/*YAMMAの服にできるコト*/
dl.topcopy{width:100%;margin:2em auto 0;padding:0 0 0 2em;text-align:left;}
dl.topcopy dt{width:100%;margin:0 0 0 -0.4em;padding:0;text-align:left;font-size:12px;}
/*小さな産業革命*/
dl.topcopy dd{width:100%;margin:0 auto;padding:0;text-align:left;font-size:9px;line-height:1.8;}
dl.topcopy dd:last-child{width:100%;margin:0 auto;padding:0;text-align:left;font-size:7px;}

/*テーブル＝＝＝＝*/
.infoaria table{position :static;border-collapse:collapse;max-width:27em;wigth:100%;margin:1em auto 0.2em;padding:0;}
table.tablebook tr td{font-size:9px;}
table.tablebook td.denshi{font-size:9px;}
/*1行非表示
table.tablebook tr.list-hidden{display:none;}*/

/*本文＝＝＝＝＝＝＝＝＝*/
.inner dl.bodycopy{max-width:35em;width:100%;height:auto;margin:0 auto;padding:0;text-align:center;}
/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{font-size:7px;}
/*〈 書籍の内容 〉*/
.inner dl.bodycopy dd.syosekinaiyou{font-size:11px;}
/*ヤンマ産業の本、できました!*/
.inner dl.bodycopy  dd.fontup{font-size:11px;}
/*見出し・編集者〜*/
.inner dl.bodycopy dt{font-size:11px;}
/*本文*/
dl.bodycopy dd{font-size:9px;line-height:2.2;letter-spacing:0.01em;text-align:justify;}

.h-spase{height:0.2em;border:none;}

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

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

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

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

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

/*テキストブロック========================*/
.sectionin .inner .headcopy{width:40%;margin:13.2em auto 6.1em;border-bottom:0.2em solid #000;padding-bottom:0.15em;}
dl.topcopy{width:100%;margin:2em auto 0;padding:0 0 0 0.5em;text-align:left;}

/* ボトムブロック========================*/
footer{width:384px; height:134px; 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%;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  メニューの位置*/
section #nav > ul{width:100%;height: auto;display: none;position: absolute;top:10em;left:-0.4em;right: 0;margin:0;padding:4px 0 5px;background-color: rgba(255, 255, 255, 0.8);}

/*1階層目*/
#nav > ul > li.liabout a{margin-top:-0.8em;}
#nav > ul > li.collection{margin:-0.15em 0 -0.15em 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;margin:0 auto;padding:0;}
.sectionin{width:375px;margin:auto;padding:0;}
.inner {width:375px;margin: 0 auto;padding:0; }

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

/*YAMMAの服にできるコト＝＝＝＝＝＝＝＝＝*/
dl.topcopy{width:100%;margin:2em auto 0;padding:0 0 0 2.5em;text-align:left;}
.infoaria .leftimage img{max-width:210px;width:100%;height:auto;margin-right:0 auto ;padding:0;}

/*本文＝＝＝＝＝＝＝＝＝*/
/*以下、小学館HPより*/
dl.bodycopy dt.sakuin{font-size:8px;}
/*〈 書籍の内容 〉*/
.inner dl.bodycopy dd.syosekinaiyou{font-size:11px;margin-bottom:1.7em;}
/*ヤンマ産業の本、できました!*/
.inner dl.bodycopy  dd.fontup{font-size:11px;}
/*見出し・編集者〜*/
.inner dl.bodycopy dt{font-size:11px;}
/*本文*/
dl.bodycopy dd{width:90%;margin:0 auto;padding:0;text-align:center;font-size:9px;line-height:2.2;letter-spacing:0.01em;text-align:justify;}

.h-spase{height:0.2em;border:none;}

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

/*320=========================================================*/
@media screen and ( max-width: 320px) {
html {overflow-x:hidden;}
body{width:100vw;}
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 10px;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;}

/*1階層目*/
#nav > ul > li.collection{margin:-0.2em 0 -0.1em 1em;}
#nav > ul > li.stoklist{margin:-0.1em 0 -0.05em 1em;}
#nav ul li.alink{margin:-0.2em 0 0 1em;}

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

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

/*トップ右　テーブルエリア＝＝＝＝*/
/*YAMMAの服にできるコト*/
dl.topcopy{padding-left:3em;}
dl.topcopy dt{font-size:1.4em;}
/*あなたと私とあの人でできる、小さな産業革命*/
.topcopy dd{font-size:6px;}
/*著／山崎ナナ　出版社／小学館*/
.topcopy dd:last-child{font-size:5px;}

/*テーブル＝＝＝＝*/
table.tablebook tr td{font-size:8px;}
table.tablebook td.denshi{font-size:8px;}

/*本文＝＝＝＝＝＝＝＝＝*/
/*以下、小学館HPより*/
.inner dl.bodycopy  dt.sakuin{font-size:8px;}
/*〈 書籍の内容 〉*/
.inner dl.bodycopy dd.syosekinaiyou{font-size:10px;}
/*ヤンマ産業の本、できました!*/
.inner dl.bodycopy dd.fontup{font-size:10px;}
/*見出し・編集者〜*/
.inner dl.bodycopy  dt{font-size:10px;}
/*本文*/
dl.bodycopy dd{width:90%;font-size:8px;line-height:2.2;letter-spacing:0.01em;text-align:justify;}
.h-spase{height:0;border:none;}

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

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

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

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

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


a:focus {outline:none;}
a img{outline:none;}
a:hover{cursor: pointer; outline: none;-webkit-transition: all .3s; transition: all .3s;}
a:link,a:hover ,a:active,a:visited {color:#000; /*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;}