/@charset "UTF-8";



body	{margin: 0;
	
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}

/* サイト名 */
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}
	
.site img	{border: none;
             width:200px}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* キャッチコピー */
.catch	{margin: 0;
	padding: 10px 10px;
	color: #ffffff;
	font-size: 28px;
	font-weight:inherit}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{ position: absolute;
    bottom: 10%;
    color: #fff;
    background: rgba(0,128,0,.6); 
    width: 100%;
    padding: 0.8em 0;
	margin: 0;    
    font-size: 150%;
    text-align: center;
	}

/* 概要 */
.gaiyou	{margin-bottom: 20px}

.gaiyou a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	background-color: rgba(000,160,000,0.7);
	text-decoration: none}

.gaiyou a:hover	{box-shadow: 0 0 10px #dddddd}

.gaiyou img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 5px;
	vertical-align: bottom}

.gaiyou h2	{margin-top: 0;
	margin-bottom: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 19px;
	color:#FFFFFF;
	text-align:center}

.gaiyou p	{
	margin-top: 0;
	margin-bottom:0;
	background-color: #524e3c;
	text-align:center;
	font-size: 0.9em; 	
	color:#FFFFFF;
	text-align:left;
	padding: 15px 10px;
	line-height: 1.5
}

/* アニバーサリー30th */
.anniver	{
    margin-top: 20px
}


/* 電話番号問い合わせ */
.telbar	{
    margin-top: 20px
}

.telbar a img	{
	color: #000000;
	text-decoration: none;
    padding: 0px;
    padding-bottom: 3px;
    transition: 0.3s;
    background-color: transparent
    
    }

.telbar a:hover img	{border-bottom: 1px solid #dddddd;
background: #dddddd;
   
transition: 0.3s;    
box-shadow: none;
}


.telbar p	{
	margin-top: 0;
	margin-bottom:0;
	
	font-size: 18px;
	color:#000000;
	line-height: 1.7em;
}
.telbar img	{max-width: 100%;
	padding: 3px;
    height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom;
    }

.center{
text-align:center
    }
/* 東洋医学の見出し */
.toyoutopic{padding: 0;	
    border: solid 1px #dddddd;
	margin-top:20px; 
    background-color:#f5fffa; 
	}

.toyoutopic p{float: none;
	width: auto;
	padding-left: 20px ;
    padding-right: 20px ;
    font-size: 18px; 
	line-height:1.7;
    margin-bottom:1.2em
	}


/* 筋膜の見出し */
.ktopic{padding: 0;
	margin: 0;
	}

.ktopic p{
	line-height:1.7;
    margin-bottom:2em;
	}

.ktopic-main img{
	float: none;
	width: 100%;
	margin: 0px 0px ;
    margin-bottom:10px;
	}

.ktopic-main	{
	padding: 20px 20px;
	border: solid 1px #dddddd;
	margin: 0px 0px 20px;
	}

.ktopic-main h2	{
	margin-top: 0;
	margin-bottom:20px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7em;
}




.ktopic-sub	{padding: 20px;
	border: solid 1px #dddddd;	
	margin: 0px;
	}
	
.ktopic-sub h1	{
	margin-top: 0;
	margin-bottom:1.5em;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7
}
	
.ktopic-sub h2	{
	margin-top: 0;
	margin-bottom:20px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7;
}


.ktopic-sub p{float: none;
	width: auto;
	padding: 0 ;
    margin-top:0px;
	line-height:1.7;
    margin-bottom:2em;
	}
	
.ktopic-sub img{
	float: none;
	width: 100%;
	margin-bottom:10px;	
	}	
	
/* このような症状 */
.studio{padding: 0;
	margin: 0;
	}
	
.studio-main	{
	padding: 20px 20px 0px;
	border: solid 1px #dddddd;
	margin-bottom:10px;	
	}

.studio-main h2	{
	margin-top: 0;
	margin-bottom:20px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7em;
}
	
