﻿@charset "utf-8";
/* CSS Document */



* {
	margin:0;
	padding:0;
}


html,body,div.background {
	height:100%;
}	

div.background: { 
	min-height:100%;
	background:#fff;
}

body>div.background {
	height:auto; 
}


body {
	min-width:100%;
	text-align:center;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
	font-size : 13px;
	margin:0;
	padding:0;
    background:url("../images/bg_1.gif");
	background-attachment:fixed;
	position:relative;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
}


@media screen and (max-width:479px){

	body {
		font-size: 13px ;	/* 文字サイズ */
	}

}

.wrapper {
	width: 1000px ;
	margin: 0 auto ;	
	padding: 0 ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	.wrapper {
		width: auto ;
		padding: 0 10px ;
		overflow: hidden ;		/* floatを解除する */
	}

}


img { 
	border: none; 
	max-width: 100% ;
	height: auto ;	
		
}


h1 {
	width:140px;
	height:210px;
	margin:0.5em 0.3em;
}

h1 a{
	display:block;
	width:200px;
	height:80px;
	text-decoration:none;
	color:#333399;
}



h3 {
	 text-align:left;
	 margin:1.5em 0.4em;
	 clear:both;
	 border-bottom:0.2em double #56441f;
	 padding:0.4em 0;
}


h4 {
 
  clear:left;

  color: #fff;
  
  padding:0;
  
  margin:1.2em 0;
  
  background:url("../images/contents_bar_02.png") repeat-x;
  
}


@media screen and (max-width:479px){

	h4 {
		width:auto;
		text-align:left;
		padding:0 1.2em;
	 }


}

/*

h4 {

  clear:left;

  position: relative;

  color: #111;

  background: #ccc;

  background-image: -webkit-linear-gradient(#beba72, #ada855);

  background-image: -moz-linear-gradient(#beba72, #ada855);

  background-image: -o-linear-gradient(#beba72, #ada855);

  background-image: -ms-linear-gradient(#beba72, #ada855);

  background-image: linear-gradient(#beba72, #ada855);

  font-size: 13px;

  line-height: 1;

  margin: 10px 0;

  padding: 10px 0;

}

h4:after,h4:before {

  content: "";

  position: absolute;

  top: 100%;

  height: 0;

  width: 0;

  border: 5px solid transparent;

  border-top: 5px solid #777;

}

h4:after {

  left: 0;

  border-right: 5px solid #777;

}

h4:before {

  right: 0;

  border-left: 5px solid #777;

}

*/


span { font-size:14px; font-weight:600; color:#ffe21c;}

a:link,
a:visited{
  color : #f1fab3;
  text-decoration : none;
}
a:hover,
a:active{
  color : #fff;
  text-decoration : none;
}



/* 基本レイアウト　*/


#container {
		width:100%;
		height:auto;
    		min-height: 100%;
		margin:0 auto;
		background:#281503;
		display:table;	
	
}

#head_box {
	width:100%;
	height:100px;
	background:url("../images/head_back.jpg");
	
}


.logo {
	width:500px;
	height:auto;
	text-align:left;
	display: inline-block;
	/display:block;
	/zoom: 1; 
	float:left;
}

@media screen and (max-width:479px){

	/* ロゴ画像 */
	.logo {
		width: 65% ;	
	}
	
	#pankuzu li img{
	 display:none;
}
	
}
	


#pankuzu {
	float:right;
	position:absolute;
	top:5px;
	right:10px;
	list-style-type:none;
}

	

#pankuzu li {
	float:left;
	margin:0 0.5em;
	height:auto;
}

/* タブレットだけに適用するCSS */
@media screen and (max-width:767px){

/* ロゴ画像 */
	.logo {
		width: 75% ;	
	}

#pankuzu li{
	margin:0;
	display:block;
	text-align:right;
}

#pankuzu li img{
	width:60%;
}


}


#pankuzu li a {
	display:block;
	text-decoration:none;
	color:#fff;
}

.phone {
	width:300px;
	height:90px;
}

.mail {
	width:120px;
	height:94px;
}


.phone_icon {
	width:65px;
	height:65px;
	display:none;
}


@media screen and (max-width: 480px) {

.phone_icon {
	display:block;
	float:right;
}











}


#head {
	width:100%;
	height:50px;
	margin:0;
	background:url(../images/button_back_02.png) repeat-x;
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */


#head {
	background:none;
}

}

#right_contents {
	width:74%;
	height:auto;
	min-height:100%;
	margin:0;
	float:right;
	background:#281503;
	box-shadow:0 2px 9px #fff;
	
}


