@charset "UTF-8";

header:after,
#globalNav:after,
#nav:after,
#nav-box:after,
#nav-box .nav-sub:after,
#crumb:after,
#info:after,
footer:after,
#contents:after,
#main:after,
#aside:after,
#breadcrumb:after,
#visual_mob:after,
#visual:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

header,
#globalNav,
#nav,
#nav-box,
#nav-box .nav-sub
#crumb,,
#info,
footer,
#contents,
#main,
#aside,
#breadcrumb,
#visual_mob,
#visual{
	zoom: 1;
}

.inner:after,
.entry:after,
.entry-post:after,
.entry ul:after,
ul.meta:after,
ul.boxSNS:after,
ul.horizon:after,
.well:after,
.boxSerch:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.inner.
.entry,
.entry-post,
.entry ul,
ul.meta,
ul.boxSNS,
ul.horizon,
.well,
.boxSerch{
	zoom: 1;
}

/* scroll Top */
#page-top{
	display: block;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	background: rgba(94,197,242,.7);
	border-radius: 6px;
	padding-top: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 240%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	z-index: 999999999999;
}
#page-top a{
	color: #fff;
}
#page-top:hover{
	background: rgba(94,197,242,.8);
}

#wrapper{
	text-align: left;
}

.pager:after {
	font-size: 1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.pager {
	zoom: 1;
}
.pager {
	width: 100% !important;
	text-align: center;
	padding: 0px 0 0px 0;
}
.pager .current,
.pager .pages{
	font-size: 1.0em;
	color: #666;
	padding: 10px 14px 10px 14px;
	border: #FFF solid 1px;
	margin-right: 6px;
	line-height: 500%;
}
@media screen and (max-width: 768px){
	.pager span.pages{
		display: block;
		line-height: 100% !important;
	}
}
.pager span.current{
	border: #3DA8EA solid 1px !important;
	background-color:#3DA8EA !important;
	color: #FFF;
}
.pager a{
	font-size: 1.0em;
	padding: 10px 14px 10px 14px;
	border: #DEDEDE solid 1px;
	margin-right: 6px;
}
.pager a:hover{
	color: #FFF;
	text-decoration: none;
	border: #3DA8EA solid 1px;
	background-color:#3DA8EA;
}






span.icon_mark{
	background-color: #8FC31F;
	border-radius: 3px;
	padding: 5px 8px 4px 8px;
	font-size: 80%;
	color: #FFF;
	line-height: 160%;
}






.sw-well-maru-white {
	background-color: #FFF;
}
.sw-well-maru-beige {
	background-color: #F2F8E9;
}

.yg-bg-beige {
	background-color: #F2F8E9;
}

.yg-bg-blue {
	background-color: #5EC5F2;
}


/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none !important;
 }

.single article{
	padding-top: 30px;

}


.line_circle{
	width: 5%;
	margin: auto;
	margin-top: 12px;
}
.line_circle img{
	width: 100%;
	height: auto;
}

.sw-well-maru {
	padding: 30px 36px 30px 36px;
	border-radius: 8px;
	box-sizing: border-box;
}

#badge{
	position: fixed; !important;
	top: 18% !important;
	right: 0px; !important;
	z-index:999999;
}

#badge .line {
	writing-mode: vertical-rl;
	padding-right: 12px;
	position: relative;
	right: 0;
	margin-bottom: 15px;
}
#badge .line p{
	letter-spacing: 1px;
}
#badge .line a{
	font-size: 1.25em;
	color: #FFF;
	letter-spacing: 2px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	background-color: #8FC31F;
	padding: 18px 18px;
	text-decoration: none;
	transition: background 0.4s
}
#badge .line a:hover{
	background-color: #AAA;
	padding: 18px 18px;
	text-decoration: none;
	color: #FFF;
	transition: background 0.4s
}
#badge .line i{
	font-size: 1.5em;
}

#badge .phone {
	writing-mode: vertical-rl;
	position: relative;
	right: 0;
}
#badge .phone i{
	font-size: 1.75em;
}
#badge .phone a{
	color: #FFF;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	background-color: #5EC5F2;
	padding: 16px 20px;
	text-decoration: none;
	transition: background 0.4s
}
#badge .phone a:hover{
	background-color: #AAA;
	padding: 16px 20px;
	text-decoration: none;
	color: #FFF;
	transition: background 0.4s
}