.studio-main h3	{
    margin-top: 0;
	margin-bottom: 5px;
	margin-left:0px;
	float: none;
	font-size: 18px;
	color: #FF6600;
    
    border-bottom: 2px dotted #00CC00;
	font-weight: bold;
}
.studio-main h3:before
 {
	content:"\f0a4";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
    font-size: 18px;
	margin-right: 7px;
}

.studio-main p {
    line-height: 1.7;
    margin-bottom:1.5em;	
}

.studio-main .text	{float: none;
	width: auto;
	line-height: 1.7
    margin-bottom:20px;
	}

/* 施術内容 */
.studio-sub	{padding: 20px;
	border: solid 1px #dddddd;		
    margin-bottom: 20px;
	}
	
.studio-sub h2	{
	margin-top: 0;
	margin-bottom:10px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7
}
	
.studio-sub h3	{
	margin-top: 0;
	margin-bottom: 5px;
	margin-left:0px;
	float: none;
	font-size: 18px;
	color: #FF6600;
	font-weight: bold;
}
	
.studio-sub h3:before
 {
	content:"\f06c";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
	margin-right: 7px;
}	

.studio-sub ul	{margin: 0;
	padding: 0;
	list-style: none}

.studio-sub li a	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.studio-sub li a:hover	{background-color: #eeeeee}

.studio-sub a:after	{content: "";
	display: block;
	clear: both}

.cup a{display: inline;
	
    clear: none}

.cup a:after{
	display: inline;
    clear: none}
	
.studio-sub p{float: none;
	width: auto;
	margin-left:25px;
	margin-right:25px;
	margin-bottom: 1.5em;
    margin-top:0em;
	line-height:1.7
	}
	
.studio-sub img{
	float: none;
	width: 100%;
	margin: 0px 0px 5px;	
	}



	
.lmicon ul{
	display: flex;
    
	list-style:none;
    margin-left:10px;
    margin-bottom:10px
    }	

.lmicon li{
	
	padding-left: 10px;	
   
    border-style:none;
    border: none
    }

.lmicon  li a{
	border-style:none;
    margin-bottom:1em
    	
    }

.lmicon a:hover{
	
    border-style:none;
    
    margin-bottom:1em
    }



.map img{float: none;
	width: 85%;
	margin-left:20px;
	margin-top:20px	
	}

.tel{
	margin-top:15px;
	margin-bottom:0px;
	font-size: 18px;
}

.tel img{float: none;
    margin-left:25px;
	width: 60%;
		
	}	


	
/* 詳細はこちらから */
.more4	{display: inline-block;
	padding: 5px 15px;
    border-radius: 5px;
	background-color: #3077be;
	color: #ffffff; 
    margin-top:0;	
	margin-bottom:15px;
       
    }
.more3	{display: inline-block;
	padding: 5px 15px;
	background-color: #3077be;
	color: #ffffff;
    
    margin-top:0;	
	margin-bottom:15px;
       
    }

.more2	{display: inline-block;
	padding: 5px 15px;
    border-radius: 5px;
	background-color: #3077be;
	color: #ffffff;
    
    }

.more2 p{
    margin-bottom:50px;
  
    }

.more2 i	{margin-left: 10px}

/* トピック */
.topic	{margin-bottom: 20px}

.topic a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-decoration: none}

