/*@charset "utf-8";*/


body {  font-size: 14px; }

@media (min-width: 576px) {
  body {    font-size: 15px; } 
}

@media (min-width: 768px) {
  body {    font-size: 16px; } 
}


.post p{ line-height: 1.8; }


/* -------------BASIC ITEMS---------------- */
.clearboth  { clear: both; }

.float_l		,.float_r 		,
.float_l10 	,.float_r10 	,
.float_l20 	,.float_r20 	{
	margin: 10px auto;
	float: none;
	text-align: center;
}
.float_l	 img	,.float_r 	img	,
.float_l10 img	,.float_r10 img	,
.float_l20 img	,.float_r20 img	{ 
	display: inline-block; 
}

@media screen and (min-width: 460px) {
	
.float_l 		{ float: left; }
.float_r 		{ float: right;}
.float_l10 	{	float: left;	margin: 0px 10px 10px  0px; }
.float_r10 	{	float: right;	margin: 0px  0px 10px 10px; }
.float_l20 	{	float: left;	margin: 0px 20px 20px  0px;	}
.float_r20 	{	float: right;	margin: 0px  0px 20px 20px;	}	

}

.small_x 		{	font-size: x-small 	!important; }
.small_75 	{	font-size: 75% 			!important; }
.small_85 	{	font-size: 85% 			!important; }
.large_110 	{	font-size: 110% 		!important; }
.large_125 	{	font-size: 125% 		!important; }
.large_140 	{	font-size: 140% 		!important; }

.col_red		{	color: #FF0000 			!important; }
.col_darkred{ color: #990000 			!important; }

.lt_sp05em 	{ letter-spacing: 0.5em; }
.lt_sp10em 	{ letter-spacing: 1em; 	}
.lt_sp20em 	{ letter-spacing: 2em; 	}

.nowrap			{ white-space: nowrap!important; }

hr					{
		clear: both;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


/* ※マーク用1文字逆インデント */
.kome_mark {	padding-left: 1em;	text-indent: -1em;	}

/* ミニPDFマーク付きリンク */
a.with_pdf {
	background: url(../images/pdf_small.gif) no-repeat right center;
	padding-right: 18px;
}
a.with_large_pdf {
	background: url(../images/pdf_32.png) no-repeat left center;
	padding: 15px 0px 15px 38px;
	display: block;
}

/* -------------WEBフォント---------------- */
@font-face {
  font-family: 'entypo';
  src: url('../fonts/entypo.eot');
  src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'), url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg#genericonsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* すべてのIMGをレスポンシブ対応にしておこう */
img {
	display: block;
	height: auto;
	max-width: 100%;
}

/* P中央寄せの中の画像は中央寄せに */

.text-center img{
	margin-right: auto;
	margin-left: auto;
}


/**/
div.my_header {
	background: #FFFFFF;
	height: 185px;
	position: relative;
}

@media screen and (min-width: 450px) {
div.my_header { height: 105px; }
}


div.my_header h1 {
	margin: 0px;
	padding: 0px;
}
div.my_header h1 a {
	background: url(../images/h1_logo.png) no-repeat left top;
	height: 65px;
	width: 170px;
	display: block;
	font-size: small;
	text-decoration: none;
	text-indent: -9999px;
	float: none;
	margin: 10px auto;
	padding: 0px;
  background-size: contain;
}
@media screen and (min-width: 450px) {
div.my_header h1 a {
	margin: 20px 20px 20px 0px;
	float: left;
}
}


div.my_header h2 {
	background: url(../images/h2_logo.png);
	height: 35px;
	width: 220px;
	font-size: small;
	display: block;
	margin: 40px 0px 0px;
	padding: 0px;
	float: left;
	text-indent: -9999px;
  background-size: contain;
}
div.my_header .telarea {
	float: none;
	margin: 10px auto;
	background: url(../images/top_tel.png) no-repeat right top;
	height: 30px;
	width: 215px;

	padding: 50px 0px 0px;
  background-size: contain;
}
@media screen and (min-width: 450px) {
div.my_header .telarea {
	float: right;
	margin: 10px 0px 0px;		
}
}


/* menu区切り */

ul.navbar-nav > li:after{}

@media screen and (min-width: 768px) {

ul.navbar-nav > li:after{
	width: 0px;
	padding: 0px;
	border-right: 1px solid #856c44;
	border-left: 1px solid #654b26;
	display: block;
	content: "";
	margin: 0px 1px;
	height: 30px;
	position: absolute;
	top: 20px;
	right: 0;
}
}


/* 問い合わせボタン */
p.contact_btn a {
	border: 1px solid #ffad41;
	border-radius: 4px;
	font-size: 14px;
	padding: 5px 0px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	background-color: #ffc579;
	background-image: linear-gradient(to bottom, #ffc579, #fb9d23);

	width: 213px;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
}
p.contact_btn a:hover {
	border: 1px solid #ff9913;
	background-color: #ffaf46;
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}

/**/

div#pankuzu{
	background: #e9e4d9;
	margin-top: -20px;
}
div#pankuzu p{
	line-height: 2;
	margin: 0px;
	padding: 8px 0px;
	font-size: 12px;
}
div#pankuzu p a{}
div#h2_area{
	background: #ded2ba url(../images/bg_h2.png);
	color: #2d1a05;
	margin-bottom: 50px;
	border-top: 1px solid #F4F1EC;
}
div#h2_area h2{
	font-weight: normal;
	font-size: 35px;
	margin: 0px;
	padding: 30px 0px;
	line-height: 1.2;
	text-shadow: 0 1px 0  rgba(255,255,255,0.5);

}

div#content h3{
	background: #FFFFFF url(../images/bg_h3.png) repeat-y 15px;
	padding: 25px 10px 25px 30px;
	border: 1px solid #d9d3c7;
	border-radius: 5px;
	font-weight: normal;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	margin-bottom: 25px;
}
div#content h3:first-child{ margin-top: 0px; }