header{
	background-color: rgba(172,209,101,1);
	padding:4px 0 7px 0;
}
header .inner{
	width: 70%;
	min-width: 1520px;
	margin: auto;
	padding: 0 0 0 20px;
}
header h1{
	float: left;
	font-size: 0.75em !important;
	font-weight: 400;
	color: #FFF !important;
	letter-spacing: 1px !important;
	padding-top: 2px;
}

#nav-box{
	width: 70%;
	min-width: 1520px;
	margin: auto;
	padding: 20px 0 20px 0;
}
#nav-box .nav-sub{
	float: left;
	width: 50%;
	padding: 0 0 0 20px;
}
#nav-box .nav-sub .logo{
	float: left;
	width: 290px;
	padding-top: 10px;
	margin-right: 30px;
}
#nav-box .nav-sub .logo img{
	width: 100%;
	height: auto;
}
#nav-box .nav-sub .info{
	float: left;
}
#nav-box .nav-sub .info .tel{
	float: left;
	padding-top: 12px;
	font-size: 1.75em;
	font-weight: 600;
}
#nav-box .nav-sub .info .open{
	float: left;
	margin-left: 24px;
}
#nav-box .nav-sub .info .open p{
	font-size: 0.875em;
}

#globalNav{
	float: right;
	margin-top: 24px;
	position: relative;
	z-index: 999999;
}

footer{
	padding:20px 0 0px 0;
}
footer .inner{
	width: 82%;
	margin: auto;
	min-width: 1160px;
}
footer .boxLogo{
	float: left;
	width: 40%;
}
footer .logo{
	width: 350px;

}
footer .logo img{
	width: 100%;
	height: auto;
}
footer .boxInfo{
	float: right;
	width: 60%;
}
footer span.icon_train{
	background-color: #8FC31F;
	border-radius: 3px;
	padding: 8px 12px 8px 12px;
	font-size: 80%;
	color: #FFF;
	line-height: 160%;
}
footer p.copy{
background-color: rgba(143,195,31,0.7);
	font-size: 0.750em;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	color: #FFF;
	margin-top: 60px;
	padding: 12px;
}


#cover{
	width: 100%;
}

span.background{
	background-color: rgba(255,255,255,1);
	padding: 1px 8px 3px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#aside {
	float: right;
	width: 220px;
}
#aside h3{
	font-size: 0.938em;
	letter-spacing: 1px;
	padding: 0.6em 0.7em;
	border-top: 2px solid #8FC31F;
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	background-color: #F8F8F8;
}
#aside .boxNews{
	margin-bottom: 30px;
}
#aside .boxNews .entry{
	padding: 0 2px 0 2px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom:1px solid #EFEFEF;
}
#aside .boxNews .entry .image {
	float: left;
	margin-right: 16px;
}
#aside .boxNews .entry .image img{
	max-width: 70px;
	height:auto;
}
#aside .boxNews .entry h4{
	font-size: 0.750em !important;
	font-weight: 500
	line-height: 160%;
}
#aside .boxNews .entry .date{
	font-size: 0.75em;
	color: #999;
	margin-bottom: 2px;
}

#aside .boxCategory{
	margin-bottom: 30px;
}
#aside .boxCategory ul{
	padding-left: 10px;
	margin: 6px 0 10px 0;
}
#aside .boxCategory ul li{
	font-size: 0.875em;
	margin-bottom: 6px;
	background:url("/images/common/arrow_right.png") left 0.6em / 5px no-repeat;
	padding-left:12px;
	margin-bottom: 6px;
}
#aside .boxCategory ul li a{
	color: #333;
	text-decoration: none;
}
#aside .boxCategory ul li a:hover{
	color: #8FC31F;
	text-decoration: underline;
}
#aside .boxCategory ul li li{
	font-size: 1.0em;
}

#aside .boxArchive{
	margin-bottom: 30px;
}


/* トップページ
-------------------------------------------- */
#home .#visual {
}

#home .whattnew{
	padding: 40px 0 35px 0;
}
#home .whattnew h3{
	font-size: 1.750em !important;
}
#home .whattnew .sw-entry{
margin-bottom: 16px;
}

#home .whattnew p.title{
	float: right;
	width: 85%;
	font-size: 1.125em !important;
	color: #111;
	line-height: 155% !important;
	letter-spacing: 1px;
}
#home .whattnew p.meta{
	float: left;
	width: 15%;
	font-size: 0.938em !important;
	line-height: 140% !important;
	padding-top: 4px;
}

