@charset "utf-8";
body, input, textarea {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
color:#333333;
font-size:14px;
}
a {
color:#af1717;
text-decoration:none;
}
a:hover {
}
h1 {
font-weight:normal;
margin:0;
}
h2 {
font-size:16px;
font-weight:normal;
margin:0;
}
h3 {
margin:0;
}
p{
margin:0;
line-height:180%;
}
table {
width:100%;
border-collapse: collapse;
}
ul {
list-style:none;
margin:0;
padding:0;
}
li {
}
dl{
width: 100%;
overflow: hidden;
}
dd:after{
display: block;
content: "";
clear: both;
}
section {
margin:0 auto;
}
input[type="text"],input[type="password"],textarea {
padding:5px;
border:solid 1px #D2D6DE;
margin:0 0 10px;
}
button {
padding: 10px;
border: none;
box-sizing:border-box;
width:150px;
display: inline-block;
position: relative;
cursor: pointer;
background-color: #FEEBBE;
}
button:hover {
background-color:#ffffff;
color:#367fa9;
}
button[type="button"] {
border:1px solid #dddddd;
background-color: #F4F4F4;
color:#000000;
margin-right:20px;
}
select {
border:1px solid #aaa;
}
.pc{
display: block !important;
}
.sp{
display: none !important;
}
.btn{
display:block;
width:300px;
margin:0 auto;
border:1px solid #ada79c;
text-align:center;
font-size:15px;
text-decoration:none;
padding:15px;
background-color:#ffffff;
}
.btn:hover{
opacity:0.8;
}
#greeting h1,
#greeting h2,
section#menu_and_head h1,
section#style h1,
main#menu h1,
main#staff h1,
main#headspa h1,
main#style h1,
main#access h1,
main#headspa h1,
main#style h1,
main#access h1
{
font-family: 'Cormorant Garamond', serif;
}
section#menu_and_head h1,
section#style h1
{
color:#af1717;
margin-bottom:45px;
padding:0 0 12px;
background: url(../img/bg_h1.png) no-repeat center bottom;
text-align:center;
}
#container{
width:900px;
margin:115px auto;
overflow:hidden;
}
#menu h1,
#staff h1,
#headspa h1,
#style h1,
#access h1
{
margin-bottom:45px;
padding:0 0 13px;
background: url(../img/bg_h1.png) no-repeat center bottom;
text-align:center;
font-size:42px;
}


/**--------------- HEADER  ---------------**/
header{
background-color:#af1717;
font-family: 'Cormorant Garamond', serif;
overflow:hidden;
}
header section{
position:relative;
width:800px;
padding:76px 0 64px;
}
header a{
color:#fff;
}
header h1{
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
background: url(../img/logo.png) no-repeat;
width: 160px;
height: 55px;
margin:0 auto 40px;
}
header h1 a{
display:block;
height:100%;
}
header nav ul{
}
header nav li {
display:inline-block;
margin-right:69px;
font-size:17px;
}
header nav li:last-child{
margin-right:0;
}
header nav li a:hover{
text-decoration:underline;
}
header ul#sns{
position:absolute;
top:90px;
right:0;
}
header ul#sns li{
overflow:hidden;
white-space: nowrap;
text-indent: 100%;
display:block;
float:left;
margin-left:18px;
width: 26px;
height: 26px;
}
header ul#sns li a{
display:block;
height:100%:
}
header ul#sns .insta{
background: url(../img/ico_insta.png) no-repeat;
}
header ul#sns .line{
background: url(../img/ico_line.png) no-repeat;
}
#mv{
text-align:center;
}
#intro{
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
background: url(../img/bg_header.jpg) no-repeat center center;
background-size:cover;
height:20px;
}

