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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
font-family: 'Noto Sans JP', sans-serif; }

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

html{margin:0 auto;overflow-y: scroll;}
body {
margin:0 auto; background:#fff;font-size:62.5%; line-height:1; color:#000;
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
font-family: 'Noto Sans JP', sans-serif; overflow-x:hidden;
}
body {overflow-x: scroll;
        -ms-overflow-x-style: none; /* IE, Edge  */
        scrollbar-width: none; /* Firefox */
		}
body {
overflow-x:hidden;
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;}

/*English＝日本語=================================================*/
.enjp_button{ width:95.5%;display: block; height:18px; margin-top:50px; padding:0; text-align:right;
z-index:100; }
.enjp_button ul li{ display: inline-block; margin:0; padding:0; text-align: center; }
/*English＝日本語*/
.English a{ display: inline-block;margin-right:-1px;font-size:14px;letter-spacing:0.05em;color:#000; text-decoration:none;border-bottom: 1px solid #888;padding-bottom: 2px;vertical-align:0.3em; font-family:'Cormorant Garamond', serif; }
.Japan a{ display: inline-block; font-size:12px;text-decoration: none;letter-spacing:0.25em;color:#000;vertical-align:0.45em;cursor:default;
transform-origin: 0 0;transform: scaleX(0.9);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.9);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.9); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.9); 
font-family:'Noto Serif JP', serif ; }

.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }
/*====*/
@supports (-ms-ime-align: auto){.English a{vertical-align:0.35em; }}

/*luxbarヘッダーグローバルメニュー======================================*/
/* default light*/
/*luxbar-menu-lightメニューバー/uxbar-menu＞haostyleロゴ表示*/
/*.luxbar-menu-light,*/
.luxbar-menu-light .dropdown ul { color: #000; margin:5px 0 8px 10px; }
/*=================*/
.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.4s; transition-duration: 0.4s;} /*フェード*/
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after {
  background-color: #000; }
/* Safari 6.1-8.0 (6.1+) */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { @media {
.luxbar-header { display: inline-block; margin-top:-2px; padding-top:12px; }
}}
/*=================*/
#luxbar{width:100%;height: auto; margin:0 auto; padding:0;}
/*グローバル・ハンバーガーメニュー＆バックカラーブロック*/
.luxbar-default { position:relative; width:970px; height:30px; margin-bottom:10px; margin-right:auto;  margin-left:auto; padding:0; background:none; z-index:10; }
/*=================*/
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {  position: absolute; }
/*flex-direction: column;主軸の方向や向き＝item縦並びブロック*/
.luxbar-navigation { width:90%;display: flex; flex-direction: column; 
-ms-flex-direction: column; -webkit-flex-direction: column;
list-style: none; padding:0 5%; margin:0 auto; }

/*ハンバーガーアイコン*/
.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
  display: block; width: 26px; height:1px; transition: 0.6s ease; }
/* transparent：透明 （初期値）*/
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
 background-color: transparent; }
 .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, 
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after { margin-top: 0; }
/*IE11用*/
@media all and (-ms-high-contrast:none) { .wrapper { display: flex; }}

/*スマホ用・ロゴ,ハンバーガーラインの位置*/
/*方向や向き＝flex-direction: row;  (左→右：通常) を定義*/
/* row-reverse＝逆/column＝縦：通常/column-reverse;＝逆*/
.luxbar-header { display: flex; height: 20px; flex-direction: row; -ms-flex-direction: row; -webkit--flex-direction: row; justify-content: flex-start; align-items: center; }
/*=================*/
.luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {  justify-content: flex-start;}
.luxbar-brand {font-size:18px; font-weight:400; padding: 5px 24px; font-family:  'Cormorant Garamond', serif; }

