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

@-moz-document url-prefix() { body {font-size:78%; }}

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

.English a:hover{ display: inline-block;color:#000;text-decoration:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }
.Japan a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-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; background: #fff;}

/*ハンバーガーアイコン*/
.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%;background: #fff;}
/*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:0; padding-right:60px; 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-right:60px; color: #555; font-weight:400;text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }

/*==================*/
ul.luxbar-sns-nav{ margin-top:-4.5em; padding-right:4.9%; }
@-moz-document url-prefix() { ul.luxbar-sns-nav{margin-top:-3.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; height: auto; background: #f7f7f3; }
.head { position:relative; width:2500px; height:728px;margin:0;padding:0;  text-align:center; overflow:hidden; }

/*max-widthレスポンシブ用height無し*/
.head_inner { width:2500px; height:580px; margin:74px 0px 74px 113px; padding:0; overflow:visible; }
.head_inner img { width:2500px; height:auto; margin:0; padding:0; }
/*スマホ用対応の画像切り替え＝JQ設定*/
.sm_switch {visibility: hidden;}

/*スライド左haoロゴ*/
.header-title img{ position: absolute; top:200px; left:61px; width:220px; height:auto; margin:0; padding:0; z-index:100; }

/*================================*/
.rogo_section{ display: block;max-width:1080px;height:160px;/*width:73%;*/
margin:0 auto;padding:0; text-align:center;background:#fff;}

.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 50px; 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); }
/*===========================================================*/

/*margin: 50vh auto 0; transform: translateY(-50%);*/
/*上下センター寄せ
親要素に position: relative;を入れておくposition: absolute;top: 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
*/

.head_inner p{margin:0 auto; font-size:20px; font-weight:400; text-align:center; letter-spacing:0.02em; color:#000;font-family: 'Noto Serif JP', serif; }

.main{ width:1080px;width:100%;margin:-5px auto 0; padding:0; background: #fff;}
.inner { max-width:1080px;width:100%;margin:0 auto; padding:5px 0; }
.inner h2 {font-size:2.55em; margin:0 auto; padding:1em 0.05em  0.8em 0; text-align:center; font-weight:400;letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }
ul.middlecont{display:inline;width:100%;margin:1.2em auto 0;}
li.middlemore {margin:0 auto; text-align:center;padding:0;opacity:0.5;
-ms-filter:"alpha(opacity=50)";-moz-opacity:0.5;-khtml-opacity: 0.5;}

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

/*firefox*/
@-moz-document url-prefix() { .cont_box_4div{width:212px; height:auto; margin:18px ; }}
@-moz-document url-prefix() { .cont_box_4div dd.item_contents{width:110%; font-size:1.2em;}}
@-moz-document url-prefix() {.cate2{font-size:110%;}}

/*wp *ワードプレスインポート========================================*/
.section_import {max-width:1080px;width:100%; margin:0 auto;  background:#fff; text-align: left;}
.wp-section-box  { display:block;max-width:1080px;width:100%; margin:0 auto 1em; padding:0; overflow:hidden; }
.wp-section-box ul{  display:block;max-width:1080px;width:100%;margin:0 auto; padding-top:5px;
font-weight:400; text-align:center; /*background: #f7f7f3; */}
.wp-section-box li{ display: inline-block;  vertical-align:top; width:298px; height:auto;
margin:18px;  padding:0;font-size:10px; line-height:1.6em; text-align:left;  background: #f7f7f3; }
/*カテゴリー/投稿日ブロック*/
p.titlelist{width:100%; margin:-3px 0 0 0px ; font-size:19px;  }

/*カテゴリ=========*/
.cat{ display:inline-block;
margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:0.7em; letter-spacing:0.02em; 
color:#000; list-style:none; font-family:'Cormorant Garamond', serif;}
.date{display:inline-block;
margin-top:7px ; padding:0;text-align:right; font-size:0.7em; letter-spacing:0.05em; float:right; color:#000; list-style:none; font-family:'Cormorant Garamond', serif;}

.titleWrap img{ display:block; line-height:0; width:298px; height:185px; margin:0; padding:0; vertical-align:top; }

/*タイトル============*/
.wptitle{display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:20px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;}
.subwptitle{ width:100%; margin:0 0 0.5em 0; padding:0;text-align:left; font-size:20px;  color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri',serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
.wp-ymd{ margin:0; padding:0; }

/*投稿テキスト=========*/
.wptext{width:105%;margin:0; padding:0; font-size:14px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

.wptitle,.wptitle a,.subwptitle,.subwptitle a,p.wptext{
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; }
@-moz-document url-prefix() {p.wptext{font-size:1.4em; }}

/*===========================================================*/
.bottoms_section{max-width:1080px;width:100%;position: relative; background:#fff; margin:0 auto; }
ul.bottomcont{max-width:1080px;width:100%;margin-top:15px;margin-left: auto; margin-right: auto; 
text-align:right; }
.bottomimg{ width:94.2%; height:auto; margin:0; padding:0;}

.more{  margin-top:0;  margin-bottom:20px;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;}
.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:38%; height:auto; margin-bottom:22px; 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:600px; height:43px; margin:0 auto; padding:0px;text-align:center; }

/*メーリングリストメールフォーム*/
.mailform{display:block;width:100%;margin:0 auto;}
.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;}

.head { position:relative; width:2500px;height:728px; }
/*================================*/
.rogo_section{ display: block; width:1024px;height:160px; margin:0 auto; padding:0 ;}

/*============================================================*/
.enjp_button{ width:97%; }
/*flex-direction: column;主軸の方向や向き＝item縦並びブロック*/
.luxbar-navigation { margin:0 0 0 -1.3em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; margin:0; padding-right:45px;  }
li.luxbar-item a:hover{display: block; padding-right:45px;  }
.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 4em; padding-right:0; }

.main{ width:1024px;margin:-5px 0 0 0px;padding:0 ;}
.inner h2 {width:100px;font-size:2.55em; padding:11px 0px;  }

/*wp *ワードプレスインポート========================================*/
.section_import{width:1024px;margin:0 auto;  padding:0;}
.wp-section-box  {width:100%; margin:0 auto; padding:0;}
.wp-section-box ul{width:100%; margin:0 0 0 0.05em; padding-top:5px;}
.wp-section-box li{width:294px; height:auto;margin:18px 16px;  padding:0;font-size:10px; line-height:1.6em;}

.subwptitle{ width:100%; margin:-0.6em 0 0.5em 0; padding:0;text-align:left; font-size:19px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri',serif; clear:both;}

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

.more{  margin-top:0;  margin-bottom:20px;margin-left:20px;padding:0; text-align:center;}
.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;}

.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%; }

.head {height:620px;}
.head_inner { margin:74px 0px 74px 90px;}

header{ width:100%;  height: auto;margin:0 auto; background: #f7f7f3; }
.head_inner img { width:2000px; height:auto; margin:0; padding:0; }
/*=====================================*/
/*スライド左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 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 -6em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin:0; padding-right:20px; padding-left:10px;  }
li.luxbar-item a:hover{ padding-right:20px; padding-left:10px;  }
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:10px; padding-left:10px; } 
/*=====================================*/
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.7em 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; background: #fff; }
.inner { width:900px; height:auto; margin:0 auto;  }
.inner h2 {font-size:2em; margin:15px auto 23px; padding:0; }

/*wp *ワードプレスインポート=====================================*/
.section_import{width:900px;margin:0 auto;  padding:0;}
.wp-section-box { display:block;  width:900px; margin:0 0 0.8em -0.3em; padding:0; overflow:hidden; }
.wp-section-box li{ display: inline-block;  vertical-align:top; width:264px; height:auto;
margin:14px;  padding-left:0.07em;font-size:10px; line-height:1.3em; }
.titleWrap img{ display:block;  width:264px; height:auto;}

/*タイトル============*/
.wptitle{display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:20px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;}
.subwptitle{ width:100%; margin:0 0 0.5em 0; padding:0;text-align:left; font-size:20px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
/*投稿テキスト=========*/
p.wptext{width:105%;margin:0; padding:0; font-size:14px; font-weight:500;color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

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

.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:-1%;}

.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:-10px auto 0; padding:0;}
.more img{width:8%;  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;}

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

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

.head {height:620px;}
.head_inner { margin:74px 0px 74px 90px;}

header{ width:100%;  height: auto;margin:0 auto; background: #f7f7f3; }
.head_inner img { width:2000px; height:auto; margin:0; padding:0; }

/*スライド左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 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:-1.4em; }

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin:0; padding-right:10px; padding-left:10px;  }
li.luxbar-item a:hover{ padding-right:10px; padding-left:10px;  }
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:10px; padding-left:10px; } 

/* 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;  }
.inner h2 {font-size:2em; margin:15px auto 23px; padding:0; }

/*wp *ワードプレスインポート=====================================*/
.section_import{width:834px;margin:0 auto;  padding:0;}
.wp-section-box { display:block;  width:834px; margin:0 0 0.5em -0.3em; padding:0; overflow:hidden; }
.wp-section-box li{ display: inline-block;  vertical-align:top; width:227px; height:auto;
margin:1.35em;  padding-left:0.07em;font-size:10px; line-height:1.6em;  }

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:18px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0;}
.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:18px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
/*投稿テキスト=========*/
p.wptext{width:105%;margin:-2px 0 0 -1px ; padding:0; font-size:13px; line-height:1.5; letter-spacing:0;}

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

.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:-17px 0 0 -3.5%; padding:0;}
.more img{width:6.5%;  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;}

.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
header{width:100%;height:auto; margin:0 auto; background: #f7f7f3; }

/*English-日本語ボタン*/
.enjp_button{ position:absolute;top:34px;right:30px;
display: block;height:18px; margin:0; padding:0; text-align:right; z-index:100; }
.enjp_button ul li{ margin:0; padding:0; text-align: center; }

.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-navigation { list-style: none; padding-left:15px; margin-left: 2%; }
/* ABOUT~JOURNALテキスト*/
li.luxbar-item p{margin:0; padding:0 3px; vertical-align:0.5em;font-size:1.3em; letter-spacing:0.05em; }
/* STOCKIST*/
.stockist-opa{ display:inline-block; 
margin:0; padding-right:0; 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{ margin:0; padding-right:14px; color:#000; letter-spacing:0.05em;}
li.luxbar-item a:hover{ display: block; padding-right:14px; color: #555; }

/* snsブロック*/
ul.luxbar-sns-nav{ margin:-54px 0 0 38px; padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 8px; text-decoration: none; 
text-align:right; cursor: pointer; float:right; }

ul.luxbar-navigationl:after {display:block; content:""; clear:both; }
.luxbar-sns a:hover{display:block; padding: 0px 8px; -webkit-transition: all .3s; transition: all .3s; }

/*====================================*/
.rogo_section{display: block; width:100%;height:160px;margin:0 auto; }
.Rogoblock{width:100%; height:auto; margin:0 auto; padding:0;text-align:center; z-index:120; /*border:1px solid #ff0000;*/ }
/*スライド下のhaoロゴ*/
.Rogoblock img{
width:9%; height:auto; margin:0 auto; padding:0; text-align:left; }
#luxbar{max-width:768px;height: auto; margin:0 auto;}
/*====================================*/

.head { position:relative; width:768px; height:610px;
margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden; }

.head_inner {max-width:2000px; height:580px;margin:74px 0px 74px 90px; padding:0; overflow:visible; }
.head_inner img { width:2000px; height:auto; margin:0; padding:0; }

/*スライドイメージ横大ロゴ*/
.header-title img{ position: absolute; top:150px; left:58px; width:200px; height:auto; 
margin:0; padding:0; z-index:100; }
/*スライド下のhaoロゴ*/
.Rogoblock img{display:none; }
/*===================================*/
/*グローバルメニューブロック*/
.luxbar_section{margin-top:-90px;}

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

.main{ width:768px;margin:-10px 0 0 -4px; padding:0; background: #fff; }
.inner { width:768px; height:auto; margin:0 auto;  }
.inner h2 {width:768px; font-size:2em; margin:0 0 0 0.3em; padding:1.1em 0 ; }

/*wp ワードプレスインポート=========================================*/
.section_import{width:768px;margin:0 auto;  padding:0;}
.wp-section-box  {width:768px; margin:0 0 1em 0.4em; padding:0;  }
.wp-section-box li{width:216px; height:auto;margin:14px 12px;  padding:0;font-size:10px; line-height:1.6em; }
.titleWrap img{ line-height:0; width:216px; height:auto; margin:0; padding:0; }
.cat,.date{ font-size:0.65em;}

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:17px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:-0.01em;}
.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:17px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
.wp-ymd{ margin:0; padding:0; }

/*投稿テキスト=========*/
p.wptext{width:105%;margin:-2px 0 0 0; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

/*============================================================*/
.section_box_4div { display:block; width:100%; margin:0 0 0 0.8em; padding:0 2.3%; 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:17px;letter-spacing:0.02em;  list-style:none;line-height:1.3;}

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

/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {
width:107%; margin:6px 0 0 0px; padding:0; font-size:13px;  list-style:none; line-height:1.5; letter-spacing:0.01em;}

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:6px;margin-left: 30px;text-align:right; }
.more{width:768px;  margin:0 0 0 -3.5%; padding:0;}
.more img{width:8%;  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: 240px; margin:10px auto 0px; padding-top:8px;background: #f7f7f3; text-align:center; overflow:hidden; }

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

.Rogoblock{width:100%; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}

/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none;}
#luxbar{max-width:736px;height: auto; margin:0 auto;}
.rogo_section{width:100%;height:180px; margin:30px auto 0; }


/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-683px;left:20px;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;}

/*三・ドロワーボタン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*注！width:80%超えると三に被り、クリック効かない*/
.enjp_button{position:absolute;top:32px;left:0;width:80%; display: block; margin:0; padding:0;}
/*English=日本語*/
.enjp_button ul{width:130px;margin:2px 0 0 523px;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;}

/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }
/*メニューバーのバック色*/
.luxbar-navigation { background: #f7f7f3; }

/*===========================*/
.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.3em; letter-spacing:0.1em;}

.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin:0; padding-right:15px; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }

li.luxbar-item a:hover{display: block; padding-right:15px; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin:-3.7em 0 0 0.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-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:50vh;
z-index:100; }

.luxbar-menu { transition: 0.6s ease; width: 100%;background: #f7f7f3;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{ display: block; width:100%; margin:0;}

.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }

ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:83%;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:83%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

/*================================================*/
header{ margin:0 auto; height: auto; background: #f7f7f3; }
.head { position:relative; width:1500px; height:490px;
margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden; }
.head_inner {max-width:1500px; height:580px;margin:74px 0px 74px 75px; padding:0; overflow:visible; }
.head_inner img { width:1500px; height:auto; margin:0; padding:0; }
.header-title img{ position: absolute; top:150px; left:50px; width:150px; height:auto; 
margin:0; padding:0; z-index:100; }

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

.main{ width:736px;margin:-190px auto 0; padding:0; background: #fff; }
.inner { width:736px; height:auto; margin:0 auto;  }
.inner h2 {font-size:2em; margin:0 auto; padding:0.3em 0 0.5em; }

/*wp ワードプレスインポート=========================================*/
.section_import{width:736px;margin:0 auto;  padding:0;}
.wp-section-box ul{width:100%; margin:0 0 0 -0.1em; padding:0}
.wp-section-box li{ display: inline-block;  vertical-align:top; width:218px; height:auto;
margin:14px 11px;  padding:0;font-size:10px; line-height:1.6em; text-align:left;  background: #f7f7f3; }
.titleWrap img{ display:block; line-height:0; width:218px; height:auto; margin:0; padding:0; vertical-align:top; }
.cat,.date{ font-size:1em;}

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:18px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:18px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri',serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
.wp-ymd{ margin:0; padding:0; }
/*投稿テキスト=========*/
p.wptext{width:105%;margin:-2px 0 0 0 ; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0;}

/*============================================================*/
.section_box_4div { display:block; width:100%; margin:0 auto; padding:0; 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:18px;letter-spacing:0;  list-style:none;line-height:1.3;}
.cate2{width:100%;margin:-0.2em 0 0.7em 0.5em; font-size:105%;}

/*投稿テキスト=========*/
.cont_box_4div dd.item_contents {
width:108%; margin:6px 0 0 -1px; padding:0; font-size:13px;  list-style:none; line-height:1.5; letter-spacing:0;}

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

footer{width:100%; height: 210px; margin:10px auto 0px; padding-top:8px;background: #f7f7f3; text-align:center; overflow:hidden; }

/*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;}
span.mailtext{display:inline-block;font-size:1.4em;margin:0;padding:0;color:#000;font-family:'Amiri', serif;}

.copyright img{ width:30%;height:auto;margin-top:23px; padding:0;  text-align: center;}
.luxbar-menu { transition: 0.6s ease; width: 100%;background: #f7f7f3;}
}
/*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; }

.Rogoblock{width:100%; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}

/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none;}
#luxbar{max-width:600px;height: auto; margin:0 auto;}
.rogo_section{width:100%;height:180px; margin:30px auto 0; }

/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-683px;left:20px;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;}

/*三・ドロワーボタン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:32px;left:0;width:80%; display: block; margin:0; padding:0;}
/*English=日本語*/
.enjp_button ul{width:130px;margin:2px 0 0 390px;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;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;}

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

.luxbar-navigation { background: #f7f7f3; }

/*===========================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0; padding:0; vertical-align:-0.2em;font-size:1.3em; letter-spacing:0.1em;}

.stockist-opa{ display:inline-block; margin:0; padding-right:15px; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin:0; padding-right:15px; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; padding-right:15px; text-decoration: line-through;-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin:-3.5em 0 0 -0.3em; padding:0; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

.luxbar-menu { transition: 0.6s ease; width: 100%;background: #f7f7f3;}

/*スマホ・三本線メニューの縦幅===============*/
 .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 0px ;
height:50vh;
z-index:100; }

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{ display: block; width:100%; margin:0;}

.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }

ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:83%;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:83%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

/*================================================*/
header{ margin:0 auto; height: auto; background: #f7f7f3; }
.head { position:relative; width:1500px; height:490px;
margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden; }
.head_inner {max-width:1500px; height:580px;margin:74px 0px 74px 75px; padding:0; overflow:visible; }
.head_inner img { width:1500px; height:auto; margin:0; padding:0; }
.header-title img{ position: absolute; top:150px; left:41px; width:130px; height:auto; 
margin:0; padding:0; z-index:100; }

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

.main{ width:600px;margin:-190px 0 0 -1.6%; padding:0; background: #fff; }
.inner { width:600px; height:auto; margin:0 auto;  }
.inner h2 {font-size:2em; margin:0 auto; padding:0 0 0.5em 0.7em; }

ul.middlecont{display:inline;width:100%;margin:1.2em auto 0;}
li.middlemore img{width:9%;margin:0 auto; text-align:center;padding-left:1em;}

/*wp ワードプレスインポート=========================================*/
.wp-section-box ul{width:100%; margin:0 auto; padding:0 0.8em;}
.wp-section-box li{ display: inline-block;  vertical-align:top; width:165px; height:auto;
margin:14px 11px;  padding:0;font-size:10px; line-height:1.6em; text-align:left;  background: #f7f7f3; }
.titleWrap img{ display:block; line-height:0; width:165px; height:auto; margin:0; padding:0; vertical-align:top; }

/*カテゴリ=========*/
.cat{ display:inline-block;
margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:0.9em; letter-spacing:0.05em; }
.date{display:inline-block;margin-top:7px ; padding:0; font-size:0.9em; letter-spacing:0.05em; }

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:18px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:18px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
/*投稿テキスト=========*/
p.wptext{width:105%;margin:-2px 0 0 0 ; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0.02em;}

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

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

/*English/日本語のtop空き*/
.head{ position:relative; margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden;}
/*overflow:visible;*/
.head_inner{width:550px;height: 580px;  margin:74px 0px 74px 50px; padding:0; }
.head_inner img{  width:550px;height: 580px; margin:0 auto; padding:0; }
.sm_switch {visibility: hidden;}
.header-title img{ position: absolute; top:15%; left:3%; width:105px; height:auto; margin:0; padding:0;
z-index:100; }

/*スライド下のhao================================*/
.Rogoblock{ margin:0; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none; }

/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-870px;left:20px;
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;}

/*三・ドロワーボタン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*注！width:80%超えると三に被り、クリック効かない*/
.enjp_button{position:absolute;top:34px;left:0;width:80%; display: block; margin:0; padding:0;}
/*English=日本語*/
.enjp_button ul{width:130px;margin:2px 0 0 275px;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; text-decoration:none;border-bottom: 1px solid #888;padding-bottom: 2px;vertical-align:0.4em; 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; }

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

/*===========================*/
.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:0; padding-right:15px; letter-spacing:0.05em; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin:0; padding-right:15px;  letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; padding-right:15px; text-decoration: line-through;/* 打ち消し*/
-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-menu { transition: 0.6s ease; width: 100%;background: #f7f7f3;}

/*スマホ・三本線メニューの縦幅===============*/
 .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:75vh;
overflow:hidden;
z-index:100; }

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{ display: block; width:100%; margin:0;}

.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:60%;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:77%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

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

.section {width:100%;  height:auto; margin:0 auto; padding:0;}
.main{ width:480px;margin:-140px auto 0; padding:0 0.1em; background: #fff; }
.inner { width:480px; height:auto; margin:0 auto;  }
.inner h2 {font-size:2em; margin:0 auto; padding:0.5em 0 0.5em; }
.middlecont img{ width:12%;margin:0.5em 0 0 0;}

/*wp ワードプレスインポート=========================================*/
.wp-section-box ul{width:100%; margin:0 0 0 1.6em; padding:0;text-align:left;}
.wp-section-box li{ width:200px; height:auto;margin:14px 11px;  padding:0;font-size:10px; line-height:1.6em; }
.titleWrap img{  line-height:0; width:200px; height:auto; margin:0; padding:0;}
/*カテゴリー/投稿日ブロック*/

/*カテゴリ=========*/
.cat{ display:inline-block;
margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:0.9em; letter-spacing:0.05em; }

/*投稿日ブロック*/
.date{display:inline-block;
margin-top:7px ; padding:0;text-align:right; font-size:0.9em; letter-spacing:0.05em;line-height:15px; float:right;}

/*タイトル============*/
.wptitle{width:105%; display:inline-block; margin:0.2em 0 0.2em 0em;padding:0; font-size:17px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0.01em;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:17px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
/*投稿テキスト=========*/
p.wptext{width:105%;margin:0; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:0.01em;}

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

/* フッター====================================================== */
footer{width:100%; height: 190px; 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;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;}
.pagetop {width:87%;display:block; margin:0; padding:0;}
.pagetop img{width:6.5%; height:auto; margin:0; padding:0;text-align:right;}

/*============================*/
.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;  background: #f7f7f3; }

/*English/日本語のtop空き*/
.head{ position:relative; margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden;}
/*overflow:visible;*/
.head_inner{width:550px;height: 580px;  margin:74px 0px 74px 50px; padding:0; }
.head_inner img{  width:550px;height: 580px; margin:0 auto; padding:0; }
.sm_switch {visibility: hidden;}
.header-title img{ position: absolute; top:15%; left:1%; width:105px; height:auto; margin:0; padding:0;
z-index:100; }

/*スライド下のhao================================*/
.Rogoblock{ margin:0; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none; }

/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-869px;left:25px;
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;}

/*三・ドロワーボタン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*注！width:80%超えると三に被り、クリック効かない*/
.enjp_button{position:absolute;top:34px;left:0;width:80%; display: block; margin:0; padding:0;}
/*English=日本語*/
.enjp_button ul{width:160px;margin:2px 0 0 188px;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: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.42em; text-decoration:none;cursor:default;}

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

/*===========================*/
.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:0; padding-right:15px; letter-spacing:0.05em; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin:0; padding-right:15px; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em;  }

li.luxbar-item a:hover{display: block; 
padding-right:15px; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin:-4em 0 0 0; padding:0; }
.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:90vh;
overflow:hidden;
 z-index:100; }

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

ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:73%;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:73%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

.section {width:100%;  height:auto; margin:0 auto; padding:0;}
.main{ width:414px;margin:-130px auto 0; padding:0 1.1em; background: #fff; }
.inner { width:414px; height:auto; margin:0 auto;  }
.inner h2 {display:block;width:100px;font-size:2em; margin:0.2em 0 0 7.3em;padding:0 0 0.4em;}

ul.middlecont{display:inline;width:100%;margin:1.2em auto 0;}
li.middlemore img{width:13%;margin:0 auto; text-align:center;padding:0.8em 2em 1em 0;}

/*wp ワードプレスインポート=========================================*/
.wp-section-box li{ width:340px; height:auto;margin:14px 11px; padding:0;font-size:10px; line-height:1.6em;}
.titleWrap img{ line-height:0; width:340px; height:auto; margin:0; padding:0;}

/*カテゴリ=========*/
.cat{margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:1em; letter-spacing:0.05em; }
.date{margin-top:7px ; padding:0;text-align:right; font-size:1em;line-height:16px; letter-spacing:0.05em; float:right;}

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:18px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0.01em;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:18px; 
 color:#000;  letter-spacing:0;line-height:1.3;font-family:  'Amiri', serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
.wp-ymd{ margin:0; padding:0; }
/*投稿テキスト=========*/
p.wptext{width:105%;margin:0 ; padding:0; font-size:13px; line-height:1.6; letter-spacing:0.01em;}

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

.item_section_4div{width:414px;margin:0 auto;padding:0;}
.section_box_4div{width:414px; text-align: left; margin:2.3em 0 0 1.6em ; padding-left:0;}
.cont_box_4div{display: inline-block; width:159px; height:auto;margin:0 auto 30px; padding:0px 10px; background-color:#fff; }
.cont_box_4div_brank{display:none}
.cont_box_4div img{ width:159px; height:auto;  margin:0; padding:0; vertical-align:  top; }
.cont_box_4div dl{ display:block; width:159px;  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:108%;}

.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:-1.2em auto 0; padding:0;}
.more img{width:13%;  margin: 0 0 2em -1.5em ; padding:0; text-align:center;}
.pagetop {width:87%;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:30%; margin:20px 0 0 6px;}
}
/*414end=======================================================*/

/*384=========================================================*/
@media screen and (max-width:384px) {
.luxbar-navigation { background: #f7f7f3; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:85vh;
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;  background: #f7f7f3; }

/*English/日本語のtop空き*/
.head{ position:relative; margin:0; padding:0; background: #f7f7f3; text-align:center; overflow:hidden;}
/*overflow:visible;*/
.head_inner{width:550px;height: 580px;  margin:74px 0px 74px 50px; padding:0; }
.head_inner img{  width:550px;height: 580px; margin:0 auto; padding:0; }
.sm_switch {visibility: hidden;}
.header-title img{ position: absolute; top:15%; left:1%; width:105px; height:auto; margin:0; padding:0;
z-index:100; }

/*スライド下のhao================================*/
.Rogoblock{ margin:0; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none; }

/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-869px;left:25px;
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;}

/*三・ドロワーボタン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*注！width:80%超えると三に被り、クリック効かない*/
.enjp_button{position:absolute;top:34px;left:0;width:80%; display: block; margin:0; padding:0;}
/*English=日本語*/
.enjp_button ul{width:130px;margin:2px 0 0 183px;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: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;}

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

/*===========================*/
.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:0; padding-right:15px; letter-spacing:0.05em; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{margin:0; padding-right:15px; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }

li.luxbar-item p a:hover{display: block; 
padding-right:15px; text-decoration:lince-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin-top:-40px; padding-right:4.9%; }
.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 30px ;
height:95vh;
overflow:hidden;
 z-index:100; }

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{ display: block; width:100%; margin:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border: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; }

.section {width:375px; height:auto; margin:0 auto; padding-left:3px;}
.section_import{width:375px;margin:0 auto;  padding:0;}
.main{ width:375px;margin:-150px 0 0 -0.45em; padding:0; background: #fff; }
inner { width:375px; height:auto; margin:0 auto;  }
.inner h2 {display:block;width:100px;font-size:2em; margin:0.3em 0 1.5em 7.2em;padding:0.1em 0;}

ul.middlecont{width:100%;margin:1.2em auto 0;}
li.middlemore img{width:12%;margin:2em 0 1em -3em; text-align:center;padding:0;}

/*wp ワードプレスインポート=========================================*/
.wp-section-box ul{width:375px;margin:0 auto;  padding:0;text-align:center;}
.wp-section-box {width:375px;margin:0 auto;  padding:0 0.5em;}
.wp-section-box li{width:314px; height:auto;margin:3em auto 0;  padding:0;font-size:10px; line-height:1.6em;}
.titleWrap img{width:314px; height:auto; margin:0; padding:0; }

/*カテゴリ=========*/
.cat{ display:inline-block;
margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:1em; letter-spacing:0.05em; 
color:#000; list-style:none; font-family:'Cormorant Garamond', serif;}
.date{display:inline-block;
margin-top:7px ; padding:0;text-align:right; font-size:1em; letter-spacing:0.05em; float:right;color:#000; list-style:none; font-family:'Cormorant Garamond', serif;}

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:17px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:-0.03em;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:17px; 
 color:#000;  letter-spacing:0.01em;line-height:1.3;font-family:  'Amiri',serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
/*投稿テキスト=========*/
p.wptext{width:335px;margin:0; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing:-0.01em;}

/*=============================================================*/
.item_section_4div{width:375px;margin:0 auto;padding:0;}
.section_box_4div{width:375px; text-align: left; margin:0 0 -15px 25px; padding-left:0;}
.cont_box_4div{width:146px; height:auto;margin:0 auto 30px; padding:0px 10px; }
.cont_box_4div img{ width:146px; height:auto;  margin:0; padding:0;}
.cont_box_4div dl{ width:146px;  margin:0 auto; padding-top:5px; font-weight:500;}

.cont_box_4div dt.cont_category{ margin:10px 0 0 0 ; font-size:17px;  letter-spacing:0;line-height:1.5;}

.cate2{margin:-0.4em 0 0.7em 0.5em; font-size:12px;}

.cont_box_4div dd.item_contents {width:105%; margin:-2px 0 0 0; padding:0; font-size:13px;  line-height:1.5; letter-spacing:-0.01em;}

/* bottoms===================================================== */
ul.bottomcont{ width:375px;height:auto; margin:0;text-align:right; }
.more{width:375px;  margin:0 auto 0; 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;  background: #f7f7f3; }

/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-menu-left .luxbar-header {margin-left:296px; margin-top:3px;}
.luxbar-default{width:100%; top:-743px;margin:0; padding:0; }
/*English/日本語のtop空き*/
.head{ position:relative;width:320px; height:600px;margin:0; padding:0; }
.head_inner{width:440px;height: 464px;  margin:74px 0px 20px 50px; padding:0; }
.head_inner img{  width:440px;height: 464px; margin:0 auto; padding:0; }

.header-title img{top:15%; left:10%; width:105px; height:auto; margin:0; padding:0; z-index:100; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ display:none; }

/*English＝日本語*/
.enjp_button{ display: block; height:18px;  margin:0; padding:0; text-align:right; z-index:100; }
/*English=日本語テキスト部分*/
.enjp_button ul{position: absolute; top:-1%;left:50%; display: block; margin:0 auto; padding:0; }
.enjp_button ul li{ margin:0; padding:0; text-align: center; }

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

/*ハンバーガーエリア/三の位置調整部分*/
.luxbar-hamburger {margin-left:-64px;padding: 4px 10px;position: relative; cursor: pointer; }
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0; padding-right:15px; vertical-align:-0.5em;font-size:1.5em; letter-spacing:0.1em;  }
.stockist-opa{ display:inline-block; margin:0; padding-right:5px; letter-spacing:0.05em; } 

/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{margin:0; padding-right:5px; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }

li.luxbar-item p a:hover{display: block; padding-right:5px; text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin-top:-40px; padding-right:4.9%; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:62%;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:62%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

.luxbar-navigation { background: #f7f7f3; }

/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:92vh;
overflow:hidden;
 z-index:100; 
}

.main{width:320px;margin:-135px 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;}
.inner h2 {display:block;width:100px;font-size:2em; margin:1em 0 1.3em 5.5em;padding:0;}

ul.middlecont{width:100%;margin:1.2em auto 0;}
li.middlemore img{width:15%;margin:0 0 0.5em 0; text-align:center;padding:0;}


/*wp ワードプレスインポート=========================================*/
.wp-section-box ul{width:320px;margin:0 auto;  padding:0;text-align:center;}
.wp-section-box {width:320px;margin:0 auto;  padding:0;}
.wp-section-box li{ width:286px; height:auto;margin:0 0 2.5em 0;  padding:0;font-size:10px; line-height:1.6em;}
.titleWrap img{ line-height:0; width:286px; height:auto; margin:0; padding:0; }

/*カテゴリ=========*/
.cat{margin:6px 49% 0 0 ; padding:0;text-align:left;font-size:0.9em; letter-spacing:0.05em; }
.date{margin-top:7px ; padding:0;text-align:right; font-size:0.9em; letter-spacing:0.05em; float:right;}

/*タイトル============*/
.wptitle{width:110%; display:inline-block; margin:0.2em 0 0.2em 0;padding:0; font-size:18px; color:#000; font-weight:500; line-height:1.4;text-decoration:none;letter-spacing:0;}
p.subwptitle{ width:100%; margin:0.1em 0 0.5em 0; padding:0;text-align:left; font-size:18px; 
 color:#000;  letter-spacing:0.01em;line-height:1.3;font-family:  'Amiri',serif; clear:both;}
.wptitle a,.subwptitle a{text-decoration: none;color:#000;}
.wp-ymd{ margin:0; padding:0; }
/*投稿テキスト=========*/
p.wptext{width:105%;margin:0 ; padding:0; font-size:13px; font-weight:500;
color:#000; list-style:none; line-height:1.5; letter-spacing: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{margin:10px 0 0 0 ;font-size:18px;letter-spacing:0;line-height:1.8;letter-spacing:0;
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; }

.cate2{margin:-0.6em 0 0.7em 0.7em; font-size:11px;}
.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;}

/* フッター====================================================== */
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-bottom:15px; 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:15%; 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;}

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