.topic a:hover	{box-shadow: 0 0 10px #dddddd}

.topic img	{max-width: 100%;
	height: auto;
	margin-bottom: 5px;
	border: none
	}

.topic .koumoku	{
	margin-top: 0;
	margin-bottom: 0px;
	padding-top:5px;
	padding-left:5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
    }

.topic p	{margin-top: 0;
    margin-bottom:10px;
	padding-top:5px;
	padding-left:5px;
    line-height: 1.2em;
	font-size: 0.9em
	}

/* 続きを読む */
.more	{display: inline-block;
	padding: 5px 15px;
    
	margin-left:5px;
    border-radius: 3px;
	background-color: #3077be;
	color: #ffffff;
	}

.more i	{margin-left: 20px}

/* お知らせ */
.news	{padding: 20px;
	border: solid 5px #dddddd;	
	height: 200px;	
	overflow: auto;
	margin: 0px;
	padding-right: 20px;
	}

.news .info	{
	margin-top: 0;
	margin-bottom: 0px;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	padding-left: 0px;
	padding-bottom: 10px;
}

.news a{
	color: #0000CC;
	text-decoration: none;
	padding-left: 5px;	
    }

.news a:after{
	color: #0000CC;
	content:"\f0a9";
	font-family: FontAwesome;
	margin-left: 5px;	
	}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li 	{
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.2em;
    }

.news li:before{
	content:"\f003";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
	margin-right: 7px;	
    }

/* SNSメニュー */
.follow ul	{margin: 0;
	padding: 0;
	list-style: none
    }

.follow li a	{display: block;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none
    }

.follow li a:hover	{opacity: 0.8}

.follow-tw	{background-color: #63bafb}
.follow-fb	{background-color: #5288f7}
.follow-gp	{background-color: #f65d4a}

.follow i	{margin-right: 10px;
	font-size: 24px;
	vertical-align: middle
    }
	
.follow img {float: left;
    width:100%;
    float:none
    }

/* 補足説明 */
.follow-info	{margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
    }

.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
    }

.blog {
    font-size: 14px;
    line-height:150%
    }	

.uright{
	float: right;
	margin-bottom: 10px;
	max-width:650px
    }

/* BOX9-1とBOX9-2（カレンダーと地図） */
.box9{padding: 0;
	margin: 0;
    background-color: whitesmoke;
    border-bottom: solid 5px #008000;
	}
.box9 p{
    padding-left: 10px;
    margin-bottom: 0px;
    line-height:1.7;
    margin-bottom:2em;
}

.box9 a{margin-left: 10px;
    margin-top: 0px;}

.box9-1	{
    padding: 10px;		
    margin-bottom: 20px;
	}

.box9-1 img	{max-width: 100%;
	height: auto;
    border: solid 1px #dddddd;
	margin-bottom: 20px;
	}

.box9-2	{padding: 10px;
			
    margin-bottom: 20px;
	}


.box9-2 img	{max-width: 85%;
	height: auto;
    border: solid 1px #dddddd;
	margin-bottom: 5px;
    margin-left: 0px;
	}

.box9 h2	{
	margin-top: 0;
	margin-bottom:20px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-left: 8px solid #009900;
	padding-left: 8px;
	line-height: 1.7em;
}
	
.box9 h3	{
    margin-top: 10px;
	margin-bottom: 5px;
	margin-left:10px;
    margin-right:10px;
	float: none;
	font-size: 16px;
	color: #000000; 
	font-weight: normal
}
.box9 h3:before
 {
	content:"\f015";
	font-family: FontAwesome;
	color:#FF6600;
	float: left;
    font-size: 18px;
	margin-right: 7px;
    
    margin-top: 2px;
     
}	

.box9 p	{float: none;
	width: auto;
	
	}

/* 以下コンテンツ */
/* ヘッダー画像C */
.topcimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom:0px}
	
/* キャッチコピー */
.catchc	{margin: 0;
	padding: 10px 20px;
	color: #ffff33;
	font-size: 14px;
	font-weight:inherit}

/* ヘッダー画像にキャッチコピーを重ねる */
.catchc	{position: absolute;
	bottom: 3%;
	right: 3%;	
	background-color:rgba(034,139,034,0.7); 
	}


/* 施術メニュー */
.smenu ul{font-size: 16px;
	margin:0;
	text-align:left;
    list-style: none;
	padding-left: 0px;
	line-height: 1.7;
    margin-bottom:20px;
    
}
.smenu li{

    margin-bottom:15px;  
}

.smenu li:before{
	content:"\f054	";
	font-family: FontAwesome;
	color:#009900;
	float: left;
	margin-right: 7px;	
    }





 





/* 記事 */
.kiji h1	{
	margin-top: 0;
	margin-bottom: 1.5em;
	padding-left: 8px;
	font-size: 24px;
	line-height:1.5
	color: #000000;
	font-weight: normal;
	}

.kiji h2	{
	padding: 0.5em;/*文字周りの余白*/
    background: #f4f4f4;
    margin-bottom: 30px;
    margin-top: 20px;
    border-left: 8px solid #009900;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.7;
	color: #000000;
   
}

.kiji h3	{
	padding: 0.5em;/*文字周りの余白*/
    
    margin-bottom: 30px;
    margin-top: 20px;
    border-left: 8px solid #00CC00;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5
	color: #000000;
   
}
.kiji h4{	
	font-size: 18px;
	font-weight: normal;
	line-height: 1.7;
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 0px;
    }

.kiji h4:before{
	content:"\f138";
	font-family: FontAwesome;
	color:#FF6600;
	float: left;
	margin-right: 7px;
    }

.kh4 p	{	
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	padding-bottom: 0px;
	line-height: 1.7;
	margin-bottom: 5px;
    }

.kh4 p:before{
	content:"\f192";
	font-family: FontAwesome;
	color:#009900;
	float: left;
	margin-right: 7px;
    }

.kiji h6	{
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 16px;
	border-left: 5px solid #FF6600;
	line-height: 1.7;
    }

.kiji h2 i	{margin-right: 7px;
	color: #888888}

.kiji p	{	
	line-height:1.7;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 2em
    }

.kiji .lead	{max-width: 100%;
	font-size: 20px;
	color: #666666
    }

.kijiimg	{max-width: 100%;
	height: auto
	}

.kiji li{
   line-height:1.7
}

/*ディレクトリーのリスト*/
.mlist ul	{
	margin: 0 0 20px;
	padding: 0.5em;
	list-style: none;
	border-top: solid 2px #009900;
    border-bottom: solid 2px #009900;
    }

.mlist li a	{
	display: block;
	padding: 5px;
	
	color: #000000;	
	text-decoration: none
    }

.mlist li a:hover	{
	background-color: #E1E1FF
    }
	
.mlist a:after	{content: "";
	display: block;
	clear: both}

.mlist i	{
	margin-right: 15px;
	color: #FF6600;
	line-height: 1.7em;
    }

.mlist .fap{
	padding-left: 7px;
	color:#000000
    }

.pbclear{
    padding-top: 0px;
    border-top: 0px;
}

.mlist p{
    padding-bottom: 0px;
    border-bottom: 0px;
    font-size: 18px;
    color: #FF6600;
    font-weight: bold;   
}

/*room04で使用*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}

.gmap { 
margin-bottom: 0px;
max-width:100%;
border: thin solid #999999;
float:none
}

.iconimg { 
margin-bottom: 20px;
max-width:100%;
float:none
}



.mapimg { margin-bottom: 20px;
float:left;
max-width:100%;
}
	
/*room05で使用*/
.kiji h3.leaf {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 10px;
	color: #666666;
    border-left: 0px;
    }

.kiji h3.leaf:before{
	content:"\f06c";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
	margin-right: 7px;
    }

.chek{
max-width: 680px;}
	
.chek ul{
	padding: 0px;
	margin-bottom: 20px;
	list-style:none;
	margin-top: 0px;
    }	
.chek li{
	line-height: 1.2em;
	background-image: url(img/check.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
    }

/*症状別鍼灸療法*/
.selfmoxa ul{
	padding: 0px;
	margin-bottom: 20px;
    margin-left:20px;
	list-style:none;
	margin-top: 0px;
    }	
.selfmoxa li{
	line-height: 1.2em;
    
	background-position: left top;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
    }

.selfmoxa li:before{
	content:"\f08d";
	font-family: FontAwesome;
	color:#FF6600;
	float: left;
	margin-right: 5px;
    }

/* 図を横に並べる */
.acupoint{margin-bottom: 10px;}

.acupoint:after	{content: "";
	display: block;
	clear: both;
    }

.acupointA	{float: left;
	width: 48%;
	margin-right: 2%;
    }

/*Question*/
.ques ul	{
	margin: 0 0 20px;
	padding: 0.5em;
	list-style: none;
	list-style: url(none) none;
    border-top: solid 2px #dddddd;
    border-bottom: solid 2px #dddddd;
    }

.ques li a	{
	display: block;
	color: #0000FF;
	font-size: 16px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.2em;	
    }

.ques li a:hover	{background-color: #eeeeee}

.ques a:after	{content: "";
	display: block;
	clear: both}

.ques li:before{
	content:"\f054";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	line-height: 1.2em;
	}
	
/*fa-icon check*/
.check ul{
	margin: 0 0 20;
	padding: 0;
	list-style: none
    }

.check li{
	display: block;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	line-height: 1.7;
	padding-bottom: 5px;	
}

.check li:before{
	content:"\f00c";
	font-family: FontAwesome;
	color:#FF0000;
	float: left;
	margin-right: 8px;
	line-height: 1.7
	}

/*rihamassage*/
/*rihaで使用*/


.riham ul{
	margin: 0 0 20;
	padding: 0;
	list-style: none
    }

.riham li{
	display: block;
	color: #000000;
	font-size: 16px;
	text-decoration: none;
	line-height: 2em;	
    }

.riham li:before{
	content:"\f054";
	font-family: FontAwesome;
	color:#0033cc;
	float: left;
    margin-right: 5px;
	line-height: 2em;
	}
	
/*acu110*/
.headach ul{
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 20px;
	list-style-image:none
    }	

.headach li{
	margin-left: 10px;
	line-height:1.7;	
	display: block;
    }

/*指圧*/
.shiatsu ul{
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	list-style-image:none
    }	

.shiatsu li{
	margin-left: 0px;
	padding: 0px;
	line-height:1.7em;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
    }

.shiatsu li:before{
	content:"\f054";
	font-family: FontAwesome;
	color:#0033CC;
	float: left;
	margin-right: 5px;
}

.shiatsu p{
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    }

blockquote{
	margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    background-color: #dcdcdc;
	border-radius: 6px;
	padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    
    line-height:1.7em;
	font-size: 16px;
	margin-top: 0;
	
   }

.btmzero{
    padding-bottom:0px;
    margin-bottom: 0px
}

/* 経絡図 */
.melidian	{
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

.melidian a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-align:center;
	text-decoration: none}

.melidian a:hover	{box-shadow: 0 0 10px #dddddd}

.melidian img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 5px;
	vertical-align: bottom}

.melidian h2	{
	margin-top: 0;
	margin-bottom: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	color:#FFFFFF;
	background-color: #993300;
	background-image: none;
	margin-left: 0px;
	text-align:center;
	padding-left: 0px;
    border:0px
}

.melidian p	{
	margin-top: 0;
	margin-bottom:0;
	text-align:left;
	font-size: 14px;
	padding: 15px 10px;
	}

.melidianA	{
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

/*カラー*/
.red{
    color: #ff0000;
}	

.black{
    color: #000000;
}

.gray{
    color: #808080;
}

.silver{
    color: #c0c0c0;
}

.orange{
	color: #FF6600;
}	

.puple{
	color: #800080;
}

.olive{
	color: #808000;
}

/*文字*/
.font18 {
    font-size: 18px}

/*ラインと装飾*/
.underbar01{
	background-color: #dcdcdc;
	border-radius: 6px;
	padding: 0.5em 0.5em
}

.strong{
	font-weight: bold;
}

.marker{
background: linear-gradient(transparent 40%, #ffff66 40%);
}

.markerp{
background: linear-gradient(transparent 60%, #ffccff 20%);
}

.yline{
	background-color: #FFFF33;
	background-repeat: no-repeat;
}

.buttunb{
	color:#0000CC;
	line-height: 1.7em;
}

span .black{
color:#000000
}

/* 配置 */
.mgn20 {
	margin-left: 20px;
    margin-bottom: 20px;
}


/* 本文 */
.honbun	{margin-top: 40px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px}

/*イラスト*/
.figleft {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
	float: left;
	margin-right: 20px;
	border: thin solid #999999;
}

/*イラスト*/
.clear-r {clear: both
}	
	
.space{
	padding-right: 10px;
	padding-left: 10px;
}	

/* パンくずリスト */
.bread	{margin-bottom: 20px

}

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
    line-height: 1.2;
	text-decoration: none}

.bread li a:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 5px;
	margin-right: 5px;
	color: #888888}

/* サイドメニュー */
.sideimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px	
}
	
.sidemenu	{
	border: solid 3px #dddddd;
	margin-bottom: 15px;
}

.sidemenu h2	{margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal}

.sidemenu h2:before	{
	content:"\f150";
	font-family: FontAwesome;
	color:#339900;
	float: left;
	margin-right: 5px;
}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 10px;
	border-top: solid 1px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #eeeeee}

/* サイドメニューneo */

.sidemenu02	{
	border: 3px solid #FDFA8A;
	margin-bottom: 10px;
}

.sidemenu02 h2	{margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal}

.sidemenu02 h2:before	{
	content:"\f115";
	font-family: FontAwesome;
	color:#FF6600;
	float: left;
	margin-right: 5px;
}

.sidemenu02 ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu02 li a	{display: block;
	padding: 10px;
	border-top: solid 1px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.sidemenu02 li a:hover	{background-color: #eeeeee}

/*鍼灸院情報*/
.minijyouhou{
	padding: 10px;
	border: 3px solid #dddddd;	
    margin-bottom: 15px;
}

.minijyouhou h2	{
	margin: 0;
	color: #666666;
	font-size: 16px;
	padding-bottom: 20px;
	line-height: 1.7;	
	}
.minijyouhou p	{
    line-height: 1.7;
    
}

.minijyouhou h3{
	font-weight: bold;
	color: #666666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 16px;
}

.minijyouhou h3:before{
	content:"\f06c";
	font-family: FontAwesome;
	color:#33CC00;
	float: left;
	margin-right: 7px;
}

.minijyouhou img	{
	border: thin solid #666666;
	float: left;
	max-width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.minijyouhou .leftimg{
	max-width: 100%;
	border-style: none;
	margin-top: 0px;
}

/*古典の部屋*/

.koten h2{
	line-height: 2em;
	font-size: 16px;
	border-top: thin solid #666666;
	border-right: thin solid #666666;
	border-bottom: thin solid #666666;
	border-left: thin solid #666666;
	background-color: #f5f5f5;
	font-weight: bold;
	background-image: none;
	padding-left: 10px;
}

/*マッサージ*/
.massage ul	{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	max-width: 650px;
}

.massage li	{
	display: block;
	padding: 0px 5px 5px 20px;
	color: #000000;
	text-decoration: none;
	background-image: url(img/tulip.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 1.2em;
	font-size: 14px;	
}

.mass{
	line-height: 1.7em;
	padding-left: 30px;
}

/*お灸のすすめ*/
.tubo9{
	clear: both;
	margin-top: 20px;
}
.ginger{max-width: 680px;
}
 
.ginger img{margin-bottom: 10px;
max-width:100%
}
 
/*サイトマップ*/
/* 記事 */
.sm h1	{
	margin-top: 0;
	margin-bottom: 1.5em;
	padding-left: 10px;
	border-left: solid 10px #009933;
	font-size: 20px;
	font-weight: normal;
	line-height:1.7
	}
	
.sm h2	{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight:bold
	line-height: 1.7em;
}

.sm h2:before{
	
	content:"\f015";
	color:#FF0000;
    font-family: FontAwesome;
	float: left;
	margin-right: 10px;	
}

.sm ul{
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.sm li{
	line-height: 1.7em;
}

.sm li:before	{
	content: '\003e';
	margin-right: 5px;
	color: #888888;	
}

.sm h3:before{
	content:"\f138";
	font-family: FontAwesome;
	color:#00CC00;
	float: left;
	margin-right: 7px;
}

.sm p	{
	line-height:1.7em;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px}

.smimg	{max-width: 100%;
	height: auto
	}

/*ここまでコンテンツ*/

/*画像レイアウト*/
.rightimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
	margin-right: 10px;
}
.right20img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
	margin-right: 10px;
}
.rihaimg{
	max-width: 100%;
	margin-bottom: 20px;
	float:left;
	border: 1px solid #999999;
	padding: 20px;
}

.leftimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-right: 20px;
	float:left
}

.left20 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-right: 20px;
	float:left
}

.left21 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-right: 20px;
	float:left
}

.right02img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
	margin-right: 10px;
}

.left02img	{
	max-width: 100%;
	height: auto;
	
	margin-right: 20px;
	vertical-align: bottom;
	margin-bottom: 20px;
	float:left
}	

.left04img	{
	max-width: 60%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 10px;
	margin-right: 20px;
	float:left
}

.right03img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 10px;
	margin-left: 10px;
	border: thin solid #999999;
	float:right;
	margin-right: 10px;
}

.right150img	{
	max-width: 25%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 10px;
	margin-left: 10px;
	border: thin solid #999999;
	margin-right: 10px;
    float:none;
}

.midimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 30px;
	margin-left: 10px;
    margin-right: 20px;
	float:left;	
}

.mid2img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	
	float:left;	
}

.linemimg	{
	width: 50pt;
	vertical-align: bottom;
	border: thin solid #999999;
	margin-bottom: 10px;
	margin-right: 20px;
    float:left;	
}

/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}

/* BOX5をバーの形にする */
.footer	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}

