/* 全ページ共通
-------------------*/

body {
	background-color: #221001;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;	
 	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Helvetica;
	overflow: hidden;
}

p, a, h1, h2, h3, h4, h5, h6 td, dd, dt {
	font-size: 14px;
}

a {	color: #ffbe4e; }
a:hover {	color: #ffbe4e; }


/*.blog .post h2,.archive .post h2,.category .post h2 {
    border-top: 1px solid #f7b44b!important;
    border-bottom: 1px solid #f7b44b!important;
    color: #f7b44b!important;
}*/

/*.blog .post h2,.archive .post h2,.category .post h2 {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.blog .post h2 span,.archive .post h2 span,.category .post h2 span {
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    font-family: 'Cinzel', serif;
}

.blog .post h2::before,.archive .post h2::before,.category .post h2::before {
    top: 0;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

.blog .post h2::after,.archive .post h2::after,.category .post h2::after {
    top: 0;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #fff;
}*/

/* ----- YUI FONTSIZE ---- */

.post .text10 { font-size: 84%; !important}
.post .text11 { font-size: 92%; !important}
.post .text12 { font-size: 100%; !important}
.post .text13 { font-size: 109%; !important}
.post .text14 { font-size: 117%; !important}
.post .text15 { font-size: 125%; !important}
.post .text16 { font-size: 134%; !important}
.post .text17 { font-size: 142%; !important}
.post .text18 { font-size: 150%; !important}
.post .text19 { font-size: 159%; !important}
.post .text20 { font-size: 167%; !important}
.post .text21 { font-size: 175%; !important}
.post .text22 { font-size: 184%; !important}
.post .text23 { font-size: 192%; !important}
.post .text24 { font-size: 200%; !important}
.post .text25 { font-size: 209%; !important}
.post .text26 { font-size: 217%; !important}



.m-title {
  font-family: 'Cinzel', serif;
}
.s-title {
  font-family: 'Cinzel', serif;
}
#Content3-2 p {
  margin: 0 15px 25px;
}
.post {
  /*background: #221001;
  opacity: 0.8;
  padding: 20px;*/
}

.post p {
	color: #fff;
}

.text14 {
	letter-spacing: 1px;
	line-height: 26px;
}


ul.service li a .inner p {
  text-align: center;
}


/*html*/
html {
	overflow-y: scroll;
}
/*body*/
/*body {
	font-size: 12px;
	line-height: 20px;
	background: #000;
	color: #FFF;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Helvetica;
}
*/
select, option, input {
	color: #333;
}

option.level-1 {
	background-image: url(images/common/sub1.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}

option.level-1:last-child {
	background-image: url(images/common/subLast.png);
}

/*
/////////////////////////////////////
Made by 
/////////////////////////////////////
*/
#Page01 .container, #Page02 .container {
/*	padding-left:0;
	padding-right:0;*/
}
/* Mainvisual */
#Mainvisual {
	position:relative;
}
.slide-main img {
	width: 100%;
	height: auto;
}
/*.mv-txt {
	position:absolute;
	top:0px;
	left:50%;
	z-index:999;
	height: 100%;
}
.mv-txt p {
	position:relative;
	width:530px;
	height:150px;
}*/
.mv-txt img {
	position:absolute;
	top:0%;
	left:0%;
	z-index: 999;
}
#Mainvisual {
	position: relative;
}
#Mv-text-wrapper {
position: absolute; 
      width: 100%;
      text-align: center;
      z-index: 999;
      display: table; 
      vertical-align: middle;
}
.mv-txt2 {

        display:table-cell;
        vertical-align: middle;
}

/* --- End Mainvisual ----*/

/* Content1 */
#Content1 {
/*	background:url(images/index/bg_concept.jpg) 50% 0;*/
	padding:47px 0 70px;
	color:#d8dae3;
}

.m-title {
	width:533px;
	margin:0 auto;
/*	background:url(images/index/border_title.png) no-repeat 50% 50%;*/
/*	font-size:275%;*/
/*	font-size:200%;*/
	font-size: 134%;
	color:#d8dae3;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:40px;
	margin-top: 30px;
}
/* タイトルの区切り線 */
span.ttlline {
	letter-spacing: -5px;
}

body.home .m-title {
	margin-top: 0px;
	font-size:250%;
}
@media screen and (max-width: 768px) {
	.m-title {
		font-size: 117%;
	}
	body.home .m-title {
		font-size:167%;
	}
}


#Content1 p {
/*	color:#d8dae3;*/
	font-size:110%;
	line-height:1.5;
}
/*-- end Content1 -- */

#Free-space {
	padding:47px 0 70px;
	color:#d8dae3;
}
#Free-space p {
	font-size:125%;
	line-height:25px;
}
@media screen and (max-width : 1169px) {
	#Free-space {
		padding:30px 0;
	}
}