#home #main .hgroup{
	text-align: center;
	margin-bottom: 40px;
}
#home h3{
	font-size: 2.25em;
	font-weight: 700 !important;
	margin-bottom: 6px;
}

#home #about{
	padding: 60px 0 40px 0;
}
#home #about p{
	font-size: 1.125em;
	margin-bottom: 6px;
	line-height: 180%;
}


#home #price .inner{
	width: 70%;
	min-width: 1160px;
	margin: auto;
}
#home #price h4{
	font-size: 1.625em;
	margin-bottom: 2px;
}
#home #price h5{
	color: #AAA !important;
	margin-bottom: 12px;
	padding-left: 2px;
}
#home #price .boxprice .image{
	width: 48%;
	float: left;
}
#home #price .boxprice{
	margin-top: 24px;
}
#home #price .boxprice2{
	margin-top: 20px;
}
#home #price .boxprice table.price{
	width: 48%;
	float: right;
	border-top:3px solid #DEDEDE;
	border-bottom:3px solid #DEDEDE;
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
}
#home #price .boxprice table.price tr.border{
	border-bottom:3px solid #DEDEDE;
}
#home #price .boxprice table.price th{
	padding: 14px 0px 14px 6px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:170%;
	vertical-align: middle;
}
#home #price .boxprice table.price td{
	padding: 14px 2px 14px 0px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:175%;
	text-align: right;
	border-bottom:1px solid #DEDEDE;
	white-space: nowrap;
}
#home #price .boxprice2 table.price{
	width: 100%;
	border-top:3px solid #DEDEDE;
	border-bottom:3px solid #DEDEDE;
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
}
#home #price .boxprice2 table.price td{
	padding: 13px 2px 13px 0px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:175%;
	text-align: right;
	border-bottom:1px solid #DEDEDE;
	white-space: nowrap;
}
#home #price .boxprice2 .image{
	width: 70%;
	margin: auto;
}
#home #price .section1,
#home #price .section2{
	margin-bottom: 35px;
}

#home #staff{
	width: 70%;
	min-width: 1160px;
	margin: auto;
}
#home #staff span.director{
	border:1px solid #CCC;
	border-radius: 6px;
	padding: 4px 8px;
	font-size: 75%;
	margin-right: 12px;
}
#home #staff h5{
	letter-spacing: 2px;
	margin-bottom: 8px;
}
#home #staff h6{
	margin-bottom: 12px;
}
#home #staff .sw-entry{
	margin-bottom: 20px !important;
}

#testimonials h5{
	font-size: 1.125em !important;
}

#contact{
	padding: 50px 0 45px 0;
	background-image: url(/images/common/003.jpg);
	background-position: center 00px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
#contact .sw-inner{
	position: relative;
	z-index: 10;
}
#contact .sp{
	background-color: rgba(94,197,242,0.8);
	border-radius: 7px;
	padding: 20px 0px 20px 0px;
	text-align: center;
}
#contact .sp p{
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  color: #FFF;
  line-height: 150% !important;
}
#contact .info .text{
	padding-top: 6px;
}
#contact .info .text p.tel{
	font-size: 1.75em;
	font-weight:600;
}
#contact .line .sw-entry {
	padding-top: 8px;
}
#contact .line h4,
#contact .line line-id {
	text-shadow: 0px 0px 5px rgba(255,255,255,0.9), 0px 0px 5px rgba(255,255,255,0.9) !important;
}
.sw-well-maru-white80 {
	padding: 60px 50px 50px 50px;
	background-color: rgba(255,255,255,0.8);
}


/* 前後の記事
-------------------------------------------- */
.entryNav{
	width: 100% !important;
}
.entryNav a{
	text-decoration: none !important;
}



}






/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

a[href^="tel:"] {
    text-decoration: none !important;
}
.sw-well-maru {
	padding: 32px 26px 32px 26px;
	border-radius: 8px;
	box-sizing: border-box;
}

.line_circle{
	width: 18%;
	margin: auto;
	margin-top: 12px;
}
.line_circle img{
	width: 100%;
	height: auto;
}