/* ボックスの左右 */
.header, .info, .footer, .topic, .pickup, .ktopic, .studio, .box7, .box8, .box9
	{padding-left: 15px;
	padding-right: 15px}

/* ボックスの上下 */
.header	{padding-top: 20px;
	padding-bottom: 10px}

.studio{padding-bottom: 20px}

.ktopic	{padding-top: 20px;
    padding-bottom: 20px}
.info	{padding-bottom: 20px}

.topic	{padding-bottom: 0px}

.info-main	{padding-bottom: 20px}

.pickup	{padding-top: 20px}

.pickup-1, .pickup-2, .pickup-3
	{padding-bottom: 10px}

.topicA {padding-bottom: 10px}

.box7, .box8, .box9 {padding-top: 20px;
padding-bottom: 20px}

/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 180px;
	height: auto}
}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}

/* キャッチコピー */
.catch	{
	font-size: 12px;
	}

/* 東洋医学の見出し */   
.toyoutopic p{
    font-size: 16px;
    line-height: 1.7;
    margin-bottom:1.5em;
    padding-left: 10px ;
    padding-right: 10px ;
	}
 
   
/*画像レイアウト*/
.rightimg	{
	max-width: 50%;
}
.right20 img	{
	max-width: 100%;
}
.leftimg	{
	max-width: 50%;
}
    