/**--------------- FOOTER  ---------------**/
footer {
background-color:#af1717;
padding:65px 0;
color:#ffffff;
text-align:center;
}
footer div{
overflow:hidden;
width:700px;
margin:0 auto 65px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:26px 0 26px 200px;
background: url(../img/ico_tel.png) no-repeat 100px center;
text-align:left;
}
footer div p{
font-size:14px;
font-weight:bold;
}
footer div address{
font-style:normal;
}
footer div address span{
display:inline-block;
margin-right:20px;
font-size:32px;
font-family: 'Tahoma',sans-serif;
}
footer nav{
margin:80px auto;
}
footer nav ul{
text-align:center;
}
footer nav li{
display:inline-block;
}
footer nav li:after{
content: "｜";
}
body > footer > nav > ul > li:nth-child(7):after {
content:none;
}
footer nav a{
color:#ffffff;
text-decoration:underline;
}
footer h3,
footer > p,
footer small{
text-align:center;
}
footer h3{
font-size:24px;
font-weight:normal;
margin-bottom:5px;
}
footer h3 span{
font-size:16px;
}
footer > p{
margin-bottom:20px;
}
footer small{
font-size:14px;
}

/**
   TOP  --------------------------------
 **/
section#greeting{
background-color:#af1717;
padding:90px 0;
}
#greeting h1{
width:900px;
background: url(../img/index/bg_greeting.png) repeat-x center;
margin:0 auto 65px;
color:#ffffff;
}
#greeting h1 span{
display:block;
width:260px;
margin:0 auto;
background-color:#af1717;
text-align:center;
}
#greeting > p{
width:900px;
margin:0 auto 90px;
text-align:center;
color:#ffffff;
font-size:15px;
}
#greeting > div{
width:820px;
margin: 0 auto;
background-color:#ffffff;
padding:40px 40px 65px;
position:relative;
border-radius:5px;
}
#greeting > div h2{
font-size:28px;
color:#af1717;
text-align:center;
margin-bottom:30px;
}
#greeting > div > div{
overflow:hidden;
margin-bottom:30px;
}
#greeting dl{
border-bottom: 1px solid #e7b9b9;
width:400px;
float:left;
color:#af1717;
}
#greeting dl dt{
width: 120px;
border-top: 1px solid #e7b9b9;
margin: 0;
padding: 10px 0;
float: left;
clear: left;
font-size:14px;
}
#greeting dl dd{
margin: 0 0 0 120px;
padding: 10px;
padding-left: 20px;
border-top: 1px solid #e7b9b9;
font-size:15px;
}
#greeting dl dt:first-child,
#greeting dl dd:nth-child(2){
border-top: none;
}
#greeting article{
float:right;
width:400px;
margin-top:20px;

}
#greeting table{
/*
border-top:1px solid #e7b9b9;
border-right:1px solid #e7b9b9;
*/
}
#greeting table caption{
color:#af1717;
font-size:15px;
/*margin-bottom:10px;*/
}
#greeting table th,
#greeting table td{
/*
border-bottom:1px solid #e7b9b9;
border-left:1px solid #e7b9b9;
*/
font-size:12px;
}
#greeting table th{
font-weight:normal;
padding:5px;
}
#greeting table td{
text-align:right;
/*padding:5px 5px 15px;*/
}
#greeting table th.sun{
color:#af1717;
}
#greeting table th.sat{
color:#4c75b9;
}
#greeting table td.ho{
background-color:#f7d6dc;
}
#greeting article aside{
margin:12px 0;
font-size:12px;
}
#greeting article aside span{
display:inline-block;
border:1px solid #e7b9b9;
background-color:#f7d6dc;
width:13px;
height:13px;
margin-right:10px;
vertical-align:middle;
}
#greeting .btn{
background-color:#2e2e31;
color:#ffffff;
border:none;
}
section#menu_and_head,
section#style{
margin:110px 0 ;
background-color:#ffffff;
}
section#menu_and_head{
overflow:hidden;
width:1320px;
margin-left:auto;
margin-right:auto;
}
section#menu_and_head article{
float:left;
width:610px;
background-color:#f2f0d5;
padding:20px;
position:relative;
font-size:15px;
}
section#menu_and_head > article:nth-child(2){
margin-right:20px;
}
section#menu_and_head img{
float:left;
margin-right:20px;
}
section#menu_and_head div{
overflow:hidden;
}
section#menu_and_head h2{
font-size:17px;
font-weight:bold;
margin:20px 0;
}
section#menu_and_head .btn{
position:absolute;
bottom:30px;
}
section#style ul{
overflow:hidden;
margin:0 auto 50px;
width:880px;
}
section#style ul li{
float:left;
width:148px;
border:1px solid #ada79c;
padding:5px;
text-align:center;
margin-left:20px;
}
section#style > ul > li:nth-child(1){
margin-left:0;
}
/**
   MENU  --------------------------------
 **/