#access {
	max-width:350px;
	height:320px;
	margin:0 0.8em;
	float:left;
}

#access dt,dd {
	color:#fff;
	padding:0.2em 0;
	text-align:left;
}

#access_2 {
	max-width:350px;
	height:320px;
	margin:0 0.8em;
	float:right;
}

#access_2 dt,dd {
	color:#fff;
	padding:0.2em 0;
	text-align:left;
}

.board {
	max-width:680px;
	height:auto;
	margin:0 auto;
	padding:0.5em 0.3em;
	background:#f1fab3;
	border-radius:4px;
}


#recruit {
	max-width:600px;
	height:auto;
	margin:0.5em auto;
	padding:0 0 0.5em 0;
	list-style-type:none;
}

#recruit li {
	color:#423e2f;
	font-size:13px;
	margin:0.8em 0;
	border-bottom:0.1em solid #423e2f;
}



.cast{
	width:220px;
	height:350px;
	margin:0;
	font-size:13px;
	padding:0 0.5em;
	position:relative;
	display:inline-block;
	box-sizing: border-box; 
}



.cast figure {
	width: 75%;
	margin-left: 17px;
}


.cast_2 {
	width:220px;
	height:350px;
	margin:0;
	padding:0 0.5em;
	box-sizing:border-box;
	display:inline-block;
	font-size:12px;
	position:relative;
	
}

.cast_2 figure {
	width: 75%;
	margin-left: 17px;
}


.mark1 {
	top:0;
	left:30px;
	color:#f655bb;
	position:absolute;
}



.mark2 {
	width:50px;
	top:0;	
	left:0;
	color: #FF6928;
  	font-family:'ヒラギノ明朝 ProN';
	background:#fff;
	border-radius: 2em;          /* 角丸の指定 */
	position:absolute;
	transform: rotate(-20deg);	/*左に20度傾ける設定*/
}


.staff {
    max-width:750px;
    height:auto;
    margin:0 auto;
    display: flex;
    /*コレ*/justify-content: space-between;
    
}



.staff_2 {
 	max-width:460px;
	height:auto;
	margin:3.5em 0;
	flex-direction:row;
	clear:both;
}


.left-box {
	width:300px;
	height:450px;
    	margin: 1.7em 0;
	padding:0.5em 0.7em;


}

.left-box img{
	max-width:300px;
}



.right-box {
	width:450px;
	height:auto;
	margin:0.5em 0.7em;
}	

.ta{
	max-width:400px;
	height:500px;
	margin:6.5em 0.7em 2.5em 0;
	padding:0 0.5em;
}


.ta th{
	text-align:right;
	padding:0 0.7em;
}



.ta td{
	color:#fff;
	font-size:12px;
	text-align:left;
	padding:0.3em 0;
	border-bottom:1px solid #fff;
}





.clear c {
	max-width:500px;
	height:auto;
	display:block;
	marign:0.5em 0.7em;
	clear:both;

}



/* インフォメーション　*/

#newinfo {
	margin:0 1.7em;
}



/* ナビゲーション　*/

#left_box {
	width:26%;
	height:100%;
	min-height:100%;
	margin:0;
	float:left;
}


.ban_1 {
	max-width:220px;
	height:auto;
	margin:0.6em auto;
}

.ban_1 img {
	display: block;
	width: 100%;
	max-width: none;
	
}

.navi_banner {
	max-width:240px;
	height:400px;
	margin:0.6em auto;
	background:url("../images/navi_unleash.jpg") no-repeat;
	clear:left;
}



.navi_banner img {
		/*
		display: block;
		width: 100%;
		max-width: none;
		*/
		position:relative;
		top:290px;
}

.navi_banner2 {
	max-width:240px;
	height:auto;
	margin:0.6em auto;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	#right_contents {
		width: auto ;
		padding: 0 ;		
		border: none ;
	}

	#left_box {
		width: auto ;
	}

}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	#right_contents {
		float: none ;		/* floatを無効する */
	}

	#left_box {
		float: none ;		/* floatを無効する */
	}

}





#right_contents div,p,li,h3{
	color:#fff;
}


.blueberry { max-width: 800px; }

.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #404040; }




.banner {
	width:600px;
	height:160px;
	margin:0.5em 0.5em;
}


.photo {
	max-width:830px;
	height:auto;
	margin:0.5em auto;
}

.photo img{
		display: block;
		width: 100%;
		max-width: none;
}

.photo2 {
	max-width:249px;
	height:auto;
	margin:0.5em 48px;
	float:right;
}

.photo2 img{
		display: block;
		width: 100%;
		max-width: none;
}

.photo3 {
	max-width:360px;
	height:240px;
	margin:0.5em 0.5em;
	display:inline-block;
	
}