.left20 img{
	max-width: 100%;
}  

.left21 img{
	max-width: 100%; 
    
} 
    
.right02img	{
	max-width: 50%;
}
    /* トピックスの左右 */
.ktopic-main	{
	padding: 10px 10px;
	} 
  
.ktopic-sub	{
	padding: 10px 10px;
	} 
    
.studio-main	{
	padding: 10px 10px;
	} 
  
.studio-sub	{
	padding: 10px 10px;
	}     
    
    /* ボックスの左右 */
.header, .info, .footer, .topic, .pickup, .ktopic, .studio, .box7, .box8, .box9
	{padding-left: 10px;
	padding-right: 10px}

}

.box9-2 img	{max-width: 100%;
	}
/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}
	
/* トピックを横2に並べる設定 */

.topic:after	{content: "";
	display: block;
	clear: both}

.topic .topicA	{float: left;
	width: 50%}

.topic .topicA:nth-child(odd)
	{padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.topic .topicA:nth-child(even)
	{padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}


}



/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* BOX1とBOX2を横に並べる設定 */
.header:after	{content: "";
	display: block;
	clear: both}

.header-site	{float: left;
	width: auto}

.header-nav	{float: right;
	width: auto}
    
/* 筋膜見出しを横に並べる設定 */
.ktopic:after	{content: "";
	display: block;
	clear: both}

