@charset "utf-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

main, article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*======================================================================
	Copyright (c) 2011, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 2.9.0

    Font-size Adjustment

    77%   =  10px    |    123.1%  =  16px    |    167%  =  22px
    85%   =  11px    |    131%    =  17px    |    174%  =  23px
    93%   =  12px    |    138.5%  =  18px    |    182%  =  24px
    100%  =  13px    |    146.5%  =  19px    |    189%  =  25px
    108%  =  14px    |    153.9%  =  20px    |    197%  =  26px
    116%  =  15px    |    161.6%  =  21px    |
======================================================================*/

body { font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small
}
select,
input,
textarea,
button { font:99% arial, helvetica, clean, sans-serif }
table { font-size:inherit; font:100% }
pre,
code,
kbd,
samp,
tt { font-family:monospace; *font-size:108%;
line-height:100% }

/********************
float fix
********************/
.clearfix:after { /*--for modorn brouser--*/
	content: ".";
	display: block;
	line-height: 0;
	clear: both;
	height: 0;
	color: transparent;
	visibility: hidden;
}

.clearfix{ /*--IE 5.5-7--*/
	zoom:1;
}

/********************
hide outline
********************/
a, a img {
	outline: 0;
	overflow:hidden;
}
@charset "utf-8";
body{
	margin:0px;
	color:#000000;
	min-width:1335px;
	font-size:14px;
font-family: yu-mincho-pr6, sans-serif;
font-style: normal;
font-weight: 400;
}
nav ul{
	list-style:none;
}
header{
	height:118px;
	padding:10px 0 0 0;
	box-sizing:border-box;
	position:relative;
}
#header_inner{
	width:880px;
	margin:0 auto;
}
header h1{
	width:162px;
	height:93px;
	float:left;
}
header h1 a{
	display:block;
	width:100%;
	height:100%;
}
#hnav{
	width:580px;
	float:right;
	padding:32px 0 0 0;
}
#hanv ul{
}
#hnav01{
	float:left;
	padding:10px 20px;
	width:200px;
	box-sizing:border-box;
	border-right:1px solid #903a42;
}
#hnav02{
	float:left;
	padding:10px 20px;
	width:160px;
	box-sizing:border-box;
	border-right:1px solid #903a42;
}
#hnav li a{
	display:block;
	text-align:center;
	color:#000000;
	text-decoration:none;
}
#hnav li a:hover{
	color:#d54416;
}
#hnav01 a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,bcbcbc+100 */
	background: rgb(231,231,231); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
	font-size:15px;
	box-sizing:border-box;
	width:160px;
	height:40px;
	line-height:40px;
	border:1px solid #606060;
}
#hnav03{
	float:right;
	width:220px;
	padding:0 20px;
	box-sizing:border-box;
}
#hnav03 a{
	font-size:15px;
	box-sizing:border-box;
	width:180px;
	height:30px;
	line-height:30px;
	border:1px solid #606060;
}
#header_tel{
	font-size:18px;
	letter-spacing:1px;
}
#header_tel small{
	font-size:12px !important;
}
#gnav{
	background:#dfdfdf;
}
#gnav ul{
	width:1120px;
	margin:0 auto;
}
#gnav li{
	float:left;
	width:calc(100% / 8);
	height:70px;
	position:relative;
}
#gnav li a{
	display:block;
	width:100%;
	height:100%;
	color:#9b9b9b;
	text-align:center;
	font-size:;
	text-decoration:none;
	font-size:20px;
	font-style: italic;
	line-height:1.2em;
	padding:13px 0 0 0;
	box-sizing:border-box;
}
#gnav li a:hover{
	color:#d54416;
}
#gnav li a span{
	display:block;
	color:#000 !important;
	font-size:12px !important;
	font-style: normal !important;
}
#gnav li div{
    position: absolute;
    top: 70px;
    left: 0;
    z-index:5;
}
#gnav li div p{
    display: block;
}
#gnav li div p a{
	line-height:50px;
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:0 20px;
	display:block;
}
#gnav li div{
    display: none;
}
#gnav li:hover div{
    display: block;
}
footer{
	background:#dfdfdf;
	padding:15px 0;
}
#footer_inner{
	line-height:1.8em;
	width:960px;
	margin:0 auto;
}
#footer_ad{
	width:455px;
	float:left;
	padding:0px 0 0px 25px;
}
#fnav{
	width:400px;
	float:right;
}
#fnav ul{
	list-style:disc !important;
	padding:0 0 0 20px;
	box-sizing:border-box;
}
#fnav01{
	width:160px;
	float:left;
}
#fnav02{
	width:240px;
	float:left;
}
#footer_inner a{
	color:#000;
	text-decoration:none;
}
#footer_inner a:hover{
	text-decoration:underline;
}
#copyright{
	clear:both;
	text-align:center;
	padding:10px 0;
}
.gotop {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 77%;
	z-index: 10000;
}
.gotop a{
	display:block;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	width:160px;
	background:#dd325d;
	line-height:40px;
	border-radius:5px;
}
#page_title{
text-align:center;
font-size:30px;
font-style: italic;
  padding:60px 0;
  line-height:1.2em;
  letter-spacing:3px;
}
#page_title span{
  display:block;