#menu > section > section{
width:400px;
float:left;
}
#menu > section > section+section{
float:right;
margin-left:0;
}
#menu article{
margin-bottom:70px;
}
#menu article > div{
border-bottom:1px solid #d1c3ae;
padding:0 10px;
}
#menu article h2{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
#menu article > div > p{
font-size:13px;
color:#666666;
margin-bottom:8px;
}
#menu article dl{
}
#menu article dt,
#menu article dd
{
float:left;
font-size:15px;
line-height:160%;
margin-bottom:10px;
}
#menu article dt{
width:215px;
margin-left:15px;
clear:left;
}
#menu article dt.ti{
width:380px;
}
#menu article dd{
width:120px;
text-align:right;
}
#menu article dd+dd{
width:380px;
text-align:left;
margin-left:15px;
font-size:13px;
color:#a69a63;
}
#menu section+div{
clear:right;
padding:45px;
background-color:#f2f0d5;
text-align:center;
}
#menu section+div h2{
font-size:20px;
font-weight:bold;
color:#af1717;
margin-bottom:20px;
}
#menu section+div p{
font-size:15px;
}
/**
   STAFF  --------------------------------
 **/
#staff article {
width:350px;
margin:0 50px;
float:left;
}
#staff article > img {
display:block;
margin-bottom:42px;
}
#staff article h2{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
#staff article h3{
font-size:15px;
font-weight:normal;
margin-bottom:40px;
}
#staff article p{
margin-bottom:20px;
}
#staff article a{
display:block;
text-align:center;
}
#staff article a img{
}
/**
   HEADSPA  --------------------------------
 **/
#headspa section > p{
text-align:center;
font-size:15px;
margin-bottom:100px;
}
#headspa section > div {
overflow:hidden;
margin-bottom:100px;
}
#headspa article{
width:400px;
float:left;
}
#headspa article+article{
float:right;
}
#headspa article > div{
border-bottom:1px solid #d1c3ae;
padding:0 10px;
}
#headspa article h2{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
#headspa article > div > p{
font-size:13px;
color:#666666;
margin-bottom:8px;
}

#headspa article dl{
}
#headspa article dt,
#headspa article dd
{
float:left;
font-size:15px;
line-height:160%;
margin-bottom:10px;
}
#headspa article dt{
width:255px;
margin-left:15px;
clear:left;
}
#headspa article dt.ti{
width:380px;
}
#headspa article dd{
width:80px;
text-align:right;
}
#headspa article dd+dd{
width:380px;
text-align:left;
margin-left:15px;
font-size:13px;
color:#a69a63;
}
#headspa div > figure{
width:290px;
float:left;
margin:0 15px 0 0;
padding:0;
}
#headspa div > figure:nth-child(3){
margin-right:0;
}
#headspa div  figcaption{
text-align:center;
font-size:13px;
line-height:200%;
margin-top:10px;
}
#headspa h3{
padding-bottom:10px;
font-size:20px;
color:#af1717;
text-align:center;
border-bottom:1px solid #d1c3ae;
margin-bottom:30px;
}
#headspa div > div{
width:450px;
float:left;
overflow:hidden;
}
#headspa div > div img{
display:block;
float:left;
margin-left:20px;
}
#headspa div > div p{
width:200px;
float:left;
font-size:13px;
margin:20px 0 0 20px;
}
#headspa div > div span{
display:block;
color:#af1717;
font-weight:bold;
}

