@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */

@media only screen and (max-width: 700px) {


/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br { 
    letter-spacing: normal;
}
/* フロート回り込み解除
----------------------------------------------- */
.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.both{
    clear:both;
}

.hidden {
    display: none;
}



/* yui 上書き
----------------------------------------------- */
html,
body {   
    /*height: 100%;*/ /*背景画像を100%にする時に使用する*/
}
body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
    color: #595959;
    line-height: 1.8;
	
	width: 100%;
	
}
ol,ul,dl {
    margin: 0px;
}
li {
    list-style-type: none;
}
h1, h2, h3 {
    margin: 0px;
}
img {
	vertical-align: bottom;
	
}


/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */

/* body */
body {}
/* container */
#container {}
/* container_inner */
#container_inner {}
/* header_wrapper */
#header_wrapper {}
/* header */
#header {}
/* main_nav */
#main_nav {}
/* breadcrumb */
#breadcrumb {}
/* contents_wrapper */
#contents_wrapper {}
/* footer_wrapper */
#footer_wrapper {}
/* footer */
#footer {}




/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */


/* a リンク
----------------------------------------------- */
a {
    text-decoration: none;
	color: #000;
}
a:link{
}
a:visited{
}
a:hover{
    text-decoration: underline;
}

/* table
----------------------------------------------- */
table {
     width: 100%;
}
tr {
    border: none;
}
th {
	background-color: #FFF;
}
th {
    padding: 10px 10px;
    font-weight: 100;
    border: solid 1px #cec7c7;
	line-height: 1.9em;
	background: rgba(228, 227, 221, 0.53);
}
td {
    padding: 10px 10px;
    font-weight: 100;
    border: solid 1px #cec7c7;
	line-height: 1.9em;
}


/* ボタン
----------------------------------------------- */
.button   {  
    display: inline-block;
    border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    padding: 5px 20px;  
    font-weight: bold;  
    cursor: pointer;  
    color: #666;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
}
.button:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
}
.button:active {  
    background: #ccc;  
    padding: 6px 20px 4px;  
}  



/* form
---------------------------------------------- */




/* -----------------------------------------------
 * メイン
----------------------------------------------- */

/* html */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {

}
article {
	width: 100%;
	position: relative;
	padding-top:100vh;
}

.sp {
	display:block;
}
.sp_taste {
	display:block;
	margin-bottom:70px;
}
.pc {
	display:none;
}
.w100 {
	width:100%;
}
/*ヘッダー
----------------------------------------------- */

header {
	width:100%;
	height: auto;
	padding-top: 0.1px;
	margin-right: auto;
	margin-left: auto;
}

#u_logo {
    float: none;
    width: 100%;
	text-align:center;
    margin-right: 0px;
}
#u_logo img {
    float: none;
    width: 77%;
	text-align:center;
}
#head_up {
	float: none;
	width: 100%;
	margin-bottom: 0;
}
#u_logo h1 {
	float: none;
	font-size: 10px;
	margin: 20px auto;
	font-weight:bold;
	width: 90%;
	text-align:center;
}
#head_up .right_head {
	
	display:none;
	float: none;
	width: 374px;
}
#head_up .right_head .rhead_adr {
	font-size: 10px;
    line-height: 14px;
    float: right;
    margin-bottom: 0;
}
#head_up .right_head .rhead01{
	height: 30px;
	margin-bottom: 5px;	
}
#head_up .right_head .rhead02{
	height: 30px;
	margin-bottom: 7px;	
}
#head_up .right_head .rhead03{
	height: 36px;
	margin-bottom: 5px;	
}
#head_up .right_head .rhead03 ul li {
	margin-right: 5px;
	float: left;
}
#head_up .right_head .rhead03 ul li:nth-child(4n) { margin-right:0; }




/*ナビゲーション
----------------------------------------------- */

nav {
	display:none;
}
nav ul li {
	float: none;
}
nav ul {
	height: 32px;
	margin: 0px;
}

nav ul li a {
	display:block;
}
#head_sub {
	float: none;
}
nav ul .menu_logo {
	margin-right: 115px;
}
#smh_menu {
	display:block;
}
.pure-drawer {
	display:block;
}