font-size:12px !important;
font-style: normal;
}
#header_img{
margin:0 0 20px 0;
}
#header_img img{
width:100%;
  height:auto;
  display:block;
}
.concept_img{
margin:0 0 20px 0;
}
.concept_img img{
width:100%;
  height:auto;
  display:block;
}
#concept1{
padding:60px 0;
  text-align:center;
  font-size:16px;
}
#concept1 article{
  width:860px;
  margin:0 auto;
  line-height:1.8em;
}

#concept2{
padding:120px 0 300px;
  text-align:center;
  font-size:16px;
	background:url('https://img21.shop-pro.jp/PA01405/095/etc/concept_bg1.jpg') no-repeat center bottom;
  background-size:cover;
}
#product #concept2{
padding:120px 0 100px !important;
}
#concept2 h3{
font-size:30px;
  margin:0 0 40px 0;
}
#concept2 article{
  width:960px;
  margin:0 auto;
  line-height:1.8em;
}

#concept3{
padding:70px 0 80px;
  text-align:center;
  font-size:16px;
	background:url('https://img21.shop-pro.jp/PA01405/095/etc/concept_bg2.jpg') no-repeat center top;
  background-size:cover;
}
#concept3 h3{
font-size:30px;
  margin:0 0 40px 0;
}
#concept3 article{
  width:720px;
  margin:0 auto;
  line-height:1.8em;
}

#concept4{
padding:110px 0 80px;
  text-align:center;
  font-size:16px;
	background:url('https://img21.shop-pro.jp/PA01405/095/etc/concept_bg3.jpg') no-repeat center top;
  background-size:cover;
}
#concept4 h3{
  margin:0 0 40px 0;
  color:#fff;
}
#concept4 article{
  width:960px;
  margin:0 auto;
  line-height:1.8em;
  display:flex;
  flex-wrap:wrap;
}
#concept4 article dl{
  width:420px;
  padding:40px 30px;
  margin:0 20px 40px;
  background:#fff;
  box-sizing:border-box;
  
}
#concept4 article dt{
  color:#c7103c;
  margin:0 0 30px 0;
font-size:28px;
  line-height:1.5em;
}
#concept4 article dd{  
  line-height:1.8em;
  letter-spacing:2px;
}
#concept5 {
padding:110px 0 80px;
  text-align:center;
  font-size:16px;
}
#concept5 h3{
font-size:30px;
  margin:0 0 40px 0;
}
#concept5 article{
  width:960px;
  margin:0 auto;
  line-height:1.8em;
  text-align:left;
}
#concept5 h4{
font-size:24px;
color:#c7103c;
  margin:0 0 0px 0;
  border-left:28px solid #c7103c;
  padding:0 0 0 10px;
}

#concept5 article ul,
#concept5 article ol{
  padding:20px 0 40px 20px;
}
#concept5 article dl{
  width:420px;
  padding:70px 30px;
  margin:0 20px 40px;
  background:#fff;
  box-sizing:border-box;
background:url('https://img21.shop-pro.jp/PA01405/095/etc/bg_color1.jpg') no-repeat center center;
}
#concept5 article dl:nth-child(2n){
background:url('https://img21.shop-pro.jp/PA01405/095/etc/bg_color2.jpg') no-repeat center center;
}
#concept5 article dl:nth-child(3n){
background:url('https://img21.shop-pro.jp/PA01405/095/etc/bg_color3.jpg') no-repeat center center;
}
#concept5 article dl:nth-child(4n){
background:url('https://img21.shop-pro.jp/PA01405/095/etc/bg_color4.jpg') no-repeat center center;
}
#concept5 article dt{
  margin:0 0 30px 0;
  font-size:30px;
}
#concept5 article dd{  
  line-height:1.8em;
}
#story1 h3{
font-size:30px;
  margin:0 0 60px 0;
  text-align:center;
  line-height:1.5em;
}
#story1 h4{
font-size:24px;
  margin:0 0 30px 0;
  line-height:1.5em;
color:#d78080;
}
#story1 h5{
font-size:20px;
  margin:20px 0 10px 0;
  line-height:1.5em;
}
#story1 article{
width:960px;
  margin:0 auto;
  line-height:1.8em;
}
#story1 article ul{
  padding:0 0 0 20px;
}
#story1 article dl{
  margin:0 0 80px 0;
}
#story1 article dl:nth-child(odd) dt{
  width:400px;
  float:left;
  margin:0 80px 0 0;
}

#story1 article dl:nth-child(odd) dd{
  width:400px;
  float:left;
}

#story1 article dl:nth-child(even) dt{
  width:400px;
  float:right;
  margin:0 0 0 80px;
}

#story1 article dl:nth-child(even) dd{
  width:400px;
  float:right;
}
.more6{
text-align:center;
  padding:20px 0;
}
#story2 article{
width:960px;
  margin:0 auto;
}

#story2 article dl{
  background:#f4f4f4;
  margin:0 0 80px 0;
}
#story2 article dt{
  width:480px;
}
#story2 article dd{
  width:480px;
  padding:60px 60px 0 60px;
  box-sizing:border-box;