.photo4 {
	max-width:380px;
	height:270px;
	margin:0.5em 0.5em;
	float:left;
}


#prof {
	max-width:300px;
	float:left;
	margin:0.5em 0.5em;
}

#prof dt{
	margin:0.3em 0;
	text-align:left;
	font-size:15px;
	color:#fff;
	border-bottom:0.1em solid #fff;
}

#prof dd {
	font-size:14px;
	color:#fff;
	margin:0.5em;
	text-align:left;
}
	

iframe,
          embed,
          object {
            max-width: 100%;
          }


.iframe-content {
    position: relative;
    width: 100%;
    padding: 25% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	box-shadow:0 2px 9px #fff;
}




/* For iPhone Retina 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
/* Portrait */
@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

.iframe-content iframe {
	width: 100%; !important;
    height: 100%; !important;
}

}


/* Landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

.iframe-content iframe {
	width: 100%; !important;
    height: 100%; !important;
}


}

.iframe-wrapper{
  	width: 100%;
    height: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}


/* For iPhone Retina 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
/* Portrait */
@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

.iframe-wrapper{
	width: 100%; !important;
    height: 280px; !important;
}

}


/* Landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

.iframe-wrapper{
	width: 100%; !important;
    height: 280px; !important;
}


}


.text {
	padding:0.5em 1.0em;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:13px;
	line-height: 1.6em;
	text-align:left;
	clear:both;
}

.text p{
	font-weight:600;
	color:#fff;
	padding:0.5em 0;
	clear:left;
}


.text2 {
	text-align:left;
	padding:0.2em 0.4em;
	margin:0.5em 1.2em;
	border-bottom:0.1em dotted #cccccc;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	color:#3e4fa5;
	clear:left;
}


.text_menu {
	color:#333;
	text-align:left;
	padding:0.2em 0.4em;
	margin:0.5em 1.2em;
	border-bottom:0.1em dotted #333;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	clear:left;
}


.text2 ul {
	margin:0.5em auto;
	list-style-type:none;
}

.text2 li {
	margin:0.8em 0;
	letter-spacing:0.2em;
}

#therapist {
	list-style-type:none;
	margin:0 2.5em;
	padding:0;
}

#therapist li {
	width:200px;
	height:280px;
	margin:0.5em 0.5em 1.6em;
	float:left;
}


.service_flow {
	width:300px;
	height:auto;
	float:right;
}


input:hover {
	-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;
			opacity: 0.6;
			filter: alpha(opacity=60);
}


.address {
	margin:0 1.5em;
	text-align:left;
}

#rec_area {
	      max-width:600px;
		  margin:0 auto;
		  line-height : 1.8;
		  background : url(../images/bg-body.jpg) repeat 0 0;
		  border-radius : 3px;
		  clear:both;
}


/* ナビゲーション２　*/



.pageTop {
	 position: fixed;
     right: 5%;
     bottom: 0;
 }
 
.pageTop a{
    width: 60px;
    height: 27px;
    display: block;
}




/* フッター　*/

#under {
	width:100%;
	height:170px;
	margin:0;
	background:url(../images/bg_paper.jpg);
	clear:both;
}



#nav_2 {
	list-style-type:none;
	margin:0;
	padding:0.9em 0.4em;
	text-align:center;
	color:#ffffff;
	font-size:13px;
}

#nav_2 li {
	display:inline;
	margin:0 0.2em;
}

#nav_2 li a {
	text-decoration:none;
	color:#fff;
	font-weight:600;
}

#nav_2 li a:hover {	
	color:#97c6a7;
}


@media screen and (max-width:767px){

	#under {
		height:auto;
	 }

	 #nav_2 {
		width:100%;
		height:auto;
		background:#503838;
	}
	
	#nav_2 li {
		margin:0 0.5em;
		text-align:left;
	}

	#nav_2 li a{
		padding:0.5em 0;
		display:block;
		border-bottom:0.1em solid #eadfdf;

	}
}


@media screen and (max-width:479px){

	#under {
		height:auto;
	 }

	  #nav_2 {
		width:100%;
		background:#503838;
	}
	
	#nav_2 li {
		margin:0 0.5em;
		text-align:left;
	}

	#nav_2 li a{
		padding:0.5em 0;
		display:block;
		border-bottom:0.1em solid #eadfdf;

	}

}



.footer  {
	width:100%;
	height:65px;
	margin:0 auto;
	bottom:0;
	position:relative;
	clear:both;
	background:#190e04;
}

.footer p{
	text-align:center;
	font-weight:600;
	color:#fff;
	margin:0;
}




