/*-------body-------*/
 
body {
	padding: 0;
	margin: 0 auto;
	border: 0 none;
    color: #555;
    font-size: 14px;
    line-height: 1.4em;
    /*font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5*/
	height: auto;
	overflow: hidden;
	/**/
}

a {text-decoration: none; color: #555;}
a:hover {--webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -moz-border-radius: 5px;}
.clear {clear:both;}

/* 全てに適用 */
.right {float: right}
.left {float: left;}

/* header.phpに適用 */
.sp-navi {display: none;}
.navi {display: none;}

header {padding: 0;}



span.pc {display: block;}
span.sp {display: none;}








/* 全ての要素に共通 */
.left {float: left;}
.right {float: right;}
.sp-zone {display: none;}
.pc-zone {display: block;}
#wrap {width: 100%; margin: auto; max-width: 1200px;}


/* header */
header {}
header #wrap {margin-top: 40px; max-width: 1200px;}
header #wrap h1 {font-size: 24px; letter-spacing: 0.2px; margin-bottom: 5px;}
header #wrap h1 span {font-size: 19px;}
header #wrap .title-area {width: 75%; height: auto; margin: auto;}
header #wrap .title-area img {width: 100%; height: auto;}
header #wrap .left .title-sub-text {font-size: 12px; letter-spacing: 0.2px;} 
header .title-zone {background: #fafafa; position: relative;}

header #wrap.page .page-title {text-align: center;}
header #wrap.page .left {text-align: center; float: none;}

/* footer */
footer {background: #efefef;}
footer #wrap {padding: 60px 0; text-align: center;}
footer #wrap h1 {}
footer #wrap .copy {font-size: 20px; letter-spacing: 0.3px; margin: -10px 0 10px 0;}
footer #wrap p {line-height: 1.4em;}
footer #wrap p.txt01 {font-size: 13px;}
/*.contact-btn {z-index: 9999; position: fixed; bottom: 50px; right: 40px; background: #333; color: #fff; font-size: 18px; line-height: 90px; border-radius: 50%; height: 90px; padding: 15px 0 15px 0; width: 120px; text-align: center; justify-content: center; align-items: center; box-shadow: 1px 1px 3px #ccc, -1px 1px 3px #ccc, 1px -1px 3px #ccc, -1px -1px 3px #ccc;}*/
/*.contact-btn:hover {background: #fff; color: #333;}*/
.contact-btn {z-index: 9999; position: fixed; top: 0px; right: 100px; background: #555; border: 1px solid #555; border-top: none; color: #fff; font-size: 15px; line-height: 1em; padding: 10px 0 10px 0; width: 180px; /*font-weight: bold;*/ text-align: center; justify-content: center; align-items: center;}
.contact-btn:hover {background: #fff; color: #333;}


/* index */
header #wrap.contact {margin-bottom: 60px;}
#wrap .top-content { font-size: 16px; line-height: 1.7em; margin-bottom: 120px;}
#wrap.shingle .top-content {margin-top: 40px;}
#wrap.shingle .top-content .single-content {margin-top: 40px;}

#wrap .top-content h1 {}
/*#wrap .top-content h2 {font-size: 32px; margin-bottom: 100px;}*/
#wrap .top-content h2 span {display: block; font-size: 16px; margin-top: 0px;}
#wrap .top-content h2.title-con {margin-top: -15px;}
#wrap .top-content h2.title-con img {width: 330px;}
#wrap .top-content .content-text {margin: 30px auto;}
#wrap .top-content .content-text span {display: inline-block; margin-bottom: 20px;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dl {margin-top: 0;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dt {width: 230px; padding-left: 80px; position: relative; text-align: left; margin-bottom: 30px; float: left;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dt span {position: absolute; top: 0; left: 0; line-height: 1.5em; padding: 5px; font-size: 12px; background: #aaa; color: #fff; margin-left: 15px; border-radius: 5px;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dd {float: left; margin-bottom: 30px;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dd input {border: 1px solid #aaaaaa; padding: 3px;}
 .mw_wp_form.mw_wp_form_input button, .mw_wp_form.mw_wp_form_input input, .mw_wp_form.mw_wp_form_input optgroup, .mw_wp_form.mw_wp_form_input select, .mw_wp_form.mw_wp_form_input textarea {width: 600px; border: 1px solid #aaaaaa;}
 .mw_wp_form.mw_wp_form_input textarea {
    padding: 3%;
    margin-right: 21px;
    border-radius: 5px;
 }
li.form-Confirmation .next {background: #fff;}
 .mw_wp_form.mw_wp_form_input [type="button"], .mw_wp_form.mw_wp_form_input [type="reset"], .mw_wp_form.mw_wp_form_input [type="submit"] {width: 200px; margin-bottom: 30px;}

.mw_wp_form_preview {}
.mw_wp_form_preview dl {padding-bottom: 5px; margin-bottom: 30px; text-align: left; border-bottom: 1px solid #efefef;}
.mw_wp_form_preview dt {display: inline-block; width: 200px;}
.mw_wp_form_preview dt span {display: none;}
.mw_wp_form_preview dd {display: inline-block;}
.mw_wp_form_preview .btnbox input {}

#wrap .top-content .btnbox input {width: 100px; margin-bottom: 20px; border: 1px solid #000000; padding: 5px 10px; background: #fff;}
#wrap .top-content .btnbox input:hover {background: #000; color: #fff;}
#wrap .top-content.contact-content {width: 825px; padding-top: 60px; margin: auto auto 100px auto;}



.btnbox li {text-align: center;}


/* お問い合わせフォームへ誘導するボタンの式 */
.contact-link-btn {display: inline-block; width: 200px; text-align: center; background-color: #555; border: 2px solid #555; font-size: 16px; color: #555; text-decoration: none; /*font-weight: bold;*/ padding: 10px 24px; position: relative;}
.contact-link-btn span {position: relative; z-index: 1;}
.contact-link-btn::before,.contact-link-btn::after {content: ""; display: block; background-color: #FFF; width: 50%; height: 100%; position: absolute; top: 0; transition: .2s;}
.contact-link-btn::before {left: 0;}
.contact-link-btn::after {right: 0;}
.contact-link-btn:hover:before,.contact-link-btn:hover:after { width: 0; background-color: #FFF;}
.contact-link-btn:hover {color: #FFF;}


/* フェード */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 0.5s;
  display:block;
  margin:60px auto;
  text-align:center;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


#brand-concept #wrap .top-content p,#about .fadein.scrollin {font-size: 14px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}


#wrap .top-content p img {
    max-width: 100%;
    height: auto;
}








#wrap .top-content .mw_wp_form.mw_wp_form_input dd input {font-size: 100%; padding: 3%; margin-right: 21px; border-radius: 5px;}

#contact_page #wrap .top-content.contact-content {width: 910px;}
#contact_page #wrap .top-content.contact-content .contact_read {text-align: center; margin: 16px 0;}
#contact_page #wrap .top-content.contact-content dl {}
#contact_page #wrap .top-content.contact-content dt {
    padding: 0;
    width: 30%;
    display: flex;
}
#contact_page #wrap .top-content.contact-content dt p {display: inline-block; font-weight: bold;}
#contact_page #wrap .top-content.contact-content dt p.must {
    line-height: 2em;
    padding: 1px 5px;
    font-size: 12px;
    background: #aaa;
    color: #fff;
    margin-left: 15px;
    border-radius: 5px;
    font-weight: normal;
}
#contact_page #wrap .top-content.contact-content dd {width: 70%;}
#contact_page #wrap .top-content.contact-content dd.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    float: none;
    font-size: 16px;
    letter-spacing: 0;
    color: #4c4948;
}
#contact_page #wrap .top-content.contact-content dd.two input {
    width: 94%;
}
#contact_page #wrap .top-content.contact-content dd .col_tow {width: 48%;}
#contact_page #wrap .top-content.contact-content dd .block_area {display: flex; align-items: center; margin-bottom: 10px;}
#contact_page #wrap .top-content.contact-content dd .block_area input {width: 88%;display: block;}
#contact_page #wrap .top-content.contact-content dd .block_area:first-child input {width: 88%;display: block;}
#contact_page #wrap .top-content.contact-content dd .block_area .yuubin {display: block; margin-right: 21px;}
#contact_page #wrap .top-content.contact-content dd .block_area select {padding: 3%;width: 100%; border-radius: 5px;}
#wrap .top-content .mw_wp_form.mw_wp_form_input dt {}
#contact_page #wrap .top-content.contact-content .contactBtn {text-align: center;}
#contact_page #wrap .top-content.contact-content .contactBtn input {padding:1% 3%;}



.mw_wp_form_preview {}
.mw_wp_form_preview .contact_read {display: none;}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd .caption {display: none;}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd {margin-bottom: 30px;}













/* 本サイト */

/* 下記header記述 */
header {}
header #wrap {margin-top: 40px; max-width: 1200px;}
header #wrap h1 {font-size: 24px; letter-spacing: 0.2px; margin-bottom: 5px;}
header #wrap h1 span {font-size: 19px;}
header #wrap .title-area {width: 75%; height: auto; margin: auto;}
header #wrap .title-area img {width: 100%; height: auto;}
header #wrap .left .title-sub-text {font-size: 12px; letter-spacing: 0.2px;} 
header .title-zone {background: #fafafa;}
header #wrap.page .page-title {text-align: center;}
header #wrap.page .left {text-align: center; float: none;}
header #wrap.contact {margin-bottom: 60px;}
header #wrap .content {width: 100%; margin: auto; position: relative;}
header #wrap .content h1 {width: 240px; margin: auto; margin-bottom: 39px;}
header #wrap .content h1 img {width: 100%; height: auto;}
header #wrap .content .tel {position: absolute; top: 0; right: 0; text-align: right; font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
header #wrap .content .tel .text {font-size: 16.5px; line-height: 1em;}
header #wrap .content .tel .text span {font-size: 13px; line-height: 1em; display: block; margin-top: 4px;}
header #wrap .content .tel .text:nth-child(2) span {letter-spacing: 0.2px;}
header #wrap .content .tel .text:nth-child(3) span {letter-spacing: 0.6px;}
header #wrap .content .tel .cart {text-align: right; width: 20px; position: absolute; /*right: 3%; bottom: 100px;*/bottom: 15px; left: -42px; z-index: 9999;}
header #wrap .content .tel .cart a {display: block; width: 20px;  margin: 10px 0 0 auto;}
header #wrap .content .tel .cart img {width: 100%; height: auto;}
header #wrap .content .menu {display: flex; justify-content: space-between; margin-bottom: 5px;}
header #wrap .content .menu li {/*width: calc(100% / 8);*/ text-align: center;}
header #wrap .content .menu li a {text-align: center; font-size: 14px; line-height: 1.5em; color: #555;}
header #wrap .content .menu li a.comingsoon {pointer-events: none;}


header #wrap .content .menu li a p {position: relative;}
header #wrap .content .menu li a p img {width: 100%; height: auto;}
header #wrap .content .menu li a p:nth-child() {background: url(../images/header/slide001.png) no-repeat center center;}


header #wrap .content .menu li a .lang01 {display: block; transition: all 0.3s ease-out;}
header #wrap .content .menu li a .lang02 {display: none; transition: all 0.3s ease-out;}
header #wrap .content .menu li a {/*width: calc(100% / 8);*/ text-align: center; height: 20px; text-align: center; padding-bottom: 20px;}
header .title-area {width: 100%; position: relative;}
header .title-area p {text-align: center; font-size: 16px;}
header .title-area p.header-fadein {margin-bottom: 10px;}
header .title-area p.first-in {margin-bottom: 40px;} 
header .title-area h2 {width: 275px; margin: auto;}
header .title-area h2 img {width: 100%; height: auto;}
header .title-area .first-text {position: absolute; top: 182px; /*bottom: 0;*/ left: 0; right: 0; margin: auto; width: 50%; z-index: 999; height: 250px;}
header .title-area .slider {width: 100%; max-width: 1600px; height: 600px;}
header .title-area .slider li {height: 600px;}
header .title-area .slider li:nth-child(1) {background: url(../images/header/slide001.png) no-repeat center center;}
header .title-area .slider li:nth-child(2) {background: url(../images/header/slide03.png) no-repeat top center;}
header .title-area .slider li:nth-child(3) {background: url(../images/header/slide002.png) no-repeat top center;}
header .title-area .slider li:nth-child(4) {background: url(../images/header/slide003.png) no-repeat center center;}
header .title-area .slider li:nth-child(5) {background: url(../images/header/slide02.png) no-repeat center center;}


/*{background: url(../ec-shopping/common/images/header/slide04s.jpg) no-repeat center center;}*/
header .title-area .bx-controls {display: none;}
header .first-text-area {background: #fbfbfb; width: 100%; height: 600px; position: absolute; z-index: 99; top: 0; left: 0; right: 0; margin: auto;}
header.pages {border-bottom: 1px solid #efefef;}


.take-on {}
.take-on header #wrap .content .menu-area {width: 100%; position: fixed; top: 0; left: 0; padding-top: 40px; z-index: 9999; background-color: #fff; border-bottom: 1px solid #efefef;}
.take-on header #wrap .content .menu-area .menu {width: 1200px; margin: auto;}

header #wrap .content .menu {display: flex; justify-content: space-between; /*padding-bottom: 30px;*/}
.take-on header #wrap .content .menu li {/*padding-bottom: 20px;*/}
header #wrap .content .menu li a {/*width: calc(100% / 8);*/ text-align: center; height: 20px; text-align: center; padding-bottom: 20px;}
#news header #wrap .content .menu li:nth-child(3) a {padding-bottom: 2px; margin-bottom: 20px; border-bottom: 3px solid #aaa;}
header #wrap .content .menu li a {display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; /*font-weight: bold;*/ text-align: center;}
header #wrap .content .menu li .lang01 {display: block; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
header #wrap .content .menu li .lang02 {font-size: 10px; display: none; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
header #wrap .content .menu li:hover .lang01 {display: none; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
header #wrap .content .menu li:hover .lang02 {display: block; position: absolute; top: 0; left: 0; right: 0; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/*
header #wrap .content .menu li:nth-child(1) {position: relative; top: 0; left: 0; width: 32px;}
header #wrap .content .menu li:nth-child(2) {position: relative; top: 0; left: 0; width: 80px;}
header #wrap .content .menu li:nth-child(3) {position: relative; top: 0; left: 0; width: 130px;}
header #wrap .content .menu li:nth-child(4) {position: relative; top: 0; left: 0; width: 95px;}
header #wrap .content .menu li:nth-child(5) {position: relative; top: 0; left: 0; width: 110px;}
header #wrap .content .menu li:nth-child(6) {position: relative; top: 0; left: 0; width: 70px;}
header #wrap .content .menu li:nth-child(7) {position: relative; top: 0; left: 0; width: 125px;}
header #wrap .content .menu li:nth-child(8) {position: relative; top: 0; left: 0; width: 100px;}
header #wrap .content .menu li:nth-child(9) {position: relative; top: 0; left: 0; width: 110px;}
*/
header #wrap .content .menu li:nth-child(1) {position: relative; top: 0; left: 0; width: 32px;}
header #wrap .content .menu li:nth-child(2) {position: relative; top: 0; left: 0; width: 80px;}
header #wrap .content .menu li:nth-child(3) {position: relative; top: 0; left: 0; width: 130px;}
header #wrap .content .menu li:nth-child(4) {position: relative; top: 0; left: 0; width: 95px;}
header #wrap .content .menu li:nth-child(5) {position: relative; top: 0; left: 0; width: 110px;}
header #wrap .content .menu li:nth-child(6) {position: relative; top: 0; left: 0; width: 70px;}
header #wrap .content .menu li:nth-child(7) {position: relative; top: 0; left: 0; width: 125px;}
header #wrap .content .menu li:nth-child(8) {position: relative; top: 0; left: 0; width: 100px;}
header #wrap .content .menu li:nth-child(9) {position: relative; top: 0; left: 0; width: 110px;}
header #wrap .content .menu li:nth-child(1) a img {}
header #wrap .content .menu li:nth-child(2) a img {}
header #wrap .content .menu li:nth-child(3) a img {}
header #wrap .content .menu li:nth-child(4) a img {}
header #wrap .content .menu li:nth-child(5) a img {}
header #wrap .content .menu li:nth-child(6) a img {}
header #wrap .content .menu li:nth-child(7) a img {}
header #wrap .content .menu li:nth-child(8) a img {}
header #wrap .content .menu li:nth-child(9) a img {}


header.header-wrap-content #wrap .content .menu li:nth-child(1) {position: relative; top: 0; left: 0; width: 32px;}
header.header-wrap-content #wrap .content .menu li:nth-child(2) {position: relative; top: 0; left: 0; width: 60px !important;}
header.header-wrap-content #wrap .content .menu li:nth-child(2):hover {position: relative; top: 0; left: 0; width: 40px !important; margin-right: 20px;}
header.header-wrap-content #wrap .content .menu li:nth-child(3) {position: relative; top: 0; left: 0; width: 80px;}
header.header-wrap-content #wrap .content .menu li:nth-child(4) {position: relative; top: 0; left: 0; width: 95px;}
header.header-wrap-content #wrap .content .menu li:nth-child(5) {position: relative; top: 0; left: 0; width: 55px; }
header.header-wrap-content #wrap .content .menu li:nth-child(6) {position: relative; top: 0; left: 0; width: 53px;}
header.header-wrap-content #wrap .content .menu li:nth-child(7) {position: relative; top: 0; left: 0; width: 75px;}
header.header-wrap-content #wrap .content .menu li:nth-child(8) {position: relative; top: 0; left: 0; width: 65px;}
header.header-wrap-content #wrap .content .menu li:nth-child(9) {position: relative; top: 0; left: 0; width: 95px;}
header.header-wrap-content #wrap .content .menu li:nth-child(1):hover a img {width: 105%;}
header.header-wrap-content #wrap .content .menu li:nth-child(2):hover a img {width: 185%; margin-left: -15px;}
header.header-wrap-content #wrap .content .menu li:nth-child(3):hover a img {width: 100%; margin-left: -21px;}
header.header-wrap-content #wrap .content .menu li:nth-child(4):hover a img {width: 100%;}
header.header-wrap-content #wrap .content .menu li:nth-child(5):hover a img {width: 135%; margin-left: -22px;}
header.header-wrap-content #wrap .content .menu li:nth-child(6):hover a img {width: 120%; margin-left: -5px;}
header.header-wrap-content #wrap .content .menu li:nth-child(7):hover a img {width: 165%; margin-left: -20px;}
header.header-wrap-content #wrap .content .menu li:nth-child(8):hover a img {width: 165%; margin-left: -20px;}
header.header-wrap-content #wrap .content .menu li:nth-child(9):hover a img {width: 150%; margin-left: -20px;}

header.header-wrap-content #wrap .content .menu li:nth-child(5) .lang02 {
  transform: translate(25%, 0px);
  width: 110%;
}

header.header-wrap-content #wrap .content .menu li:nth-child(1) a {background: url(/common/menu/menu01.png) no-repeat top center; background-size: 34px;}
header.header-wrap-content #wrap .content .menu li:nth-child(2) a {background: url(/common/menu/menu02.png) no-repeat top center; background-size: 80px;}
header.header-wrap-content #wrap .content .menu li:nth-child(3) a {background: url(/common/menu/menu03.png) no-repeat top center; background-size: 130px;}
header.header-wrap-content #wrap .content .menu li:nth-child(4) a {background: url(/common/menu/menu04.png) no-repeat top center; background-size: 100px;}
header.header-wrap-content #wrap .content .menu li:nth-child(5) a {background: url(/common/menu/menu05.png) no-repeat top center; background-size: 110px; margin-top: 2px;}
header.header-wrap-content #wrap .content .menu li:nth-child(6) a {background: url(/common/menu/menu06.png) no-repeat top center; background-size: 70px;}
header.header-wrap-content #wrap .content .menu li:nth-child(7) a {background: url(/common/menu/menu07.png) no-repeat top center; background-size: 120px; margin-top: 2px;}
header.header-wrap-content #wrap .content .menu li:nth-child(8) a {background: url(/common/menu/menu08.png) no-repeat top center; background-size: 120px;}
header.header-wrap-content #wrap .content .menu li:nth-child(9) a {background: url(/common/menu/menu09.png) no-repeat top center; background-size: 120px;}

header.header-wrap-content #wrap .content .menu li:nth-child(1):hover a {/*background: url(/common/menu/menu01-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(2):hover a {/*background: url(/common/menu/menu02-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(3):hover a {/*background: url(/common/menu/menu03-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(4):hover a {/*background: url(/common/menu/menu04-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(5):hover a {/*background: url(/common/menu/menu05-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(6):hover a {/*background: url(/common/menu/menu06-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(7):hover a {/*background: url(/common/menu/menu07-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(8):hover a {/*background: url(/common/menu/menu08-on.png) no-repeat center center;*/ background: none;}
header.header-wrap-content #wrap .content .menu li:nth-child(9):hover a {/*background: url(/common/menu/menu09-on.png) no-repeat center center;*/ background: none;}

header.header-wrap-content #wrap .content .menu li a .lang01 {display: none;}


/*
header #wrap .content .menu li a.current {
    display: inline-table;
    padding-bottom: 6px;
    margin-bottom: -14px;
    border-bottom: 3px solid #aaa;
}
*/

.ec-select__delivery,.ec-select__time {display: none;}

header .title-area .slider li img {display: none;} 
header .title-area .slider li:nth-child(1) {height: 600px; background: url(/common/images/header/slide01.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(2) {height: 600px; background: url(/common/images/header/slide02s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(3) {height: 600px; background: url(/common/images/header/slide03s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(4) {height: 600px; background: url(/common/images/header/slide04s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(5) {height: 600px; background: url(/common/images/header/slide05s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(6) {height: 600px; background: url(/common/images/header/slide06s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(7) {height: 600px; background: url(/common/images/header/slide07s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(8) {height: 600px; background: url(/common/images/header/slide08s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(9) {height: 600px; background: url(/common/images/header/slide09s.jpg) no-repeat center center;}


header .title-area .slider li img {display: none;} 
header .title-area .slider li:nth-child(1) {height: 600px; background: url(../common/images/header/slide01.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(2) {height: 600px; background: url(../common/images/header/slide02s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(3) {height: 600px; background: url(../common/images/header/slide03s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(4) {height: 600px; background: url(../common/images/header/slide04s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(5) {height: 600px; background: url(../common/images/header/slide05s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(6) {height: 600px; background: url(../common/images/header/slide06s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(7) {height: 600px; background: url(../common/images/header/slide07s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(8) {height: 600px; background: url(../common/images/header/slide08s.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(9) {height: 600px; background: url(../common/images/header/slide09s.jpg) no-repeat center center;}

/*
header .title-area .slider li:nth-child(1) {background: url(../images/header/slide01.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(2) {background: url(../images/header/slide001.jpg) no-repeat top center;}
header .title-area .slider li:nth-child(3) {background: url(../images/header/slide02.jpg) no-repeat top center;}
header .title-area .slider li:nth-child(4) {background: url(../images/header/slide002.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(5) {background: url(../images/header/slide03.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(6) {background: url(../images/header/slide003.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(7) {background: url(../images/header/slide04.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(8) {background: url(../images/header/slide004.jpg) no-repeat center center;}
*/

header .title-area .slider li:nth-child(1) {background: url(../images/header/slide01.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(2) {background: url(../images/header/slide02.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(3) {background: url(../images/header/slide03.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(4) {background: url(../images/header/slide04.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(5) {background: url(../images/header/slide05.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(6) {background: url(../images/header/slide06.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(7) {background: url(../images/header/slide07.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(8) {background: url(../images/header/slide08.jpg) no-repeat center center;}
header .title-area .slider li:nth-child(9) {background: url(../images/header/slide09.jpg) no-repeat center center;}

header .title-area .bx-controls {display: none;}
header .first-text-area {background: #fbfbfb; width: 100%; height: 600px; position: absolute; z-index: 99; top: 0; left: 0; right: 0; margin: auto;}

header .title-area p.header-fadein {opacity: 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
header .title-area h2 {opacity: 0; margin-top: 50px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
header .title-area p.header-fadein:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.3s 1 forwards;
  animation: example 0.5s ease 0.3s 1 forwards;
}
header .title-area p.header-fadein:nth-child(2) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 1.3s 1 forwards;
}
header .title-area p.header-fadein:nth-child(3) {
  -webkit-animation: example 0.5s ease 0.7s 1 forwards;
  animation: example 0.5s ease 2.3s 1 forwards;
}
header .title-area p.header-fadein:nth-child(4) {
  -webkit-animation: example 0.5s ease 0.7s 1 forwards;
  animation: example 0.5s ease 3.3s 1 forwards;
}
header .title-area h2 {
  -webkit-animation: example 0.5s ease 0.9s 1 forwards;
  animation: example 0.5s ease 5.0s 1 forwards;
}

@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}



/* bodyにクラス名「take-on」付与時に適用 */
.take-on {}
.take-on header #wrap .content .menu-area {width: 100%; position: fixed; top: 0; left: 0; padding-top: 40px; z-index: 9999; background-color: #fff; border-bottom: 1px solid #efefef;}
.take-on header #wrap .content .menu-area .menu {width: 1200px; margin: auto;}




footer {}
footer .footer-content {display: flex; justify-content: space-between;}
footer .footer-content .list {width: 46%;}
footer .footer-content .list:first-child {width: 320px;}
footer .footer-content .list:last-child {margin-top: 20px;}
footer .footer-content .list h1 {width: 245px; margin: 0 auto 15px auto;}
footer .footer-content .list h1 img {width: 100%; height: auto;}
footer .footer-content .list ul {display: flex; flex-wrap: left; margin-bottom: 25px; flex-wrap: wrap; justify-content: flex-start;}
footer .footer-content .list ul li {width: calc(100% / 4); text-align: left;}
footer .footer-content .list ul li.no-link a {pointer-events: none; color: #afafaf;}
footer .footer-content .list ul li a {display: block; font-size: 13px; line-height: 2.0em;}
footer .footer-content .list ul li.text01 a {font-size: 10px; letter-spacing: -1px;}



#wrap .top-content .slick-initialized {
    position: relative;
    margin: auto;
}
.slick-prev {
    left: -30px;
    transform: scale(1.0, 2);
    color: #615d59;
    font-size: 21px;
    position: absolute;
    top: 50%;
}
.slick-next {
    right: -30px;
    transform: scale(1.0, 2);
    color: #615d59;
    font-size: 21px;
    position: absolute;
    top: 50%;
}
#wrap .top-content .slick-initialized li.slick-slide {margin: 0 5px;}

#wrap .top-content .slick-initialized li.slick-slide img {width: 100%; height: auto;}



/* top-content */
/*
.top-content #bx-wrapper{overflow:hidden; width:100%; height:400px;}
.top-content #bx-viewport{overflow:visible!important; width: 1000px; height:400px; margin: 0 auto;}
.top-content .bxslider01 li {width:1000px;}
*/
#wrap .top-content {margin-top: 120px;}
#wrap.top .top-content {margin-top: 0px;}
.top .page-wrap .wrap-content {margin-top: 0px;}
#wrap .top-content .content-area {margin-bottom: 180px;}
#wrap .top-content .content-area {opacity: 0;transform : translate(0, 50px);
    transition:all 0.5s;
  display:block;}
#wrap .top-content .content-area.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
#wrap .top-content .content-area p {font-size: 13px; text-align: center;}
#wrap .top-content h2 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; /*font-weight: bold;*/ font-size: 20px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #efefef; text-align: center; color: #615d59;}

.top-content .bxslider01 li {}
.top-content .bxslider01 li p {font-size: 13px; text-align: center;}
.top-content .bx-default-pager {display: none;}
.top-content .bxslider01 li img {width: 100%; height: auto;}
.top-content .bxslider01 li a {display: block;}

.top-content .collections-list {display: flex; justify-content: space-between; width: 95%; margin: auto;}
.top-content .collections-list li {width: 32%; position: relative;}
.top-content .collections-list li .collection-title {width: 100%;}
.top-content .collections-list li .collection-title img {width: 100%; height: auto;}
.top-content .collections-list li h3 {display: none; font-size: 16px; color: #615d59; /*font-weight: bold;*/ margin-bottom: 10px; text-align: center;}
.top-content .collections-list li img {width: 100%; height: auto;}
.top-content .collections-list li ul {display: flex; flex-wrap: wrap;}
.top-content .collections-list li ul li {width: 50%;}
.top-content .collections-list li ul li:nth-child(3),.top-content .collections-list li ul li:nth-child(4) {display: none;}
.top-content .collections-list li .coming_soon {position: absolute; display: none; bottom: 0; left: 0; z-index: 99;}

.top-content .items-list {display: flex; flex-wrap: wrap; margin: auto;}
.top-content .items-list li {width: 46%; margin: 0 20px 40px 20px;}
.top-content .items-list > li {border: 1px solid #efefef; position: relative;}
.top-content .items-list > li .coming_soon {position: absolute; display: none; top: 0; left: 0; z-index: 9;}
.top-content .items-list li img {width: 100%; height: auto;}
.top-content .items-list li ul {display: flex;}
.top-content .items-list li ul li {width: calc(100% / 3); margin: 0;}
.top-content .items-list li h3 {font-size: 15px; text-align: center; padding: 10px 0; /*font-weight: bold;*/}
.top-content .items-list li h3.title {font-size: 16px; color: #fff; position: absolute; left: 0; right: 0; top: 0; right: 0; height: 28px; margin: 193px 0; padding: 0;}

.top-content .news_and_blog-area {display: flex; justify-content: space-between;}
.top-content .news_and_blog-area ul {width: 46%;}
.top-content .news_and_blog-area ul li {margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
.top-content .news_and_blog-area ul h2 {padding-bottom: 0 !important; border-bottom: none !important; text-align: left !important;}
.top-content .news_and_blog-area ul li a {font-size: 13px;}
.top-content .news_and_blog-area ul li span {}
#wrap .top-content .content-area .news_and_blog-area p {font-size: 15px; text-align: center;}
#wrap .top-content .content-area .bx-wrapper {position: relative; max-width: 1200px !important;}
#wrap .top-content .content-area .bx-viewport {max-width: 1200px !important;}
#wrap .top-content .content-area .bx-wrapper .bx-controls {position: absolute; top: 0; bottom: 0; margin: auto;}
#wrap .top-content .content-area .bx-wrapper .bx-controls-direction {width: 1200px;}
#wrap .top-content .content-area .bx-wrapper .bx-controls-direction .bx-prev {left: -30px; transform: scale(1.0, 2); color: #615d59; font-size: 21px; position: absolute; top: 50%;}
#wrap .top-content .content-area .bx-wrapper .bx-controls-direction .bx-next {right: -30px; transform: scale(1.0, 2); color: #615d59; font-size: 21px; position: absolute; top: 50%;}











/* ページごとのヘッダー処理 */
header.page {} 
header.pages {border-bottom: 1px solid #efefef;} 
#news header,#blog header,#attention header,#spec_care header,#after_care header,#contact header {border-bottom: 1px solid #efefef;}
.page-wrap .title-content {height: 600px; width: 100%; max-width: 1600px; margin: auto; position: relative; background: url(../images/header/slide03.jpg) no-repeat top center;} 
.page-wrap .title-content .content {height: 600px; width: 90%; max-width: 1200px; margin: auto; position: relative;}




#product.page-wrap .title-content {background: url(../images/first/OurCollections.jpg) no-repeat top center;}

#earth-ring .page-wrap .title-content {background: url(../images/first/GLOSSYcollection.jpg) no-repeat top center;}
#imperium-necklace .page-wrap .title-content {background: url(../images/first/necklacechapter.jpg) no-repeat top center;}
#about.page-wrap .title-content {background: url(../images/first/AboutUs.jpg) no-repeat top center !important;}
#brand-concept.page-wrap .title-content {background: url(../images/first/BrandConcept.jpg) no-repeat top center !important;}
#news.page-wrap .title-content {background: url(../images/first/News&Topics.jpg) no-repeat top center !important;}

#news.page-wrap .title-content .content {height: 180px;}
#news.page-wrap .title-content {height: 180px;}
#blog.page-wrap .title-content {background: url(../images/first/06_Blog.jpg) no-repeat top center !important;}
#blog.page-wrap .title-content .content {height: 180px;}
#blog.page-wrap .title-content .content img {width: 100%; height:auto;}
#blog.page-wrap .title-content {height: 180px;}





.page-wrap.grossy .title-content {background: url(../images/first/GLOSSYcollection.jpg) no-repeat top center !important;}
.page-wrap.graceful .title-content {background: url(../images/first/GRACEFULcollection.jpg) no-repeat top center !important;}
.page-wrap.frotune .title-content {background: url(../images/first/FORTUNEcollection.jpg) no-repeat top right !important;}
.page-wrap.frotune .title-content .content h1 {color: #333 !important;}

.page-wrap.items02 .title-content {background: url(../images/first/piercechaapter.jpg) no-repeat top left !important;}
.page-wrap.items03 .title-content {background: url(../images/first/necklacechapter.jpg) no-repeat top center !important;}
.page-wrap.items04 .title-content {background: url(../images/first/braceletchapter.jpg) no-repeat top right !important;}

/*


#product .title-content .content h1 {position: absolute; font-size: 45px; line-height: 1.2em; top: 200px; right: 0; text-align: right;}
#product .title-content .content h1 span {font-size: 55px; line-height: 1.5em; }
*/
#product .title-content .content h1 {
  color: #fff;
  /*font-weight: bold;*/
  font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  position: absolute;
    font-size: 20px;
    line-height: 1.2em;
    top: 50%;
    width: 100%;
    /* right: 0; */
    left: 0%;
    text-align: center;}
#product .title-content .content h1 span {line-height: 1.5em; }
#product .title-content .content h1 br{display: none;}

#product .title-content .content .read {display: none; padding-top: 450px; width: 40%; font-size: 16px;line-height: 1.5em;}








/* ページごとのコンテンツ処理 */
.page-wrap .wrap-content {width: 90%; /*max-width: 1200px;*/ margin: 80px 5% 0px 5%; /*min-height: 1000px;*/}
#product .page-wrap .wrap-content {margin-top: 0;}
#product .page-wrap .wrap-content {background-color: #333;}

.take-on {margin-top: 40px;}

.page-wrap .wrap-content .content {margin-bottom: 180px; /*display: flex; justify-content: space-between;*/}
.page-wrap .wrap-content .content .side-content {width: 17%; float: left; padding-top: 40px;}
.page-wrap .wrap-content .content .side-content.fixedWidget {padding-top: 120px;}
.top-content .page-wrap .wrap-content .content .side-content {display: none;}
.page-wrap .wrap-content .content .side-content.fixedWidget {position: fixed; top: 0; left: 5%;}
.page-wrap .wrap-content .content .side-content ul {margin-bottom: 50px; font-size: 0.9em; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.page-wrap .wrap-content .content .side-content ul li {}
.page-wrap .wrap-content .content .side-content ul li a {display: block; margin-bottom: 5px;}
.page-wrap .wrap-content .content .side-content ul li.main {margin-left: -10px; font-size: 18px; /*font-weight: bold;*/ margin-bottom: 15px; display: block;}
.page-wrap .wrap-content .content .side-content .side-top {font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin-left: -10px; font-size: 18px; /*font-weight: bold;*/ margin-bottom: 40px; display: block;}
.page-wrap .wrap-content .content .main-content {width: 78%; float: right; padding-top: 40px; margin-bottom: 150px;}
.page-wrap .wrap-content .content .main-content:last-child {margin-bottom: 0;}

.page-wrap .wrap-content .content .main-content .cat-tab {width: 100%; display: flex; margin-bottom: 30px;}
.page-wrap .wrap-content .content .main-content .cat-tab li {width: calc(100% / 4.5); border-right: 1px solid #efefef; margin-bottom: 30px;}
.page-wrap .wrap-content .content .main-content .cat-tab li a {display: block; margin: 0 15px; font-size: 14px; text-align: center; padding: 10px 0;}
/*.page-wrap .wrap-content .content .main-content .cat-tab li a.current {border-bottom: 2px solid #efefef; pointer-events: none;}*/
.page-wrap .wrap-content .content .main-content .cat-tab li:last-child {border-right: none;}

.page-wrap .wrap-content h2 {/*font-weight: bold;*/font-size: 20px; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin-bottom: 30px; padding-bottom: 10px; /*border-bottom: 1px solid #efefef;*/ text-align: center; color: #615d59;}

.page-wrap .wrap-content a img {border: none; vertical-align: top; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out;}
.page-wrap .wrap-content .photo {overflow: hidden;}


/* archive.product.php */
#product.page-wrap .wrap-content .content ul.list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
#product.page-wrap .wrap-content .content ul.list li {text-align: center; width: 30%; margin-right: 5%; margin-bottom: 40px; position: relative;}
#product.page-wrap .wrap-content .content ul.list li:nth-child(3n) {margin-right: 0;}


#product.page-wrap .wrap-content .content ul.list li .off {display: block; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
#product.page-wrap .wrap-content .content ul.list li .on {position: absolute; top: 0; left: 0; opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}
#product.page-wrap .wrap-content .content ul.list li:hover .off {display: block;}
#product.page-wrap .wrap-content .content ul.list li:hover .on {opacity: 1; background: #fff; position: absolute; top: 0; left: 0; z-index: 99;}
#product.page-wrap .wrap-content .content ul.list li:hover .on {opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}


#product.page-wrap .wrap-content .content ul.list li a {display: block;}
#product.page-wrap .wrap-content .content ul.list li h2 {font-size: 15px; margin-bottom: 10px;}
#product.page-wrap .wrap-content .content ul.list li .photo {margin-bottom: 15px; overflow: hidden; position: relative;}
#product.page-wrap .wrap-content .content ul.list li .photo img {width: 100%; height: auto;}
#product.page-wrap .wrap-content .content ul.list li ul.photo {display: flex; flex-wrap: wrap;}
#product.page-wrap .wrap-content .content ul.list li ul.photo li {width: 50%; margin: 0;}

#product.page-wrap .wrap-content .content ul.list li .info {font-size: 13px;}
#product.page-wrap .wrap-content .content ul.list li .coming_soon {position: absolute; display: none; top: 0; left: 0; z-index: 9;}
#product.page-wrap .wrap-content .content ul.list li .coming_soon img {width: 100%; height: auto;}

/* single-product.php */
#product.page-wrap .single {}
#product.page-wrap .single .bx-controls-direction {display: none;}
#product.page-wrap .single .content {}
#product.page-wrap .single .content h1 {font-size: 28px; /*font-weight: bold;*/ margin-bottom: 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.mintyo {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
#product.page-wrap .single .content h1 span {font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 12px; display: block; margin-bottom: 10px; font-weight: normal;}
#product.page-wrap .single .content .single-content {display: flex; justify-content: space-between; margin-bottom: 180px;}
#product.page-wrap .single .content .single-content .photo-area {width: 50%;}
#product.page-wrap .single .content .single-content .photo-area img {width: 100%; height: auto;}
#product.page-wrap .single .content .single-content .photo-area .bx-pager {}
#product.page-wrap .single .content .single-content .photo-area .bx-pager {margin-top: 5px; display: flex; margin-left: -4%; justify-content: flex-start; flex-wrap: wrap;}
#product.page-wrap .single .content .single-content .photo-area .bx-pager li {width: 22%; margin-left: 3%; margin-top: 10px;}
#product.page-wrap .single .content .single-content .photo-area .bx-pager li img {width: 100%; height: auto;}
#product.page-wrap .single .content .single-content .text-area {width: 45%;}
#product.page-wrap .single .content .single-content .text-area ul {}
#product.page-wrap .single .content .single-content .text-area ul > li {margin-bottom: 20px;}
#product.page-wrap .single .content .single-content .text-area ul > li .title {font-size: 0.9em;}
#product.page-wrap .single .content .single-content .text-area .price-text {font-size: 16px; margin-bottom: 40px;}
#product.page-wrap .single .content .single-content .text-area ul li.price {margin-top: 60px; margin-bottom: 0px;}
#product.page-wrap .single .content .single-content .text-area ul li.price ul {display: flex;}
#product.page-wrap .single .content .single-content .text-area ul li.price ul li {position: relative; margin-right: 20px;}
#product.page-wrap .single .content .single-content .text-area ul li.price ul li:first-child {border: 1px solid #efefef; width: 150px; padding: 10px 5px;}
#product.page-wrap .single .content .single-content .text-area ul li.price ul li:first-child:after {position: absolute; top: 10px; font-size: 10px; right: 5px; content: '▼';}
#product.page-wrap .single .content .single-content .text-area ul li.price ul li:first-child:before {font-size: 11px; position: absolute; top: -20px; left: 0; content: 'サイズを選択';}
#product.page-wrap .single .content .single-content .text-area ul li.price ul li a.list {font-size: 12px; display: block; text-decoration: underline;}
#product.page-wrap .single .content .single-content .text-area .cart-btn01 {border: 1px solid #333; cursor: pointer; margin-bottom: 20px;}
#product.page-wrap .single .content .single-content .text-area .cart-btn01 {display: none;}
#product.page-wrap .single.items01 .content .single-content .text-area .cart-btn01 {background: #fff; width: 100%; padding: 5px 0; font-size: 16px; /*font-weight: bold;*/ text-align: center; display: block; color: #333;}

#product.page-wrap .single .content .single-content .text-area .cart-btn01:hover {}
#product.page-wrap .single .content .single-content .text-area .cart-btn02 {background: #333; width: 100%; padding: 10px 0; font-size: 16px; /*font-weight: bold;*/ margin-bottom: 20px; text-align: center; display: block; color: #fff; cursor: pointer;}
#product.page-wrap .single .content .single-content .text-area .cart-btn02:hover {background: #615d59;}



.qa {text-align: left; line-height: 2em;}
.qa dt{
  /*
  counter-increment: q;
  padding:20px 50px 20px 100px;
  position: relative;
  border-bottom: 1px dashed #bd0214;
  margin-top: 10px;
  cursor: pointer;
  */
}

.qa dt span {position: relative;}
.qa dt span:after {
      content: '▶︎';
    display: block;
    position: absolute;
    top: -5px;
    right: -20px;
    font-size: 12px;
}
.qa dt:before {
  /*
  content: 'Q' counter(q) '.';
  color: #bd0214;
  font-size: 40px;
  position: absolute;
  top:15px; left: 0;
  */
}
/*
.qa dt:after {

  content: '▶︎';
  display: block;
  
  font-size: 20px;
  transform: scale(1,0.6);
  color: #bd0214;
  position: absolute;
  top:25px; right:20px;
  
}
*/
.qa dt.close span:after {content: '▼'; /*transform: rotate(90deg) scale(1);*/ }
.qa dd {
  text-align: center;
  /*
  counter-increment: a;
  padding:20px 50px 20px 100px;
  position: relative;
  margin-top: 10px;
  */
  display: none;
}
.qa dd:before {
  /*
  content: 'A' counter(a) '. ';
  font-size: 40px;
  position: absolute;
  top:15px; left: 0;
  */
}





#brand-concept {}
#brand-concept #wrap {}
#brand-concept #wrap .top-content {text-align: center;}
#brand-concept #wrap .top-content p {margin-bottom: 30px; margin-top: 30px; /*font-weight: bold;*/}
#brand-concept #wrap .top-content p.about-text {font-weight: normal; font-size: 13px; font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;}
#brand-concept #wrap .top-content h1 {font-size: 32px; /*font-weight: bold;*/ margin-bottom: 120px;}
#brand-concept #wrap .top-content h2 {border-bottom: none; /*font-weight: bold;*/ font-size: 32px; margin-bottom: 100px;}

#about #brand-concept #wrap .top-content h2 {border-bottom: 1px solid #efefef; font-size: 24px; margin-bottom: 60px; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#about #brand-concept #wrap .top-content .list-content {width: 100%; display: flex; justify-content: space-between;}
#about #brand-concept #wrap .top-content .list-content .list {width: 48%; display: flex; justify-content: space-between;}
#about #brand-concept #wrap .top-content .list-content .list .photo {width: 30%; height: 200px; background: #c2c2c2; margin-top: 0;}
#about #brand-concept #wrap .top-content .list-content .txt {width: 65%; text-align: left; font-size: 14px; line-height: 1.5em;}
#about #brand-concept #wrap .top-content .list-content .txt h3 {font-size: 16px; /*font-weight: bold;*/ margin-bottom: 10px;}
#about #brand-concept #wrap .top-content .list-content .txt {}
#about #brand-concept #wrap .top-content .company-list {width: 80%; margin: auto; text-align: left;}
#about #brand-concept #wrap .top-content .company-list li {padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #efefef;}
#about #brand-concept #wrap .top-content .company-list li img {width: 70px; height: auto;}
#about #brand-concept #wrap .top-content .company-list li span {min-width: 250px; display: inline-block; /*font-weight: bold;*/}

#about .pages,#brand-concept .pages {border-bottom: none;}
#about .title-content .content h1 {/*font-weight: bold;*/ color: #fff; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: absolute; font-size: 20px; line-height: 1.2em; top: 50%; width: 100%; left: 0%; text-align: center;}
#about .title-content .content h1 span {line-height: 1.5em; }
#brand-concept .title-content .content h1 {/*font-weight: bold;*/ color: #fff; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: absolute; font-size: 20px; line-height: 1.2em; top: 50%; width: 100%; left: 0%; text-align: center;}
#news .title-content .content h1 {display: none; /*font-weight: bold;*/ color: #fff; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: absolute; font-size: 20px; line-height: 1.2em; top: 50%; width: 100%; left: 0%; text-align: center;}
#blog .title-content .content h1 {display: none; /*font-weight: bold;*/ color: #fff; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: absolute; font-size: 20px; line-height: 1.2em; top: 50%; width: 100%; left: 0%; text-align: center;}
#brand-concept .title-content .content h1 span {line-height: 1.5em; }
/*#about.page-wrap .title-content,#brand-concept.page-wrap .title-content {height: 600px; width: 100%; max-width: 1600px; margin: auto; position: relative; background: url(../images/header/slide03.jpg) no-repeat top center;} */


#attention #wrap.attencion {width: 900px;}
#attention #wrap .top-content h1 {text-align: center; font-size: 32px; /*font-weight: bold;*/ margin-bottom: 120px;}
#attention .wrapcontent .content {margin-bottom: 60px; line-height: 2em;}
#attention .wrapcontent .content img {width: 300px; height: auto;}
#attention .wrapcontent .content h3 {font-size: 18px; margin-bottom: 10px; /*font-weight: bold;*/}
#attention .wrapcontent .content span {display: block; margin-left: 20px; position: relative;}
#attention .wrapcontent .content span:before {content: '・'; position: absolute; top: 0; left: -15px;}

#after_care #wrap.attencion {width: 900px;}
#after_care #wrap .top-content h1 {text-align: center; font-size: 32px; /*font-weight: bold;*/ margin-bottom: 120px;}
#after_care #wrap .top-content h1 span {font-size: 12px; display: block; margin-top: 10px;}
#after_care .wrapcontent .content {margin-bottom: 60px; line-height: 2em; font-size: 13px;}
#after_care .wrapcontent .content a.contact-link {text-decoration: underline; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#after_care .wrapcontent .content a.contact-link:hover {opacity: 0.6;}
#after_care .wrapcontent .content h3 {font-size: 14px; margin-bottom: 10px; /*font-weight: bold;*/}
#after_care .wrapcontent .content span.text01 {font-size: 12px;}

#spec_care #wrap.attencion {width: 900px;}
#spec_care #wrap .top-content h1 {text-align: center; font-size: 32px; /*font-weight: bold;*/ margin-bottom: 120px;}
#spec_care #wrap .top-content h1 span {font-size: 12px; display: block; margin-top: 10px;}
#spec_care .wrapcontent .content {margin-bottom: 60px; line-height: 2em; font-size: 13px;}
#spec_care .wrapcontent .content a.contact-link {text-decoration: underline; --webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#spec_care .wrapcontent .content a.contact-link:hover {opacity: 0.6;}
#spec_care .wrapcontent .content h3 {font-size: 14px; margin-bottom: 10px; /*font-weight: bold;*/}
#spec_care .wrapcontent .content span.text01 {font-size: 12px;}





#wrap.news {width: 65%; margin: auto;}
#wrap.news ul {}
#wrap.news ul li {list-style-type: none;}
#wrap.news ul li a {
  display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
  }

.single-content {}
.single-content .content {padding: 10px 10px 30px 10px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.single-content .content .ymd {padding-top: 20px; text-align: left; margin-bottom: 10px; font-size: 13px;}
.single-content .content p {font-size: 15px;}



#wrap.page-content h1 {font-size: 32px; /*font-weight: bold;*/ margin-bottom: 100px; text-align: center;}
#blog #wrap.page-content h1,#news #wrap.page-content h1,#contact #wrap.page-content h1 {font-size: 20px;}
#blog #wrap.page-content h1, #news #wrap.page-content h1 {margin-bottom: 30px;}
#wrap.page-content .single-content h1 {font-size: 18px; font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

.none-area {display: none;}








#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dl {
  border-bottom: none;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dt {
  width: 100%;  
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd {
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd.two {
  justify-content: left;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dt p.must {
  display: none;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd.two .col_tow {
  width: auto;
  margin-right: 20px;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview dd.two .col_tow.cap {
  width: auto;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview .contactBtn input {
  width: 60%;
  max-width: 300px;
}
#contact_page #wrap .top-content.contact-content .mw_wp_form_preview .contactBtn #back {
  margin-bottom: 20px;
}

.mw_wp_form_preview {}



.mw_wp_form_complete {

}


.mw_wp_form_complete p {
  text-align: center;
  margin-bottom: 20px;
}




.stores_jp_link {
  width: 100%;
    display: block;
    background: #5CB1B1;
    height: 40px;
    line-height: 40px;
    border: none;
    transition: all 0.3s ease-out;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.stores_jp_link:hover {
    background: #333;
    color: #fff;
}