/* Content3 */
#Content3 {
	background:#020202;
}
#Content3 ul {
/*	background-color: #000;*/
}

#Content3 li {
	padding-left:0 !important;
	padding-right:0 !important;
	position:relative;
}
#Content3 a {
	text-decoration:none;
	display:block;

}
.inner {
	position:absolute;
	top:65px;
	width: 100%;
}
.s-title {
	color:#fff;
	font-size:250%;
	text-align:center;
	width:100%;
	margin-bottom:15px;
	text-transform:uppercase;
}
#Content3 p {
	font-size:142%;
	color:#fff;
	line-height:21px;
	margin:0 0 25px 20px;
}

.btn-more {
	color:#fff;
	text-transform:uppercase;
	font-size:100%;
	padding:0 15px 0 30px;
	border:1px solid #fff;
	border-radius:2px;
	line-height:30px;
	width:160px;
	margin:0 auto;
	display:block;
/*	background-image: url(http://osweb2.xsrv.jp/frc_theme25/wp-content/themes/frc25/images/common/arrow.png);*/
	background-repeat: no-repeat;
	background-position: 125px center;
}
#Content3 .btn-more img {
	vertical-align:middle;
	margin-left:17px;
}
.border-hover {
	display:none;
	width:95%;
	height:95%;
	position:absolute;
	top:2.5%;
	left:2.5%;
	z-index:999;
}
#Content3 a:hover .border-hover {
	display:block;
	border:3px solid #fff;
	z-index: 999;
}
/* end Content3 */





/* Content3-2 */
#Content3-2 {
	background:#020202;
}
#Content3-2 li {
	padding-left:0 !important;
	padding-right:0 !important;
	position:relative;
}
#Content3-2 a {
	text-decoration:none;
	display:block;
}
#Content3-2 .inner {
	position:absolute;
	top:65px;
}
#Content3-2 .s-title {
	color:#fff;
	font-size:230%;
	text-align:center;
	width:100%;
	margin-bottom:15px;
	text-transform:uppercase;
}
#Content3-2 p {
	font-size:120%;
	color:#fff;
	line-height:21px;
	margin:0 0 25px 20px;
}

@media screen and (max-width: 1050px) {
	#Content3-2 p {
		margin-bottom: 10px;
	}
}

#Content3-2 .btn-more {
	color:#fff;
	text-transform:uppercase !important;
	font-size:100% !important;
	padding:0 15px 0 30px !important;
	border:1px solid #fff !important;
	border-radius:2px !important;
	line-height:30px !important;
	width:160px !important;
	margin:0 auto !important;
	display:block;
}
#Content3-2 .btn-more img {
	vertical-align:middle;
	margin-left:17px;
}
#Content3-2 .border-hover {
	display:none;
	width:95%;
	height:95%;
	position:absolute;
	top:2.5%;
	left:2.5%;
	z-index:999;
}
#Content3-2 a:hover .border-hover {
	display:block;
	border:3px solid #fff;
}
/* end Service */


/* Content2 */
#Content2 {
	background:#0f0f0f;
	padding:35px 0 0;
}

#Slider {
	background:#2e2d2d;
	padding:25px 0;
}
.slider1 {
	position:relative;
}
.slide {
	background:#1b1a1a;
	text-align:center;
	padding:31px 0 22px;
	border-left:1px solid #100f0f;
	width:352px;
}
.slide p {
	text-align:center;
	color:#d8dae3;
	font-size:142%;
	padding-top:10px;
}
.bx-controls.bx-has-controls-direction a{
	position:absolute;
	top:0;
	height:100%;
	width:45px;
	background:url(images/index/btn_left_right.png) 0 50% no-repeat;
	text-indent:-99999px;
	z-index:99999;
}
.bx-controls.bx-has-controls-direction a.bx-prev {
	left:0;
}
.bx-controls.bx-has-controls-direction a.bx-next {
	right:0;
	background-position:100% 50%;
}
.slider.col-sm-12 {
	padding-left:0;
	padding-right:0;
}
/* end Content2 */

/* Content4 */
#Content4 {
	background:#0f0f0f;
/*	padding:35px 0 0;*/
}
#Content4 .wrapper_title {
	padding:35px 0 0;
}

/* end Content4 */