/**
   STYLE  --------------------------------
 **/
main#style ul{
overflow:hidden;
}
main#style ul li{
width:180px;
float:left;
margin-right:60px;
margin-bottom:60px;
}
main#style ul li:nth-child(4n){
margin-right:0;
}

/**
   ACCESS  --------------------------------
 **/
#access section{
margin-bottom:40px;
}
#access dl{
display:flex;
flex-wrap: wrap;
border-bottom: 1px solid #d1c3ae;
margin-bottom:50px;
font-size:15px;
}
#access dt{
width: 30%;
padding: 30px;
box-sizing: border-box;
border-top: 1px solid #d1c3ae;
text-align:center;
}
#access dd{
padding: 30px;
margin: 0;
border-top: 1px solid #d1c3ae;
width: 70%;
background: #fff;
box-sizing: border-box;
}
#access section div{
overflow:hidden;
margin-bottom:60px;
}
#access div figure{
width:440px;
float:left;
margin:0;
padding:0;
}
#access div figure+figure{
float:right;
}

#access h2{
padding-bottom:10px;
font-size:20px;
color:#af1717;
text-align:center;
margin-bottom:0px;
}
#access section > p{
text-align:center;
}
#access > div {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom:30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

#access > div iframe,
#access > div object,
#access > div embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**--------------- smart phone  ---------------**/
@media screen and (max-width:480px){
body{
font-size:12px;
line-height:150%;
}
.pc{
display: none !important;
}
.sp{
display: block !important;
}
.btn{
width:200px;
font-size:12px;
padding:10px;
}
header{
}
header h1{
display:none !important;
}
header section {
width:auto;
padding:0;
}
header #mv img{
width:100%;
}
.mean-container .mean-nav{
background-color:#af1717;
margin-top:84px;
}
.mean-container .mean-bar{
/*background: url(../img/logo.png) no-repeat 10px 10px;*/
background: url(../img/logo.png) no-repeat center 10px;
background-size:130px;
margin-top:40px;
}
footer{
padding:40px 20px;
}
footer div{
width:auto;
margin: 0 0 40px;
padding:10px 0 10px 100px;
background: url(../img/ico_tel.png) no-repeat 20px center;
background-size:50px;
}
footer div p{
font-size:12px;
}
footer div address span{
display:block;
margin:5px 0;
font-size:24px;
}
footer nav {
margin:30px 0;
}
footer h3{
font-size:16px;
}
footer h3 span{
font-size:12px;
}
footer > p{
margin-bottom:0px;
}
footer small{
font-size:10px;
}
#container{
width:auto;
overflow:visible;
margin:50px 0;
}

section#greeting{
padding:30px 20px;
}
#greeting h1
{
width:auto;
margin:0 10px 20px;
}
#greeting h1 span{
width:180px;
font-size:24px;
}
#greeting > p {
width:auto;
font-size:13px;
margin:0 0 40px;
}
#greeting > div{
width:auto;
padding: 20px 20px;
}
#greeting > div h2{
font-size:20px;
margin-bottom:10px;
}
#greeting > div > div{
margin-bottom:10px;
}
#greeting dl{
width:auto;
float:none;
}
#greeting dl dt{
width:23%;
font-size:12px;
padding:5px 0;
}
#greeting dl dd{
margin:0 0 0 23%;
font-size:12px;
padding:5px;
padding-left:20px;
}
#greeting article{
float:none;
width:auto;
}
#greeting table caption{
font-size:13px;
}
#greeting table th,
#greeting table td{
font-size:11px;
}
section#menu_and_head,
section#style{
margin:50px 0 50px;
}
section#menu_and_head h1,
section#style h1,
{
font-size:24px;
margin-bottom:30px;
}
section#menu_and_head{
width:auto;
}
section#menu_and_head article{
float:none;
width:auto;
margin:0 20px 20px;
padding:10px;
}
section#menu_and_head img{
width:80px;
}
section#menu_and_head h2{
font-size:14px;
margin:0 0 10px;
}
section#menu_and_head p{
font-size:12px;
line-height:140%;
margin-bottom:10px;
}
section#menu_and_head .btn{
position:relative;
bottom:0;
padding:6px;
width:88%;
}
section#style ul{
width:90%;
margin:0 auto 30px;
}
section#style ul li{
width:20%;
margin-left:3%;
padding:3px;
}
section#style ul li:nth-child(5){
display:none;
}
section#style ul li img{
width:100%;
}
#menu h1,
#staff h1,
#headspa h1,
#style h1,
#access h1
{
font-size:30px;
}
#menu > section > section{
width:auto;
float:none;
padding:0 20px;
}
#menu > section > section+section{
float:none;
}
#menu article{
margin-bottom:40px;
}
#menu article h2{
font-size:15px;
margin-bottom:4px;
}
#menu article > div > p {
font-size:10px;
}
#menu article dt,
#menu article dd{
float:none;
width:auto;
font-size:14px;
}

