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

@font-face {
     font-family: 'hannariM';
    src:url(../fonts/'Hannari.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hannariM';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Hannari.woff) format('woff'),
        url(../fonts/Hannari.woff2) format('woff2'),
        url(../fonts/Hannari.otf) format('opentype');
}
/* 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;background: #f7f7f3;}
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 */
overflow-x:hidden;
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;/* IE 10+ */
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;}

/*English＝日本語=================================================*/
.enjp_button{ width:95.5%;display: block; height:18px; margin-top:50px; padding:0; text-align:right;
z-index:100; }
.enjp_button ul li{ display: inline-block; margin:0; padding:0; text-align: center; }

/*English＝日本語*/
.English a{ display: inline-block;margin-right:-1px;font-size:14px;letter-spacing:0.05em;color:#000; text-decoration:none;
vertical-align:0.3em; font-family:'Cormorant Garamond', serif; }

.Japan a{ display: inline-block; font-size:12px;letter-spacing:0.25em;color:#000; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;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:none;cursor:default;
-webkit-transition: all .3s; transition: all .3s; }
.English a:hover{ display: inline-block;color:#000;text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }

/*luxbarヘッダーグローバルメニュー======================================*/
/* default light*/
/*luxbar-menu-lightメニューバー/uxbar-menu＞haostyleロゴ表示*/
/*.luxbar-menu-light,*/
.luxbar-menu-light .dropdown ul { color: #000; margin:5px 0 8px 10px; }

.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.4s; transition-duration: 0.4s;} /*フェード*/
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after {
  background-color: #000; }

/* Safari 6.1-8.0 (6.1+) */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { @media {
.luxbar-header { display: inline-block; margin-top:-2px; padding-top:12px; }
}}

#luxbar{width:100%;height: auto; margin:0 auto; padding:0;}

/*グローバル・ハンバーガーメニュー＆バックカラーブロック*/
.luxbar-default { position:relative; width:970px; height:30px; margin-bottom:10px; margin-right:auto;  margin-left:auto; padding:0; background:none; z-index:10; }

.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {  position: absolute; }

/*flex-direction: column;主軸の方向や向き＝item縦並びブロック*/
.luxbar-navigation { width:90%;display: flex; flex-direction: column; 
-ms-flex-direction: column; -webkit-flex-direction: column;
list-style: none; padding:0 5%; margin:0 auto; }

/*ハンバーガーアイコン*/
.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
  display: block; width: 26px; height:1px; transition: 0.6s ease; }
/* transparent：透明 （初期値）*/
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
 background-color: transparent; }
 .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, 
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after { margin-top: 0; }

/*IE11用*/
@media all and (-ms-high-contrast:none) { .wrapper { display: flex; }}

/*スマホ用・ロゴ,ハンバーガーラインの位置*/
/*方向や向き＝flex-direction: row;  (左→右：通常) を定義*/
/* row-reverse＝逆/column＝縦：通常/column-reverse;＝逆*/
.luxbar-header { display: flex; height: 20px; flex-direction: row; -ms-flex-direction: row; -webkit--flex-direction: row; justify-content: flex-start; align-items: center; }

.luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {  justify-content: flex-start;}
.luxbar-brand {font-size:18px; font-weight:400; padding: 5px 24px; font-family:  'Cormorant Garamond', serif; }
/*firefox*/

/*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%; }
/*firefox */
@-moz-document url-prefix() { ul.luxbar-sns-nav{margin-top:-46px;}}
/* 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; }
/*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: 24em; }
.head { position:relative; width:100%; height:auto; }

/*haoロゴブロック幅================================*/
.rogo_section{ display: block;max-width:1080px;height:170px;
margin:0 auto;padding:0; text-align:center;/* border:1px solid #ff0000;*/}
.Rogoblock{ width:100px; height:auto; margin:-1.5% auto 11%; padding:0; text-align:center; z-index:120; }
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:85%; height:auto; margin:0 auto; padding:0; text-align:center; }