/* Content5 */
	#Content5 {
		background-image:url(images/index/bg_news.jpg) 50% 0;
		padding:55px 0 30px;
	}
	.btn-more:hover {
		text-decoration:none;
		color:#fff;	
	}
	.news {
		margin:0 130px 25px;
		color:#d8dae3;
		background:url(images/index/bg_table.png);
	}
	.news table {
		border-bottom:1px solid #6d6d6d;
	}
	.news tr {
		border-top:1px solid #6d6d6d;
	}
	.news td {
		font-size:117%;
/*		padding:20px 0;*/
	}
	.shop {
		width:180px;
		color:#d8dae3;
		font-size:109%;
	}
	.shop span {
		display:block;
		width:90px;
		margin:0 auto;
		text-align:center;
		line-height:25px;
		background:#543f08;
	}
	.shop2 span {
		background:#0f0a53;
	}
	.my-date {
		width:140px;
		text-align:center;
	}
	.link {
		width:80px;
		text-align:center;
	}


/* end Content5 */


/* Content6 */
	#Content6 {
/*		background:url(images/index/bg_news.jpg) 50% 0;*/
		padding:55px 0 30px;
	}
/* end Content6 */

@media screen and (max-width : 1169px) {
	#Content1 {
		padding:30px 0;
	}
	.m-title {
		margin-bottom:30px;
	}
	.news {
		margin:0 30px 25px;
	}
}
@media screen and (max-width : 500px) {
	.news-ttls2 span {
		position: relative!important;
		top: inherit!important;
		left: inherit!important;
	}
	.news-ttls2 a {
		padding-left: 20px!important;
	}
	.shop {
    width: 30%;
    padding-left: 2%;
	}
}
@media screen and (max-width : 959px) {
	.news {
		margin:0 0 25px;
	}
	.shop {
		width:10%;
	}
	.shop span {
		width:80%;
	}
	.my-date {
		width:20%;
	}
	.link {
		width:7%;
	}
}
@media screen and (max-width : 640px) {
	.shop span {
		width:100%;
	}
	.news td {
/*	border:1px solid #6d6d6d;*/
/*		border-collapse:collapse;
		padding:10px 3px;
		font-size:90%;*/
	}
/*	.news th {
		border:1px solid #6d6d6d;
		border-collapse:collapse;
		padding:0 3px;
	}*/

}
@media screen and (max-width :533px) {
	.m-title {
		width:100%;
	}
}
@media screen and (max-width :360px) {
	.inner {
		top:20px;
	}
}
/*////////    PAGE 02    /////////*/
.slider-page2 {
	padding:0 56px !important;
	width:1170px;
}
.slider2 li {
	background:#1b1a1a;
	padding:8px 40px;
}
.slider2 .img-staff {
	float:left;
	width:448px;
}
.staff-information {
	width:480px;
	float:right;
	padding: 15px;
	padding-left: 5px;
}
.staff-information .name-staff {
	padding:35px 0 0;
	color:#d8dae3;
	font-size:175%;
	margin-bottom:20px;
}
.staff-information p {
	color:#d8dae3;
	font-size:120%;
}
#Tabs {
	margin:0 130px;
	border-top:1px solid #a3a3a3;
	background:url(images/index/bg_tab02.png);
}
#Tabs li {
	float:left;
	width:33.333%;
	text-align:center;
	padding:20px 0;
	color:#d8dae3;
	font-size:142%;
	cursor:pointer;
	line-height:1;	
}
#Tabs li.current {
	background:url(images/index/bg_tab.png);
}
#Tabs li + li {
	border-left:1px solid #a3a3a3;
}
#Tabscontent li {
	display:none;
}
#Tabscontent li:first-child {
	display:block;
}

#Content6 a {
	color: #D8DAE3;
} 

.news .more a{
	color:#8283ec;
	font-size:86%;
}
.news .more img {
	margin-right:10px;
}
@media screen and (max-width : 1169px) {
	#Tabs {
		margin:0 30px;
	}
	.slider-page2 {
		width:100%;
	}
	.slider2 li {
/*		padding:8px 0;*/
		padding:8px;
	}
	.slider2 .img-staff {
		width:45%;
	}
	.slider2 .img-staff img {
		width:100%;
	}
	.staff-information {
		width:50%;
	}
	.staff-information .name-staff {
		padding:0;
		margin-bottom:10px;
	}
}
@media screen and (max-width : 959px) {
	#Tabs {
		margin:0;
	}
}
@media screen and (max-width : 768px) {
	.slider2 li {
		padding:0;
	}
	.slider2 .img-staff {
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.staff-information {
		width:100%;
		float:none;
	}
}



/*
/////////////////////////////////////
Made by Anhdt
/////////////////////////////////////
*/

/*下層ページ　見出し*/
h2.post_title {
	position: relative;
	padding: 1em 0;
	color:#fff;
	font-size: 16px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom:20px;
	text-align:center;
}

h2.post_title span {
color:#fff;
font-size: 150%;
font-weight: bold;
font-family: 'Cinzel', serif;
}
 
h2.post_title::before,
h2.post_title::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
h2.post_title::before {
	top: 0;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
}
h2.post_title::after {
	bottom: 0;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
}


.post .titleh3 {
    position: relative;
    padding-bottom: .3em;
    border-bottom: 2px solid #664e25;
    margin-bottom: 10px;
    color:#fff;
}

.post .titleh3::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #f0bc58;
}