div#content h4 {
	color: #df7e34;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	margin-top: 40px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
div#content h4:first-child { margin-top: 10px; }
div#content h4:before {
  font-family: 'entypo';
	content: "\1F5FA";	
  padding-right: 2px;
  font-size: 2em;
  top: 3px;
	
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
 	position: relative;
  line-height: 0;
}



div.h3_area{ margin: 0px 10px 25px; }
div.h3_area:before, 
div.h3_area:after {
	display: table;
	content: " ";
}
div.h3_area:after { clear: both; }


@media screen and (min-width: 768px) {
div.h3_area{ margin: 0px 20px 45px; }
}


/* sidebar */
#sidemenu-2 ul,
#sidemenu-1 ul {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
}
#sidemenu-2 li,
#sidemenu-1 li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#sidemenu-1 li a{
	height: 90px;
	display: block;
	margin-bottom: 8px;
	text-indent: -9999px;
	text-decoration: none;
	border-radius: 8px;
}
#sidemenu-1 li.sm-gym a{ background: url(../images/top_h2_gym.png) no-repeat 10px center , url(../images/bg_top_01.png) no-repeat 99% center ,url(../images/bg_top_gym.png); }
#sidemenu-1 li.sm-med a{ background: url(../images/top_h2_med.png) no-repeat 10px center , url(../images/bg_top_02.png) no-repeat 99% center ,url(../images/bg_top_med.png); }
#sidemenu-1 li.sm-est a{ background: url(../images/top_h2_est.png) no-repeat 10px center , url(../images/bg_top_03.png) no-repeat 99% center ,url(../images/bg_top_est.png);}

.lt-ie9 #sidemenu-1 li.sm-gym a { background: #45acc7 url(../images/top_h2_gym.png) no-repeat 10px center; } /* 複数背景が使えないとき */
.lt-ie9 #sidemenu-1 li.sm-med a { background: #9ebb55 url(../images/top_h2_med.png) no-repeat 10px center; }
.lt-ie9 #sidemenu-1 li.sm-est a { background: #e1988d url(../images/top_h2_est.png) no-repeat 10px center; }

#sidemenu-2 li a{
	display: block;
	margin-bottom: 8px;
}


/* FOOTER */
footer {
	background: #f9f9f8;
	border-top: 1px solid #eae5db;
	padding: 20px 0px;
	font-size: 14px;
}

footer dl{
	margin: 20px 0px 0px;
	padding: 0px;
}
footer dl dt{
	font-weight: bold;
	width: 5em;
	display: block;
	margin: 0 0 5px;
	padding: 0px;
	line-height: 1;
}
footer dl dd{
	margin: 0 0 20px;
	line-height: 2;
	padding: 0px;
}


@media screen and (min-width: 768px) {
footer dl dt{
	float: left;
	margin: 0px 10px 5px 0px;
	line-height: 2;
}
footer dl dd{ margin: 0px 0px 5px; 

}
}

footer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
footer ul li{ margin: 0.8em 0px; }










/* ヘッダー部の大きめの文字*/
.page-header h1{
	text-shadow:0 1px 0 #fff;
}




/* ------------------- FB インスタのアイコン ------------------- */
p.social-icons {margin: 18px 0;}
.social-icons img {
  width: 40px;
  display: inline-block;
  margin: 0 8px;
}




/* GO PAGE TOP リンク*/

/*
p#go_pagetop {
	width: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-decoration: none;
	font-size: 9px;

}
p#go_pagetop a {
	height: 0px !important;
	overflow: hidden;
	padding-top: 50px;
	width: 50px;
	display: block;
	text-decoration: none;
	background: url(../images/icon_page_top.png) no-repeat center top;
}
*/



/* GO PAGE TOP リンク --------------------------------------------------------------------------------------------------------------------------- */

p#go_pagetop {
	position: fixed;
	right: 5px;
	bottom: 50px;
	transform: translateX(85%) rotate(180deg);
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	z-index: 3000;
	transition: all 0.3s ease;
	text-decoration: none;
}
p#go_pagetop.active{
	transform: translateX(0%) rotate(0deg);
}
p#go_pagetop a {
	height: 0px !important;
	overflow: hidden;
	padding-top: 50px;
	width: 50px;
	display: block;
	text-decoration: none;
	opacity: 0.7;
	background-image: url(/images/icon_page_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
@media (min-width:  768px) {
	p#go_pagetop a {
		padding-top: 50px;
		width: 50px;
	}
}
p#go_pagetop a:hover{ opacity:0.9;}

/* 疑似要素の初期化 */
::before, ::after {
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* 最下部固定 TELリンク --------------------------------------------------------------------------------------------------------------------------- */

#sticky_footer {
	left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
	z-index:9999;
animation: ani_slideup100 2s 2.5s ease backwards;	
    font-family: 'Playfair Display', serif;
}

#sticky_footer a {
	color: rgb(204, 204, 204);
	padding: 6px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(67, 41, 31, 0.71);
	border-top: solid 1px rgba(255, 255, 255, 0.26);

}
footer#colophon { padding-bottom: 70px; }

/*

@media (min-width:  768px) {
	#sticky_footer { display: none; }
}
*/

@keyframes ani_slideup100 {
      0%{transform:translateY(100%);}
    100%{transform:translateY(0px);	}
}



/**/