/*追従ナビゲーション
----------------------------------------------- */
#sp_menu {
	display:none;
}
.fx { position:fixed; top:0; left:0; width:100%; height:60px; line-height:50px; background:#FAFAFA; z-index:99999; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4); border-top:6px solid #000; display:none; }
.fx:after { content:""; display:block; clear:both; }
.fx nav {
	display:none;
}
.fx nav ul { width:1200px; margin:0 auto; }
.fx nav ul li { float:left; margin-top:15px;}
.fx nav ul li img { margin-bottom:0px;}
.fx nav ul li a { display:block; padding-top:0px; }
.fx nav ul li a:hover { border-bottom:0px solid #000; }
.fx h1 { position:absolute; left:55px; top:10px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.fx h1:hover { -webkit-animation:turn 1.5s; -moz-animation:turn 1.5s; -ms-animation:turn 1.5s; -o-animation:turn 1.5s; animation:turn 1.5s; }
.fx #h_button { height:60px; position:absolute; right:55px; padding-top:10px; }
.fx #h_button li { float:left; margin-right:20px; }
.fx #h_button li:last-child { margin-right:0; }
.fx #h_button li img { max-width:100%; }
.fx #h_button ul li a { display:block; width:62px; height:60px; background:url(../image/h_button02ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li:first-child a { background:url(../image/h_button01ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li:last-child a { background:url(../image/h_button03ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li a:hover img { opacity:0; }
.fx nav ul li:nth-child(8n) { margin-right:14px;}
.fx nav ul li:nth-child(9n) { margin-top:0px;}
.fx nav ul li:nth-child(9n) .bottomx3{
	margin-bottom:2px;
}
@media only screen and (max-width: 1500px) {
.fx #h_button { display:none }
}

/* pagetop
----------------------------------------------- */
.pagetop { display:block; width:47px; height:49px; position:fixed; right:5%; bottom:10%; z-index:99999; display:none; }
.pagetop img { opacity:0.3; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.pagetop:hover img { opacity:1; }





/* コンテンツ
----------------------------------------------- */
.bg_sl{
	    margin-top: 98px;
}

.main_image {
	
	display:none;
}
#main_image img{
	position: relative;
    z-index: 0;
	width: 100%;
}
#main_image h1 {
	position: relative;
    z-index: 1;
    top: -5em;
    left: 4em;
	margin-bottom: 65px;
	font-size: 3em;
}
#main_image h1 .h1_sub {
	margin-bottom: 65px;
	font-size: 19px;
	margin-left: 10px;
}
.main_image .pankz {
	display: block;
    border-bottom: 1px dotted #a8a8a8;
    padding-bottom: 25px;
	margin-bottom: 40px;
}
.main_image .pankz ul {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main_image .pankz li {
	float: none;
	margin-right: 10px;
	line-height: 23px;
    font-size: 0.625rem;
}
.main_image .pankz li a {
	color: #c7a4aa;
}

.contents {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.contents #main {
	float: none;
	width: 100%;
	margin-bottom: 15px;

}
.contents #main p {
	font-size: 12px;
	width: 96%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.contents #main h1 {
    font-size: 2em;
    font-weight: bold;
    position: relative;
    /* background: url(../image/h2_bg.png) no-repeat left; */
    background-color: #ff9800;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    color: white;
	text-align:center;
}
.contents #main h1 .h1_sub {
	margin-bottom: 65px;
    font-size: 15px;
    margin-left: 10px;
    font-weight: normal;
}
.contents #main h2 {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	color: #FF9800;
	width: 90%;
	margin: 10px auto 15px;
	padding: 0;
	text-align: center;
}
.contents #main h3 {
	color: #595959;
	background-position: 6px 4px;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 1em;
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF5722;
}
.contents #main h4 {
	margin: 0 0.5em;
    padding: 0 0 0.5em;
    color: #ff8a22;
}
.contents #main #house_link {
	position: relative;
	padding-right: 16px;
	padding-left: 16px;
	height: 58px;
	margin-bottom: 55px;
}
.contents #main #house_link ul li {
	float: none;
	margin-right: 17px;
}
.contents #main #house_link ul li:nth-child(3n) {
	margin-right:0;
}
.contents #main #house_link .link_line {
	position: absolute;
	bottom: 0px;
	left: -1px;
}
.contents #main .housebox{
	background: url(../image/house02.png) no-repeat;
}
.contents #main .housebox{
	padding-top: 30px;	
}
.contents #main .housebox p{
	margin: 0px 30px 0px 519px;
    padding: 40px 30px;
    letter-spacing: 3px;
    line-height: 2em;
	background-color: rgba( 255, 255, 255, 0.55 );
}
.contents #main div .concept_bx {
	background-color: #F6F7F7;
	text-align: center;
	float: none;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom:20px;
}
.consept_img{
	width: 100%;
}
.contents #main img{
	width: 100%;
	margin-bottom: 10px;
}
.contents #main div .concept_bx h2 {
	font-size: 21px;
	color: #7A0217;
	margin-bottom: 20px;
}
.contents #main div .concept_bx p {
	font-size: 13px;
	line-height: 26px;
	padding: 0px;
	text-align: left;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contents #main div .concept_bx2 {
	text-align: center;
	float: none;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom:20px;
}
.contents #main div .concept_bx2 h2 {
    font-size: 21px;
    color: #7A0217;
    margin-bottom: 20px;
}
.contents #main div .concept_bx2 p {
	font-size: 13px;
	line-height: 26px;
	padding: 0px;
	text-align: left;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contents #main div .concept_bx3 {
	background-color: #F6F7F7;
	text-align: center;
	float: none;
	height: 370px;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
}
.contents #main div .concept_bx3 h2 {
	font-size: 21px;
	color: #7A0217;
	margin-bottom: 20px;
}
.contents #main div .concept_bx3 p {
	font-size: 13px;
	line-height: 26px;
	padding: 0px;
	text-align: left;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.contents #main .block {
	margin-bottom: 50px;
	padding-bottom: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.contents #main .block2 {
	margin-bottom: 50px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contents #main .block2 img{
	width: 100%;
}
.contents #main .block3 {
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    width: 90%;
    margin: 0 auto 50px;
}
.contents #main .block3 img{
	width: 100%;
	margin-bottom: 10px;
}
.contents #main .block3 .sumika ul li dl dd img{
	width: 35%;
}
.contents #main .block3 .lineupblock .a .lineupbox {
    width: 100%;
    margin-right: 0px;
    float: none;
    padding-right: 0px;
    margin-bottom: 60px;
}
.contents #main .block3 .lineupblock .a .lineupbox2 {
	width: 100%;
	margin-right: 0px;
	float: none;
	padding-right: 2px;
	margin-bottom: 60px;
}
.contents.clearfix #main .block3 .lineupblock .a .lineupbox img {
	width: 100%;
	margin:0 auto;
}
.contents.clearfix #main .block3 .lineupblock .a .lineupbox2 img {
	width: 100%;
	margin:0 auto;
}
.contents #main #company .block3 .lineupblock .a .lineupbox {
	width: 100%;
	margin-right: auto;
	float: none;
	padding-right: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:center;
}
.contents #main #company .block3 .lineupblock .a .lineupbox2 {
	width: 100%;
	margin-right: auto;
	float: none;
	padding-right: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:center;
}
.contents #main .block4 {
	padding-bottom: 10px;
}
.contents #main .block4 .tyumon_left{
	float: none;
	width: 100%;
}
.contents #main .model .block4 div div img {
	width: 100%;
}