font-size:15px;
line-height:1.8em;
}
#story2 article dd h4{
  font-size:30px;
  margin:0 0 60px 0;
}
#story2 .staff_comment{
padding:60px 0 0 0;
}
#story2 article dt img{
  display:block;
}
#story2 article dl:nth-child(odd) dt{
  float:left;
}
#story2 article dl:nth-child(odd) dd{
  float:right;
}
#story2 article dl:nth-child(even) dt{
  float:right;
}
#story2 article dl:nth-child(even) dd{
  float:left;
}
#faq1 article{
width:960px;
  margin:0 auto;
}
#faq1 article dl{
  margin:0 0 60px 0;
}
#faq1 article dt{
  border-bottom:1px solid #d05d5d;
  text-align:center;
  font-size:18px;
  margin:0 0 10px 0;
  line-height:1.8em;
}
#faq1 article dt span{
  display:block;
  font-size:30px;
  color:#d05d5d;
  margin:0 0 20px 0;
}

#faq1 article dd{
  border:1px solid #6462a2;
  padding:20px;
  background:#f3effb;
  line-height:1.8em;
  display:flex;
}
#faq1 article dd span{
  display:block;
  width:80px;
  float:left;
  color:#6462a2;
  font-size:30px;
}
#about1{
padding:60px;
}
#about1 article{
width:960px;
  margin:0 auto;
}
#about1 article table{
  width:100%;
}

#about1 article th,
#about1 article td{
  border-bottom:1px solid #666;
  padding:10px 20px;
  text-align:left;
}
#about1 h3{
font-size:30px;
  margin:0 0 60px 0;
  text-align:center;
  line-height:1.5em;
}
#douga article{
width:960px;
  margin:0 auto;
}
#about1{
width:960px;
  margin:0 auto;
}
#about1 .comment{
padding:40px 0;
  text-align:center;
  font-size:18px;
  line-height:2em;
}
#voice{
width:960px;
  margin:0 auto;
}
#voice article{
  display:flex;
  flex-wrap:wrap;
}
#voice article dl{
  width:25%;
  padding:0 5px 30px;
  box-sizing:border-box;
}
#voice article dt{
  height:220px;
  overflow:hidden;
}
#voice_catch{
text-align:center;
  margin:0 0 40px 0;
  font-size:30px;
  color:#d54416;
  line-height:1.8em;
  font-weight:bold;
}
#anq{
list-style:none;
  display:flex;
  flex-wrap:wrap;
}
#anq li{
  width:calc(100% / 2 - 20px);
  	margin:0 10px 20px;
}
#page_title_hanaya{
text-align:center;
  width:1200px;
  margin:0 auto;
}
#hanaya{
  width:1200px;
  margin:0 auto;
}
#hanaya .comment h4{
text-align:center;
  font-size:36px;
  margin:0 0 30px 0;
}

#hanaya .comment{
text-align:center;
  line-height:2em;
  margin:0 0 60px;
  padding:40px 0 0;
}
#tenpo{
list-style:none;
  display:flex;
  flex-wrap:wrap;
}
#tenpo li{
  width:600px;
  margin:0 0 20px 0;
}
#official a{
display:block;
  width:600px;
  line-height:40px;
  background:#dd325d;
  color:#fff;
  text-decoration:none;
  text-align:center;
  border-radius:5px;
  margin:30px auto;
}
small.eng{
font-size:15px;
padding:0 0 0 40px;
font-style:itaric;
}
.staff_salon{
	padding:60px 0 0 0;
}
.staff_salon h5{
	font-size:18px;
	border-bottom:1px dotted #aaa;
	padding:0 10px 10px;
	margin:0 0 10px 0;
}
dd.staff_comment2{
	clear:both;
	float:none !important;
	width:100% !important;
	padding:0px 60px 60px !important;
	position:relative;
}
dd.staff_comment2 h5{
	background:#666;
	color:#fff;
	font-size:26px;
	padding:10px 10px 15px 10px;
	margin:0 0 20px 0;
}
dd.staff_comment2 img{
	width:450px;
	display:block;
	top:90px;
	left:70px;
	position:absolute;
	z-index:10;
}
.staff_comment2_inner{
	background:#fff;
	padding:30px 30px 30px 160px;
	width:60%;
	box-sizing:border-box;
	position:relative;
	z-index:9;
	margin:180px 0 0 40%;
	line-height:1.8em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.voice1,
.voice2{
position:relative;
}
.voice_photo img{
width:100%;
  height:auto;
}
.voice_comment{
position:absolute;
  width:40%;
  padding:0 0 0 50px;
  box-sizing:boder-box;
  top:100px;
  left:0;
  font-size:14px;
}
.voice_comment h6{
  font-size:24px;
  margin:0 0 15px;
  line-height:1.6em;
}
.sub-list{
max-width:960px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
}
.sub-list li{
width:300px;
  margin:0 10px 20px;
}
.sub-list li a{
  display:block;
  line-height:30px;
  border:1px solid #0088cc;
  text-align:center;
}