.post .titleh4 {
    color: #91bf91;
/*    font-weight: bold;
    font-size: 110%;*/
    padding: 10px 0 0 0px;
    border-bottom:1px solid #664e25;
}


.post .border {
	border-bottom:1px dashed #664e25;
} 


.post .answer {
	color:#d5a059;
	font-weight:bold;
}

/* 新着情報
-------------------*/
.single .post img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: auto;
}
	


/* コンセプト
-------------------*/
.therapist-text {
	font-size: 100%;
	border-top: 1px solid #664e25;
}

/* アクセスページ
-------------------*/
.access_name {
	float: left;
}
.access_logo {
	float: right;
}
.access_logo img {
	display: inline-block!important;
}
.layout02 {
	font-size:117%;
	margin-bottom:20px;
}

.layout02 dl {
	border-bottom: 1px dashed #664e25;
	padding: 8px 5px 8px 5px;
}

.layout02 dt {
	float:left;
	width:25%;
	font-weight:normal;
	font-size:100%;
	color:#fff;
}

.layout02 dt span {
	border-left: 2px solid #8f4122;
	padding-left:5px;
	font-size:100%;
	color:#fff;
}

.layout02 dd {
	float:left;
	width:75%;
	padding-bottom:0px;
	font-size:100%;
	text-align:left;
	color:#fff;
}

.layout02 h3.s-title {
	font-weight: bold;
	color: #ffbe4e;
	border-bottom: 1px solid #ffbe4e;
}

/*メールフォーム文字色*/
.post input, .post option, .post select, .post textarea {
    color: #333;
}

/*フォームの送信ボタンスタイル*/
.btn_contact {
    text-align: center !important;
    margin-top: 30px;
}
.btn_contact input[type="submit"] {
    padding: 5px 10px;
    border: 1px solid #d5a059 !important;
    color: #d5a059;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    background-color: #221001;
}



/*メニュー　テーブル*/
.post th, .post td, .post dt, .post dd {
	color:#fff;
}

.open_price {
	color: #ffbe4e!important;
	text-align: right;
}
.special_price {
	color: #ffbe4e!important;
}

/*プライバシーポリシー*/
.privacy-list li {
	color: #fff;
}



@media (max-width: 767px) {
	/*幅767px以下で適用されるスタイル*/

.post .layout02 dt {
float:none;
width:100%;
 padding-bottom:5px; 
}

.post .layout02 dd {
float:none;
width:100%;
padding-bottom:5px;
}

}

/*サイトマップ　シンプル*/
#sitemap_list li {
	background: none !important;
}

#sitemap_list li a {
	color:#d5a059;
}


/* 1200px以上の場合
************************************************/
@media screen and (min-width : 1200px) {

}

/* 1199px以下の場合
************************************************/
@media screen and (max-width : 1199px) {

}


/* 991px以下の場合（タブレット以下）
************************************************/
@media screen and (max-width : 991px) {

}


/* 767px以下の場合(スマートフォン以下)
************************************************/
@media screen and (max-width : 767px) {
  h1 {
    margin: 0px;
    text-align: center;
  }
  .post{
    padding: 20px 5px;
  }
  .mv-txt2{
    display:block;
    position:absolute;
    height:50%;
    width:auto;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
  }
  .mv-txt2 img{
    height:100%;
    width:auto;
  }
  .staff-information p {
    font-size: 100%;
    padding: 5px;
  }
  .staff-information .name-staff {
    font-size: 100%;
    padding: 5px;
  }
  .tel {
    text-align: center;
  }
  .header2 #Logo img {
    margin: 5px auto;
  }
  .header2 #Header-tright {
    padding-left: 0px;
    position: static;
  }
  .header2 #Header-tright ._box a {
    text-align: center;
  }
  .header2 #Header-tleft {
    position: static;
    float: none;
    width: 100%;
  }
}


/* 992px以上の場合（PC以上）
************************************************/
@media screen and (min-width : 992px) {

}

/* 768px以上 ～ 991px以下(タブレット限定)
************************************************/
@media screen and (min-width: 768px) and (max-width: 991px) {


}


/* 170515 */
.owner-img {
}
.owner-img img {
    max-width: 60%;
    margin: 0 auto;
}

.lymph-logo {
    max-width: 80%;
}

.menu-img {
    margin: 0 auto;
}