.contents.clearfix #main block4.style_left {
	float: left;
	width: 460px;
}
.contents.clearfix #main block4.style_right {
	float: right;
	width: 460px;
}
.contents.clearfix #main .performancesblock {
    margin-bottom: 50px;
}
.contents.clearfix #main .performancesblock h3 {
    margin: 1em 0em 0.5em;
    color: #7b0317;
    padding-left: 1.5em;
    background: url(../image/ico01_red.png) no-repeat left;
    background-position: 6px 4px;
    padding-left: 27px;
    font-weight: normal;
}
.contents.clearfix #main .performancesblock img {
    width: 100%;
	margin-bottom:5px;
}
.contents.clearfix #main .performancesblock p {
    padding: 0px 0px 0;
}
.contents.clearfix #main .halfblock {
    margin-bottom: 50px;
}
.contents.clearfix #main .halfblock img {
	width:100%;
}
.contents.clearfix #main .style_left {
	float: none;
	width: 90%;
	margin:0 auto;
}
.contents.clearfix #main .style_left p {
	width: 100%;
}
.contents.clearfix #main .style_right {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contents.clearfix #main .style_right p {
	width: 100%;
}
.contents #main .contact_erea {
	margin-bottom: 50px;
	padding-bottom: 70px;
	    text-align: center;
}
.contents #main .lineupblock{
	
}
.contents #main .lineupbox p {
    line-height: 1.5em;
    padding: 3px 0px 0;
    margin: 0px 0 12px 0;
    text-align: left;
    width: 100%;
}
.contents #main .lineupbox2 p{
	line-height: 1.5em;
    padding: 3px 0px 0;
	margin: 0px 0 12px 0;
	text-align:left;
	width:100%;
}
.contents #main .txt p.subtitle {
    background: #000;
    color: #FFF;
    padding: 0px 12px;
    font-size: 16px;
    width: 100%;
    margin: 0px auto 5px auto;
}
.contents #main .txt p.title {
    color: #7b0317;
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 10px;
}
.contents #main .txt .text {
	height: 80px;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	margin: 0 auto 20px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.company_list dt {
    color: #777C80;
    font-weight: 600;
    letter-spacing: 0px;
    width: 20%;
    position: absolute;
    padding: 15px 0 16px 5px;
    font-size: 11px;
}
.company_list  dd {
    padding: 15px 20px 13px 25%;
}
.company_list dd:nth-child(4n+2) {
    background-color: #f5f5f5;
}
.contents #main .block div .message_left {
	float: left;
	width: 615px;
	line-height: 28px;
}
.contents #main .block div .message_right {
	float: right;
	width: 300px;
	margin-left: 15px;
	text-align: center;
}
.contents #main .block div .message_right img {
	width: 300px;
	margin-bottom: 5px;
}

#tastelist  {
	width: 90%;
	margin-top: 40px;
	padding-bottom: 100px;
	margin-left:auto;
	margin-right:auto;
}
#tastelist ul li  {
	float: none;
	margin-right: auto;
	margin-left:auto;
	margin-bottom: 26px;
}
#tastelist ul li:nth-child(3n) { margin-right:0; }

.cl_link {
    color: #78B97F;
    font-size: 0.9375em;
    font-weight: 600;
    display: inline-block;

}
.btn {
    margin-top: 50px;
    text-align: right;
}
.btn_center {
    margin-top: 50px;
    text-align: center;
	
}
.btn_link {
    color: #FF9800;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 17px 10px;
    min-width: 75%;
    border: 1px solid #ff9800;
    position: relative;
    box-shadow: inset 0 0 0 #325E35;
}
.contents.clearfix #main .performancesblock .btn_center02{
    margin-top: 10px;
    text-align: center;
	margin-bottom:40px;
}
.btn_link02 {
    color: #333;
    font-weight: 600;
    font-size: small;
    text-align: center;
    display: inline-block;
    padding: 5px 0px;
    min-width: 240px;
	border: 2px #333 solid;
	position: relative;
}

