@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;}
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;
-webkit-text-size-adjust:100%;}

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

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

/*luxbarヘッダーグローバルメニュー======================================*/
/*luxbar-menu-lightメニューバー/uxbar-menu＞haostyleロゴ表示*/
.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他メニュー設定*/
/*停止中ABAUT文字＃777==========*/
.luxbar-item a{display:inline-block; 
margin-right:60px;  padding:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; text-align:left; text-decoration: none; font-family:'Cormorant Garamond', serif; }
li.luxbar-item a:hover{display: block; 
padding:0; color: #555; font-weight:400;text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }
/*==================*/
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; /*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; -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; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*==================*/
header{ margin:0 auto 20px; height: auto; }
.head { position:relative; width:100%; height:auto; }

/*haoロゴブロック幅================================*/
.rogo_section{ display: block;max-width:1080px;height:170px;
margin:0 auto;padding:0; text-align:center;/* border:1px solid #ff0000;*/}
.Rogoblock{ width:100px; height:auto; margin:-1.5% auto 11%; padding:0; text-align:center; z-index:120; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:85%; height:auto; margin:0 auto; padding:0; text-align:center; }
/*============SECTION==============*/
.section {display: block;max-width:1080px; width:100%; margin:0 auto; padding:0;}
.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%;height:14em;margin:0 auto; padding:0; background:#f7f7f3;
  display: flex;justify-content: center;align-items: center;}