header{
	width: 90%;
	background-color: none;
	position: absolute;
	z-index: 99999999;
}
header .inner{
	width: 100% !important;
}
header h1{
	font-size: 0.613em;
	font-weight: 400;
	color: #FFF !important;
	padding-top: 20px;
	padding-left: 10px;
}

#nav-box {
	margin-bottom: 150px;
}
#home #nav-box {
	margin-bottom: 0 !important;
}
#nav-box .nav-sub{
	position: absolute;
	top: 75px;
	width: 90%;
	margin: auto;
	left: 0;
	right: 0;
}
#nav-box .nav-sub .box:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#nav-box .nav-sub .box{
	zoom: 1;
}
#nav-box .nav-sub .logo{
	float: left;
	width: 140px;
}
#nav-box .nav-sub .logo img{
	width: 100%;
	height: auto;
}
#nav-box .nav-sub .info{
	float: right;
	width: 54%;
	padding-top: 3px;
	text-align: right;
}
#nav-box .nav-sub p.tel{
	font-size: 0.813em;
	padding-top: 8px;
}
#nav-box .nav-sub .reserve{
	font-size: 0.813em;
	font-weight: 500;
	letter-spacing: 0px !important;
	margin-top: -6px;
}
#nav-box .nav-sub .reserve a{
	padding: 10px 22px !important;
}

footer{
	padding:20px 0 0px 0;
}
footer .inner{
	width: 88%;
	margin: auto;
}
footer .logo{
	width: 300px;
}
footer .logo img{
	width: 100%;
	height: auto;
}
footer .boxInfo{
	margin-bottom: 30px;
}
footer span.icon_train{
	background-color: #8FC31F;
	border-radius: 3px;
	padding: 8px 12px 8px 12px;
	font-size: 70%;
	color: #FFF;
	line-height: 160%;
}
footer p.copy{
	background-color: rgba(143,195,31,0.6);
	font-size: 0.750em;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	color: #FFF;
	margin-top: 40px;
	padding: 12px 0 80px;
}


#cover{
	width: 100%;
}




/* サイドカラム
-------------------------------------------- */
#aside {
}
#aside h3{
	font-size: 1.0em;
	letter-spacing: 1px;
	padding: 0.6em 0.7em;
	border-top: 2px solid #8FC31F;
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	background-color: #F8F8F8;
}
#aside .boxNews{
	margin-bottom: 30px;
}
#aside .boxNews .entry{
	padding: 0 2px 0 2px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom:1px solid #EFEFEF;
}
#aside .boxNews .entry .image {
	float: left;
	margin-right: 16px;
}
#aside .boxNews .entry .image img{
	max-width: 70px;
	height:auto;
}
#aside .boxNews .entry h4{
	font-size: 0.875em !important;
	font-weight: 500
	line-height: 160%;
}
#aside .boxNews .entry .date{
	font-size: 0.75em;
	color: #999;
	margin-bottom: 2px;
}
#aside .boxCategory{
	margin-bottom: 30px;
}
#aside .boxCategory ul{
	padding-left: 10px;
	margin: 6px 0 10px 0;
}
#aside .boxCategory ul li{
	font-size: 1.0em;
	margin-bottom: 6px;
	background:url("/images/common/arrow_right.png") left 0.6em / 5px no-repeat;
	padding-left:12px;
	margin-bottom: 6px;
}
#aside .boxCategory ul li a{
	color: #333;
	text-decoration: none;
}
#aside .boxCategory ul li a:hover{
	color: #8FC31F;
	text-decoration: underline;
}
#aside .boxCategory ul li li{
	font-size: 1.0em;
}

#aside .boxArchive{
	margin-bottom: 30px;
}


/* トップページ
-------------------------------------------- */
#home .#visual {
}

#home .whattnew{
	padding: 30px 0 30px 0;
}
#home .whattnew h3{
	font-size: 1.625em !important;
	margin-bottom: 12px !important;
}
#home .whattnew .sw-entry{
	margin-bottom: 16px;
}

#home .whattnew p.title{
	font-size: 1.0em !important;
	color: #111;
	line-height: 155% !important;
	letter-spacing: 1px;
}
#home .whattnew p.meta{
	font-size: 0.938em !important;
	line-height: 140% !important;
	border-bottom: 6px;
	padding-left: 0 !important;
}

#home #main .hgroup{
	text-align: center;
	margin-bottom: 35px;
}
#home h3{
	font-size: 1.75em;
	font-weight: 700 !important;
	margin-bottom: 6px;
}