.contents #main #charge .block2 {
	padding-bottom: 0px;
	margin-bottom: 30px;
}


.sm{
	font-size:0.3em;
	margin-right: 0;
}

.tiryoubox{
	padding: 2%;
    border: 3px solid #eeece3;
    border-radius: 10px;
	margin-bottom: 20px;
	}

.cheaklist-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0 0 15px;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
	background: #fff5ee;
    padding: 2%;
}
 
.cheaklist:before {
    content: "";
    width: 18px;
    height: 23px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin: 0 2px 4px 15px;
    background-image: url(../image/ico32.gif);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
}
.note{border: 1px dotted #4CAF50;
	padding: 11px;}
.contents #main .note p{font-size: 0.9em;
    margin: 0 auto 0.5em;color: #317d34;}
		
	
/* コンテンツ　会社概要
----------------------------------------------- */

.com_intro {
	display:none;
}



.line_botton {
	width:40%;
	margin-bottom:30px;
	margin-left:30px;
}
.sitemapblock{
	float: left;
    width: 47%;
    margin-left: 20px;
	margin-bottom: 10px;
}
.sitemapblock li{
	margin: 4px 0;
    padding-left: 25px;
    background: url(../image/shape_05.gif) no-repeat 0 .5em;
    font-size: 12px;
    
}
.sitemapblock li.tit{
	padding-left: 25px;
    font-size: 14px;
    font-weight: bold;
	border-left: 5px solid #dadada;
    margin: 30px 0 0 0px;
}
.sitemap02 li{
	padding-left: 59px;
    background: url(../image/ico03_green.png) no-repeat 3em 0.5em;
}
.contents #main p.realblock {
	line-height: 2.5em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	width: 460px;
	float: right;
}
.contents #main .pp ol li {
    margin-bottom: 20px;
    padding-bottom: 7px;
    margin-left: 25px;
    line-height: 26px;
	list-style-type: disc;
}
#flow{
	margin: 0 20px 0 0;
}
.contents #main #flow2 table th td{
	font-weight: 100;
    border: solid 1px #fff;
    letter-spacing: 0.3em;
    line-height: 1.9em;
}


.contents #main .contactbox{
	border:	1px dotted #d0d0cf;
    margin: 0 100px;
}
.contents #main .contactbox02_left{
	background: #eeece3 ;
    padding: 25px 17px 0;
	width: 290px;
	margin: 0 0 20px 25px;
	float:left;
}
.contents #main .contactbox02_right{
	background: #eeece3 ;
    padding: 25px 17px 0;
	width: 290px;
	margin: 0 25px 20px 0;
	float:right;
}
.contents #main p.contacttit{
	font-size:14px;
	background-color: #333;
    color: white;
	padding: 5px;
}
.contents #main .contactbox p.tit{
	font-size:14px;
	font-weight:600;
	margin-bottom: 5px;
}

.lineupbox_mini{
	margin: 0 auto 10px;
    text-align: center;
}
.contents #main .block3 .lineupbox_mini img{
	width:90%;
}
.lineupbox2_mini{
	margin: 0 auto;
    text-align: center;
}
.contents #main .block3 .lineupbox2_mini img{
	width:90%;
}
.a .salon_sentaku {
	list-style: square url('../image/ico32.gif') inside;
	margin-bottom: 20px;
}

.a .salon_sentaku li{
	text-align:left;
	color:#F33;
}
/* コンテンツ　骨盤矯正

----------------------------------------------- */

.contents #main #about .block3 .lineupblock .a .lineupbox3 .kotsuban {
	font-size: 1.5em;
	color: #ff9800;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .kotsu_box{
	display: block;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .k_box01{
	width: 60%;
    margin: 0 auto;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .k_box01 img{
	width: 92%;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .k_box02{
	width: 100%;
	padding: 20px;
	background-color: #ffdede;
	border-radius: 30px;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .k_box02 p{
	font-size: 14px;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .kotsu_box02 {
	margin-top: 30px;
}
.contents #main #about .block3 .lineupblock .a .lineupbox3 .kotsu_box02 img{
	width: 100%;
}

/* コンテンツ　新交通事故

----------------------------------------------- */
.contents #main .jiko_h2{
	border-left: none ;
}
.contents #main .jiko_nayami .sub_p{
	font-family: vdl-v7marugothic, sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	font-size: 18px;
	color:#ff9800;
	font-weight: bold;
}
.contents #main .jiko_nayami .jiko_h2{
	margin: 0 auto;
    width: 100%;
}

.contents #main .jiko_h3{
	width: 100%;
	font-size: 16px;
	text-align: center;
	background: none;
	margin: 0 auto;
}
.contents #main .jiko2_h3 {
	display: flex;
}
.contents #main .jiko_souguu p{
	margin-top: 20px;
}
	
.contents #main .jiko2_h3 .span_text {
	width: 70%;
	padding: 14px 0;
}
.contents #main .jiko2_h3 .span_img {
	width: 30%;
}
.contents #main .jiko2_h3 span img{
	width: 70%;
}
.contents #main .jiko_box{
	margin-top: 55px;
	display: block;
}
.contents #main .jiko01{
	width: 60%;
	padding: 5px;
	margin: 0 auto;
    text-align: center;
}
.contents #main .jiko01 img{
	width: 100%;
}
.contents #main .faq_box{
	display: block;
}

