@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: 'Akzidenz';
    font-weight: normal;
    font-style: normal;
	src: url('../fonts/Akzidenz Grotesk BE Regular.eot');
 	src: url('../Akzidenz Grotesk BE Regular.woff') format('woff'), 
	url('../fonts/Akzidenz Grotesk BE Regular.ttf') format('truetype'),
 	url('../Akzidenz Grotesk BE Regular.otf') format('opentype');
}

.fontsforweb_fontid_9785 {
	font-family: 'Akzidenz' !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: 'Akzidenz','Noto Sans JP', sans-serif; -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}

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

body {
position: relative;
margin:0 auto;
background:#fff;
font-size:62.5%;
 color:#000;
/*border: solid 1px #999; */
font-family:'Akzidenz', 'Noto Sans JP',sans-serif; 
font-weight:500;font-style:normal;
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale;
overflow-x: hidden;overflow-y:scroll;
 -ms-overflow-x-style: none; /* IE, Edge  */
scrollbar-width: none; /* Firefox */
background-color: #fff;
background-image: url("../../images/catalog-bg16001067_2.jpg"); 
background-size: cover;
background-attachment: fixed;
background-position: center center;
position:relative;
}

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;
}
/*============================================================*/
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{position:relative;}
.head {width:100%; height:auto;}
header{max-width:1080px;width:100%;height:auto;margin:0 auto;padding:0;/*border:1px solid #0000ff;*/}

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

/*English＝日本語=================================================*/
.enjp_button{position:fixed;top:0.25em;right:100px;width:100%;display: block; height:1.8em; margin:3.6em 0 0 0; padding:0; text-align:right;z-index:200;}
.enjp_button ul li{ display: inline-block; margin:0; padding:0; text-align: center; }