.ktopic-main {float: left;
    width: 46%;
    margin-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
.ktopic-sub	{float: right;
width: 46%;
	}	
/* 施術内容を横に並べる設定 */
.studio:after	{content: "";
	display: block;
	clear: both}

.studio-main	{float: left;
	width: 62%;
	margin-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.studio-sub	{float: right;
width: 30%
	}	

/* BOX4-1とBOX4-2を横に並べる設定 */
.info:after	{content: "";
	display: block;
	clear: both}

.info-main	{float: left;
	width: 70%;	
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.info-sub	{float: left;
	width: 30%}
	
/* トピックを横4に並べる設定 */
.topic:after	{content: "";
	display: block;
	clear: both}

.topicA	{float: left;
	width: 23%;
	margin-right: 2%}

/* 経絡図を横4に並べる設定 */
.melidian:after	{content: "";
	display: block;
	clear: both}

.melidianA	{float: left;
	width: 28%;
	margin-right: 2%}

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.pickup:after	{content: "";
	display: block;
	clear: both}

.pickup-1	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-2	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-3	{float: left;
	width: 32%}

/* 施術メニューを横に並べる設定 */
.treatmenu:after	{content: "";
	display: block;
	clear: both}

.treatmenu-1	{float: left;
	width: 32%;
	margin-right: 2%}

.treatmenu-2	{float: left;
	width: 32%;
	margin-right: 2%}

.treatmenu-3	{float: left;
	width: 32%}    
/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: left;
	width: 75%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
.box7-2	{float: right;
	width: 25%}
	
/* BOX8-1とBOX8-2を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both}

.box8-1	{float: left;
	width: 50%;
	}
	
.box8-2	{float: left;
	width: 50%}	

/* 全体の横幅を固定 */
.box8{
	width:800px;
	margin-left: auto;
	margin-right: auto	
	}
    
/* BOX9-1とBOX9-2を横に並べる設定 */
.box9:after	{content: "";
	display: block;
	clear: both}

.box9 {
    margin-bottom: 20px;
    }  
    
.box9-1	{float: left;
	width: 45%;
    padding-right: 2%;
	}
    
.box9-2	{float: left;
	width: 45%;
    border: none}	

	
/* 道案内を二列に並べる */
.access{max-width:680px
}

.access:after	{content: "";
	display: block;
	clear: both}

.access .mapA	{float: left;
	width: 50%}

.access .mapA:nth-child(odd)
	{padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.access .mapA:nth-child(even)
	{padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
		
.ggmap{
width:500px
}

/* お灸を二列に並べる */

.ginger:after	{content: "";
	display: block;
	clear: both}

.ginger .gingerA	{float: left;
	width: 48%;
	margin-right: 2%}

.ginger .gingerA:nth-child(odd)
	{padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.ginger .gingerA:nth-child(even)
	{padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
    
.midimg	{
	max-width: 50%;
}	
.right20img	{
	max-width: 100%;
}    
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.photo, .info, .header-inner, .footer-inner, .box7, .pickup, .studio, .topic, .ktopic, .telbar, .toyoutopic, .box9
	{width:1140px;
	margin-left: auto;
	margin-right: auto}
	
/* BOX Aの下に罫線を挿入 */
.header	{margin-bottom: 20px;
	border-bottom: solid 1px #dddddd}

}