.contents #main .jiko02{
	width: 100%;
	padding: 5px;
	margin: 10px;
	background-color: #FFE8D0;
	border-radius: 10px;
	margin: 0 auto;
	margin-bottom: 20px;
	
}
.contents #main .jiko02 h3{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #ff9800;
	border-radius: 10px;
	padding: 6px;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	
}
.contents #main .jiko02 li span{
	font-size: 18px;
	font-weight: bold;
	color: #ff9800;
}
.contents #main .jiko02 li{
	text-align: left;
	margin: 10px 20px;
}
.contents #main .jiko02 li img{
	width: 100%;
	border-radius: 20px;
}
.contents #main .jiko02_1{
	width: 100%;
	padding: 5px;
	margin: 10px;
	background-color:#e7fdd8;
	border-radius: 10px;
	margin: 0 auto;
	
}
.contents #main .jiko02_1 h3{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #84d451;
	border-radius: 10px;
	padding: 6px;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	
}
.contents #main .jiko02_1 li span{
	font-size: 18px;
	font-weight: bold;
	color: #84d451;
}
.contents #main .jiko02_1 li{
	text-align: left;
	margin: 10px 20px;
}
.contents #main .jiko02_1 li img{
	width: 100%;
	border-radius: 20px;
}

.contents #main .jiko_nayami02 h2{
	margin:0 ;
}
.contents #main .jiko_nayami02 h2 img{
	margin-bottom: 0;
}
.contents #main .jiko_nayami02{
	 background: #fef9ed; /* 背景色 */
   border-radius: 10px;
   padding: 1em;
   margin:0 auto;
   width: 90%;
  margin-bottom:20px; 
}
.contents #main .jiko_nayami02 .sample1{
   list-style: none;
 
}
.contents #main .jiko_nayami02 .sample1 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0 auto;
   padding: 0.5em 0 0.5em 2.5em;
   width: 100%;
   text-align: left;
   font-size: 16px;
   font-weight: bold;
}
.contents #main .jiko_nayami02 .sample1 li:last-child{ 
   border:none;
}
.contents #main .jiko_nayami02 .sample1 li:before {
   background-color:  #ffa952; /* 点の色 */
   position: absolute;
   content: '';
   top:1.1em;
   left: 0.5em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
   margin-right: 15px;
}
.contents #main .jiko_nayami02 .sub_p{
	font-family: vdl-v7marugothic, sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	font-size: 22px;
	color:#ff9800;
	font-weight: bold;
	margin: 20px 0 65px 0;
}
.contents #main .jiko_flow .jiko_box{
	width: 100%;
	border-bottom: 1px #82d150 solid;
	margin-bottom: 0;
}

.contents #main .jiko_flow .jiko_03{
	width:100%;
	padding: 10px 10px;
	margin: 0;
}
.contents #main .jiko_flow .jiko_03 p{
	font-size: 14px;
	margin-top: 20px;
}
.contents #main .jiko_flow .jiko_03 img{
	width: 100%;
}
.contents #main .jiko_flow .jiko_04{
	width: 100%;
	padding: 10px 10px;
	margin: 0;
}

.contents #main .jiko_flow .jiko_04 img{
	width: 100%;
	border-radius: 20px;
	margin-bottom: 0;
}
.contents #main .jiko_flow .tel_bn{
	margin-top: 20px;
	margin-bottom: 30px;
}
.contents #main .jiko_point li{
	text-align: left;
	padding: 10px;
	border-bottom : 2px dotted #999999;   /* 枠線の指定（下）     */
 	border-radius : 1px;          
}

.contents #main .jiko_point li span img{
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.contents #main .jiko_faq h2{
	font-size: 18px;
	padding: 0;
	text-align: center;
	border-bottom: solid 3px #ff9800;
  	position: relative;
		 
}
.contents #main .jiko_faq h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #81d050;
  bottom: -3px;
  width: 50%;
}

.faq{
	width: 100%;
  background: #FFE8D0;
  padding: 1.5em;
  border-radius: 1em;
  margin: 0 auto;
  margin-bottom: 10px;
}
.faq dt{
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted;
  font-weight: bold;
}
.faq dt:before{
  content: "Q";
  font-weight: normal;
  background: #ff9800;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6;
  text-align: center;
  display: inline-block;
  border-radius: 1em;
  margin-right: .5em;
}
.faq dd{
  margin-bottom: 2em;
  text-align: left;
}
.faq dd:last-child{
  margin-bottom: 0;
}



/* コンテンツ　ニュース
----------------------------------------------- */
.contents #main .news{
}
.contents #main .news .block{
}
.contents #main .news .block_tit{
	border-left: 5px solid #dadada;
    margin: 0 0 0 10px;
}
.contents #main .news p{
	padding: 0 10px 0 26px;
}
.contents #main .news p.date{
	font-weight: 600;
    padding: 0;
    margin: 0 0 5px 0;
    text-indent: 15px;
}
.contents #main .news p.title{
	font-size: 16px;
    color: #7b0317;
    font-weight: 600;
	padding: 0 0 0 13px;
}
.contents #main .news p.btn_center{
	margin-top: 0px;
    text-align: left;
}
.contents #main .news .btn_link{
	color: #fff;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    min-width: 150px;
    background-color: #7b0317;
    position: relative;
}