/*============SECTION==============*/
.section {display: block;max-width:1080px; width:100%; margin:0 auto; padding:0;}
.section:last-child{ width:100%; margin:0 auto; padding:0; border:none; }
/*グローバルメニューブロック*/
.luxbar_section{max-width:1080px;width:100%;display: block;margin:0 auto 7em; 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;}
.titleinner h2 {font-size:3em;margin:0 auto;padding:1.1em 0 0.5em ;text-align:center;font-weight:400;
letter-spacing:0.08em;font-family:'Cormorant Garamond', serif; }

.titleinner p {max-width:50em;width:100%;margin:0 auto;padding-left:4em;font-size:1.8em;color:#000;font-weight:500;letter-spacing:-0.05em;text-align:center; list-style:none;
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','hannariM', serif; }

/* IE10-IE11）*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.titleinner:not(:target) { display: block; height:14em;margin:-3em auto 3em; padding: 0; background: #f7f7f3;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.titleinner h2:not(:target) {padding:1.8em 0 0 0;}}
@-moz-document url-prefix() {.titleinner  {margin:30px auto 0;height:140px;}}
@-moz-document url-prefix() {.titleinner h2 {font-size:30px;}}
@-moz-document url-prefix() {.titleinner p {font-size:18px;}}

/*================================*/
.main{ width:1080px;width:100%;margin:0 auto; padding:0;background: #fff;}
.inner { max-width:1080px;width:100%;margin:0 auto; padding:0; }
.inner-form {width:100%;margin:0 auto;padding:6em 0 6em 1em; /*border:1px solid #ff0000;*/}
/*=========================================================*/
/*text-align:center;」はインライン用処理*/
.item_section_4div{max-width:1080px;width:100%;margin:0 auto; padding:0;}
/*4枠並び幅width:1003px*/
.section_box_4div{ display:block; max-width:1080px;width:100%;margin:0 auto; padding:0; overflow:hidden;}

/*FORM///////////////////////////////////////////////////////////////////////*/
#mailform {max-width:740px;margin:0 auto;padding:0;}
.mailformin{width:100%;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:-0.3em;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:top;padding:2em 0 0 0;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:19.3em;width:100%;height:auto;vertical-align:1.2em;padding:0;}

.mailin{display:inline-block;margin:1.3em auto;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:25em;height:1.6em;margin-left:0.5em;padding:0.2em 0 0 0.5em;line-height:1.6em;font-size:16px;font-weight:normal;text-align: left;border:1px solid #999;
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','hannariM', serif; }

.toiawase {display:inline-block;width:512px;height:180px;border:1px solid #999;margin-left:0.5em;padding:0.5em;
line-height:1.5;font-size:16px;font-weight:normal;text-align: left;
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','hannariM', serif; 
}
@-moz-document url-prefix() {.toiawase {margin-left:8px;}}

.sendbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 0.5em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
@-moz-document url-prefix() {.sendbutton {margin:0.2em 0 0 0.7em;}}

.resetbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}

.sendbutton:hover,.resetbutton:hover{ opacity:0.7;-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-webkit-transition: all .3s; transition: all .3s;}

/*///////////////////////////////////////////////////////////////////////*/
/* フッター=====================================================*/
footer{width:100%; height: 260px; margin:-1em auto 0; 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; }

.copyright{ clear:both; }
.copyright img{ width:15%;height:auto;margin-top:40px; padding:0;  text-align: center;}

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

/*===========================================================*/
@media screen and (min-width: 768px) {
.luxbar-navigation { flex-flow: row;}/*左から右へ・横並び*/
/*justify-content: flex-start; }行末揃え*/

.luxbar-hamburger { display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: visible; }
.luxbar-menu .luxbar-item, .luxbar-menu .luxbar-sns {border-top: 0; }
/*スマホ・ドロワー表示====================*/
.dropdown:hover > ul {position: absolute;left: 0;top:20px;padding: 0; }
.dropdown > ul {display: none; }
.dropdown > ul .luxbar-item{padding: 0px 10px; }
.dropdown > ul .luxbar-sns{padding: 0px 10px; }
.dropdown > ul .luxbar-item a,.dropdown > ul .luxbar-sns a {white-space: nowrap; }
}

/*1024=======================================================*/
@media screen and (max-width:1024px) {
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
.rogo_section{ display: block; width:100%;height:160px; margin:0 auto; padding:0 ;}
header{ margin:0 auto ; height: 23em; }
/*==========================*/
/*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:-5px 0 0 0px;}
.inner { width:100%;margin:0 auto; padding:0; }
.inner-form {width:100%;margin:0 auto;padding:6em 0 6em 1em;}
/*text-align:center;」はインライン用処理=============*/
.item_section_4div{width:100%;margin:0 auto; padding:0;}
/*4枠並び幅width:1003px*/
.section_box_4div{ display:block; width:100%;margin:0 auto; padding:0; overflow:hidden;}

/*.bottoms_section/topの左右調整==============*/
.bottomimg{ width:91%; height:auto; margin:0; padding: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:20em;margin:0 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:100%;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 -33px; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin-right:1.21em; padding-right:12px; padding-left:10px;}
li.luxbar-item a:hover{ padding-right:12px; padding-left:10px;  }
/* STOCKIST*/
.stockist-opa{ display:inline-block; margin:0; padding-right:10px; padding-left:10px; } 
/* snsブロック*/
ul.luxbar-sns-nav{ margin:-3.9em 0 0 4.7em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 10px; }
.luxbar-sns a:hover{display: block; padding: 0px 10px;}

/*タイトル帯====================================================*/
.titleinner{width:900px;height:13em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {font-size:2.6em;margin:0 auto;padding:1.2em 0 0.5em ;}
.titleinner p {max-width:50em;width:100%;margin:0 auto;padding-left:2em;font-size:1.6em; }

/*====================================*/
.main{ width:900px;margin:0 auto; padding:0;}
.inner { width:900px; height:auto; margin:0 auto;  }
.inner-form {width:900px;margin:0 auto;padding:6em 0 6em 1em;}
/*====================================*/
.section_box_4div { display:block; width:100%; margin:0 auto; padding:0; overflow:hidden; }
#mailform {width:100%;margin:0 auto;padding:0;}
.mailformin{width:100%;}
.mailin{display:inline-block;margin:1em auto;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:20em;height:1.3em;line-height:1.6em;font-size:16px;}
.toiawase {display:inline-block;width:480px;height:180px;line-height:1.5;font-size:16px;}

footer{width:100%; height:150px; margin:0 auto; padding:0; }
.inner-footer{width:834px; margin:0 auto; padding:15px 0 0 0;}
.copyright img{ width:20%;height:auto;margin-top:40px; padding:0;  text-align: center;}
}
/*835~900end===================================================*/

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

html,body{width:834px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{ width:100%;height:20em;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; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}
/*====================================*/
/*グローバルメニュー*/
.luxbar-navigation {list-style: none; padding-left:0px; margin-left:-1.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:10px; padding-left:10px; } 
/* 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; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.6em;margin:0 auto;padding:0.6em 0 0 0;line-height:1.5;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.5em;}

/*====================================*/
.main{ width:834px;margin:0 auto; padding:0; background: #fff; }
.inner { width:834px; height:auto; margin:0 auto;  }
.inner-form {width:834px;margin:0 auto;padding:5em 0 5em 1em;}
/*====================================*/
.section_box_4div { display:block; width:100%; margin:0 auto; padding:0; overflow:hidden; }
/*====================================*/
#mailform {width:100%;margin:0 auto;padding:0;}
.mailformin{width:100%;}
.mailin{display:inline-block;margin:1em auto;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:20em;height:1.3em;line-height:1.6em;font-size:16px;}
.toiawase {display:inline-block;width:480px;height:180px;line-height:1.5;font-size:16px;}
/*====================================*/
footer{width:100%; height:150px; margin:0 auto; padding:0; }
.inner-footer{width:834px; margin:0 auto; padding:15px 0 0 0;}
.copyright img{ width:20%;height:auto;margin-top:40px; 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; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}
/*====================================*/
/*グローバルメニューブロック*/
.luxbar_section{margin:-110px 0 0 0;}
/*グローバルメニュー*/
.luxbar-default{width:768px;margin:0 auto;padding:0;}
/*ABOUT~STOCKIST*/
.luxbar-navigation {margin:0 0 0 -3em; }
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー設定*/
.luxbar-item a{  margin:0; padding-right:12px; padding-left:10px;  }
li.luxbar-item a:hover{ padding-right:12px; 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 4.5em;padding:0; }
.luxbar-sns a{display: block; margin:0; padding: 0px 8px; }
.luxbar-sns a:hover{display: block; padding: 0px 8px;}

/*タイトル帯============================*/
.titleinner{width:100%;height:10em;margin:6.5em auto 0; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:3em;margin:0 auto;padding:0.4em 0 0 0;line-height:1.4;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.8em;padding-left:1.5em;}

/*====================================*/
.main{ width:768px;margin:22px 0 0 0; padding:0; }
.inner { width:768px; height:auto; margin:0 auto;  }
.section_box_4div { display:block; width:100%; margin:0; padding:0; overflow:hidden; }
/*====================================*/
.inner-form {width:100%;margin:0 auto;padding:2.5em 2.5em 4em;}
.mailin{display:inline-block;margin:1.2em auto;padding:0;}
.fname,.fmeil,.fmailree{display:inline-block;width:20em;height:1.3em;margin-left:0;padding:0.2em 0 0 0.5em;line-height:1.6em;font-size:1.8em;font-weight:normal;text-align:left;border:1px solid #999; }
.toiawase {display:inline-block;width:450px;max-height:180px;border:1px solid #999;margin-left:0;padding:0.5em;
line-height:1.5;font-size:16px;font-weight:normal;text-align: left;}

.sendbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 0;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
/*====================================*/
footer{width:100%; height:140px; margin:0 auto; padding-top:30px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
.copyright img{ width:20%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*768 end=======================================================*/

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

html,body{width:736px; margin:0 auto; padding:0; overflow-x:hidden;font-size:85%; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
/*================================================*/
header{ margin:0 auto; height:15em; }
.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;}
/*====================================*/

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

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

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

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

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

ul.luxbar-sns-nav{ margin:20px 0 0 1em; padding:0; }
.luxbar-sns a{ margin-left:86%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:86%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s;}

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

/*タイトル帯=============================*/
.titleinner{width:736px;height:11em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.4em;margin:0 auto;padding:0.8em 0 0 0;line-height:1.7;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.4em;}

/*========================================================*/
.section {width:736px;  height:auto; margin:0 auto; padding:3px;}
.main{ width:736px;margin:0px auto 0; padding:0; }
.inner { width:736px; height:auto; margin:0 auto;  }
.section_box_4div { display:block; width:100%; margin:0; padding:0; overflow:hidden; }
/*====================================*/
.inner-form {width:100%;margin:0 auto;padding:0;}
.mailformin{width:640px;margin:3em auto;padding-left:1.8em; }
.mailin{display:inline-block;margin:1.2em auto;padding:0;}
.fname,.fmeil,.fmailree{display:inline-block;width:16em;height:1.3em;margin-left:-1em;padding:0.2em 0 0 0.5em;line-height:1.6em;font-size:1.8em;font-weight:normal;text-align:left;border:1px solid #999; }
.toiawase {display:inline-block;width:415px;max-height:180px;border:1px solid #999;margin-left:-1.4em;padding:0.5em;line-height:1.5;font-size:16px;}

.sendbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 0;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:9em;height:3.5em;margin:0.2em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
/*====================================*/
footer{width:100%; height: 120px; margin:0 auto; padding-top:30px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
.copyright img{ width:20%;height:auto;margin-top:23px; padding:0;  text-align: center;}
}
/*736 end=======================================================*/

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

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

/*English=日本語=============================================*/
.enjp_button{position:absolute;top:0px;left:5px;width:80%; display: block; margin:0; padding:0;z-index:200}
.enjp_button ul{width:130px;margin:2px 0 0 385px;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; }
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}

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

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

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

/*facebook~contact===============*/
ul.luxbar-sns-nav{ margin:20px 0 0 2em; padding:0; }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
/*margin-left:80%;横寄せ調整*/
.luxbar-sns a{ margin-left:80%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
/*margin-left:80%;hover横寄せ調整*/
.luxbar-sns a:hover{ margin-left:80%;padding:0; -webkit-transition: all .3s; transition: all .3s; }

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

/*タイトル帯=============================*/
.titleinner{width:600px;height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.4em;margin:0 auto;padding:0.5em 0 0 0;line-height:1.6;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.4em;}

/*========================================================*/
.section {width:600px;  height:auto; margin:0 auto; padding:3px;}
.main{ width:600px;margin:0px auto 0; padding:0; }
.inner { width:600px; height:auto; margin:0 auto;  }
.section_box_4div { display:block; width:100%; margin:0; padding:0; overflow:hidden; }
/*====================================*/
.inner-form {width:100%;margin:0 auto;padding:0;}
.mailformin{width:540px;margin:3em auto;padding-left:2em; }
.mailin{display:inline-block;margin:1em auto;padding:0;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:-0.1em;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:top;padding:1.5em 0 0 0;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:1.1em;padding:0;}
/*text枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:15em;height:1.3em;margin-left:0.5em;padding:0.2em 0 0 0.5em;line-height:1.6em;font-size:1.6em;font-weight:normal;text-align:left;border:1px solid #999; }
.toiawase {display:inline-block;width:350px;max-height:180px;border:1px solid #999;margin-left:0.5em;padding:0.5em;line-height:1.5;font-size:16px;}

.sendbutton{display:inline-block;width:8em;height:3.5em;margin:0 0 0 0.6em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:8em;height:3.5em;margin:-0.7em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
/*====================================*/
footer{width:100%; height: 100px; margin:0 auto; padding-top:30px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:768px; margin:0 auto; padding:0;}
.copyright img{ width:20%;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; }

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

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

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

ul.luxbar-sns-nav{ margin:20px 0 0 1.5em; padding:0;  }
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
 -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.luxbar-sns a{ margin-left:83%;padding:0;  text-decoration: none; color:#000; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:83%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
background-color: #fff;
height:55vh;
z-index:100; }

/*タイトル帯=============================*/
.titleinner{width:480px;height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.4em;margin:0 auto;padding:0.5em 0 0 0;line-height:1.6;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.4em;}

/*========================================================*/
.section {width:480px;  height:auto; margin:0 auto; padding:3px;}
.main{ width:480px;margin:0px auto 0; padding:0; }
.inner { width:480px; height:auto; margin:0 auto;  }
.section_box_4div { display:block; width:100%; margin:0; padding:0; overflow:hidden; }
/*====================================*/
.inner-form {width:100%;margin:0 auto;padding:0;}
.mailformin{width:480px;margin:3em auto;padding-left:2.8em; }
.mailin{display:inline-block;margin:1em auto;padding:0;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:-0.1em;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:top;padding:1.5em 0 0 0;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:13em;width:100%;height:auto;vertical-align:1.1em;padding:0;}
/*text枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:15em;height:1.3em;margin-left:0.5em;padding:0.2em 0 0 0.5em;line-height:1.6em;font-size:1.6em;font-weight:normal;text-align:left;border:1px solid #999; }
.toiawase {display:inline-block;width:280px;max-height:180px;border:1px solid #999;margin-left:0.5em;padding:0.5em;line-height:1.5;font-size:16px;}

.sendbutton{display:inline-block;width:8em;height:3.5em;margin:0 0 0 0.6em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:8em;height:3.5em;margin:-0.7em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
/*====================================*/
footer{width:100%; height: 100px; margin:0 auto; padding-top:30px;background: #f7f7f3; text-align:center; overflow:hidden; }
.inner-footer{ max-width:480px; margin:0 auto; padding:0;}
.copyright img{ width:30%;height:auto;margin-top:15px; padding:0;  text-align: center;}
}
/*end max480================================================*/

/*max414================================================*/

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

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

/*スクロールスライド＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header{width:414px; margin:0 auto; height: auto; }
/*English/日本語のtop空き*/
.head{ position:relative; margin:0; padding:0; text-align:center; overflow:hidden;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:160px; margin:50px auto 0; }
.Rogoblock{width:414px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 auto; padding:0; text-align:center; }
/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:5px;left:-120px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;padding:0; }
/*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.5em;letter-spacing:0.05em;vertical-align:0.3em; }
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-135px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: 335px;text-align:right;}

/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }
/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.2em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin:20px 0 0 0; padding-left:2em; }
.luxbar-sns a{ margin-left:74%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:74%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
/*スマホ・開閉エリア高さ/transition: height縦アニメ*/
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:55vh;
overflow:hidden;
 z-index:100; }

.section {width:100%;  height:auto; margin:0 auto; padding:0;}

/*タイトル帯=============================*/
.titleinner{width:414px;height:9em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.4em;margin:0 auto;padding:0.5em 0 0 0;line-height:1.6;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.4em;}

/*================================*/
.main{ width:414px;width:100%;margin:0 auto; padding:0;background: #fff;}
.inner { max-width:414px;width:100%;margin:0 auto; padding:0; }
.inner-form {width:100%;margin:0 auto;padding:2em 0 2em 0.5em; /*border:1px solid #ff0000;*/}
/*=========================================================*/
/*text-align:center;」はインライン用処理*/
.item_section_4div{max-width:414px;width:100%;margin:0 auto; padding:0;}
/*FORM///////////////////////////////////////////////////////////////////////*/
#mailform {max-width:414px;margin:0 auto;padding:0;}
.mailformin{width:100%;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:0;margin-left:0.8em;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:0;padding:2em 0 0 0;margin:-2.5em 0 0 0.8em;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:1.1em;padding:0;}
.mailin{display:inline-block;margin:0.7em auto 2em;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:19em;height:1.5em;margin-left:0;padding:0.2em 0 0 0.5em;line-height:1.5em;font-size:16px;font-weight:normal;text-align: left;border:1px solid #999;}
.toiawase {display:inline-block;width:330px;height:180px;border:1px solid #999;margin-left:0.5em;padding:0.5em;
line-height:1.5;font-size:15px;font-weight:normal;text-align: left; }
/*================================*/
.sendbutton{display:inline-block;width:8em;height:3em;margin:0 0 0 -2em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:8em;height:3em;margin:0.2em 0 0 2em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
.sendbutton:hover,.resetbutton:hover{ opacity:0.7;-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-webkit-transition: all .3s; transition: all .3s;}
/* フッター==========================*/
footer{width:100%; height: 100px; margin:-1em auto 0; padding:0;background: #f7f7f3;
 text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:414px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.copyright{ clear:both; }
.copyright img{ width:30%;height:auto;margin-top:40px; padding:0;  text-align: center;}
}
/*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:52vh;
overflow:hidden;
 z-index:100; }
}

/*375=========================================================*/
@media screen and (max-width:375px) {
html,body{width:375px; margin:0 auto; padding:0; overflow-x:hidden; }
.inner-footer{ max-width:375px; margin:0 auto; padding:0;}
 h1{ font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{width:375px; margin:0 auto; height: auto;}
/*スライド下のhao================================*/
.rogo_section{width:100%;height:145px; margin:40px auto 0; }
.Rogoblock{width:375px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 auto; padding:0; text-align:center; }
/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:2px;left:-155px;width:100%; display: block; margin:0; padding:0;}
.enjp_button ul{width:130px;margin:2px 0 0 380px;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.3em; }
.Japan a{ font-size:1.1em;letter-spacing:0.25em;vertical-align:0.45em; text-decoration:none;text-decoration: none;border-bottom: 1px solid #888;padding-bottom: 2px;cursor:default;}

/*メニュー・English-日本語リンクセクションtop調整＝＝＝＝＝＝＝*/
#luxbar{position:absolute;top:-124px;left:0;width:100%;height: auto; margin:0 auto ; padding:0;}
.luxbar_section{display: block; width:100%; position:relative; background:#fff; margin:0 auto; text-align: left; border:none; }
/*グローバルメニュー全体・三のtop位置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.luxbar-default{width:100%;margin:0; padding:0;opacity:0.8; -ms-filter:"alpha(opacity=80)"; z-index:10;}
.luxbar-menu-left .luxbar-header {margin-left: 303px;text-align:right;}

/*ハンバーガーエリア*/
.luxbar-hamburger { padding: 4px 15px; position: relative; cursor: pointer;}
ul.luxbar-navigationl {position: relative;}
ul.luxbar-navigationl:after { content:""; clear:both; display: block; }
/*ABOUT~行間======================*/
.luxbar-item{ margin-top:16px; padding:0; text-align:right; }
li.luxbar-item p{display: inline-block; margin:0 -1.2em 0 0; padding:0;  vertical-align:-0.5em;font-size:1.5em; }
/*STOCKIST右空き======================*/
.stockist-opa{ display:inline-block; margin-right:15px; padding-right:0; letter-spacing:0.05em; } 
/*luxbar-menu /luxbar-menu-right/ABOUT他メニュー右空き設定*/
.luxbar-item a{display:inline-block;margin-right:15px; padding-right:0; color:#000;cursor: pointer; font-weight:400; letter-spacing:0.05em; }
li.luxbar-item a:hover{display:inline-block; margin-right:15px; padding-right:0;  text-decoration: line-through;
-webkit-transition: all .3s; transition: all .3s; }

ul.luxbar-sns-nav{ margin-top:20px; padding-right:0; }
.luxbar-sns a{ margin-left:70%;padding:0;  text-decoration: none; color: inherit; cursor: pointer; 
line-height:4; text-align:center;float:none;flex-direction:column-reverse; -webkit-transition: all .3s; transition: all .3s; }
.luxbar-sns a:hover{ margin-left:70%;padding:0; -webkit-transition: all .3s; transition: all .3s; }
/*============================*/
.luxbar-menu-light .luxbar-item:hover,.luxbar-menu-light .luxbar-sne:hover {
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
/*スマホ・三本線メニューの縦幅===============*/
 .luxbar-checkbox:not(:checked) ~ .luxbar-menu { overflow: hidden;margin:0 auto; height: 35px; }
.luxbar-checkbox:checked ~ .luxbar-menu{
transition: all 0.8s ease;
margin-top:-30px; padding:30px 0 10px ;
height:70vh;
overflow:hidden;
 z-index:100; }

/*タイトル帯=========================*/
.titleinner{width:375px;height:8em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.2em;margin:0 auto;padding:0.5em 0 0 0;line-height:1.5;}
.titleinner p {max-width:35em;width:100%;margin:0 auto;padding-left:6%;font-size:1.3em;}

/*================================*/
.main{ width:375px;width:100%;margin:0 auto; padding:0;background: #fff;}
.inner { max-width:375px;width:100%;margin:0 auto; padding:0; }
.inner-form {width:100%;margin:0 auto;padding:2em 0 2em 0.3em; /*border:1px solid #ff0000;*/}
/*================================*/
/*text-align:center;」はインライン用処理*/
.item_section_4div{max-width:375px;width:100%;margin:0 auto; padding:0;}
/*FORM///////////////////////////////////////////////////////////////////////*/
#mailform {max-width:375px;margin:0 auto;padding:0;}
.mailformin{width:100%;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:0;margin-left:0.8em;}
/*問い合わせtextarea*/
.toiawaseimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:0;padding:2em 0 0 0;margin:-2.5em 0 0 0.8em;}
/*必須項目*/
.fhitsusuimg{display:inline-block;max-width:16em;width:100%;height:auto;vertical-align:1.1em;padding:0;}
.mailin{display:inline-block;margin:0.7em auto 2em;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:inline-block;width:19em;height:1.5em;margin-left:0;padding:0.2em 0 0 0.5em;line-height:1.5em;font-size:16px;font-weight:normal;text-align: left;border:1px solid #999;}
.toiawase {display:inline-block;width:296px;height:180px;border:1px solid #999;margin-left:0.5em;padding:0.5em;
line-height:1.5;font-size:15px;font-weight:normal;text-align: left; }
/*================================*/
.sendbutton{display:inline-block;width:7.5em;height:3em;margin:0 0 0 -3em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:7.5em;height:3em;margin:0 0 0 0.8em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
.sendbutton:hover,.resetbutton:hover{ opacity:0.7;-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-webkit-transition: all .3s; transition: all .3s;}
/* フッター==========================*/
footer{width:100%; height: 100px; margin:-1em auto 0; padding:0;background: #f7f7f3;
 text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:414px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.copyright{ clear:both; }
.copyright img{ width:30%;height:auto;margin-top:40px; padding:0;  text-align: center;}
}
/*375 end======================================================*/

/*320=========================================================*/
@media screen and (max-width:320px){
html,body{width:320px; margin:0 auto; padding:0; overflow-x:hidden; }
 h1 { font-size:5em; }
 ul { display:block; }
dd, p,.inner p,.intxt,.bottom-10 { font-size:1.2em;}
dd{ width:73%; font-size:1.2em; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
header{width:320px; margin:0 auto; height: auto;}
/*スライド下のhao============================*/
.rogo_section{width:100%;height:128px; margin:40px auto 0; }
.Rogoblock{width:320px; height:auto; margin:0 auto; padding:0; text-align:center; z-index:120;}
/*スライド下のhaoロゴ*/
.Rogoblock img{ width:20%; height:auto; margin:0 0 0 -1em; padding:0; text-align:center; }

/*English=日本語＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.enjp_button{position:absolute;top:2px;left:-205px;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:1.2em;letter-spacing:0.01em;vertical-align:0.5em; }
.Japan a{margin:0; padding:0;  font-size:0.9em;letter-spacing:0.15em;vertical-align:0.8em;border-bottom: 1px solid #888;padding-bottom: 3px;}

/*メニュー・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: 325px;text-align:right;}

/*ハンバーガーエリア*/
.luxbar-hamburger { margin-left:-61px;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:83vh;
overflow:hidden;
 z-index:100; 
}

/*タイトル帯=============================*/
.titleinner{width:320px;height:7em;margin:0 auto; padding: 0; background: #f7f7f3;}
.titleinner h2 {width:50%;font-size:2.2em;margin:0 auto;padding:0.4em 0 0 0;line-height:1.3;}
.titleinner li p {max-width:35em;width:106%;margin:0 auto;padding-left:4%;font-size:1.25em;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','hannariM', serif; }

/*================================*/
.main{ width:320px;width:100%;margin:0 auto; padding:0;background: #fff;}
.inner { max-width:320px;width:100%;margin:0 auto; padding:0; }
.inner-form {width:100%;margin:0 auto;padding:1em 0 2em; /*border:1px solid #ff0000;*/}
/*================================*/
/*text-align:center;」はインライン用処理*/
.item_section_4div{max-width:320px;width:100%;margin:0 auto; padding:0;}
/*FORM///////////////////////////////////////////////////////////////////////*/
#mailform {max-width:375px;margin:0 auto;padding:0;}
.mailformin{width:100%;}
/*名前/メール/メール確認*/
.fnameimg,.fmeilimg,.fmailreeimg{display:block;max-width:14em;width:100%;height:auto;vertical-align:0;margin-left:0;}
/*問い合わせtextarea*/
.toiawaseimg{display:block;max-width:14em;width:100%;height:auto;vertical-align:0;padding:2em 0 0 0;margin:-2.5em 0 0 0em;}
/*必須項目*/
.fhitsusuimg{display:block;max-width:18em;width:100%;height:auto;vertical-align:1.1em;padding:0;}
.mailin{display:block;margin:0.7em auto 2em;padding:0;}
/*テキスト枠*/
.fname,.fmeil,.fmailree{display:block;width:16.5em;height:1.5em;margin-left:0.2em;padding:0.2em 0 0 0.5em;line-height:1.5em;font-size:16px;font-weight:normal;text-align: left;border:1px solid #999;}
.toiawase {display:block;width:254px;height:180px;border:1px solid #999;margin-left:0.25em;padding:0.5em;
line-height:1.5;font-size:15px;font-weight:normal;text-align: left; }
/*================================*/
.sendbutton{display:inline-block;width:7.5em;height:3em;margin:0 0.5em 0 0.3em;padding:0;border:none;cursor:pointer;background:url(../images/svg-images2/send10037.svg) no-repeat 0 0;background-size:100% auto;}
.resetbutton{display:inline-block;width:7.5em;height:3em;margin:0 0 0 0.8em;padding:0;border:none;background:url(../images/svg-images2/reset10037.svg) no-repeat 0 0;background-size:100% auto;}
.sendbutton:hover,.resetbutton:hover{ opacity:0.7;-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;-webkit-transition: all .3s; transition: all .3s;}
/* フッター==========================*/
footer{width:100%; height: 100px; margin:-1em auto 0; padding:0;background: #f7f7f3;
 text-align:center; overflow:hidden; }
/*footer*/
.section_footer {max-width:320px;width:100%; margin:0 auto; padding:0;  text-align: center; }
.copyright{ clear:both; }
.copyright img{ width:40%;height:auto;margin-top:40px; padding:0;  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;}