/*menu縦幅=====*/
.luxbar-menu { transition: 0.6s ease; width: 100%; }
/*menuABOUT等調整ポイント=====*/
li.luxbar-item p{
display: inline-block; margin:0; padding:0; vertical-align:-0.8em;font-size:15px; font-weight:400; color:#000; letter-spacing:0.1em; text-align:left; font-family: 'Cormorant Garamond', serif; }
.stockist-opa{ display:inline-block; margin:0; padding-right:60px; color:#777; font-weight:400; letter-spacing:0.05em; text-align:right; text-decoration: none; font-family: 'Cormorant Garamond', serif; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
/*停止中ABAUT文字＃777==========*/
.luxbar-item a{display:inline-block; 
margin-right:60px;  padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; text-align:left; text-decoration: none; font-family:'Cormorant Garamond', serif; }
li.luxbar-item a:hover{display: block; padding:0; color: #555; font-weight:400;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
li.luxbar-item:nth-child(2) a{display:inline-block;padding:0;border-bottom: solid 1px #999;cursor:default;text-decoration:none; color: #000;}
/*◉◉◉++++++++++++++++++++++*/

/*==================*/
ul.luxbar-sns-nav{ margin-top:-4.5em; padding-right:4.9%; }
/*firefox */
@-moz-document url-prefix() { ul.luxbar-sns-nav{margin-top:-4.5em;}}
/*メニュー全体・ボトム幅調整 */
@-moz-document url-prefix() { .luxbar-menu {margin-bottom:5em;}}
/* IE10-IE11） */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.luxbar-sns-nav:not(:target) {margin:-19px 0 0 35px; padding:0; }}
/*==================*/
li.luxbar-sne{display: inline-block; margin:0; padding:5px 0; }
/*fasebook等のsvg画像*/
.luxbar-sns a{ display: block; /*border:1px solid #ff0000;*/
margin:0; padding-left: 30px ; text-decoration: none; text-align:right; cursor: pointer; float:right; }
/*==========*/
.luxbar-sns a:hover{display:block; padding-right:0; color:#ff0000; font-weight:500; -webkit-transition: all .3s; transition: all .3s; }
/*==================*/
 ul.luxbar-navigationl:after { display: block; content:""; clear:both; }
/*ハンバーガーエリア*/
.luxbar-hamburger { position: relative; cursor: pointer; padding: 4px 24px; }
/* content: 要素の直前または直後に、文字列や画像などのコンテンツを挿入＝三本ラインの隙間空白*/
  .luxbar-hamburger span::before, .luxbar-hamburger span::after {
    content: ''; position: absolute; }
/*ハンバーガーライン・上*/
.luxbar-hamburger span::before {  margin-top: -9px; }
/*ハンバーガーライン・下*/
.luxbar-hamburger span::after {  margin-top: 9px; }
.luxbar-checkbox {  display: 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; }
/*GoogleAnalytics内class*/
.me {position:absolute;left:40px;bottom:25px;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*==================*/
header{ margin:0 auto 20px; height: auto; }
.head { position:relative; width:100%; height:auto; }
/*haoロゴブロック幅================================*/
.rogo_section{ display: block;max-width:1080px;height:170px;
margin:0 auto;padding:0; text-align:center;/* border:1px solid #ff0000;*/}
.Rogoblock{ width:100px; height:auto; margin:-1.5% auto 11%; padding:0; text-align:center; z-index:120; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:85%; height:auto; margin:0 auto; padding:0; text-align:center; }
/*============SECTION==============*/
.section {display: block;max-width:1080px; width:100%; margin:0 auto; padding:0;}
.section:last-child{ width:100%; margin:0 auto; padding:0; border:none; }
.item_section{max-width:1080px;width:100%;display: block; text-align: left;margin:0 auto;padding:0; }
.luxbar_section{max-width:1080px;width:100%;display: block;margin:0 auto 70px; text-align: left; border:none; }

/*===========================================================*/
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
  transform: rotate(225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
  transform: rotate(-225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
  transform: rotate(45deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
  transform: rotate(-45deg); }
/*===========================================================*/

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content:center; height:14em;margin:3em auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:500px;font-size:3em; margin:0.5% 0 0 2%; padding:0;text-align:center; font-weight:400;letter-spacing:0.08em;
font-family: 'Amiri', serif;  
ftransform-origin: 0 0;transform: scaleX(0.95);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.95);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.95); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.95); }

/*================================*/
.main{ max-width:1010px;width:100%;margin:55px auto 0; padding:0;}
.inner { max-width:1010px;width:100%;margin:0 auto; padding:5px 0; }
.section {display: block;width:900px;margin:0 auto; padding:0; text-align:center;}

/*=========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ display:block;width:100%;margin:0 auto; padding:0; overflow:hidden;text-align:center;}

/*イメージ======================================================*/
.imgbox1{display:block;width:100%;height:auto;margin:4em auto 1em;padding:0;border:none;text-align:center;}
.imgbox1 img{max-width:740px;;width:100%;height:auto;margin:0 auto;padding:0;border:none;text-align:center;}
 
/*テキスト======================================================*/
.texffield1{display:block;width:95%;margin:3.5em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;width:1000px;margin:0 auto;padding:0;text-align:center;
font-size:1.8em; font-weight:400;color:#000; list-style:none; line-height:1.9; letter-spacing:0.01em;
transform-origin: 0 0;transform: scaleX(0.95);
-webkit-transform-origin: 0 0;-webkit-transform: scaleX(0.95);
-moz-transform-origin: 0 0;-moz-transform: scaleX(0.95); 
-ms-transform-origin: 0 0;-ms-transform: scaleX(0.95); 
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale;
font-family: 'Amiri', serif; }

/*===========================================================*/
.bottoms_section{max-width:1080px;width:100%;position: relative; background:#fff; margin:0 auto; }
ul.bottomcont{max-width:1080px;width:100%;margin-top:2.5%;margin-left: auto; margin-right: auto; 
text-align:right; /*border:1px solid #ff0000;*/}
.bottomimg{ width:98%; height:auto; margin:0; padding:0;}
/*============================*/
.pagetop a{ width:31px; height:35px; margin:0; padding:0; text-align:right;}

/* ================================================================
フッター
================================================================*/
footer{width:100%; height: 260px; margin:10px auto 0px; padding:0;background: #f7f7f3;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:200px; margin:0 auto; padding:25px 0px 30px; }
#footer_wrap { width:100%; margin: 0 auto; padding:0px; font-size:11px; }

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

/*NEWSLETTER画像*/
.footer_inner_img img{ width:44%; height:auto; margin-bottom:20px; padding:0px; text-align:center; }
.footer_areainner .footer_inner_nave{margin:0 auto; padding:0;text-align:center; }
.footer_inner_nave{ display:block;max-width:524px; height:43px; margin:0 auto; padding:0px;text-align:center; }

/*メーリングリストメールフォーム=========================*/
.mailform{display:block;width:110%;margin:0 0 0 -2.5em;}
.mailaddress{display:inline-block;width:330px;height:26px;margin:0 0 5px 2px;padding:2px;border:none;border-top:1px solid #999;border-left:1px solid #999;border-radius:0;font-size:1.5em; font-weight:400; letter-spacing:0.05em; color:#000;text-align:left;text-decoration:none;  font-family: 'Cormorant Garamond', serif;}

@-moz-document url-prefix() {.mailaddress{height:25px;}}

/*============================*/
.mailbutton{display:inline-block;width:100px; margin:0 0 0 -3px;vertical-align:top; padding:1px 0 0 0;font-size:1.3em; line-height:29px; color:#fff; text-align:center;cursor:pointer;letter-spacing:0.1em;border-radius:0;border:1px solid  #777; background-color: #777;font-weight:600;font-family:'Amiri',serif;}
/* IE10-IE11）=================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mailbutton:not(:target) {margin:0 0 0 -3px;height:26px; line-height:27px; padding:2px 0 0 0; vertical-align:top;}}
/* Edge */
_:-ms-lang(x)::backdrop, .mailbutton {margin:0 0 0 -3px; line-height:28px; padding:2px 0 0 0;vertical-align:top; }
/*============================*/
span.mailtext{font-size:1.4em;margin:0;color:#000;font-family:'Amiri', serif;vertical-align:0.08em;}
/*============================*/
input.mailbutton:hover{opacity:0.8;
-ms-filter:"alpha(opacity=50)";-moz-opacity:0.8;-khtml-opacity: 0.8;
-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} 
/*============================*/
.copyright{ clear:both; }
.copyright img{ width:30%;height:auto;margin-top:23px; padding:0;  text-align: center;}
.footer_inner_nave li a{text-decoration:none;color:#000;}
.footer_inner_nave li a:hover{text-decoration:none;color:#ff0000;}
/*#0000FFブルー///FF00FFピンク///#ffee01イエロー*/
.clearfix{ clear:both; }
/*==================*/
.clear-both{ clear: both; }
/*==================*/

/*===========================================================*/
@media screen and (min-width: 768px) {
.luxbar-navigation { flex-flow: row;}/*左から右へ・横並び*/
/*justify-content: flex-start; }行末揃え*/
.luxbar-hamburger { display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: visible; }
.luxbar-menu .luxbar-item, .luxbar-menu .luxbar-sns {border-top: 0; }
/*スマホ・ドロワー表示====================*/
.dropdown:hover > ul {position: absolute;left: 0;top:20px;padding: 0; }
.dropdown > ul {display: none; }
.dropdown > ul .luxbar-item{padding: 0px 10px; }
.dropdown > ul .luxbar-sns{padding: 0px 10px; }
.dropdown > ul .luxbar-item a,.dropdown > ul .luxbar-sns a {white-space: nowrap; }
}

/*1024=======================================================*/
@media screen and (max-width:1024px) {
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
.rogo_section{ display: block; width:100%;height:160px; margin:0 auto; padding:0 ;}
/*============================================================*/
/*English＝日本語*/
.enjp_button{ width:97%; }
/*グローバルメニュー*/
.luxbar-default{width:1024px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation { margin:0 0 0 -1.5em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block;margin-right:45px; padding-right:0;  }
li.luxbar-item a:hover{display: block;margin-right:45px;padding:0; color: #555; font-weight:400;text-decoration: line-through;}
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/*width:92%;snsブロックの右調整数値*/
ul.luxbar-sns-nav{ width:92.5%;margin:-4.5em 0 0 4.1em; padding-right:0; }
/*◉◉◉++++++++++++++++++++++*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
li.luxbar-item:nth-child(2) a{display:inline-block;margin-right:45px;border-bottom: solid 1px #999;cursor:default;text-decoration:none; color: #000;}
/*◉◉◉++++++++++++++++++++++*/

/*テキスト======================================================*/
.texffield1{display:block;width:90%;margin:3.5em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;width:90%;margin:0 auto;padding:0;text-align:center;
font-size:1.8em; list-style:none; line-height:1.9; letter-spacing:0.01em;}

/*.bottoms_section=============================================*/
/*topの左右調整*/
.bottomimg{ width:91%; height:auto; margin:0; padding:0;}
.pagetop {width:96%;display:block; margin:0; padding:0;}
li.pagetop a{ width:31px; height:35px; margin:0; padding:0; text-align:right;}
/*==================*/
.mailbutton{line-height:28px; margin:0 0 0 -3px; padding:0.07em 0 0 0;}
}
/*1024end==================================================*/

/*835~900–=================================================*/
@media screen and (min-width:835px) and  (max-width:900px){
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

html,body{width:900px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
header{ width:100%;  height: auto;margin:0 auto; }

/*スライド左haoロゴ*/
.header-title img{ position: absolute; top:180px; left:58px; width:180px; height:auto;  }
.Rogoblock{ width:100%; height:auto; margin:0 auto; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:9%; height:auto; margin:-0.8em 0 0 -10px; padding:0; text-align:left; }
/*max-width:730pxメニュー幅をmainブロックの幅に合わせる*/
#luxbar{max-width:90%;height: auto; margin:0 auto;}
/*enjpの上間隔調整 margin:-10px*/
.rogo_section{ display: block; width:900px;height:160px;margin:-10px auto 0; }

/*English=日本語*/
.enjp_button{width:98%;  height:18px; margin:50px 55px 0 0; padding:0; }
.English a{  font-size:1.3em;letter-spacing:0.05em;}
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; }

/*グローバルメニュー*/
.luxbar-default{width:900px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -5.5em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:40px; padding:0;  }
li.luxbar-item a:hover{display: block;margin-right:40px;padding:0; color: #555; font-weight:400;text-decoration: line-through;}
/*◉◉◉++++++++++++++++++++++*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
li.luxbar-item:nth-child(2) a{display:inline-block;margin-right:40px;border-bottom: solid 1px #999; cursor:default;text-decoration:none; color: #000;}
/*◉◉◉++++++++++++++++++++++*/
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.9em 0 0 8em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 10px; }
.luxbar-sns a:hover{display: block; padding: 0px 10px;}

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content:center; height:13em;margin:3em auto; padding: 0; }
.titleinner h2 {width:500px;font-size:2.7em; margin:0.5% 0 0 2%; padding:0;letter-spacing:0.08em;}
/*==========================================================*/
.main{ max-width:900px;width:100%;margin:50px auto 0; padding:0;}
.inner { max-width:900px;width:100%;margin:0 auto; padding:5px 0; }
.section {display: block;width:100%;margin:0 auto; padding:0; text-align:center;}
/*========================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ display:block;width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{display:block;width:100%;height:auto;margin:4em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{display:block;width:83%;margin:3.5em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;width:900px;margin:0 auto;padding:0;font-size:1.6em;  line-height:1.9; letter-spacing:0.01em; }
/*========================*/
.pagetop {width:96%;display:block; margin:0; padding:0;}
.pagetop img{width:3.7%; height:auto; margin:0; padding:0;text-align:right;}
/*========================*/
footer{width:100%; height: 250px; margin:10px auto 0px; padding:0; }
.inner-footer{width:834px; margin:0 auto; padding:15px 0 0 0;}
.mailbutton{line-height:27px;margin:0 0 0 -3px; padding:0.08em 0 0 0;vertical-align:top;}
/*========================*/
.copyright img{ width:30%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*835~900end===================================================*/

/*769~834–=================================================*/
@media screen and (min-width:769px) and  (max-width:834px){

html,body{width:834px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{ width:100%;  height: auto;margin:0 auto;  }

.Rogoblock{ width:100%; height:auto; margin:0 auto; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:9%; height:auto; margin:0 0 0 -10px; padding:0; text-align:left; }
/*max-width:730pxメニュー幅をmainブロックの幅に合わせる*/
#luxbar{max-width:730px;height: auto; margin:0 auto;}
/*enjpの上間隔調整 margin:-10px*/
.rogo_section{ display: block; width:97%;height:160px;margin:-10px auto 0; }

/*English=日本語*/
.enjp_button{ height:18px; margin:50px 55px 0 0; padding:0; }
.English a{  font-size:1.3em;letter-spacing:0.05em;}
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; }

/*グローバルメニュー*/
.luxbar-default{width:834px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -4em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:28px; padding:0;  }
li.luxbar-item a:hover{display: block;margin-right:28px;padding:0;text-decoration: line-through;}
/*◉◉◉++++++++++++++++++++++*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
li.luxbar-item:nth-child(2) a{display:inline-block;margin-right:28px;border-bottom: solid 1px #999; cursor:default;text-decoration:none; color: #000;}
/*◉◉◉++++++++++++++++++++++*/
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.8em 0 0 7em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 10px; }
.luxbar-sns a:hover{display: block; padding: 0px 10px;}

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content:center; height:10em;margin:3em auto; padding: 0; }
.titleinner h2 {width:500px;font-size:2.5em; margin:0.5% 0 0 2%; padding:0;letter-spacing:0.08em;}
/*==========================================================*/
.main{ max-width:834px;width:100%;margin:4em auto 0; padding:0;}
.inner { max-width:834px;width:100%;margin:0 auto; padding:5px 0; }
.section {display: block;width:100%;margin:0 auto; padding:0; text-align:center;}
/*========================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:2.5em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:75%;margin:2.5em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.5em;  line-height:1.9; letter-spacing:0.01em; }

/*========================================================*/
.pagetop {width:95%;display:block; margin:0; padding:0;}
.pagetop img{width:3.5%; height:auto; margin:0; padding:0;text-align:right;}

footer{width:100%; height: 225px; margin:10px auto 0px; padding:0; }
.inner-footer{width:834px; margin:0 auto; padding:15px 0 0 0;}

/*NEWSLETTER画像*/
.footer_inner_img img{ width:40%; height:auto; margin-bottom:20px;}
.mailbutton{margin:0 0 0 -3px; padding:0.1em 0 0 0;line-height:28px;vertical-align:top;}
.copyright img{ width:30%;height:auto;margin:23px; padding:0;  text-align: center;}
}
/*834 end===================================================*/

/*768/ipad–=================================================*/
@media screen and (min-width:737px) and  (max-width:768px){
html,body{width:768px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{ width:100%;  height: auto;margin:0 auto;  }
.head { position:relative; width:100%; height:auto; }

.Rogoblock{ width:100%; height:auto; margin:0 auto; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:9%; height:auto; margin:-15px 0 0 -10px; padding:0; text-align:left; }
/*max-width:730pxメニュー幅をmainブロックの幅に合わせる*/
#luxbar{max-width:730px;height: auto; margin:0 auto;}
/*enjpの上間隔調整 margin:-10px*/
.rogo_section{ display: block; width:97%;height:250px;margin:-20px auto 0; }

/*English=日本語*/
.enjp_button{ height:18px; margin:70px 55px 0 0; padding:0; }
.English a{  font-size:1.3em;letter-spacing:0.05em;}
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; }

/*グローバルメニューブロック*/
.luxbar_section{margin:-110px 0 0 0;}
/*グローバルメニュー*/
.luxbar-default{width:768px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -2em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:20px; padding:0;  }
li.luxbar-item a:hover{display: block;margin-right:20px;padding:0; }
/*◉◉◉++++++++++++++++++++++*/
li.luxbar-item:nth-child(2) a{display:inline-block;margin-right:20px;border-bottom: solid 1px #999;}
/*◉◉◉++++++++++++++++++++++*/
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.8em 0 0 4.5em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 9px; }
.luxbar-sns a:hover{display: block; padding: 0px 9px;}

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:10em;margin:5.5em auto 0; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:500px;font-size:2.8em; margin:0.5% 0 0 2%; padding:0;letter-spacing:0.08em;}

/*========================================================*/
.main{ width:768px;margin:3.5em auto 0; padding:0; }
.inner { width:768px; height:auto; margin:0 auto;  }
.section {display: block;width:100%;margin:0 auto; padding:0; text-align:center;}
/*========================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:2em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:80%;margin:2em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.5em;  line-height:1.9; letter-spacing:0.01em; }

/*============================================================*/
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.pagetop {width:92%;display:block; margin:0; padding:0;}
.pagetop img{width:4%; height:auto; margin:0; padding:0;text-align:right;}
/*============================*/
footer{width:100%; height: 240px; margin:10px auto 0px; padding-top:8px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
/*============================*/
.mailaddress{display:inline-block;width:330px;height:26px;margin:0 0 5px 2px;padding:2px;font-size:1.5em; }
.mailbutton{display:inline-block;width:90px; margin:0 0 0 -3px; padding:2px 0 0 0 ;font-size:1.3em; line-height:26px;vertical-align:top;}
/*============================*/
.copyright img{ width:30%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*768 end=======================================================*/

/*601~736–=================================================*/
@media screen and (min-width:601px) and  (max-width:736px){

html,body{width:736px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }

/*================================================*/
header{ margin:0 auto; height: auto; }
.head { position:relative; width:100%; height:auto;margin:0; padding:0;text-align:center; overflow:hidden; }

.rogo_section{width:100%;height:160px; margin:50px auto 0; }
.Rogoblock{width:736px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:12%; height:auto; margin:0 auto; padding:0; text-align:center;}

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:11em;margin:1em auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:500px;font-size:2.8em; margin:1% 0 0 2%; padding:0;letter-spacing:0.08em;}

/*========================================================*/
/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:22px;left:10px;width:80%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:-10px 0 0 500px;padding:0; }
/*z-indexを入れないと反応無し*/
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:1.3em;letter-spacing:0.05em;vertical-align:0.45em; text-decoration:none;border-bottom: 1px solid #888;padding-bottom: 2px;}
.Japan a{ font-size:1.06em;letter-spacing:0.25em;vertical-align:0.55em; text-decoration:none;}

.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }

/*★左空き調整position:absolute;top:;left:0;===*/
#luxbar{position:absolute;top:;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; margin:0 auto; text-align: left; border:none; }
/*★グローバルメニュー・三のtop位置＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute;top:-163px;left:30px;margin:0; padding:0 0 0 30px;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
/*★グローバルメニュー・三の横位置＝＝＝＝＝*/
.luxbar-menu-left .luxbar-header {margin:0 0 0 620px;text-align:right;}

/*===========================*/
/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0; padding:0; vertical-align:-0.5em;font-size:1.5em; letter-spacing:0.1em;}
.stockist-opa{ display:inline-block; margin-right:5px; padding:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block;margin-right:5px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:5px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;margin-right:-40px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
ul.luxbar-sns-nav{ margin:20px 0 0 1em; padding:0; }
.luxbar-sns a{ margin-left:86%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:86%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s;}

/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
background-color: #fff;
height:55vh;
z-index:100; }

/*========================================================*/
.main{ width:736px;margin:3em auto 0; padding:0; }
.inner { width:736px; height:auto; margin:0 auto;  }
/*========================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:2em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:80%;margin:2em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.4em;  line-height:1.9; letter-spacing:0.01em; }

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.pagetop {width:92%;display:block; margin:0; padding:0;}
.pagetop img{width:4%; height:auto; margin:0; padding:0;text-align:right;}

footer{width:100%; height: 220px; margin:10px auto 0px; padding-top:2.8em;background: #f7f7f3; text-align:center; overflow:hidden; }
#footer_area{ width:100%;height:auto; margin:0px 0 0 -3px; padding:0; }

/*NEWSLETTER画像==============*/
.footer_inner_img img{ width:38%; height:auto; margin-bottom:15px;}
/*============================*/
.mailaddress{display:inline-block;width:320px;height:24px;margin:0 0 5px 2px;padding:2px;font-size:1.5em; }
.mailbutton{display:inline-block;width:80px; margin:0 0 0 -3px; padding:2px 0 0 0 ;font-size:1.2em; line-height:26px;vertical-align:top;}
/*============================*/

.copyright img{ width:30%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*736 end=======================================================*/

/*481~600======================================================*/
@media screen and (min-width:481px) and  (max-width:600px){

html,body{width:600px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }

/*================================================*/
header{ margin:0 auto; height: auto; }
.head { position:relative; width:100%; height:auto;margin:0; padding:0;text-align:center; overflow:hidden; }

.rogo_section{width:100%;height:140px; margin:50px auto 0; }
.Rogoblock{width:600px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:12%; height:auto; margin:0 auto; padding:0; text-align:center;}

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:500px;font-size:2.5em; margin:1% 0 0 2%; padding:0;letter-spacing:0.08em;}

/*English=日本語=============================================*/
.enjp_button{position:absolute;top:0px;left:10px;width:80%; display: block; margin:0; padding:0;z-index:200}
.enjp_button ul{width:130px;margin:2px 0 0 378px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:1.3em;letter-spacing:0.05em;text-decoration:none;border-bottom: 1px solid #888;padding-bottom: 2px;vertical-align:0.45em; cursor:default;}
.Japan a{ font-size:1.06em;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;}

.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }

/*★左空き調整position:absolute;top:;left:0;===*/
#luxbar{position:absolute;top:;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; margin:0 auto; text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-153px;left:;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin:0 0 0 505px;text-align:right;}

/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block;margin-right:-17px;  padding:0; vertical-align:-0.2em;font-size:1.5em;}
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;margin-right:-30px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
/*facebook~contact===============*/
ul.luxbar-sns-nav{ margin:20px 0 0 2em; padding:0; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
/*margin-left:80%;横寄せ調整*/
.luxbar-sns a{ margin-left:80%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
/*margin-left:80%;hover横寄せ調整*/
.luxbar-sns a:hover{ margin-left:80%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
background-color: #fff;
height:53vh;
z-index:100; }

/*========================================================*/
.section {width:600px;  height:auto; margin:0 auto; padding:0;}
.main{ width:600px;margin:3em auto 0; padding:0;}
.inner { width:600px; height:auto; margin:0 auto;  }

/*========================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:1.8em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:85%;margin:1.8em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.25em;  line-height:1.9; letter-spacing:0.01em; }

/*============================================================*/
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.pagetop {width:90%;display:block; margin:0; padding:0;}
.pagetop img{width:4.8%; height:auto; margin:0; padding:0;text-align:right;}

footer{width:100%; height: 220px; margin:10px auto 0; padding:0;}
#footer_area{ width:100%;height:auto; margin:10px auto 0 ; padding:0;}

/*NEWSLETTER画像==============*/
.footer_inner_img img{ width:40%; height:auto; margin-bottom:15px;}
/*Your email address==============*/
.mailaddress{display:inline-block;width:310px;height:24px;margin:0 0 5px 2px;padding:2px;font-size:1.4em; }
.mailbutton{display:inline-block;width:80px; margin:0 0 0 -3px; padding:0.13em 0 0 0 ;font-size:1.3em; line-height:27px;vertical-align:top;}
/*============================*/
.copyright img{ width:25%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*481〜600end=============================================*/


/*max480================================================*/

@media screen and (max-width:480px){
html,body{width:480px; margin:0 auto; padding:0; overflow-x:hidden; }
.inner-footer{ max-width:414px; margin:0 auto; padding:0;}

 h1 { font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}

header{ margin:0 auto; height: auto; }
.head { position:relative; width:100%; height:auto;margin:0; padding:0;text-align:center; overflow:hidden; }

.rogo_section{width:100%;height:140px; margin:45px auto 0; }
.Rogoblock{width:480px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:15%; height:auto; margin:0 auto; padding:0; text-align:center; }

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:500px;font-size:2.5em; margin:1% 0 0 2%; padding:0;letter-spacing:0.08em;}
/*========================================================*/

/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:5px;left:-50px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:13px;letter-spacing:0.05em;vertical-align:0.45em; text-decoration:none;border-bottom: 1px solid #888;padding-bottom: 2px;vertical-align:0.45em; cursor:default;}
.Japan a{ margin-left:-0.1em;  font-size:11px;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;}

.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }

/*★グローバルメニュー左空き調整position:absolute;top:;left:0;===*/
#luxbar{position:absolute;top:-115px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
/*margin-left: 403px; 三の右寄せ位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-menu-left .luxbar-header {margin-left: 403px; margin-top:3px;}

/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block;margin-right:-25px;padding:0; vertical-align:-0.5em;font-size:1.5em;}
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;cursor:default;margin-right:-30px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
ul.luxbar-sns-nav{ margin:20px 0 0 1.5em; padding:0;  }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.luxbar-sns a{ margin-left:83%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:83%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
background-color: #fff;
height:53vh;
z-index:100; }
/*=========================================*/
.section {width:100%;  height:auto; margin:0 auto; padding:0;}
.main{ width:470px;margin:3em auto 0; padding:0 0.1em; }
.inner { width:100%; height:auto; margin:0 auto;  }
/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:1.8em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:85%;margin:1.8em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.3em;  line-height:1.9; letter-spacing:0.01em; }

/* フッター====================================================== */
footer{width:100%; height: 200px; margin:10px auto 0px; padding-top:8px;background: #f7f7f3; text-align:center; overflow:hidden; }
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:480px;height:auto; margin-top:0.8em;margin-left: 30px;text-align:right; }
.pagetop {width:87%;display:block; margin:0; padding:0;}
.pagetop img{width:6.5%; height:auto; margin:0; padding:0;text-align:right;}
/*NEWSLETTER画像==============*/
.footer_inner_img img{ width:45%; height:auto; margin-bottom:15px;}

/*============================*/
.mailform{width:100%;margin:0 0 0 -0.3em;}
.mailaddress{display:inline-block;width:220px;height:20px;margin:0 0 5px 2px;padding:2px;font-size:1.4em; }
.mailbutton{display:inline-block;width:70px;  margin:0 0 0 -3px; padding:0.15em 0 0 0;font-size:1em; line-height:23px;vertical-align:top;}
span.mailtext{display:inline-block;font-size:13px;vertical-align:0.15em;}
}
/*end max480================================================*/

/*max414================================================*/
@media screen and (max-width:414px){
html,body{width:414px; margin:0 auto; padding:0; overflow-x:hidden; }
.inner-footer{ max-width:414px; margin:0 auto; padding:0;}
/*============================*/
 h1{ font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*スクロールスライド＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header{width:414px; margin:0 auto; height: auto; }
/*English/日本語のtop空き*/
.head{ position:relative; margin:0; padding:0; text-align:center; overflow:hidden;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:160px; margin:50px auto 0; }
.Rogoblock{width:414px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 auto; padding:0; text-align:center; }

/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:5px;left:-120px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:15px;letter-spacing:0.05em;vertical-align:0.3em; text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;}
.Japan a{ font-size:11px;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;cursor:default;}

.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-135px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: 335px;text-align:right;}
/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }
/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.2em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;cursor:default;margin-right:-30px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
ul.luxbar-sns-nav{ margin:20px 0 0 0; padding-left:2em; }
.luxbar-sns a{ margin-left:74%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:74%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:63vh;
overflow:hidden;
 z-index:100; }

/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:400px;font-size:2.5em; margin:1% 0 0 4%; padding:0;letter-spacing:0.08em;}
/*========================================================*/

/*============================*/
.section {width:100%;  height:auto; margin:0 auto; padding:0;}
.main{ width:400px;margin:30px auto 0; padding:0; background: #fff; }
.inner { width:100%; height:auto; margin:0 auto;  }

/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:1.8em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:90%;margin:1.8em auto 0;padding:0;text-align:center;font-size:13px; }
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.1em;  line-height:1.9; letter-spacing:0.01em; }

/* bottoms===================================================== */
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:414px;height:auto; margin:20px auto 0;text-align:right; }
.pagetop {width:94%;display:block; margin:0; padding:0;}
.pagetop img{width:7.2%; height:auto; margin:0; padding:0;text-align:right;}
/* フッター====================================================== */
footer{width:100%; height: 210px; margin:10px auto 0px; padding:0; }
.section_footer {width:100%;  margin:0 auto; padding:0;  text-align: center; }
.inner-footer { width:100%;height:180px; margin:0 0 0 -6px; padding:15px 0px 20px; }

/*===========================*/
.mailform{width:100%;margin:0 auto;padding: 0 0 0 0.4em;}
.mailaddress{display:inline-block;width:210px;height:18px;margin:0 0 5px 2px;padding:2px;font-size:1.4em; }
.mailbutton{display:inline-block;width:70px; margin:0 0 0 -3px; padding:0.22em 0 0 0;font-size:12px; line-height:19px;vertical-align:top;}
span.mailtext{display:inline-block;font-size:14px;margin:0;color:#000;font-family:'Amiri',serif;}

/*===========================*/
.copyright img{ width:35%; margin:20px 0 0 6px;}
}
/*414end=======================================================*/

/*384=========================================================*/
@media screen and (max-width:384px) {
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:55vh;
overflow:hidden;
 z-index:100; }
}
/*384end=========================================================*/

/*375=========================================================*/
@media screen and (max-width:375px) {
html,body{width:375px; margin:0 auto; padding:0; overflow-x:hidden; }
.inner-footer{ max-width:375px; margin:0 auto; padding:0;}
/*============================*/
 h1{ font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*============================*/
header{width:375px; margin:0 auto; height: auto;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:145px; margin:40px auto 0; }
.Rogoblock{width:375px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 auto; padding:0; text-align:center; }
/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:8em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:400px;font-size:2.2em; margin:1% 0 0 4%; padding:0;letter-spacing:0.08em;}
/*========================================================*/

/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:2px;left:-158px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 383px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:13px;letter-spacing:0.05em;vertical-align:0.3em;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;}
.Japan a{ font-size:11px;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;cursor:default;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-124px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: 303px;text-align:right;}
/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }
/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.2em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;cursor:default;margin-right:-30px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:70%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:70%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:70vh;
overflow:hidden;
 z-index:100; }
/*=============================================================*/
.section {width:375px; height:auto; margin:0 auto; padding-left:3px;}
.section_import{width:375px;margin:0 auto;  padding:0;}
/*=============================================================*/
.main{ width:365px;margin:3em auto 0; padding:0; background: #fff; }
inner { width:375px; height:auto; margin:0 auto;  }

/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:92%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:1.8em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:92%;margin:1.8em auto 0;padding:0;text-align:center;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1em;  line-height:1.9; letter-spacing:0.01em; }

/* bottoms===================================================== */
ul.bottomcont{ width:375px;height:auto; margin:22px 0 0 0;text-align:right; }
.more{width:375px;  margin:0 auto; padding:0;}
.more img{ width:13%; margin:0 0 1em 1em;padding:0; text-align:center;}
.pagetop {width:93%;display:block; margin:0; padding:0;}
.pagetop a img{ width:7%; height:auto; margin:0; padding:0; text-align:right;}
/* フッター====================================================== */
footer{width:100%; height: 200px; margin:10px auto 0px; padding:0;background: #f7f7f3;
 text-align:center; overflow:hidden; }
/*footer*/
.section_footer {width:100%;  margin:0 auto; padding:0;  text-align: center; }
.inner-footer { width:100%;height:180px; margin:0 0 0 -0.2em; padding:0px 0px 40px; }

.mailform{width:100%;margin:0 0 0 -0.2em}
.mailaddress{display:inline-block;width:180px;height:20px;margin:0 0 5px 2px;padding:2px;font-size:1.3em; }
.mailbutton{display:inline-block;width:60px; margin:0 0 0 -3px; padding:0.2em 0 0 0;font-size:1em; line-height:22px;vertical-align:top;}
span.mailtext{display:inline-block;font-size:13px;margin:0;padding:0;color:#000;font-family:'Amiri', serif;}

/*===================================*/
.copyright img{ width:30%; margin:20px auto 0px; text-align:center;}
}
/*375 end======================================================*/


/*320=========================================================*/
@media screen and (max-width:320px){
html,body{width:320px; margin:0 auto; padding:0; overflow-x:hidden; }
/*============================*/
 h1 { font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*============================*/
header{width:320px; margin:0 auto; height: auto;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:128px; margin:40px auto 0; }
.Rogoblock{width:320px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 0 0 -1em; padding:0; text-align:center; }
/*タイトル帯====================================================*/
.titleinner {width:100%; display: flex;align-items: center; justify-content: center; height:7em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:400px;font-size:2em; margin:2% 0 0 4%; padding:0;letter-spacing:0.08em;}
/*========================================================*/
/*========================================================*/
/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:2px;left:-204px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:12px;letter-spacing:0.01em;vertical-align:0.5em;border-bottom: 1px solid #888;padding-bottom: 3px;}
.Japan a{margin:0; padding:0;  font-size:9px;letter-spacing:0.15em;vertical-align:0.8em;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-108px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }

/*グローバルメニュー三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: 329px;text-align:right;}
/*ハンバーガーエリア*/
.luxbar-hamburger { margin-left:-64px;padding: 4px 10px;position: relative; cursor: pointer; }
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.6em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(2){display:inline-block;cursor:default;margin-right:-30px; padding-right:0;}
.luxbar-item:nth-child(2) a:hover{display:inline-block;cursor:default;margin-right:45px; padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/
ul.luxbar-sns-nav{ margin:20px 0 0 1.5em; padding:0; }
.luxbar-sns a{ margin-left:70%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:70%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
/*============================*/
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:80vh;
overflow:hidden;
 z-index:100; 
}
/*============================*/
.main{width:320px;margin:3em auto;padding:0;background: #fff;}
.section{width:100%;height:auto;margin:0 auto;padding:0;}
.inner{width:100%;height:auto;margin:0 auto;padding:0;}
/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0; text-align:center;}
.section_box_1div{ width:90%;margin:0 auto; padding:0;}
/*イメージ===================*/
.imgbox1{width:100%;height:auto;margin:1.5em auto 1em;padding:0;}
.imgbox1 img{max-width:740px;width:100%;height:auto;margin:0 auto;padding:0;}
 /*テキスト===================*/
.texffield1{width:97%;margin:1.5em 0 0 1.5em;padding:0;text-align:center;
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); 
font-family: 'Amiri', serif;}
/*センター揃え*/
.texffield1 p.tex1cen{display:inline;margin:0 auto;padding:0;font-size:1.1em;  line-height:1.9; letter-spacing:0.01em; }

/* フッター====================================================== */
footer{width:100%;height:170px;margin:10px auto 0px;padding:0;}
/*footer*/
.section_footer{width:100%;margin:0 auto;padding:0;text-align: center;}

/*NEWSLETTER画像*/
.footer_inner_img img{ width:55%; height:auto; margin:0 0 15px 0; padding:0px; text-align:center; }
.footer_areainner .footer_inner_nave{margin:0 auto; padding:0;text-align:center; }
.footer_inner_nave{ max-width:320px; height:43px; margin:0 auto; padding:0px;text-align:center; }

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:320px;height:auto; margin:0;text-align:right; }
.pagetop {width:93%;display:block; margin:0; padding:0;}
.pagetop a img{ width:8%; height:auto; margin:-15px 0 0 0px; padding:0; text-align:right;}
/*============================*/
.inner-footer{width:100%;height:170px; margin:0 0 0 -2px;padding:0;}

/*メーリングリストメールフォーム*/
.mailaddress{display:inline-block;width:162px;height:16px;margin:0 0 5px 2px;padding:2px;font-size:1.2em; }
.mailbutton{display:inline-block;width:55px; margin:0 0 0 -3px; padding:0.1em 0 0 0;font-size:0.9em; line-height:19px;vertical-align:top;}
.mailform .mailtext{display:inline-block;font-size:12px;margin:0;color:#000;font-family:'Amiri',serif;}
.textdn{font-size:85%;letter-spacing:-0.08em;margin-right:1px;color:#000;font-family:'Amiri',serif;}
/*============================*/
.copyright img{width:35%;margin:20px auto 0px;text-align:center;}
}

/*320end======================================================*/


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