/* コンテンツサイドメニュー
----------------------------------------------- */
.contents #side {
	float: none;
	width: 100%;
}
.contents #side h1{
	font-weight:bold;
	border-bottom: 1px dotted #a8a8a8;
	margin-bottom: 20px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 24px;
}
.contents #side #side_contact {
	height: 209px;
	width: 194px;
	padding-top: 36px;
	padding-bottom: 15px;
	border: 3px solid #7B0317;
	text-align: center;
	margin-bottom: 40px;
}
.contents #side .side_menu {
	margin-bottom: 20px;
}
.contents #side .side_menu li {
	padding: 0.8em 1.1em;
	border-bottom: 1px dotted #dcdbdb;
	text-indent: 25px;
}
.contents #side .side_menu li.event {
	background: url(../image/ico07_red.png) no-repeat 0.3em 0.5em;
}
.contents #side .side_menu li.case {
	background: url(../image/ico06_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li.real {
	background: url(../image/ico04_red.png) no-repeat 0.3em 0.7em;
}
.contents #side .side_menu li.voice {
	background: url(../image/ico05_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li a {
	color: #333;
}
.contents #side .side_menu01 {
	margin-bottom: 40px;
	padding: 0 4px;
}
.contents #side .side_menu01 li {
	padding: 0.8em 1.1em;
	border-bottom: 1px dotted #a8a8a8;
	text-indent: 10px;
	background: url(../image/ico08_glay.png) no-repeat left;
    background-position: 0.3em 1.3em;
}
.contents #side .side_menu01 li a {
	color: #333;
}
.contents #side .side_menu01 li.s_cat {
	margin-bottom: -1px;
	padding: 1.4em 0.2em;
	border:none;
	border-bottom: 1px dotted #ccc;
	text-indent: 10px;
	background: none;
}
.contents #side .side_menu01 li.koko {
	background: url(../image/ico08_red.png) no-repeat left;
	background-position: 0.3em 1.3em;
	color:#7B0317;
	font-weight:600;
	
}
.contents #side .bnrerea{
	margin-bottom: 40px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contents #side .bnrerea img{
	
	width: 100%;

}
.contents #side .bnrerea li{
	margin-bottom: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contents #side .fbtit{
	display:none;
}
.contents #side .fb_wrap{
	display:none;
}
.fb-page{
	display:none;
}
.fb_iframe_widget_fluid {
display:none;
}
.contents #side .side_taste {
	font-size: 15px;
}

.now{
	background: #fbf9f9;
    margin-bottom: 40px;
    padding-bottom: 1px;
}










.middle {
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #FF9800;
    margin-bottom: 35px;
    background: #FF9800;
}
.middle.clearfix #middle_in {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0;
	text-align: center;
}

.middle.clearfix #middle_in img {
	width: 100%;
	margin-bottom: 15px;
}
.middle.clearfix #middle_in h2 {
    margin-bottom: 15px;
    font-size: 2em;
    color: #fff;
}
.lower {
	background-color: #FFF;
	height: auto;
	width: 90%;
	padding-top: 35px;
	padding-bottom: 32px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
.lower #lower_in {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.lower #lower_in ul li {
	font-size: 12px;
	float: none;
	margin-right: 0px;
	width: 100%;
	margin-bottom:10px;
}
.lower #lower_in ul li img {
	width: 100%;
}
.lower #lower_in ul li:nth-child(4n) {
	margin-right:0;
}
.lower #lower_in ul li img {
	margin-bottom: 4px;
}


/* バナーエリア
----------------------------------------------- */

.banner {
	width: 100%;
	margin: 0 auto;
}
.banner ul li {
	float: left;
	margin-right: 2%;
    width: 49%;
	margin-bottom: 10px;
}
.banner ul li img{
	width:100%;
}
.banner ul li:nth-child(2n) {
	margin-right:0;
}
.banner ul li:nth-child(4n) {
	margin-right:0;
}


/* 院メニュー
----------------------------------------------- */
.contents #main #menu .block3 {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom:none;
    width: 90%;
    margin: 0 auto;
}
#menu a{
	color: #fff;
}
#menu .a{
	margin-top:20px;
}
.contents #main #menu .block3  .lineupblock {
   
}
.contents #main #menu .block3 .lineupblock .a .lineupbox {
    width: 100%;
    float: left;
    margin: 0 42px 0 0;
}
.contents #main #menu .block3 .lineupblock .a .lineupbox h2 {
	border-bottom: 3px #FF9800 solid;
    padding: 5px;
}
.contents #main #menu .block3 .lineupblock .a .lineupbox img {
	width:80%;
}
.contents #main #menu .block3 .lineupblock .menu_pbox{
	margin:0 auto;
	width:100%;
	float: left;
}
.contents #main #menu .block3 .lineupblock .menu_pbox p{
	width:100%;
	text-align:left;
}
.nayami{
	background:#090;
	color:#fff;
	padding: 10px 40px;
}
#menu .a .salon_sentaku {
    list-style: square url(../image/ico32.gif) inside;
    margin: 35px 0 10px;
}
#menu .submenu_list {
    width: 100%;
    margin: 0 auto;
}
#menu .submenu_list li {
    display: inline-block;
    list-style: none;
    width: 30%;
    float: left;
    font-size: 90%;
    text-align: center;
    margin-right: 4%;
	line-height: 1;
}
#menu .submenu_list li:nth-child(3) {
	margin-right:0;
}
#menu .submenu_inner {
    color: #fff;
    background: #ff9800;
    font-size: 15px;
    width: 100%;
    display: block;
    padding: 13px 5px;
	letter-spacing: 2px;
}
#menu .submenu_inner img {
    width: 45%;
    margin-bottom: 8px;
}
#menu .menu_pbox .submenu_list {
    width: 100%;
    margin: 0 auto　20px;
	border: 3px dotted #ccc;
    padding: 10px;
}
.f_menu .submenu{
	margin: 0 auto;
    padding: 30px 0 80px;
	background: rgba(255, 254, 253, 0);
    
}