.titleinne_box{width:60%;height:auto;margin:0 auto; padding-left:3.8em;text-align:center;}
/*中*/
.titleinne_box h2 {font-size:3em;margin:0 auto;padding:0;text-align:center;font-weight:400;
letter-spacing:0.1em;}
/*上*/
p.intxttop{width:100%;
margin:-0.1em auto 0;font-size:2.2em;color:#000;font-weight:500; letter-spacing:0.08em;text-align:center; list-style:none;line-height:1.8;}
/*下*/
p.intxtbottom{width:100%;
margin:0 auto;font-size:1.8em;color:#000;font-weight:500; letter-spacing:0.08em;text-align:center; list-style:none;line-height:1.8;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;text-align:center; }
/*=======*/
.titleinne_box h2,p.intxttop,p.intxtbottom,.fontdn{
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; }

/*ie*/
@media all and (-ms-high-contrast:none) { .titleinner{height:140px;margin: -3em auto 3em;}}
@media all and (-ms-high-contrast:none) { .titleinne_box{margin:0 0 0 45px; padding:0;}}
@media all and (-ms-high-contrast:none) {.titleinne_box h2{ line-height:0.7;}}
/* Edge */
_:-ms-lang(x)::backdrop, .titleinne_box{margin:0 0 0 45px; padding:0;}
_:-ms-lang(x)::backdrop, .titleinne_box h2{ line-height:0.7;}
/*firefox*/
@-moz-document url-prefix() {.titleinner{height:140px;}}
@-moz-document url-prefix() {.titleinne_box h2{font-size:30px;}}
@-moz-document url-prefix() {p.intxttop{font-size:22px;}}
@-moz-document url-prefix() {p.intxtbottom{font-size:18px;}}

/*================================*/
.main{width:740px;margin:3em auto ; padding:0;}
.inner {width:740px;margin:0 auto; padding:0; text-align:center;}
.section {display: block;width:900px;margin:0 auto; padding:0;}
/*=========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0;}
.section_box_1div{ display:block;max-width:740px;width:100%;margin:6px auto 0; padding:0; overflow:hidden;}
.image_1div{display:block;width:740px;height:auto;margin:0 auto; padding:0;}
/*マップ=======================================================*/
.map{width:270px;height:280px;margin:0;padding-bottom:14.5em;}
/*イメージ======================================================*/
.imgbox{max-width:740px;width:100%;height:auto;margin:2.5em auto 2em;padding:0;border:none;}
.imgbox1{max-width:740px;width:100%;height:auto;margin:2.5em auto;padding:0;border:none;}
.imgbox img,.imgbox1 img{max-width:740px;width:100%;height:auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:740px;margin:2.5em auto 0;padding:0;}
.texffield1{width:740px;margin:3.5em auto 0;padding:0;}
.texffield3{width:740px;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0;text-align:left;font-size:18px; font-weight:500;color:#000; list-style:none; line-height:1.9; letter-spacing:0.02em;text-indent:1em;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; }

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:900px;margin:0 auto ;padding:0;border:none;text-align:left;}
.tagfield ul li,.tagfield2 ul li{display:inline;margin:0 0.8em 0 0;padding:0 0 0 0.3em;text-align:left;font-size:16px; font-weight:500;color:#000; list-style:none; line-height:1.5; letter-spacing:0;
font-family: 'Amiri', serif; }
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:16px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:16px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}
/*ボトム画像=======================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em; overflow:hidden;}
.bottph-section-box{ width:865px; margin:4.2em auto 0; padding:0; overflow:hidden; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}

/*ボーダー========================*/
.borderfield{display:block;max-width:855px;width:100%;margin:4.7em auto 4em;padding:0;border:none;text-align:center;}
.wborder{width:855px;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}
/*============================*/
.bottoms_section{max-width:1080px;width:100%;position: relative; background:#fff; margin:0 auto; }
ul.bottomcont{max-width:1080px;width:100%;margin-top:2.5%;margin-left: auto; margin-right: auto; 
text-align:right; /*border:1px solid #ff0000;*/}
.bottomimg{ width:100%; 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;vertical-align:top;}
.next{vertical-align:-0.13em;}
/*pre next の空き*/
.morecenter{margin-right:30px;padding:0;}

/*============================*/
.pagetop a{ width:31px; height:35px; margin:0; padding:0; text-align:right;}

/* ================================================================
フッター
================================================================*/
footer{width:100%; height: 260px; margin:10px auto 0px; padding:0;background: #f7f7f3; text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:1080px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.inner-footer {max-width:1080px;width:100%;height:200px; margin:0 auto; padding:25px 0px 30px; }
#footer_wrap { width:100%; margin: 0 auto; padding:0px; font-size:11px; }

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

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

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

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

/*===========================================================*/
@media screen and (min-width: 768px) {
.luxbar-navigation { flex-flow: row;}/*左から右へ・横並び*/
/*justify-content: flex-start; }行末揃え*/
.luxbar-hamburger { display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: visible; }
.luxbar-menu .luxbar-item, .luxbar-menu .luxbar-sns {border-top: 0; }
/*スマホ・ドロワー表示====================*/
.dropdown:hover > ul {position: absolute;left:0;top:20px;padding: 0; }
.dropdown > ul {display: none; }
.dropdown > ul .luxbar-item{padding: 0px 10px; }
.dropdown > ul .luxbar-sns{padding: 0px 10px; }
.dropdown > ul .luxbar-item a,.dropdown > ul .luxbar-sns a {white-space: nowrap; }
}
/*1024=======================================================*/
@media screen and (max-width:1024px) {
.rogo_section{ display: block; width:100%;height:160px; margin:0 auto; padding:0 ;}
/*============================*/
/*English＝日本語*/
.enjp_button{ width:97%; }
/*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: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 4.1em; padding-right:0; }

/*============================*/
.main{ width:100%;margin:40px 0 0 0px;}
/*.bottoms_section================*/
/*topの左右調整*/
.bottomimg{ width:91%; height:auto; margin:0; padding:0;}
.pagetop {width:99%;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.05em 0 0 0;}
}
/*1024end==================================================*/

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

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

/*スライド下のhaoロゴ*/
.Rogoblock{ width:100%; height:auto; margin:0 auto; padding:0; }
.Rogoblock img{ width:9%; height:auto; margin:-0.8em 0 0 -10px; padding:0; text-align:left; }
/*メニュー幅をmainブロックの幅に合わせる*/
#luxbar{max-width:90%;height: auto; margin:0 auto;}

/*enjpの上間隔調整 margin:-10px*/
.rogo_section{ display: block; width:900px;height:160px;margin:-10px auto 0; }
/*English=日本語*/
.enjp_button{width:98%;  height:18px; margin:50px 55px 0 0; padding:0; }
.English a{  font-size:1.3em;letter-spacing:0.05em;}
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; }

/*========================*/
/*グローバルメニュー*/
.luxbar-default{width:900px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -5.5em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:40px; padding:0;  }
li.luxbar-item a:hover{ margin-right:40px; padding:0; }
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.9em 0 0 8em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 10px; }
.luxbar-sns a:hover{display: block; padding: 0px 10px;}

/*タイトル帯====================================================*/
.titleinner {width:100%;height:13em;margin:0 auto 3em; padding:0; }
.titleinne_box{width:70%;height:auto;margin:0 auto; padding-left:3.8em;}
/*中*/.titleinne_box h2 {font-size:3em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:0.7;}
/*上*/ p.intxttop{width:100%;margin:0 auto;font-size:2.2em;letter-spacing:0.08em;}
/*下*/ p.intxtbottom{width:100%;margin:0 auto;font-size:1.8em;letter-spacing:0.08em;line-height:1.8;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;letter-spacing:0.04em; }

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

/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0;}
.section_box_1div{ display:block;max-width:740px;width:100%;margin:6px auto 0; padding:0; }
.image_1div{display:block;width:740px;height:auto;margin:0 auto; padding:0;}
/*マップ=======================================================*/
.map img{max-width:270px;width:100%;height:auto;margin:0;}
/*イメージ======================================================*/
.imgbox{max-width:740px;width:100%;height:auto;margin:2em auto;padding:0;}
.imgbox1{max-width:740px;width:100%;height:auto;margin:2em auto;padding:0;}
.imgbox img,.imgbox img{max-width:740px;width:100%;height:auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:740px;margin:2em auto 0;padding:0;}
.texffield1{width:740px;margin:3em auto 0;padding:0;}
.texffield3{width:740px;margin:0 auto ;padding:0;}