#home #about{
	padding: 40px 0 30px 0;
}
#home #about p{
	font-size: 1.125em;
	margin-bottom: 6px;
	line-height: 180%;
}

#home #price{
}
#home #price .inner{
	width: 94%;
	margin: auto;
}
#home #price h4{
	font-size: 1.625em;
	margin-bottom: 2px;
}
#home #price h5{
	font-size: 0.875em;
	color: #AAA !important;
	margin-bottom: 14px;
	padding-left: 4px;
}

#home #price .boxprice,
#home #price .boxprice2{
	margin-top: 22px;
}
#home #price .boxprice table.price,
#home #price .boxprice2 table.price{
	width: 100%;
	border-top:3px solid #DEDEDE;
	border-bottom:3px solid #DEDEDE;
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
	margin-bottom: 0 !important;
}
#home #price .boxprice table.price tr.border{
	border-bottom:3px solid #DEDEDE;
}
#home #price .boxprice table.price th{
	padding: 12px 0px 12px 6px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:170%;
	vertical-align: middle;
}
#home #price .boxprice table.price td,
#home #price .boxprice2 table.price td{
	padding: 12px 2px 12px 0px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:175%;
	text-align: right;
	border-bottom:1px solid #DEDEDE;
	white-space: nowrap;
}
#home #price .shiatsu-massage .image{
	width: 60%;
	margin: auto;
	margin-bottom: 24px;
}
#home #price .osteopathy-treatment .image{
	width: 65%;
	margin: auto;
	margin-top: 24px;
}
#home #price .section3 .image{
	width: 70%;
	margin: auto;
	margin-bottom: 20px;
}
#home #price .section1,
#home #price .section2,
#home #price .shiatsu-massage,
#home #price .head-massage,
#home #price .section3 .first{
	margin-bottom: 35px;
}
#home #price .section2 .sw-box{
	padding-bottom: 2px !important;
}

#home #staff{
	width: 96%;
	margin: auto;
}
#home #staff span.director{
	border:1px solid #CCC;
	border-radius: 6px;
	padding: 4px 8px;
	font-size: 75%;
	margin-right: 12px;
}
#home #staff h5{
	letter-spacing: 2px;
	margin-bottom: 8px;
}
#home #staff h6{
	margin-bottom: 12px;
}
#home #staff .sw-box{
	margin-bottom: 40px;
}
#home #staff .sw-entry{
	margin-bottom: 10px !important;
}

#contact{
	padding: 40px 0 35px 0;
	background-image: url(/images/common/003.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#contact .sw-inner{
	position: relative;
	z-index: 10;
}
#contact .sp{
	background-color: rgba(94,197,242,0.8);
	border-radius: 7px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	transform: scale(0.8, 0.8);
	margin-bottom: 0;
}
#contact .sp p{
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  color: #FFF;
  line-height: 150% !important;
}
#contact .info{
	margin-bottom: 40px;
}
#contact .info .text{
	margin-top: -30px;
}
#contact .info .text p.tel{
	font-size: 1.875em;
	font-weight:600;
}
#contact .line .image {
	width: 40%;
	margin: auto;
	margin-bottom: 15px;
}
#contact .line h4,
#contact .line line-id {
	text-shadow: 0px 0px 5px rgba(255,255,255,0.9), 0px 0px 5px rgba(255,255,255,0.9) !important;
}
.sw-well-maru-white80 {
	padding: 10px 34px 30px 34px;
	background-color: rgba(255,255,255,0.8);
}

#badge{
	position: fixed; !important;
	bottom: 2.4% !important;
	left: 6%; !important;
	z-index:999999;
}
#badge .line {
	float: left;
	padding-right: 14px;


}
#badge .line a{
	font-size: 1.25em;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-color: #8FC31F;
	padding: 16px 20px 16px 20px;
	text-decoration: none;
}
#badge .line i{
	font-size: 1.25em;
}

#badge .phone {
	float: left;
}
#badge .phone i{
	font-size: 1.5em;

}
#badge .phone a{
	color: #FFF;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-color: #5EC5F2;
	padding: 19px 20px 19px 20px;
	text-decoration: none;

}


/* 前後の記事
-------------------------------------------- */
.entryNav{
	width: 100% !important;
}
.entryNav a{
	text-decoration: none !important;
}
.entryNav p{
	font-size: 0.875em;
}



}