/* サブメニュー
----------------------------------------------- */

.submenu{
	margin: 0 auto 60px;
}
.submenu h1{
	text-align:center;
}
.submenu .submenu_list {
    width: 97%;
    margin: 0 auto;
}

.submenu .submenu_list li{
	display: inline-block;
	list-style: none;
	width:33%;
	float: left;
	font-size: 90%;
    text-align: center;
   
}
.submenu .submenu_inner {
	border: 1px solid #FF9800;
   color: #FF5722;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 0px;
    padding: 10px 0;
}
.submenu .submenu_inner img{
	width:30%;
	margin-bottom:8px;
}


/* コンテンツサイドメニュー
----------------------------------------------- */
.contents #side {
	float: left;
	width: 100%;
}
.contents #side h1{
	font-weight:normal;
	border-bottom: 1px dotted #a8a8a8;
	/*margin-bottom: 20px;*/
	text-align: center;
	font-size:17px;
	font-weight: 600;
}
.contents #side #side_contact {
	height: 209px;
	width: 194px;
	padding-top: 36px;
	padding-bottom: 15px;
	border: 3px solid #7B0317;
	text-align: center;
	margin-bottom: 40px;
}
.contents #side .side_menu {
	margin-bottom: 30px;
	padding: 0 3%;
	display: none;
}
.contents #side .side_menu li {
	/*padding: 1.5em 0.8em;*/
	border-bottom: 3px dotted #dcdbdb;
	text-indent: 10px;
	float:left;
	width: 49%;
}
.contents #side .side_menu li:nth-child(2n)  {
	border-left: 3px dotted #dcdbdb;
	/*padding: 1.5em 0 1.5em 1.3em;*/
}

.contents #side .side_menu li img{
	width:30%;
	float:right;
	display: none;
}
.contents #side .side_menu li.event {
	background: url(../image/ico07_red.png) no-repeat 0.3em 0.5em;
}
.contents #side .side_menu li.case {
	background: url(../image/ico06_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li.real {
	background: url(../image/ico04_red.png) no-repeat 0.3em 0.7em;
}
.contents #side .side_menu li.voice {
	background: url(../image/ico05_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li a {
	color: #333;
	font-size: 1em;
}
.contents #side .side_menu01 {
	margin-bottom: 60px;
	padding: 0 4px;
}
.contents #side .side_menu01 li {
	padding: 1.5em 0.5em;
	border-bottom: 1px dotted #a8a8a8;
	text-indent: 10px;
	background: url(../image/ico08_glay.png) no-repeat left;
    background-position: 0.3em 1.3em;
}
.contents #side .side_menu01 li a {
	color: #333;
}
.contents #side .side_menu01 li.s_cat {
	margin-bottom: -1px;
	padding: 1.4em 0.2em;
	border:none;
	border-bottom: 1px dotted #ccc;
	text-indent: 10px;
	background: none;
}
.contents #side .side_menu01 li.koko {
	background: url(../image/ico08_red.png) no-repeat left;
	background-position: 0.3em 1.3em;
	color:#7B0317;
	font-weight:600;
	
}

.contents #side .bnrerea{
	margin-bottom: 40px;
}
.contents #side .bnrerea img{
	width:100%;
	margin-bottom: 10px;
}
.contents #side .bnrerea li{
	margin-bottom: 10px;
	
}
.contents #side .fbtit{
	background: url(../image/fbtit.png) no-repeat 0.3em 0.2em;
	text-indent: 28px;
}
.contents #side .side_taste {
	font-size: 15px;
}

.now{
	margin-bottom: 40px;
    padding-bottom: 1px;
}


/* 整体サロンretoma
----------------------------------------------- */
#retoma .contents #main {
	margin:0 auto;
}

#retoma .contents #main h3 {
	background:none;
	margin:13px auto 0;
}
#retoma .contents #main h1 {
	margin:0 auto;
	background:#5c4442;
}
#retoma .contents #main {
	margin:0 auto;
}



.three-contents{
  margin: 55px 0;
}