.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0;font-size:18px; line-height:1.9; letter-spacing:-0.03em;text-indent:1em;}

/*ボーダー========================*/
.borderfield{display:block;max-width:855px;width:100%;margin:4.7em auto 3em;padding:0;border:none;text-align:center;}
.wborder{width:855px;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}
/*============================*/

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 1em 0 0;padding:0 0 0 0.2em;text-align:left;font-size:17px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:17px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:17px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*===================================================*/
.pagetop {width:92%;display:block; margin:0; padding:0;}
.pagetop img{width:3.2%; height:auto; margin:0; padding:0;text-align:right;}
}
/*835~900end===================================================*/

/*769~834–=================================================*/
@media screen and (min-width:769px) and  (max-width:834px){
html,body{width:834px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{ width:100%;  height: auto;margin:0 auto;  }
/*========================*/
.Rogoblock{ width:100%; height:auto; margin:0 auto; padding:0; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:9%; height:auto; margin:0 0 0 -10px; padding:0; text-align:left; }
/*max-width:730pxメニュー幅をmainブロックの幅に合わせる*/
#luxbar{max-width:730px;height: auto; margin:0 auto;}
/*enjpの上間隔調整 margin:-10px*/
.rogo_section{ display: block; width:97%;height:160px;margin:-10px auto 0; }

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

/*グローバルメニュー*/
.luxbar-default{width:834px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -4em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:28px; padding:0;  }
li.luxbar-item a:hover{ margin-right:28px; padding:0; }

/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.9em 0 0 7em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 10px; }
.luxbar-sns a:hover{display: block; padding: 0px 10px;}

/*タイトル帯====================================================*/
.titleinner {width:100%;height:10em;margin:0 auto 3em; padding:0; background:#f7f7f3; }
.titleinne_box{width:60%;height:auto;margin:0 auto; padding-left:3.8em;}
/*中*/.titleinne_box h2 {font-size:2.5em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:0.5;}
/*上*/p.intxttop{width:100%;margin:0 auto;font-size:1.8em; letter-spacing:0.08em;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.5em; letter-spacing:0.08em;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*========================================================*/
.main{ width:834px;margin:-5px 0 0 -13px; padding:0 13px; background: #fff; }
.inner { width:834px; height:auto; margin:0 auto;  }

/*========================================================*/
.item_section_1div{width:100%;margin:0 auto; padding:0;}
.section_box_1div{ display:block;max-width:740px;width:100%;margin:6px auto 0; padding:0; }
.image_1div{display:block;width:740px;height:auto;margin:0 auto; padding:0;}
/*マップ=======================================================*/
.map img{max-width:270px;width:100%;height:auto;margin:0;}
/*イメージ======================================================*/
.imgbox{max-width:740px;width:100%;height:auto;margin:1.7em auto;padding:0;}
.imgbox1{max-width:740px;width:100%;height:auto;margin:2em auto;padding:0;}
.imgbox img,.imgbox img{max-width:740px;width:100%;height:auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:740px;margin:2em auto 0;padding:0;}
.texffield1{width:740px;margin:2.5em auto 0;padding:0;}
.texffield3{width:740px;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0;font-size:18px; line-height:1.9; letter-spacing:-0.03em;text-indent:1em;}

/*リンクタグ=========================*/
.tagfield,.tagfield2{width:834px;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 0.7em 0 0;padding:0;text-align:left;font-size:16px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:16px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:16px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボーダー========================*/
.borderfield{display:block;max-width:755px;width:100%;margin:4.7em 0.8em 3em 0;padding:0;border:none;text-align:center;}
.wborder{width:755px;margin:0 auto;padding:1px 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}


/*============================*/
.pagetop {width:94%;display:block; margin:0; padding:0;}
.pagetop img{width:3.5%; height:auto; margin:0; padding:0;text-align:right;}
/*========================*/
footer{width:100%; height: 260px; 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.15em 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;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -2em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:20px; padding:0;  }
li.luxbar-item a:hover{ margin-right:20px; padding:0; }
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:0;} 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.8em 0 0 4.5em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 9px; }
.luxbar-sns a:hover{display: block; padding: 0px 9px;}

/*タイトル帯====================================================*/
.titleinner {width:100%;height:12em;margin:5.5em auto 2.5em; padding:0; background:#f7f7f3; }
.titleinne_box{width:70%;height:auto;margin:0 auto; padding-left:3.8em;}
/*中*/.titleinne_box h2 {font-size:2.3em;margin:0 auto;padding:0;letter-spacing:0.1em;}
/*上*/p.intxttop{width:100%;margin:-0.1em auto 0;font-size:1.8em; letter-spacing:0.08em;line-height:1.8;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.4em; letter-spacing:0.08em;line-height:1.8;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/
.main{ width:768px;margin:0 auto; padding:0; }
.inner { width:768px; height:auto; margin:0 auto;}

/*=========================================================*/
.section_box_1div{ display:block;max-width:690px;width:100%;margin:6px auto 0;  }
.image_1div{display:block;width:690px;height:auto;margin:0 auto; }
/*マップ=======================================================*/
.map{width:27em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ======================================================*/
.imgbox{max-width:690px;width:100%;height:auto;margin:1.5em auto;}
.imgbox1{max-width:690px;width:100%;height:auto;margin:2em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:690px;margin:2em auto 0;padding:0;}
.texffield1{width:690px;margin:3em auto 0;padding:0;}
.texffield3{width:690px;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:18px; line-height:1.9; letter-spacing:-0.02em;text-indent:1em;}

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 1em 0 0;padding:0;text-align:left;font-size:17px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:17px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:17px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:690px; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}

/*ボーダー======================*/
.borderfield{display:block;max-width:755px;width:100%;margin:4.7em 0.8em 2.5em 0;padding:0;border:none;text-align:center;}
.wborder{width:755px;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}

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

/*============================*/
footer{width:100%; height: 240px; margin:10px auto 0px; padding-top:8px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
/*============================*/
.mailaddress{display:inline-block;width:330px;height:26px;margin:0 0 5px 2px;padding:2px;font-size:1.5em; }
.mailbutton{display:inline-block;width:90px; margin:0 0 0 -3px; padding:0.2em 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=======================================================*/

/*736–=================================================*/
@media screen 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:11em;margin:1em auto 2em; padding:0; background:#f7f7f3; }
.titleinne_box{width:70%;height:auto;margin:0 auto; padding-left:3.8em;}
/*中*/.titleinne_box h2 {font-size:2.3em;margin:0 auto;padding:0;letter-spacing:0.1em;}
/*上*/p.intxttop{width:100%;margin:-0.1em auto 0;font-size:1.8em; letter-spacing:0.08em;line-height:1.8;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.4em; letter-spacing:0.08em;line-height:1.8;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/

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

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

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

/*============================*/
.luxbar-item{ margin-top:16px; padding-left: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:0; padding-right:0.5em; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; padding-right:0.5em; text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
.stockist-opa{ display:inline-block; margin:0; padding-right:0.4em; letter-spacing:0.05em; } 
/*============================*/
ul.luxbar-sns-nav{ margin:-3.5em 0 0 1em; 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 ;
background-color: #fff;
height:55vh;
z-index:100; }
/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{ display: block; width:100%; margin:0;}

.luxbar_section{display: block; width:100%; position:relative; margin:0 auto; text-align: left; border:none; }
ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:86%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:86%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

/*========================================================*/
.section {width:736px;  height:auto; margin:0 auto; padding:0;}
.main{ width:736px;margin:0px auto 0; padding:0; }
.inner { width:736px; height:auto; margin:0 auto;  }
/*=========================================================*/
.section_box_1div{ display:block;max-width:670px;width:100%;margin:6px auto 0; }
.image_1div{display:block;width:670px;height:auto;margin:0 auto; }
/*マップ=======================================================*/
.map{width:27em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ======================================================*/
.imgbox{max-width:650px;width:100%;height:auto;margin:2em auto;}
.imgbox1{max-width:650px;width:100%;height:auto;margin:1.8em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:650px;margin:2em auto 0;padding:0;}
.texffield1{width:650px;margin:2em auto 0;padding:0;}
.texffield3{width:650px;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0;text-align:left;font-size:18px; line-height:1.9; letter-spacing:-0.02em;text-indent:1em;}

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:97%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 1.2em 0 0;padding:0;text-align:left;font-size:16px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:16px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:16px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:650px; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}
/*ボーダー======================*/
.borderfield{display:block;max-width:650px;width:100%;margin:3em auto 2em;padding:0 1em 0 0 ;border:none;text-align:center;}
.wborder{width:670px;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}

/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.pagetop {width:91%;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:38%; height:auto; margin-bottom:15px;}
/*============================*/
.mailaddress{display:inline-block;width:320px;height:24px;margin:0 0 5px 2px;padding:2px;font-size:1.5em; }
.mailbutton{display:inline-block;width:80px; margin:0 0 0 -3px; padding:2px 0 0 0 ;font-size:1.2em; line-height:26px;vertical-align:top;}

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

/*481~600======================================================*/
@media screen and (max-width:600px){
html,body{width:600px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
/*============================*/
header{ margin:0 auto; height: auto; }
.head { position:relative; width:100%; height:auto;margin:0; padding:0;text-align:center; overflow:hidden; }
/*============================*/
.rogo_section{width:100%;height:140px; margin:50px auto 0; }
.Rogoblock{width:600px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:12%; height:auto; margin:0 auto; padding:0; text-align:center;}

/*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;vertical-align:0.45em; text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}
.Japan a{ font-size:1.06em;letter-spacing:0.25em;vertical-align:0.45em;}

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

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

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block;margin-right:-20px;  padding:0; vertical-align:-0.2em;font-size:1.5em;}
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
/*facebook~contact===============*/
ul.luxbar-sns-nav{ margin:20px 0 0 1.7em; padding:0; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.luxbar-sns a{ margin-left:83%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:83%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

/*スマホ・開閉エリア高さ/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; }

/*タイトル帯====================================================*/
.titleinner {width:100%;height:9em;margin:0 auto 1.5em; padding:0; background:#f7f7f3; }
.titleinne_box{width:70%;height:auto;margin:0 auto; padding-left:3.8em;}
/*中*/.titleinne_box h2 {font-size:2em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:1.8;}
/*上*/p.intxttop{width:100%;margin:0.1em auto 0;font-size:1.6em; letter-spacing:0.08em;line-height:0;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.3em; letter-spacing:0.08em;line-height:0;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/
/*========================================================*/
.section {width:600px;  height:auto; margin:0 auto; padding:0;}
.main{ width:600px;margin:18px auto 0; padding:0;}
.inner { width:600px; height:auto; margin:0 auto;  }
/*============================*/

/*=========================================================*/
.section_box_1div{ display:block;max-width:46em;width:100%;margin:6px auto 0; }
.image_1div{display:block;width:46em;height:auto;margin:0 auto; }
/*マップ=======================================================*/
.map{width:27em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ======================================================*/
.imgbox{max-width:46em;width:100%;height:auto;margin:2em auto 1em;}
.imgbox1{max-width:46em;width:100%;height:auto;margin:1.4em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width: 100%;height:auto;}
 /*テキスト======================================================*/
/*地図下以外のテキスト*/
.texffield{width:46em;margin:1.3em auto 0;padding:0;}
/*地図下テキスト*/
.texffield1{width:46em;margin:1.5em auto 0;padding:0;}
.texffield3{width:46em;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:14px; line-height:1.9; letter-spacing:-0.05em;text-indent:1em;}

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 1em 0 0;padding:0;text-align:left;font-size:14px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:14px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:14px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:47em; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}

/*ボーダー======================*/
.borderfield{display:block;max-width:46em;width:100%;margin:3em auto 2em;padding:0;border:none;text-align:center;}
.wborder{width:46em;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}

/*text-align:right;=topのみ位置右寄せ============================*/
ul.bottomcont{ width:100%;height:auto; margin-top:2.5%;margin-left: 30px;text-align:right; }
.pagetop {width:90%;display:block; margin:0; padding:0;}
.pagetop img{width:5%; 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:600px; margin:0 auto; 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; }
input.mailbutton{display:inline-block;width:80px; margin:0 0 0 -3px; padding:0.15em 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 auto; padding:0; text-align:center; }

/*タイトル帯====================================================*/
.titleinner {width:100%;height:90px;margin:0 auto 2em; padding:0; background:#f7f7f3; }
.titleinne_box{width:90%;height:auto;margin:0 auto; padding-left:2em;}
/*中*/.titleinne_box h2 {font-size:2em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:1.8;}
/*上*/p.intxttop{width:100%;margin:0.1em auto 0;font-size:1.5em; letter-spacing:0.08em;line-height:0;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.2em; letter-spacing:0.08em;line-height:0;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/

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

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

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

/*===========================*/
.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;color:#000; }
/*============================*/
.stockist-opa{ display:inline-block; margin-right:-15px; padding-right:0;  letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin-right:-15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display: block; margin-right:-15px; padding-right:0; text-decoration: line-through;/* 打ち消し*/
-webkit-transition: all .3s; transition: all .3s; }
/*============================*/
ul.luxbar-sns-nav{ margin:-3.5em 0 0 1.2em; 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:60vh;
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:#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; }

/*=========================================*/
.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_1div{ display:block;max-width:36em;width:100%;margin:6px auto 0;}
.image_1div{display:block;width:36em;height:auto;margin:0 auto; }
/*マップ=======================================================*/
.map{width:20em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ======================================================*/
.imgbox{max-width:36em;width:100%;height:auto;margin:1em auto;}
.imgbox1{max-width:36em;width:100%;height:auto;margin:0.8em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.5em;max-width:270px;width:40%;height:auto;}
 /*テキスト======================================================*/
.texffield{width:36em;margin:1.3em auto 0;padding:0;}
.texffield1{width:36em;margin:1.6em auto 0;padding:0;}
.texffield3{width:36em;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}

/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:14px; line-height:1.9; letter-spacing:-0.05em;text-indent:1em;}

/*ボーダー======================*/
.borderfield{display:block;max-width:36em;width:100%;margin:2em auto 1em;padding:0;border:none;text-align:center;}
.wborder{width:36em;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}

/*リンクタグ=========================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 1em 0 0;padding:0;text-align:left;font-size:13px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:13px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:13px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:47em; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding: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; }
.pagetop {width:87%;display:block; margin:0; padding:0;}
.pagetop img{width:6.5%; height:auto; margin:0; padding:0;text-align:right;}

/*NEWSLETTER画像==============*/
.footer_inner_img img{ width:45%; height:auto; margin-bottom:15px;}

/*============================*/
.mailform{width:100%;margin:0 0 0 -0.3em;}
.mailaddress{display:inline-block;width:220px;height:20px;margin:0 0 5px 2px;padding:2px;font-size:1.4em; }
input.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; }

/*タイトル帯====================================================*/
.titleinner {width:100%;height:90px;margin:0 auto 2em; padding:0; background:#f7f7f3; }
.titleinne_box{width:80%;height:auto;margin:0 auto; padding-left:1em;}
/*中*/.titleinne_box h2 {font-size:2em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:1.8;}
/*上*/p.intxttop{width:100%;margin:0.1em auto 0;font-size:1.5em; letter-spacing:0.08em;line-height:0;}
/*下*/p.intxtbottom{width:100%;margin:0 auto;font-size:1.2em; letter-spacing:0.08em;line-height:0;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/

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

/*グローバルメニュー三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;position:absolute; top:-135px;left:20px;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
/*グローバルメニュー三の横位置/margin-left: 340px;＝＝＝＝＝＝＝＝*/
.luxbar-menu-left .luxbar-header {margin-left: 338px; margin-top:3px;}

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

/*===========================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin-right:-0.2em; padding:0; vertical-align:-0.5em;font-size:1.5em; letter-spacing:0.1em;  }
.stockist-opa{ display:inline-block; margin:0; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{display:inline-block; 
margin:0; padding-right:0; 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 2em; 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:67vh;
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:20px auto 0; padding:0; background: #fff; }
.inner { width:414px; height:auto; margin:0 auto;  }
/*=========================================================*/
.section_box_1div{ display:block;max-width:31em;width:100%;margin:0 auto;}
.image_1div{display:block;width:31em;height:auto;margin:0 auto; }
/*マップ=====================================================*/
.map{width:20em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ====================================================*/
.imgbox{max-width:31em;width:100%;height:auto;margin:0.9em auto;}
.imgbox1{max-width:31em;width:100%;height:auto;margin:1em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.2em;max-width:270px;width:35%;height:auto;}
 /*テキスト====================================================*/
.texffield{width:31em;margin:1em auto 0;padding:0;}
.texffield1{width:31em;margin:1.3em auto 0;padding:0;}
.texffield3{width:31em;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}

/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:14px; line-height:1.9; letter-spacing:-0.05em;text-indent:1em;}

/*ボーダー======================*/
.borderfield{display:block;max-width:31em;width:100%;margin:2em auto 1.5em;padding:0;border:none;text-align:center;}
.wborder{width:31em;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}

/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:30em;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline;margin:0 0.5em 0 0;padding:0 ;font-size:13px;line-height:1.8; letter-spacing:-0.02em;}
.tagfield ul li a,.tagfield2 ul li a  {font-size:13px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:13px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:31em; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}

/* bottoms===================================================== */
/*text-align:right;=topのみ位置右寄せ*/
ul.bottomcont{ width:414px;height:auto; margin-top:2.5%;margin: 0 auto;text-align:right; }
.pagetop {width:92%;display:block; margin:0; padding:0;}
.pagetop img{width:6.7%; 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; }
input.mailbutton{display:inline-block;width:70px; margin:0 0 0 -3px; padding:0.25em 0 0 0;font-size:12px; line-height:20px;vertical-align:top;}
span.mailtext{display:inline-block;font-size:14px;margin:0;color:#000;font-family:'Amiri',serif;}
/*===========================*/
.copyright img{ width:35%; margin:20px 0 0 6px;}
}
/*414end=======================================================*/

@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;}
/*===========================*/
p{ font-size:1.2em;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
/*===========================*/
header{width:375px; margin:0 auto; height: auto;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:145px; margin:40px auto 0; }
.Rogoblock{width:375px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 auto; padding:0; text-align:center; }

/*タイトル帯====================================================*/
.titleinner {width:100%;height:80px;margin:0 auto 2em; padding:0; background:#f7f7f3; }
.titleinne_box{width:75%;height:auto;margin:0 auto; padding-left:1em;}
/*中*/.titleinne_box h2 {font-size:2em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:1.7;}
/*上*/p.intxttop{width:100%;margin:0.1em auto 0;font-size:1.2em; letter-spacing:0.08em;line-height:0;}
/*下*/p.intxtbottom{width:100%;margin:-0.2em 0 0 -0.1em;font-size:1.1em; letter-spacing:0.08em;line-height:0;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/

/*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;cursor:default; }
.Japan a{ font-size:11px;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;}

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

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

/*===========================*/
.section {width:375px; height:auto; margin:0 auto; padding-left:3px;}
.section_import{width:375px;margin:0 auto;  padding:0;}
/*===========================*/
.main{ width:375px;margin:20px auto 0; padding:0; background: #fff; }
.inner { width:375px; height:auto; margin:0 auto;  }

/*=========================================================*/
.section_box_1div{ display:block;max-width:28em;width:100%;margin:0 auto ;}
.image_1div{display:block;width:31em;height:auto;margin:0 auto; }
/*マップ=====================================================*/
.map{width:20em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ====================================================*/
.imgbox{max-width:28em;width:100%;height:auto;margin:1em auto;}
.imgbox1{max-width:28em;width:100%;height:auto;margin:0.8em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.2em;max-width:270px;width:35%;height:auto;}
 /*テキスト====================================================*/
.texffield{width:28em;margin:0.6em auto 0;padding:0;}
.texffield1{width:28em;margin:1em auto 0;padding:0;}
.texffield3{width:28em;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:13px; line-height:1.9; letter-spacing:-0.04em;text-indent:1em;}
/*ボーダー======================*/
.borderfield{display:block;max-width:28em;width:100%;margin:2em auto 1.5em;padding:0;border:none;text-align:center;}
.wborder{width:31em;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}
/*リンクタグ====================================================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 0.8em 0 0;padding:0;text-align:left;font-size:13px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:13px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:13px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/*ボトム画像=====================*/
.bottph_box_1div{ display:block;width:100%;margin:6px auto 0; padding:0 0.6em;}
.bottph-section-box{ width:28em; margin:4.2em auto 0; padding:0; }
.bottph-section-box li{ display: inline-block;vertical-align:top;max-width:286px; width:100%; height:auto;margin:0;  padding:0}

/* bottoms===================================================== */
ul.bottomcont{ width:375px;height:auto; margin:0;text-align:right; }
.pagetop {width:92%;display:block; margin:0; padding:0;}
.pagetop a img{ width:7.5%; 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.4em; 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; }
input.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; }
img{max-width:100%;height:auto;}
/*============================*/
dd, p,.inner p,.intxt,.bottom-10 { 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;}
.Rogoblock img{ width:20%; height:auto; margin:0 0 0 -9px; padding:0; text-align:center; }

/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:2px;left:-204px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;padding:0; }
.enjp_button ul li{display: inline-block; margin-top:-1px;padding:0; list-style-type: none; }
.English a{ margin:0; padding:0; font-size:12px;letter-spacing:0.01em;vertical-align:0.5em;border-bottom: 1px solid #888;padding-bottom: 3px; }
.Japan a{margin:0; padding:0;  font-size:9px;letter-spacing:0.15em;vertical-align:0.8em;}

/*タイトル帯====================================================*/
.titleinner {width:100%;height:70px;margin:0 auto 1em; padding:0; background:#f7f7f3; }
.titleinne_box{width:85%;height:auto;margin:0 auto; padding-left:1.3em;}
/*中*/.titleinne_box h2 {font-size:1.6em;margin:0 auto;padding:0;letter-spacing:0.1em;line-height:1.6;}
/*上*/p.intxttop{width:100%;margin:0.1em auto 0;font-size:1.2em; letter-spacing:0.08em;line-height:0;}
/*下*/p.intxtbottom{width:100%;margin:-0.1em 0 0 -0.1em;font-size:1.1em; letter-spacing:0.08em;line-height:0;}
/*=======*/
.fontdn{margin:0 auto;font-size:0.8em;color:#000;font-weight:500; letter-spacing:0.04em;}
/*=======*/

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

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

/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.6em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }
ul.luxbar-sns-nav{ margin:20px 0 0 1.5em; padding:0; }
.luxbar-sns a{ margin-left:70%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:70%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

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

/*=========================================================*/
.main{width:320px;margin:23px 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_1div{ display:block;max-width:24em;width:100%;margin:0 auto;}
.image_1div{display:block;width:24em;height:auto;margin:0 auto; }
/*マップ=====================================================*/
.map{width:20em;height:auto;margin:0;padding-bottom:14.5em;}
/*イメージ====================================================*/
.imgbox{max-width:24em;width:100%;height:auto;margin:1em auto;}
.imgbox1{max-width:24em;width:100%;height:auto;margin:0.8em auto;}
/*回り込み＝＝＝＝＝＝＝＝＝＝＝*/
.float_in img{float: right;margin:0;padding:0.2em;max-width:270px;width:35%;height:auto;}
 /*テキスト====================================================*/
.texffield{width:24em;margin:0.6em auto 0.3em;padding:0;}
.texffield1{width:24em;margin:1em auto 0;padding:0;}
.texffield3{width:24em;margin:0 auto ;padding:0;}
.texffield:after{clear:both;}
/*==================*/
/*左揃え*/
.tex1lef{width:106%;margin:0 auto;padding:0 0 0 0.2em;text-align:left;font-size:13px; line-height:1.8; letter-spacing:-0.04em;text-indent:1em;}
/*ボーダー======================*/
.borderfield{display:block;max-width:24em;width:100%;margin:2em auto 1.5em;padding:0;border:none;text-align:center;}
.wborder{width:24em;margin:0 auto;padding:0.05em 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;text-align:center;}
/*リンクタグ=========================*/
.tagfield,.tagfield2{width:100%;margin:0 auto ;padding:0;}
.tagfield ul li,.tagfield2 ul li{display:inline-block;margin:0 0.5em 0 0;padding:0;text-align:left;font-size:13px; line-height:1.8;}
/*◉◉◉*/
/*display:inline-block;設定ページアクティブ・アンダーライン*/
.tagfield ul li:nth-child(2){display:inline-block;font-size:13px; font-weight:500;padding:0;border-bottom: solid 1px #777;line-height:1; }
/*◉◉◉*/
.tagfield ul li a,.tagfield2 ul li a  {font-family: 'Amiri', serif;  text-decoration: none;color: #000;font-size:13px; } 
.tagfield ul li a:hover,.tagfield2 ul li a:hover{text-decoration: line-through;color: #555;}

/* フッター====================================================== */
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; }
.pagetop {width:93%;display:block; margin:0; padding:0;}
.pagetop a img{ width:7.5%; height:auto; margin:-5px 0 0 0px; padding:0; text-align:right;}

.inner-footer{width:100%;height:170px; margin:0 0 0 -3px;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; }
input.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;}
span.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;}

 .hinte60{display: block;margin:0 auto;height:6em;border:none;content: '';}
.hinte190{display: block;margin:0 auto;height:6em;border:none;content: '';}
.hinte10{display: block;margin:0 auto;height:1em;border:none;content: '';}
.hinte15{display: block;margin:0 auto;height:1.5em;border:none;content: '';}
.hinte20{display: block;margin:0 auto;height:2em;border:none;content: '';}
/*最終一括変更*/
.tex1lef{ letter-spacing:0.01em;}