#menu article dt{
margin-bottom:0;
margin-left:10px
}
#menu article dd{
margin-right:10px;
margin-bottom:0;
}
#menu article dt.ti,
#menu article dd+dd{
width:auto;
}
#menu article dd+dd{
font-size:12px;
margin-left:10px;
margin-bottom:10px;
}
#menu section+div{
padding:30px;
}
#menu section+div h2{
font-size:15px;
margin-bottom:10px;
}
#menu section+div p{
font-size:13px;
}
#staff article{
width:auto;
float:none;
margin:0 0 70px;
padding:0 20px;
}
#staff article > img{
width:60%;
margin:0 auto 40px;
}
#staff article h2{
font-size:16px;
margin-bottom:7px;
}
#staff article h3{
font-size:12px;
margin-bottom:20px;
}
#headspa section > p{
font-size:14px;
padding:0 20px;
margin-bottom:50px;
}
#headspa section > div{
margin-bottom:50px;
padding:0 20px;
}
#headspa article{
width:auto;
float:none;
margin-bottom:40px;
}
#headspa article+article{
float:none;
margin-bottom:0;
}
#headspa article h2{
font-size:15px;
margin-bottom:4px;
}
#headspa article > div > p{
font-size:10px;
}
#headspa article dt,
#headspa article dd{
float:none;
width:auto;
font-size:14px;
}

#headspa article dt{
margin-bottom:0;
margin-left:10px
}
#headspa article dd{
margin-right:10px;
margin-bottom:0;
}
#headspa article dt.ti,
#headspa article dd+dd{
width:auto;
}
#headspa article dd+dd{
font-size:12px;
margin-left:10px;
margin-bottom:10px;
}
#headspa div figure{
width:auto;
float:none;
margin:0 0 20px;
text-align:center;
}
#headspa div figure img{
width:70%;
}
#headspa div figcaption{
margin:0;
line-height:150%;
}
#headspa h3{
margin:0 20px;
}
#headspa div > div{
width:auto;
float:none;
}
#headspa div > div img{
display:block;
float:none;
text-align:center;
margin: 0 auto;
}
#headspa div > div p{
width:auto;
float:none;
}
main#style ul{
padding:0 20px;
}
main#style ul li{
width:28%;
margin-right:4%;
margin-bottom:30px;
}
main#style ul li img{
width:100%;
}
main#style ul li:nth-child(3n){
margin-right:0;
}
main#style ul li:nth-child(4n){
margin-right:4%;
}
#access section{
margin-bottom:20px;
}
#access section > div{
padding:0 20px;
margin-bottom:50px;
}
#access dl{
font-size:13px;
margin-bottom:0px;
}
#access dt{
padding:10px;
}
#access dd{
padding:10px;
}
#access div figure{
width:auto;
float:none;
}
#access div figure+figure{
float:none;
}
#access div figure img{
width:100%;
}



#access > div{
padding-bottom:80%;
}




} /* @media */