.three-box_01{
  margin: 0 auto;
  display:block;
  
}
.three-box_01 >div{
	width: 73%;
    margin: 0 auto 17px;
	background: #f2f1ef;	
	border-radius: 22px;
	text-align:center;
	padding:2%;
}
.contents #main .three-box_01 >div h3{
	color: #400000;
    text-align: center;
    margin: 10px 0;
	background:none;
	width:100%;
}
.contents #main .three-box_01 >div p{
	font-size:0.9em;
	color: #400000;
	text-align:center;
}

.contents #main .three-box_01 img{
  width: initial;
  max-width: 90px;
  margin-bottom:20px;
}
.contents #main .three-box_01 .parking-box img{
  width: initial;
  max-width: 120px;
}


.three-box_01 p{
  text-align: left;
  padding: 0 20px 0 20px;
}
.retoma-menu{
  display: block;
  gap: 30px;
  background: #f2f1ef;
  
}

.retoma-menu-txts{
  padding: 30px 17px;
}
.retoma-menu-txts h3{
  font-size: 1.3em;
}

.contents #main .retoma-menu img{
    
	margin:0;
}



@media only screen and (max-width: 700px) {

  .contents #main .retoma-feature{
    display: block;
  }

  .contents #main .block3 .retoma-feature img{
    margin-left: 50px;
    width:60%;
  }


}

@media only screen and (max-width: 400px){
  .feature_txt{
    margin: 0 auto;
  }

}

.sp_only_bnr{
		width: 100%;
	}
.sp_only_bnr img{
		width: 84%;
        margin: 0 auto 20px;
        display: block;
	}




















/* フッター
----------------------------------------------- */




footer {
	text-align: center;

}
#f_sns {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7A0016;
	border-bottom-color: #7A0016;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-bottom: 40px;
}
#f_sns ul {
	width:93%;
	display:block;
	margin:0 auto;
}
#f_sns ul li {
	float: left;
	margin-right: 20px;
}
#f_sns ul li:nth-child(6n) { margin-right:0px;}

.footer_menu {
	display:none;

}
.footer_spmenu {
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b9b9b9;
	margin-bottom: 7px;
}
.footer_spmenu li {
	border-bottom: #b9b9b9 solid 1px;
	padding: 4% 0;
	text-align:left;
	background-color:#F7F7F7;
	background-image: url(../image/footer_arrow.png);
	background-repeat: no-repeat;
	background-position: left 5% center;
    text-indent: 27px;
    width: 50%;
    float: left;
	letter-spacing: 1px;
}

.footer_spmenu .fsp02 li {
	background:#f9ecb9;
	background-image: url(../image/footer_arrow.png);
	background-repeat: no-repeat;
	background-position: left 5% center;
	
}
.footer_spmenu .fsp03 li {
	border-bottom: #b9b9b9 solid 1px;
	padding: 3% 0;
	text-align:left;
	background:#e0e0e0;
	background-image: url(../image/footer_arrow.png);
	background-repeat: no-repeat;
	background-position: left 5% center;
	text-indent: 27px;
    width: 50%;
    float: left;
}
.footer_spmenu_tit{
	margin: 0 0 10px;
}
.footer_spmenu_tit h2{
	text-align: center;
    padding: 10px 0;
    color: #FF5722;
    
}

#f_logo {
	margin-bottom: 35px;
}


#small {
	font-size: 9px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	height: 37px;
	width: 100%;
	padding-top: 10px;
}
.right {
	float: none;
}
.left {
	float: none;
}
.left_c {
	float: none;
	margin-left: 0px;
}
    .footer_spmenu li.col3 {
        width: 33.333%;
    }

/* スマホドロアー
----------------------------------------------- */


#smh_menu{
	
	display:block;
	z-index:9999;
	position:relative;
	
}


/* スマホ用　ヘッダーフッター　固定ボタン
----------------------------------------------- */

.fix_menu_smartphone_top{
	position: fixed;
	top: 0px;
	z-index: 10000;
	padding-top: 10px;
}
.fix_menu_smartphone_top ul{

}
.fix_menu_smartphone_top li{
	float: left;
	margin-left: 5px;
}



.fix_menu_smartphone_top img{
  
}


.fix_menu_smartphone{
	position: fixed;
	bottom: 0px;
	z-index: 10000;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}


.fix_menu_smartphone ul{
	margin-right: auto;
	margin-left: auto;
	
}
.fix_menu_smartphone li{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	line-height: 35px;
	background-color: #57ca0f;
}
.fix_menu_smartphone li a{
	font-size: 17px;
	color: #FFF;
}
.fix_menu_smartphone img{
  width:100%;
}

.fix_menu_smartphone li:last-child{
	background-color: #FF5722;
}


.smu {
   padding-top: 10px;
   position: fixed;
   z-index: 999;
   background: #fff;
   width: 100%;
	box-shadow: 1px 1px 9px rgb(161 159 159 / 25%);
}
.smu h1{
	font-size: 11px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
}
.smu ul {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}
.smu ul li {
    display: table-cell;
    max-width: 160px;
    width: 25%;
    vertical-align: middle;
	text-align: center;
    color: #fff;
	padding-bottom: 3px;
	border-right: 1px solid #e7e7e7;
}
.smu ul li:last-child {
	border-right: none;
}
.smu ul li a {
	color: #FF5722;
    font-size: 0.8em;
	
}
.smu ul li img {
	width:47%;
}
