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

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;cursor:default;vertical-align:0.35em;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; }
/*firefox*/
@-moz-document url-prefix() { .luxbar-brand {font-size:18px; }}

/*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他メニュー設定*/
.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; }
/*◉◉◉++++++++++++++++++++++*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.luxbar-item:nth-child(3) a{display:inline-block;cursor:default;padding:0;border-bottom: solid 1px #999; }
/*◉◉◉++++++++++++++++++++++*/
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; }
/*◉◉◉++++++++++++++++++++++*/
li.luxbar-item:nth-child(3) a{cursor:default;text-decoration:none; color: #000;}
/*◉◉◉++++++++++++++++++++++*/

/*==================*/
ul.luxbar-sns-nav{ margin-top:-4.5em; padding-right:4.9%; }
/* 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; 
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; }

/* IE10-IE11）*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.Rogoblock:not(:target){padding-right:30px;}}
/* Edge */
_:-ms-lang(x)::backdrop,.Rogoblock{padding-right:30px;}

/*============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 {font-size:3em; margin:0 auto; padding:0 ; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }
@media all and (-ms-high-contrast:none) { .titleinner{ margin: -3em auto 3em;}}
@media all and (-ms-high-contrast:none) { .titleinner h2{ margin-left:-1%;}}


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

/*=========================================================*/
.item_section_4div{max-width:1080px;width:100%;margin:0 auto; padding:0;}
.section_box_4div{ display:block; max-width:1080px;width:100%;margin:6px auto 0; padding:0 3.5em; overflow:hidden;}
.section_box_4div dt,.section_box_4div dd{ color:#000; }

/*=========================================================*/
.cont_box_4div{ display: inline-block; vertical-align:top; width:214px; height:auto; margin:18px ; padding:0; background-color:#fff; }
.cont_box_4div img{ width:213px; height:214px;  margin:0; padding:0; vertical-align:  top; }
.cont_box_4div dl{ display:block; width:214px;  margin:0 auto; padding-top:5px; font-weight:500; text-align:left; background: #f7f7f3; }

.cont_box_4div dt.cont_category{
margin:10px 0 0 -1px; font-size:20px; color:#000; font-weight:500; list-style:none;line-height:1.8;}
.cate2{
margin:-0.6em 0 0.7em 0.5em; font-size:13px; color:#000; font-weight:500; letter-spacing:0; 
list-style:none;line-height:1.8; }.cont_box_4div dt.cont_category a{text-decoration: none;color:#000;}

.cont_box_4div dd.item_contents{
width:106%; margin:2px 0 0 0px; padding:0; font-size:14px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

.cont_box_4div dt.cont_category,.cate2,.cont_box_4div dt.cont_category a,.cont_box_4div dd.item_contents{
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);
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; }
.bottomimg img{ width:5%; height:auto; margin:0; padding:0;}

.more{  margin-top:0;  margin-bottom:25px;margin-left:auto; margin-right:auto; padding:0; text-align:center;opacity:0.5;-ms-filter:"alpha(opacity=50)";-moz-opacity:0.5;-khtml-opacity: 0.5;}
.next{vertical-align:-0.13em;}
.morecenter{margin-right:30px;padding:0;}
.pagetop {  width:95%;  margin:0; padding:0; text-align:right;}
.pagetop img{  width:2.8%; height:auto; 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=80)";-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/japan横位置調整*/
.enjp_button{ width:96.5%; }
/*flex-direction: column;主軸の方向や向き＝item縦並びブロック*/
.luxbar-navigation { margin:0 0 0 -1.5em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; margin-right:45px; padding:0;  }
li.luxbar-item a:hover{display: block; margin-right:45px; padding:0;  }
.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; }

/*◉◉◉++++++++++++++++++++++*/
.luxbar-item:nth-child(3) a{display:inline-block;cursor:default;padding:0;border-bottom: solid 1px #999; }
/*◉◉◉++++++++++++++++++++++*/

.main{ width:100%;margin:-5px 0 0 0px;}

/*=========================================================*/
.section_box_4div { width:1024px; margin:0 0 0 1.7em; padding:0;}
.cont_box_4div{ width:213px; height:auto; margin:18px 16px ; }
.cont_box_4div img{ width:213px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl{ display:block; width:213px;  margin:0 auto; padding-top:5px; text-align:left; background: #f7f7f3; }
.cont_box_4div dt.cont_category{margin:10px 0 0 -1px; font-size:19px; list-style:none;line-height:1.8;}
.cont_box_4div dd.item_contents{width:105%; margin:2px 0 0 -1px; padding:0; font-size:1.25em; letter-spacing:-0.04em;}

footer{width:100%; height: 260px; margin:10px auto 0px; padding:0;}

/*.bottoms_section=============================================*/
/*topの左右調整*/
.bottomimg{ width:91%; height:auto; margin:0; padding:0;}
.bottomimg img{ width:6.2%; height:auto; margin:0; padding:0;}

.more{  margin-top:0;  margin-bottom:20px;margin-left:43px;padding:0; text-align:center;}
.pagetop {  width:95%;  margin:0; padding:0; text-align:right;}
.pagetop img{  width:3.2%; height:auto; margin:0; padding:0; text-align:right;}

.mailbutton{line-height:28px; margin:0 0 0 -3px; padding:0.07em 0 0 0;}
.mailtext{font-size:1.6em;margin:0;color:#000;font-family: 'Amiri', serif;}
}
/*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; }
.head_inner img { width:2000px; height:auto; margin:0; padding:0; }

/*タイトル帯====================================================*/
.titleinner {height:11em;margin:3em auto; }
.titleinner h2 {font-size:3em; margin:0 auto; padding:0 ; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }
/*===========================================================*/
.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;vertical-align:0.35em;}
.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 -5em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; margin-right:45px; padding:0;  }
li.luxbar-item a:hover{display: block; margin-right:45px; padding:0;  }
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/*width:92%;snsブロックの右調整数値*/

/*◉◉◉++++++++++++++++++++++*/
.luxbar-item:nth-child(3) a{display:inline-block;cursor:default;padding:0;border-bottom: solid 1px #999; }
/*◉◉◉++++++++++++++++++++++*/

/* snsブロック*/
ul.luxbar-sns-nav{ margin:-4em 0 0 8em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 8px; }
.luxbar-sns a:hover{display: block; padding: 0px 8px;}

/*========================================================*/
.main{ width:900px;margin:0 0 0 -13px; padding:0 16px;}
.inner { width:900px; height:auto; margin:0 auto;  }

/*========================================================*/
.section_box_4div { display:block; width:100%; margin:0 auto; padding:0 7px; overflow:hidden; }
.cont_box_4div{  width:190px; height:auto; margin:14px; }
.cont_box_4div img{ width:190px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl{width:190px;  margin:0 auto; padding-top:5px; letter-spacing:0;}

p.wptext{width:107%;margin:-2px 0 0 -1px ; padding:0; font-size:1.4em; line-height:1.5; letter-spacing:0.01em;}
.cont_box_4div dd.item_contents {width:107%; margin:6px 0 0 -1px; padding:0; font-size:1.20em; font-weight:400; color:#000; list-style:none; line-height:1.5; letter-spacing:0.01em;}

.more{width:900px;  margin:0 auto; padding:0;}
.more img{width:7%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.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;  }

/*タイトル帯====================================================*/
.titleinner {height:10em;margin:2.5em auto; padding: 0; }
.titleinner h2 {font-size:2.5em; margin:0 auto; padding:0 ;  }
/*===========================================================*/

.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;vertical-align:0.35em;}
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; }

/*グローバルメニュー*/
.luxbar-navigation {list-style: none; padding-left:0px; margin-left:-0.8em; }

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; margin-right:25px; padding:0;  }
li.luxbar-item a:hover{display: block; margin-right:25px; padding:0;  }
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/*◉◉◉++++++++++++++++++++++*/
.luxbar-item:nth-child(3) a{display:inline-block;cursor:default;padding:0;border-bottom: solid 1px #999; }
/*◉◉◉++++++++++++++++++++++*/
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin-right:25px; padding:0; } 

/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.8em 0 0 6.1em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 8px; }
.luxbar-sns a:hover{display: block; padding: 0px 8px;}

/*========================================================*/
.main{ width:834px;margin:-5px 0 0 -13px; padding:0 16px; background: #fff; }
.inner { width:834px; height:auto; margin:0 auto;  }

/*========================================================*/
.section_box_4div { display:block; width:100%; margin:0 0 0 3.5%; padding:0; overflow:hidden; }
.cont_box_4div{  width:162.5px; height:auto; margin:14px ; }
.cont_box_4div img{ width:162.5px; height:162.5px;  margin:0; padding:0; }
.cont_box_4div dl{width:162.5px;  margin:0 auto; padding-top:5px; }

.cont_box_4div dt.cont_category{width:110%; margin:12px 0 0 -1px; font-size:18px;letter-spacing:0.02em;  list-style:none;line-height:1.3;}

.cate2{margin:-0.3em 0 0.7em 0.5em; font-size:105%;}

.cont_box_4div dd.item_contents {width:105%; margin:6px 0 0 -0.05em; padding:0; font-size:13px; font-weight:400; color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

.more{width:900px;  margin:0 0 0 -3.5%; padding:0;}
.more img{width:6%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.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;}
}
/*769~834 end===================================================*/

/*737~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;}
.luxbar-navigation {list-style: none; padding-left:0px; margin-left:0.8em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; margin-right:20px; padding:0;  }
li.luxbar-item a:hover{display: block; margin-right:20px; padding:0;  }
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/*◉◉◉++++++++++++++++++++++*/
.luxbar-item:nth-child(3) a{display:inline-block;cursor:default;padding:0;border-bottom: solid 1px #999; }
/*◉◉◉++++++++++++++++++++++*/
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; margin-right:20px; padding:0; } 

/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.8em 0 0 4.5em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 8px; }
.luxbar-sns a:hover{display: block; padding: 0px 8px;}

/*タイトル帯====================================================*/
.titleinner { height:9em;margin:5em auto 0; padding: 0; }
.titleinner h2 {font-size:2.5em; margin:0 auto; padding:0 ; }

/*========================================================*/
.main{ width:768px;margin:22px 0 0 -4px; padding:0; }
.inner { width:768px; height:auto; margin:0 auto;  }

/*============================================================*/
.section_box_4div { display:block; width:100%; margin:0 0 0 0.8em; padding:0 2.1%; overflow:hidden; }
.cont_box_4div{ vertical-align:top; width:155.5px; height:auto; margin:14px  12px; padding:0;  }
.cont_box_4div img{ width:155.5px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl{ display:block; width:155.5px;  margin:0 auto; padding-top:5px;text-align:left; }

/*タイトル=========*/
.cont_box_4div dt.cont_category{width:110%; margin:12px 0 0 -1px; font-size:1.7em;letter-spacing:0;  list-style:none;line-height:1.3;}
.cate2{margin:-0.2em 0 0.7em 0.4em; font-size:110%;}
/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {
width:105%; margin:6px 0 0 0; padding:0; font-size:1.25em;  list-style:none; line-height:1.5; letter-spacing:0;}

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.more{width:768px;  margin:0 0 0 -3.5%; padding:0;}
.more img{width:7%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.pagetop {width:93%;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;}

/*NEWSLETTER画像*/
.footer_inner_img img{ width:40%; height:auto; margin-bottom:22px; padding:0px; text-align:center; }

/*============================*/
.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%; height:10em;margin:1em auto; padding: 0;}
.titleinner h2 {font-size:2.5em; margin:0 auto; padding:0 ;}

/*========================================================*/
#luxbar{width:600px;height: auto; margin:0 auto;}
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-165px;left:10px;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: auto; margin-top:3px;}

/*========================================================*/
/*メニュー・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; }
.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;text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-162px;left:10px;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
/*★グローバルメニュー・三の横位置＝＝＝＝＝*/
.luxbar-menu-left .luxbar-header {margin:0 0 0 618px;text-align:right;}

/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }

/*ABOUT右調整=margin:16px -0.7em================*/
.luxbar-item{ margin:16px -0.7em 0 0; 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;}
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin-right:15px; padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*=======*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*=======*/
ul.luxbar-sns-nav{ margin:20px 0 0 1.4em; padding:0; }
.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-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 ;
background-color: #fff;
height:57vh;
z-index:100; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;padding:0;}
.luxbar-item:nth-child(3) a:hover{display:inline-block;cursor:default;padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/

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

/*============================================================*/
.section_box_4div { display:block; width:100%; margin:0 auto; padding:0 0.9em; overflow:hidden; }
.cont_box_4div{ vertical-align:top; width:155.5px; height:auto; margin:14px  10px; padding:0;  }
.cont_box_4div img{ width:155.5px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl{ display:block; width:155.5px;  margin:0 auto; padding-top:5px;text-align:left; }

/*タイトル=========*/
.cont_box_4div dt.cont_category{width:110%; margin:12px 0 0 -1px; font-size:1.7em;letter-spacing:0;  list-style:none;line-height:1.3;}
.cate2{margin:-0.2em 0 0.7em 0.4em; font-size:110%;}
/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {
width:105%; margin:6px 0 0 0; padding:0; font-size:1.25em;  list-style:none; line-height:1.5; letter-spacing:0;}

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.more{width:736px;  margin:0 0 0 -3.5%; padding:0;}
.more img{width:7%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.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:8px;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=======================================================*/
/*667=======================================================*/
@media screen and (min-width:601px) and  (max-width:667px){
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{transition: all 0.8s ease;margin-top:-30px; padding:30px 0 10px ;height:65vh;z-index:100; }
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:0;margin-left: 30px;text-align:right; }
}
/*667 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:15%; height:auto; margin:0 auto; padding:0; text-align:center;}

/*タイトル帯====================================================*/
.titleinner {width:100%;  height:9em;}
.titleinner h2 {font-size:2.5em; margin:0 auto; padding:0 ; }

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

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

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
/*★左空き調整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;text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-152px;left:20px;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin:0 0 0 504px;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; }
/*===========================*/
.luxbar-item{ margin:16px -1.3em 0 0; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0; padding:0; vertical-align:-0.5em;font-size:1.3em; letter-spacing:0.1em;color:#000; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin-right:15px;padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; margin-right:15px;padding:0;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*=====*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*=====*/
ul.luxbar-sns-nav{ margin:20px 0 0 -0.1em; padding:0; }
.luxbar-sns a{ margin-left:88%;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:88%;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:57vh;
z-index:100; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;padding:0;}
.luxbar-item:nth-child(3) a:hover{display:inline-block;cursor:default;padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/

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

/*============================================================*/
.section_box_4div { width:600px; margin:0 auto; padding:0 1.5em;  }
.cont_box_4div{ width:163px; height:auto; margin:14px  11px; padding:0; }
.cont_box_4div img{ width:163px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl{ width:163px;  margin:0 auto; padding-top:5px; }
/*タイトル=========*/
.cont_box_4div dt.cont_category{width:110%;margin:10px 0 0 -1px; font-size:18px; color:#000; font-weight:500; line-height:1.3;letter-spacing:-0.02em}
.cate2{width:100%;margin:-0.2em 0 0.7em 0.3em; font-size:110%;letter-spacing:0;}
/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {width:105%; margin:6px 0 0 -1px; padding:0; font-size:13px;  line-height:1.6; letter-spacing:0;}

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.more{width:600px;  margin:0 0 0 -6%; padding:0;}
.more img{width:8%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.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 0px; padding:0;  }
#footer_area{ width:100%;height:auto; margin:10px 0 0 -3px; 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;}
.mailtext{font-size:16px;margin:0;vertical-align:0.05em;color:#000;font-family: 'Amiri',serif;}

/*============================*/
.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 1em 0 0; 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 {font-size:2.5em; margin:0 auto; padding:0 ; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }

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

#luxbar{width:480px;height: auto; margin:0 auto;}
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-115px;left:27px;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: auto; margin-top:3px;}

/*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; cursor:default;}
.Japan a{ margin-left:-0.1em;  font-size:11px;letter-spacing:0.25em;vertical-align:0.4em; 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; }

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
/*★左空き調整position:absolute;top:;left:0;===*/
#luxbar{position:absolute;top:-112px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
.luxbar-menu-left .luxbar-header {margin:0 0 0 93.2%;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; }
/*===========================*/
.luxbar-item{ margin:16px -2.3em 0 0; 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;color:#000; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin-right:15px; padding:0;color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; margin-right:15px; padding:0; }
/*====*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*====*/
ul.luxbar-sns-nav{ margin:20px 0 0 -1em; padding:0; }
.luxbar-sns a{ margin-left:89%;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:89%;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; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;padding:0;}
.luxbar-item:nth-child(3) a:hover{display:inline-block;cursor:default;padding-right:0;text-decoration: none;}
/*◉◉◉++++++++++++++++++++++*/

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

.section {width:100%;  height:auto; margin:0 auto; padding:0;}
.main{ width:480px;margin:15px auto 0; padding:0 0.1em; }
.inner { width:480px; height:auto; margin:0 auto;  }

/*============================================================*/
.section_box_4div {width:100%; margin:0 0 0 0.3em; padding:0 2.7%;  }
.cont_box_4div,.cont_box_4div_brank{ width:125px; height:auto; margin:14px  11px; padding:0; }
.cont_box_4div img,.cont_box_4div_brank img{ width:125px; height:auto;  margin:0; padding:0; }
.cont_box_4div dl,.cont_box_4div_brank dl{width:125px;  margin:0 auto; padding-top:5px;}
/*タイトル=========*/
.cont_box_4div dt.cont_category{width:110%;margin:12px 0 0 -1px; font-size:17px; color:#000;letter-spacing:0; line-height:1.3;letter-spacing:0;}
.cate2{width:100%;margin:-0.2em 0 0.7em 0.3em; font-size:110%;}
/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {width:105%; margin:6px 0 0 -1px; padding:0; font-size:13px;  line-height:1.5; letter-spacing:0;}


/* フッター====================================================== */
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; }
.more{width:480px;  margin:0 0 0 -3.5%; padding:0;}
.more img{width:11%;  margin: 0 auto 20px ; padding:0; text-align:center;}
.next{vertical-align:-0.13em;}
.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:48%; height:auto; margin-bottom:22px; }
/*============================*/
.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;}
/*overflow:visible;*/

/*スライド下の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: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.4em; 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:-132px;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-menu-left .luxbar-header {margin:0 0 0 90%;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; }

/*===========================*/
.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;  }
.luxbar-item a{display:inline-block; 
margin-right:15px; padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em;  }
li.luxbar-item a:hover{display: block; 
margin-right:15px; padding:0; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }
/*======*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*======*/
ul.luxbar-sns-nav{ margin:20px 0 0 0; padding:0; }
.luxbar-sns a{ margin-left:86%;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: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 ;
height:65vh;
overflow:hidden;
 z-index:100; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;padding:0;}
/*◉◉◉++++++++++++++++++++++*/

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

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

.item_section_4div{width:414px;margin:0 auto;padding:0 1.7em;}
.section_box_4div{width:414px; text-align: left; margin:0 auto; padding:0;}
.cont_box_4div{display: inline-block; width:167px; height:auto;margin:0 auto 30px; padding:0px 11px;}
.cont_box_4div img{ width:167px; height:auto;  margin:0; padding:0; vertical-align:  top; }
.cont_box_4div dl{ display:block; width:167px;  margin:0 auto; padding-top:5px; font-weight:500; text-align:left; background: #f7f7f3; }
/*アイテム名*/
.cont_box_4div dt.cont_category{ margin:10px 0 0 0 ; font-size:18px; color:#000; font-weight:500; list-style:none; letter-spacing:0;line-height:1.3;}
.cate2{margin:-0.2em 0 0.7em 0.5em; font-size:110%; letter-spacing:0.02em;}
.cont_box_4div dd.item_contents {width:105%; margin:6px 0 0 0; padding:0; font-size:13px; font-weight:500; color:#000; list-style:none; line-height:1.6; letter-spacing:0.01em;}

/* bottoms===================================================== */
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:414px;height:auto; margin-top:2.5%;margin: 0 auto;text-align:right; }
.more{width:414px;  margin:0 auto; padding:0;}
.more img{width:12%;  margin: 0 0 2em 0.5em; padding:0; text-align:center;}
.pagetop {width:93%;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; }

/*NEWSLETTER画像*/
.footer_inner_img img{ width:48%; height:auto; margin-bottom: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:30%; margin:20px 0 0 6px;}
}
/*414end=======================================================*/

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

/*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 0.5em 0 0; 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 {font-size:2.2em; margin:0 auto; padding:0 ; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }

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

/*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.4em; text-decoration:none;cursor:default;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-121px;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-menu-left .luxbar-header {margin:0 0 0 89.8%;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; }
/*===========================*/
.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;  }
.luxbar-item a{display:inline-block; 
margin-right:15px; padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em;  }
li.luxbar-item a:hover{display: block; 
margin-right:15px; padding:0; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }
/*======*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*======*/
ul.luxbar-sns-nav{ margin:20px 0 0 0; padding:0; }
.luxbar-sns a{ margin-left:86%;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: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; }

.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:70vh;
overflow:hidden;
 z-index:100; }

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;margin-right:-23px; padding:0;}
/*◉◉◉++++++++++++++++++++++*/

.section {width:375px; height:auto; margin:0 auto; padding-left:3px;}
.section_import{width:375px;margin:0 auto;  padding:0;}

.main{ width:375px;margin:30px auto 0; padding:0; background: #fff; }
inner { width:375px; height:auto; margin:0 auto;  }

/*=============================================================*/
.item_section_4div{width:375px;margin:0 0 0 -0.1em;padding:0;}
.section_box_4div{width:375px; text-align: left; margin:0 auto;padding:0;}
.cont_box_4div{width:148px; height:auto;margin:0 auto 30px; padding:0px 10px; }
.cont_box_4div img{ width:148px; height:auto;  margin:0; padding:0;}
.cont_box_4div dl{ width:148px;  margin:0 auto; padding-top:5px; font-weight:500;}
.cont_box_4div dt.cont_category{ margin:10px 0 0 0 ; font-size:18px; color:#000; letter-spacing:0;line-height:1.3;}
.cate2{margin:-0.2em 0 0.7em 0.7em; font-size:110%; letter-spacing:0.02em;}
.cont_box_4div dd.item_contents {width:105%; margin:6px 0 0 0; padding:0; font-size:13px;  line-height:1.5; letter-spacing:0;}

/* bottoms===================================================== */
ul.bottomcont{ width:375px;height:auto; margin: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;}
.next{vertical-align:-0.14em;}
.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 {font-size:2em; margin:0 auto; padding:0 ; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }

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

/*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:10px;letter-spacing:0.15em;vertical-align:0.6em;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-105px;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-menu-left .luxbar-header {margin:0 0 0 90.2%;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; }

/*===========================*/
.luxbar-item{ margin:16px -2.4em 0 0; 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;  }
.luxbar-item a{display:inline-block; margin-right:15px; padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em;  }
li.luxbar-item a:hover{display: block; 
margin-right:15px; padding:0; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }
/*======*/
.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*======*/
ul.luxbar-sns-nav{ margin:20px 0 0 0; padding:0; } 
.luxbar-sns a{ margin-left:80%;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:80%;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:82vh;
overflow:hidden;
 z-index:100; 
}

/*◉◉◉++++++++++++++++++++++*/
/*ページアクティブの位置調節*/
.luxbar-item:nth-child(3){display:inline-block;cursor:default;margin-right:-2.4em;padding:0;}
/*◉◉◉++++++++++++++++++++++*/

.main{width:320px;margin:35px auto 0 ;padding:0;background: #fff;}
.section{width:100%;height:auto;margin:0 auto;padding:0;}
.inner{width:100%;height:auto;margin:0 auto;padding:0;}

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

.section_box_4div{width:320px; text-align: left; margin:0 auto; padding:0 1.05em;}
.cont_box_4div{width:136px;height:auto;margin:0 auto 25px;padding:0 0.6em;}
.cont_box_4div img{width:136px;height:auto;margin:0;padding:0;vertical-align:top;}
.cont_box_4div dl{width:136px;margin:0 auto;padding-top:5px;font-weight:500;}
.cont_box_4div dt.cont_category{width:108%;margin:10px 0 0 0 ;font-size:17px;letter-spacing:0;line-height:1.8;}
.cate2{margin:-0.6em 0 0.7em 0.7em; font-size:110%;}
.cont_box_4div dd.item_contents{width:105%;margin:6px 0 0 -1px;padding:0;font-size:13px;line-height:1.5;letter-spacing:0;}

/* フッター====================================================== */
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:70%; 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; }
.more{width:320px;  margin:0 auto; padding:0;}
.more img{ width:14%; margin:0 auto 10px;padding:0; text-align:center;}
.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;}

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

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