li.English a{display: inline-block;margin-right:0.06em;font-size:1.4em;letter-spacing:0.05em;color:#fff; text-decoration:none;border-bottom:0.1em solid #fff;padding-bottom:0.05em;cursor:default;font-family: 'Akzidenz', sans-serif; }
li.Japan a{display: inline-block;margin-right:2em; font-size:1.4em;letter-spacing:0.05em;text-decoration:none;cursor:default;color:#fff; font-family:'Akzidenz', sans-serif; }

li.facebook a{ display: inline-block;margin-right:0.5em;cursor:pointer;text-decoration:none;font-size:1.8em;color:#fff; font-family: 'haopict'; }
li.instagram a{ display: inline-block;margin-right:0.65em;color:#fff;cursor:pointer;text-decoration:none;font-size:1.8em;font-family: 'haopict'; }
li.zmark {display: inline-block;margin-right:-0.1em;font-size:1.4em;letter-spacing:0.05em;color:#fff; text-decoration:none;font-family: 'Akzidenz', sans-serif; }

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

li.facebook a:hover,li.instagram a:hover{ display: inline-block;color:#fff;opacity:0.7; -ms-filter:"alpha(opacity=70)"; -webkit-transition: all .3s; transition: all .3s;cursor:pointer; }


/*メニュー非表示*/
ul li.enjp,.zdo_drawer_nav a.en,.zdo_drawer_nav a.jp{display:none;}
.zdo_drawer_nav li.facebook,.zdo_drawer_nav li.instagram{display:none;}

/*ロゴブロック================================*/
.Rogoblock{ 
max-width:24em;width:100%;height:10.2em;text-align:left;z-index:200;
position:fixed;
top:0;
left:3.5%;
display:flex;
align-items: center;
}
.Rogoblock img{width:23.9em;height:5.2em;}
.Rogoblock a:hover img {opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}


/*######################################################*/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
*/
/* === Hambuerger Button's Style Paste Here === */
/*+++ Reset +++*/
.zdo_drawer_button {margin-top:0.7em;padding: 0;}
.zdo_drawer_button * {
outline: none;border: none;font: inherit;
font-family: inherit;font-size: 1.3em;font-style: inherit;font-weight: inherit;
-webkit-appearance: none;-moz-appearance: none;appearance: none;
text-align: left;text-decoration: none;list-style: none;
}

/*三本線高さ*/
.zdo_drawer_button {
display: block;padding: 0;width: 42px;height: 20px;/*26*/
position: relative;background: none;border: none;text-align: center;
letter-spacing: 0.1em;cursor: pointer;outline: none;overflow:visible;
}
/*三本線横幅*/
.zdo_drawer_button .zdo_drawer_bar {
  display: block;
  width: 27px;
  height: 2px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.zdo_drawer_button .zdo_drawer_bar1 {top: 0;}
.zdo_drawer_button .zdo_drawer_bar2 {top: 50%;}
.zdo_drawer_button .zdo_drawer_bar3 { top: 100%;}

/*Xマーク*/
.zdo_drawer_button.active .zdo_drawer_bar {
  width: 29px;/*36.77px*/left: 8px;}

.zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(0.7853981634rad) translateY(-50%);
  top: 0px;}

.zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0;}

.zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-0.7853981634rad) translateY(-50%);
  top: calc(100% - 0px);}

.zdo_drawer_button.active .zdo_drawer_menu_text {display: none;}

.zdo_drawer_button.active .zdo_drawer_close {display: block;}

.zdo_drawer_close {letter-spacing: 0.08em;display: none;}

/*+++ Default Button Color +++*/
.zdo_drawer_button {color: #fff;}

.zdo_drawer_button .zdo_drawer_bar {background-color:#fff;}

/* === Hambuerger Button's Style End === */
.zdo_drawer_menu .zdo_drawer_button {
  /*+++ Hamburger Button Position +++*/
  position: fixed;top: 32px;right: 32px;z-index: 1001;}

.zdo_drawer_menu .zdo_drawer_button:hover{opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

/*ボタンの上のhover用四角*/
.zdo_drawer_menubg{position: absolute;
width:2em;height:2em;top:0;
left:0;background-color:rgba(255, 255, 255, 0);}

.zdo_drawer_menu a {color: inherit;text-decoration: none;}
.zdo_drawer_menu a:visited {color: inherit;}
.zdo_drawer_menu .zdo_drawer_bg {width:100%;height:100%; position: fixed;display:none;top: 0;left: 0;}

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 280px;height: 100%;
  transition: all 0.2s;transform: translate(312px); position: fixed;top: 0; right: 0;
  background-color:#1b2360;opacity:0.95;filter:alpha(opacity=95);z-index:10;}

.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {transform: translate(0);}

.zdo_drawer_menu.left .zdo_drawer_button {right: auto;left: 32px;}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {transform: translate(-312px);right: auto;left: 0;}

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {transform: translate(0);}

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav { padding: 112px 24px;}

.zdo_drawer_menu .zdo_drawer_nav li *{
  font-size:1.3em;
  margin:0 0 1.5em 1em;
line-height:2.2;
color:#fff;
font-family: 'Akzidenz', sans-serif;
font-weight:500;
}

/*1層目==============*/
.zdo_drawer_nav li.aizumomen,.zdo_drawer_nav li.webtop{margin-bottom:0.1em;}
/*2層目==============*/
.zdo_drawer_nav li.submaneu a{line-height:2.2;font-size:1.23em;}
.zdo_drawer_nav li.sample a{line-height:2.2;font-size:1.23em;}
/*(AIZU COTTOM)調整=========== */
.zdo_drawer_nav li.submaneu .br{display:none;}
.zdo_drawer_nav li.submaneu .subcom{display:inline-block;font-size:1em;margin-left:-0.1em;margin-bottom:0.1em;}


.zdo_drawer_menu .zdo_drawer_nav li a:hover{
color:#fff;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

/*プルダウンサブメニュー・padding-bottom調整*/
li.bottmspase{padding-bottom:1.5em;}

/*============================================================*/
.main{max-width:1080px;width:100%;margin:0 auto; padding:0;}
.inner{max-width:1080px;width:100%;margin:0 auto; padding:0; }

/*main白バック*/
.sampleblock{
width:100%;height:auto;
margin-top:10.1em;
margin-left:-200%;
margin-right:-200%;
margin-bottom:0;
padding:4% 200% 4%;
text-align: center;
background:rgba(255,253,250,0.8);
}

.headcopy{width:100%;height:auto;margin:5em 0 3em 0.8em;padding:0;text-align:left;}
.headcopy h2{display:inline;width:100%;margin:0;padding-bottom:0.01em;text-align:left;font-size:1.5em;font-weight:600;color:#000;text-decoration:none;border-bottom:1px solid #000;letter-spacing:0.1em;}

.sampleitem{max-width:785px;height:auto;margin:0 auto 3em;padding:0;text-align:left;}

.headcopy h2,.bodycopy dd,.f-weight600,.f-size14,.f-size15{font-family: 'Akzidenz', sans-serif;}
.cottonlink{max-width:221px;width:100%;height:auto;margin:0 auto;text-align:center;}
.cottonlink img{width:90%;}

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

/*サンプル画像4列========================================================*/
.item_section_5div{max-width:785px;width:100%;margin:0 auto; padding:0;}
.section_box_5div{ display:block; max-width:785px;width:100%;margin:0 auto; padding:0; overflow:hidden;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:178px; width:100%;height:auto; margin:0 0.8em 2em 0.8em; padding:0;}

/*win-chrome*/
_:lang(x)::-internal-media-controls-overlay-cast-button,.section_box_5div ul li{ max-width:176px; width:100%;}

.section_box_5div ul li img{ width:100%; height:auto;  margin:0 ; padding:0; vertical-align:top; }
.section_box_5div ul li a:hover{
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.section_box_5div ul.titile{max-width:178px; width:100%; margin:0; padding:0;}

.section_box_5div ul.titile li{
width:100%;height:auto; margin:1.4em 0 0 0; padding:0; font-size:1.2em; 
font-weight:500;color:#000; list-style:none; line-height:0; letter-spacing:0.02em;
font-family:'Akzidenz', 'Noto Sans JP',sans-serif;}

.section_box_5div ul.titile li.wscale85{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.85);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.85);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.85); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.85); }

/*3年パンツ*/
.section_box_5div ul.titile li.wscale95{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.90);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.90);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.90); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.90); }

.noritern{display:none;}
/* ================================================================
フッター
================================================================*/
footer{width:100%; height:80px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:1080px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.inner-footer {max-width:1080px;width:100%;height:auto; margin:0 auto; padding:0; }
#footer_wrap { width:100%; margin: 0 auto; padding:0px;  }

.copyright {position:absolute;left:0;right:0;bottom:4em;max-width:350px;width:100%;margin:auto;padding:0;max-width:350px;width:100%;height:auto;}
.copyright img{ width:100%;height:auto;}

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

.nohover{
pointer-events: none;
cursor:default;}  

/*スマホ用 ##################################################*/

/* ipad pro 1024===================================================*/
@media screen and ( max-width:1024px){
body{width:100vw;}
.enjp_button{ margin:4em 3.1em 0 0; padding:0;right:9.5%;}
li.English a{font-size:1.8em;letter-spacing:0.05em;}
li.Japan a{margin-right:2em; font-size:1.8em;letter-spacing:0.05em; }
li.zmark {margin-right:-0.1em;font-size:1.8em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.53em;font-size:2.2em; }
li.instagram a{margin-right:-1.5em;font-size:2.2em; }

.Rogoblock{top:0.4%;}
/*▼ハンバーガー=========== */
.zdo_drawer_button { margin-top:1.4em;margin-right:-1.8em;}

.headcopy{margin:4.9em 0 2.9em 1.3em;}
.headcopy h2{font-size:1.6em;}

/*サンプル画像4列========================================================*/
.item_section_5div{max-width:785px;width:100%;margin:0 auto; padding:0;}
.section_box_5div{ display:block; max-width:785px;width:100%;margin:0 auto; padding:0 0 0 0.6em;
 overflow:hidden;}
.section_box_5div ul li{ 
display: inline-block; vertical-align:top; max-width:170px; width:100%;height:auto; margin:0 1em 2em 1em; padding:0;}

.sampleblock{
width:100%;height:auto;
margin-top:10.5em;
margin-left:-200%;
margin-right:-200%;
margin-bottom:0;
padding:4% 200% 4%;
text-align: center;
background:rgba(255,253,250,0.8);
}

footer{width:100%; height:90px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
.copyright {position:absolute;left:0;right:0;bottom:4.5em;max-width:350px;width:100%;margin:auto;padding:0;max-width:350px;width:100%;height:auto;}
}

/*834===================================================*/
@media screen and ( max-width:834px) {
body{width:100vw;}
/*ハンバーガー=========================== */
.zdo_drawer_button  {  margin-top:1.1em;}
/*========= */
.enjp_button{ margin:3.7em 3em 0 0; padding:0;right:7.5%;}
li.English a{font-size:1.8em;letter-spacing:0.05em}
li.Japan a{margin-right:1.52em; font-size:1.8em;letter-spacing:0.05em; }
li.zmark {margin-right:-0.1em;font-size:1.8em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.52em;font-size:2.2em; }
li.instagram a{margin-right:0;font-size:2.2em; }
/*========= */
.Rogoblock{top:0.2%;left:3.7%;}
.Rogoblock img{width:100%;}
/*=====*/
.main{max-width:834px;width:100%;margin:0 auto; padding:0;}
.section{max-width:834px;width:100%;margin:0 auto; padding:0;}
.inner{max-width:834px;width:100%;margin:0 auto; padding:0;}
/*=====*/
.sampleblock{
width:100vw;height:auto;
margin:10.3em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
/*=====*/
.sampleitem{max-width:782px;width:100%;margin:0 auto; padding:0;}
.headcopy{margin:4.9em 0 2.8em 1em;}

/*サンプル画像4列========================================================*/
.sampleitem .item_section_5div{max-width:782px;width:100%;margin:0; padding:0;}
.section_box_5div{ display:block; max-width:782px;width:100%;margin:0; padding:0.2em 0 0 0;
 overflow:hidden;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:177px; width:100%;height:auto; margin:0 0.72em 1.8em 0.92em; padding:0;}

footer{width:100%; height:80px; margin:10px auto 0px; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/* ipad 768===================================================*/
@media screen and ( max-width: 768px) {
.enjp_button{ margin:3.6em 3.1em 0 0; padding:0;right:9.5%;}
.inner {width:100%;padding:0.5em 0 0.5em 0; }

/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0.9em;margin-right:-0.7em;}
/*=====*/
.sampleblock{
width:100vw;height:auto;
margin:9.5em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
/*=====*/
.sampleitem{margin:0 2.7em;}

.headcopy{margin:4.9em 0 2.7em 1em;}

/*サンプル画像4列========================================================*/
.section_box_5div{ display:block; max-width:782px;width:100%;margin:0; padding:0 0 0 0;
 overflow:hidden;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:162.2px; width:100%;height:auto; margin:0 0.7em 1.8em 0.7em; padding:0;/* border:1px solid #000;*/}
/*=====*/
.copyright {position: absolute; left:0;right:0;bottom:4.4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*736iphone8plus横================================================*/
@media screen and ( max-width: 736px) {
.enjp_button{ margin:3.6em 1em 0 0; padding:0;right:9.5%;}
/*=====*/
li.English a{font-size:1.6em;letter-spacing:0.05em}
li.Japan a{margin-right:1.3em; font-size:1.6em;letter-spacing:0.05em;}
li.zmark {margin-right:-0.1em;font-size:1.6em;letter-spacing:0.05em;}
li.facebook a{margin-right:0.54em;font-size:1.8em;}
li.instagram a{margin-right:1em;font-size:1.8em;}
/*=====*/
.Rogoblock{left:6%;}
.Rogoblock img{width:80%;}
.inner {width:100%;padding:0.5em 0 0.5em 0; }
/*=====*/
/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.7em;margin-right:-0.8em;}
/*=====*/
.sampleblock{
width:100vw;height:auto;
margin:9em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
/*=====*/
.headcopy{margin:4.9em 0 2.9em 0.8em;}

/*サンプル画像4列========================================================*/
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:120px; width:100%;height:auto; margin:0 0.7em 1.6em 0.7em; padding:0;/* border:1px solid #000;*/}

.section_box_5div  ul.titile li.notrans{
width:100%;height:auto; margin:1em 0 0.5em 0; padding:0; font-size:1em; 
font-weight:500;color:#000; list-style:none; line-height:1.2; letter-spacing:-0.02em;
font-family: a-otf-gothic-bbb-pr6n,sans-serif;font-weight: 400;white-space: normal;
 transform:none;
}

.noritern{display:block;}

.section_box_5div  ul.titile li.w90{;/*折り返し無効*/
 transform-origin: 0 0;transform: scaleX(0.90);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.90);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.90); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.90); }

.section_box_5div  ul.titile li.w85{white-space: nowrap;/*折り返し無効*/
 transform-origin: 0 0;transform: scaleX(0.85);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.85);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.85); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.85); }

.section_box_5div  ul.titile li.w80{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.80);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.80);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.80); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.80); }

