@charset "utf-8";

/*-------------------------------------------------------------------------
							SYSTEM
-------------------------------------------------------------------------*/

.price {
background:#C0A447;
padding:30px;
color:#fff;
width:100%;
box-sizing: border-box;
}
.price img{
width:170px; 
}

.price table {
border-collapse:collapse; 
width:100%; 
}
.price table tr {
border-bottom:1px solid #fff;
}
.price table th {
width:50%;
text-align:center;
padding:20px 20px; 
font-weight:normal;
}
.price table td {
text-align:right; 
padding:20px 20px; 
}

@media screen and (max-width: 800px) {


}


/*-------------------------------------------------------------------------
							THERAPIST
-------------------------------------------------------------------------*/

.cast_list {
padding:0 30px;
box-sizing: border-box;
}
.cast_list table {
border-collapse:collapse; 
width:100%; 
background:#fff; 
border:1px solid #C0A447;
margin-bottom:30px; 
}
.cast_list th {
background:#C0A447;
color:#fff; 
text-align:center;
padding:10px 0; 
width:20%; 
border-bottom:1px solid #fff;
}
.cast_list tr:last-child th {
border-bottom:1px solid #C0A447;
}
.cast_list td {
padding:10px 30px; 
border-bottom:1px solid #C0A447;
line-height:200%; 
}
.cast_list td:last-child {
border-bottom:1px solid #C0A447;
}


@media screen and (max-width: 800px) {

.cast_list th {
width:20%; 
font-size:0.7em; 
padding:5px 0; 
}
.cast_list td {
width:100%; 
border-bottom:none;
padding:5px 5px; 
box-sizing: border-box;
}
.cast_list td.sp {
text-align:center; 
}

}

/*-------------------------------------------------------------------------
							ACCESS
-------------------------------------------------------------------------*/

.access {
text-align:center; 
}
.access figure {
padding:0 0 20px;
border-bottom:1px solid #C0A447;
margin-bottom:20px; 
}
.access p {
margin-bottom:20px; 
}
.access iframe {
border:1px solid #C0A447;
}

@media screen and (max-width: 800px) {


}


/*-------------------------------------------------------------------------
							RECRUIT
-------------------------------------------------------------------------*/

.recruit {
padding:0 30px;
box-sizing: border-box;
}
.recruit table {
border-collapse:collapse; 
width:100%; 
background:#fff; 
border:1px solid #C0A447;
margin-bottom:30px; 
}
.recruit th {
background:#C0A447;
color:#fff; 
text-align:center;
padding:10px 0; 
width:20%; 
border-bottom:1px solid #fff;
}
.recruit tr:last-child th {
border-bottom:1px solid #C0A447;
}
.recruit td {
padding:10px 30px; 
border-bottom:1px solid #C0A447;
line-height:200%; 
}
.recruit td:last-child {
border-bottom:1px solid #C0A447;
}
.recruit dt {
font-weight:bold; 
}
.recruit dd {
margin-bottom:20px; 
}

.contact h2 {
color:#C0A447; 
}
.contact p {
text-align:center;
margin-bottom:30px; 
}

@media screen and (max-width: 800px) {

.recruit th {
width:100%; 
display:block; 
font-size:0.9em; 
padding:5px 0; 
}
.recruit td {
width:100%; 
display:block; 
border-bottom:none;
padding:10px 20px; 
box-sizing: border-box;
}
.recruit td.sp {
text-align:center; 
}

}


/*-------------------------------------------------------------------------
							イベント
-------------------------------------------------------------------------*/

.list_event {
background:rgba(192,164,72,0.05);
padding:0 20px;
width:80%;
margin:0 auto 30px;
box-sizing:border-box; 
}
.list_event table {
border-collapse:separate;
border-spacing:30px 30px; 
}
.list_event table tr {
}
.list_event table th{
background:#C0A447;
color:#fff; 
font-weight:normal;
padding:3px 10px; 
font-size:0.7em; 
}
.list_event table td {
padding:0 10px 0px 10px; 
border-bottom:1px solid #C0A447;
}
.list_event table td a {
color:#333;
text-decoration:none;
}
.list_event table td a:hover {
opacity:0.5;
transition:0.5s; 
}
.box_event {
background:#fff;
width:90%;
padding:20px; 
margin:0 auto 30px;
box-sizing:border-box; 
}
.box_event h2{
color:#D93600;
border-bottom:1px solid #D93600;
text-align:center;
padding-bottom:10px;
margin-bottom:20px; 
}
.box_event p{
line-height:200%; 
padding:10px 0 0; 
}
.box_event .date{
background:#C0A447;
color:#fff; 
font-weight:normal;
padding:3px 10px; 
font-size:0.7em; 
display:inline-block; 
}
.box_event .name{
background:#D93600;
color:#fff; 
font-weight:normal;
padding:3px 10px; 
font-size:0.7em; 
display:inline-block; 
}