.section_box_5div  ul.titile li.w75{white-space:white-space:nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.75);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.75);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.75); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.75); }

.section_box_5div  ul.titile li.w70{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.70);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.70);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.70); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.70); }

.section_box_5div  ul.titile li.w65{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.65);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.65);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.65); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.65); }

.section_box_5div  ul.titile li.w60{white-space: nowrap;/*折り返し無効*/
transform-origin: 0 0;transform: scaleX(0.60);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.60);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.60); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.60); }


footer{width:100%; height:90px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4.5em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*667iphone8横================================================*/
@media screen and ( max-width: 667px) {
.enjp_button{ margin:3.4em 1em 0 0; padding:0;right:9.5%;}
/*=====*/
.Rogoblock{top:-0.7%;left:6%;}
/*=====*/
.inner {width:100%;padding:0.5em 0 0.5em 0; }

/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.5em;margin-right:-0.8em;}

.sampleblock{
width:100vw;height:auto;
margin:8.8em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
/*サンプル画像4列========================================================*/
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:106px; width:100%;height:auto; margin:0 0.7em 1.6em 0.7em; padding:0;/* border:1px solid #000;*/}
}

/*568iphone se横================================================*/
@media screen and ( max-width: 568px) {
.enjp_button{ margin:2.9em 4em 0 0; padding:0;right:9%;}
/*=====*/
li.instagram a{margin-right:0;}
/*ロゴブロック=========================*/
.Rogoblock{height:8em;top:1.1%;left:5.8%;}
/*▼ハンバーガー=========== */
.zdo_drawer_button {  margin-top:0.15em;margin-right:-1.2em;}
.main,.section,.inner{max-width:568px;width:100%;margin:0 auto; padding:0;}

.sampleblock{
width:100vw;height:auto;
margin:8.5em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.headcopy{margin:4.9em 0 2.8em 0.8em;}
.sampleitem{max-width:51.4em;height:auto;margin:0 auto 3em;padding:0;text-align:left;}

/*サンプル画像4列========================================================*/
.item_section_5div{max-width:51.4em;width:100%;margin:0 auto; padding:0;}
.section_box_5div{ display:block; max-width:51.4em;width:100%;margin:0 auto; padding:0; overflow:hidden;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:112px; width:100%;height:auto; margin:0 0.72em 1.6em 0.72em; padding:0; }

footer{width:100%; height:80px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
.copyright img{ width:80%;height:auto;}
}

/*480=========================================================*/
@media screen and ( max-width:480px) {
body::before {
  background: url(../../images/catalog-bg6001067_2.jpg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width:100vw;
  height: 100vh;
}
/*English＝日本語======================*/
.enjp_button{display:none;}

/*ロゴブロック========================*/
.Rogoblock{height:8em;top:0.4%;left:7.5%;}
.Rogoblock img{width:80%;}

/*メニュー表示*/
.zdo_drawer_nav li.facebook,.zdo_drawer_nav li.instagram{display:block;}

/*▼ハンバーガー=========== */
.zdo_drawer_button{  margin-top:0;margin-right:-0.5em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:210px;z-index:300;}
.zdo_drawer_nav{margin-top:-2em;}
.zdo_drawer_nav li{margin-left:-1em;text-align:left;}
.zdo_drawer_menu .zdo_drawer_nav li *{font-size:1.2em;line-height:1.6;}

/*EN=JP=========== */
.zdo_drawer_nav li.enjp{display:inline-block;margin-bottom:1.5em;font-size:11px;color:#fff;}
/* > li.epjp > ・・linl hoverのために挿入=========== */
.zdo_drawer_nav li.en a{padding-bottom:0.01em;border-bottom:1px solid #fff;cursor:default;}
.zdo_drawer_nav > li.epjp > li.jp a{pointer-events:none;cursor:pointer;}
/*EN=JP=a:hover===== */
.zdo_drawer_nav > li.epjp > li.jp a:hover{display: inline-block;color:#fff;cursor:pointer;opacity:0.7; -ms-filter:"alpha(opacity=70)"; -webkit-transition: all .3s; transition: all .3s; text-decoration:none;}
/*=mark*/
.zdo_drawer_nav li.zmark{font-size:14px;margin:0 -0.2em 0 0.1em;}
/*facebook &instagram*/
.zdo_drawer_nav li.facebook span.fase,
.zdo_drawer_nav li.instagram span.isnta{font-family: 'haopict';font-size:1.3em;color:#fff;margin-left:0;}
.zdo_drawer_nav li.instagram{margin-top:-1.9em;}

/*1層目==============*/
.zdo_drawer_nav li.aizumomen,.zdo_drawer_nav li.webtop{margin-bottom:0.3em;}
/*2層目==============*/
.zdo_drawer_nav li.submaneu a{line-height:2;font-size:1.1em;}
.zdo_drawer_nav li.sample a{line-height:2;font-size:1.1em;}

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

.sampleblock{
width:100vw;height:auto;
margin:8.5em auto 0;
padding:1% 0 6em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

/*サンプル画像4列========================================================*/
.sampleitem{max-width:44.3em;height:auto;margin:0 auto;padding:0;text-align:left;}
.item_section_5div{max-width:44.3em;width:100%;margin:0 auto; padding:0;}
.section_box_5div{ display:block; max-width:44.1em;width:100%;margin:0 auto; padding:0; overflow:hidden;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:94px; width:100%;height:auto; margin:0 0.7em 1.4em 0.7em; padding:0;}

.headcopy{margin:5.5em 0 2.4em 0.8em;}

footer{width:100%; height:85px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:4em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*414=========================================================*/
@media screen and ( max-width: 414px) {
/*body {background-image: url("../images/factry-bg12801095.jpg");}*/
body{width:100vw;}

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

/*▼ハンバーガー=========== */
.zdo_drawer_menu .zdo_drawer_button{  margin-top:-0.1em;margin-left:0;margin-right:-1.6em}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:200px;}
/*(AIZU COTTOM)調整=========== */
.zdo_drawer_nav li.submaneu .subcom{display:block;margin:0 0 0.25em 2em;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.15em;}

.sampleblock{
width:100vw;height:auto;
margin:8.1em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

.sampleitem{margin:0 1.8em;}

/*サンプル画像4列========================================================*/
.main .sampleitem{max-width:40em;width:100%;height:auto;margin:0 auto;padding:0;text-align:left;}
.section_box_5div{width:36.4em;height:auto;margin:0 auto;padding-top:padding:0 0 0 0.1em;;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:105px; width:100%;height:auto; margin:0 0.73em 1.4em 0.72em; padding:0;/* border:1px solid #000;*/}

.section_box_5div ul.titile li{
width:100%;height:auto; margin:1.2em 0 0 0; padding:0; font-size:1em; 
font-weight:500;color:#000; list-style:none; line-height:0; letter-spacing:0.02em;
font-family:'Akzidenz', 'Noto Sans JP',sans-serif;}

.headcopy{margin:4.9em 0 2.1em 2.5em;}
.main .bodycopy{width:98%;height:auto;margin:0 auto;padding-left:0;}

/*(AIZU COTTOM)調整=========== */
.zdo_drawer_nav li.submaneu .br{display:none;}
.zdo_drawer_nav li.submaneu .subcom{display:block;margin:-0.4em 0 0.25em 2em;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.15em;}

footer{width:100%; height:79px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:3.9em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

/*375=========================================================*/
@media screen and ( max-width: 375px) {
body{width:100vw;}
.Rogoblock{height:8em;top:0.3%;left:7.5%;}
.Rogoblock img{width:75%;}

/*▼ハンバーガー=========== */
.zdo_drawer_button{margin-top:-0.1em;margin-right:-2.5em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width:180px;}
.zdo_drawer_nav li.submaneu a.wakamatsu{font-size:1.1em;}

/*=========== */
.main,.section,.inner{max-width:37.5em;width:100%;height:auto;margin:0 auto;}

.headcopy{margin:4.9em 0 2.4em 2.2em;}

.sampleblock{
width:100vw;height:auto;overflow-x:hidden;
margin:8.1em auto 0;
padding:1% 0 4em 0;
text-align: center;
background:rgba(255,253,250,0.8);}

/*サンプル画像4列========================================================*/
.sampleitem{max-width:37em;height:auto;margin:0 auto;padding:0;text-align:left;}
.main .section_box_5div{width:33.8em;height:auto;margin:0 auto;padding:0 0 0 0.2em;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:9.9em; width:100%;height:auto; margin:0 0.59em 1.4em 0.59em; padding:0;}

.noritern{display:block;}

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

/*320=========================================================*/
@media screen and ( max-width: 320px) {
body{width:100vw;overflow-x: hidden;}
.Rogoblock{height:7.7em;top:0.1%;}
.Rogoblock img{width:70%;}
.headcopy h2{font-size:1.4em}
/*=========== */
.zdo_drawer_menu .zdo_drawer_button{margin-top:-0.4em;margin-left:0;margin-right:-2em;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {width: 160px;}
.zdo_drawer_menu .zdo_drawer_nav li{ font-size:0.8em;line-height:1.5;}
/*=========== */
.main,.section,.inner{max-width:32em;width:100%;height:auto;margin:0 auto;}
/*=========== */
.zdo_drawer_menu .zdo_drawer_nav li.facebook a{margin-bottom:1.7em;font-size:1.35em;letter-spacing:0.03em;}
.zdo_drawer_menu .zdo_drawer_nav li.instagram a{font-size:1.35em;letter-spacing:0.03em;}

.sampleblock{width:100vw;height:auto;
margin:7.5em auto 0;
padding:1% 0 5em 0;
text-align: center;
background:rgba(255,253,250,0.8);}
.headcopy{width:100%;height:auto;margin:4.4em 0 2.4em 0.6em;font-size:9px;}

/*サンプル画像4列========================================================*/
.main .sampleitem{max-width:27em;height:auto;margin:0 auto;padding:0;text-align:left;}
.item_section_5div{max-width:27em;width:100%;margin:0 auto; padding:0;}
.section_box_5div{width:26.8em;height:auto;margin:0 auto;}
.section_box_5div ul li{ display: inline-block; vertical-align:top; max-width:120px; width:100%;height:auto; margin:0 0.62em 1.4em 0.62em; padding:0;}

footer{width:100%; height:75px; margin:0 auto; padding:0;text-align:center; overflow:hidden; }
.copyright {position: absolute; left:0;right:0;bottom:3.7em;max-width:350px;width:100%;height:auto;margin:auto;padding:0;}
}

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

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


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

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