@media screen and (max-width:800px) {

.list_event {
padding:10px;
width:100%;
margin:0 0 30px;
}
.list_event table {
border-collapse:separate;
border-spacing:0px 30px; 
}
.list_event table td {
display:block; 
}
.box_event {
width:100%;
padding:20px; 
margin:0 0 30px;
}

}


/*-------------------------------------------------------------------------
							ブログ
-------------------------------------------------------------------------*/

.list_blog {
background:rgba(192,164,72,0.05);
padding:0px 20px 20px;
width:80%;
margin:0 auto 30px;
box-sizing:border-box; 
}
.list_blog table {
border-collapse:collapse;
}
.list_blog table tr {
border-bottom:1px dotted #C0A447;
}
.list_blog table th {
padding:30px 0; 
}
.list_blog table th img{
display:block; 
}
.list_blog table td {
padding:0 20px 0px 20px; 
}
.list_blog table .date{
background:#C0A447;
color:#fff; 
font-weight:normal;
padding:3px 10px; 
font-size:0.7em; 
}
.list_blog table .name{
background:#D93600;
color:#fff; 
font-weight:normal;
padding:3px 10px; 
font-size:0.7em; 
}
.list_blog table .title{
display:block;
padding:20px 0; 
}
.list_blog table td a {
color:#333;
text-decoration:none;
}
.list_blog table td a:hover {
opacity:0.5;
transition:0.5s; 
}

@media screen and (max-width:800px) {

.list_blog {
padding:0 20px 30px;
width:100%;
margin:0 0 30px;
text-align:center; 
}
.list_blog table {
border-collapse:collapse;
width:100%; 
}
.list_blog table th {
padding:30px 0 10px; 
display:block; 
}
.list_blog table th img{
margin:0 auto;
}
.list_blog table td {
display:block; 
padding:0px 10px 10px; 
}
.list_blog table .title{
display:block;
padding:10px 0; 
}

}


/*-------------------------------------------------------------------------
							お知らせ
-------------------------------------------------------------------------*/
	
.news {
width:100%; 
display:flex;
justify-content:space-around; 
}
.news div {
width:100%;
background:rgba(255,255,255,0.8);
padding:10px;
box-shadow: 3px 3px 5px #555;
position:relative; 
text-align:center; 
}
.news div h3 {
width:160px;
background:#555;
text-align:center;
padding:5px;
color:#fff; 
font-size:0.8em; 
font-weight:normal;
position:absolute;
top:-10px; 
left: 0;
right: 0;
margin:0 auto 10px; 
}
.news div figure {
}
.news a {
color:#333;
text-decoration:none; 
}
.news a:hover {
opacity:0.5; 
transition:0.5s; 
}
.bnr_1 {
width:250px;
background:#555;
padding:10px 0;
text-align:center;
margin:50px auto 0;
position:relative; 
}
.bnr_1:hover {
opacity:0.5; 
transition:0.5s;
}
.bnr_1 a {        
color:#fff;
text-decoration:none;
display:block;
}
.bnr_1 a:after {        
	content: ">";
	position: absolute;
	right:22px;
}

@media screen and (max-width:800px) {

.news {
width:100%; 
display:inherit;
justify-content:center;
}
.news div {
width:70%;
margin:0 auto 50px;
}

}


/*-------------------------------------------------------------------------
							お問い合わせ
-------------------------------------------------------------------------*/

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width:100%;
				margin: 0;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
				margin-left:20px;
    background:#633D0E;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
.table-res-form {
    width:100%;
				margin: 0;
}

    .table-res-form th, .table-res-form td {
        width: auto;
        display: block;
    }
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
    .table-res-form .empty {
        display: none;
    }
        .table-res-form tr:last-child {
            border-top: none;
}
        .table-res-form input[type="submit"]{
            margin-top:-1em;
}
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #C0A447 solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
				box-sizing: border-box;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #C0A447 solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #633D0E;
				font-size:20px;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
				box-sizing: border-box;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #C0A447;
    box-shadow: none;
				transition: 0.5s;
				box-sizing: border-box;
}
.table-res-form input[type="image"]:hover {
				transition: 0.5s;
				opacity:0.5; 
}
.table-res-form img {
				width:90%; 
}