
@charset "UTF-8";
html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;background:transparent}
body{line-height:1.6}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
a{border:none;}
a img{border:none; outline:none;}

a:hover{
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
	text-decoration:none;
	color:#f2c600;
	cursor:pointer;
	}
a:active{
	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
	text-decoration:none;
	color:#f2c600;
	}

body{
	font-family:'Noto Sans Japanese', Meiryo, serif;
	font-weight: 300;
	background:#f7f7f0;
	color:#555;
	vertical-align:middle;
	}

.serif{
	font-family: "Hiragino Mincho ProN","游明朝", YuMincho,"HG明朝E", serif;
	}


a{ color:#555; text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	}

.white{ background:#FFF;}
dl {
  width:60%;
}
dt {
  float:left;
  clear:left;
  width:60px;
}
dd {
  float:left;
  width:50%;
}
/*テストカラー*/
.bg1{ background:#444;}
.bg2{ background:#ddd;}
.bg3{ background:#ccc;}
.bg4{ background:#eeece2;}
.ornji{ color:#ef7a00;}
.pink{ color:#de567b;}

/* カラー */

/*タイポグラフィ*/
h2{
	line-height:1.5;}
	
.text60{
	font-size:60px;
	line-height:1.4;
	}	
.text32{
	font-size:32px;
	line-height:1.4;
	}
.text24{
	font-size:22px;
	line-height:1.4;
	}
.text18{
	font-size:18px;
	line-height:1.8;
	}	
.text16{
	font-size:16px;
	line-height:1.8;
	}

/*フォントサイズ*/
.big{font-size:46px;}

@media screen and (max-width: 480px) {
h1{
	font-size: 24px;
	}	
h2{
	font-size: 20px;
	}
h3{
	font-size: 18px;
	}
.text60{
	font-size:26px;
	line-height:1.4;
	}	
.text32{
	font-size:22px;
	line-height:1.4;
	}
.text24{
	font-size:18px;
	line-height:1.4;
	}
.text18{
	font-size:16px;
	line-height:1.8;
	}	
.text16{
	font-size:14px;
	line-height:1.8;
	}
		
	}


/*PCスマホ切り替え*/
.sp{ display:none;}
.pc{ display:block;}
@media print, screen and (max-width:767px) {
.sp{ display:block;}
.pc{ display:none;}
}
@media print, screen and (max-width:990px) {
	.out{display:none;}
	}


.img-responsive-overwrite{
    margin: 0 auto;
}

/* 表示・非表示*/
@media screen and (max-width: 767px) {
}

@media print, screen and (max-width: 992px) {
}

@media print, screen and (min-width: 1200px) {
	.maincontent{ padding-left:70px;}
}

.bread{
	margin-top:7px;
	font-size:11px;
	}

.maincontent{
	margin-bottom:40px;
	}

/*共通*/
.summary{
	padding:10px 30px 20px;
	border:solid 6px #666;
	text-align:center;
	background:#FFF;
	}
.summary h3{
	font-size:18px;
	line-height:1.8;
	font-weight:normal;
	}

.note{
	padding:10px 30px 20px;
	border:solid 8px #e0d8cd;
	text-align:center;
	}
	


header{
	background:#FFF;
	}

.seo{
	font-size:12px;
	margin:5px auto;
	}


.logo-copy{
	width:100%;
	padding-top:4px;
	padding-bottom:3px;
	text-align:center;
	background:#f2ece3;
	font-weight:bold;
	margin-bottom:10px;
	}

.logo{
	margin-bottom:4px;
	}
	
.tel{
	font-weight:bold;
	}
@media screen and (max-width: 767px) {
.tel{
	margin-top:10px;
	margin-bottom:10px;
	}
}	
.time{ margin-top:6px;}
	
	
/* ナビゲーション */


.mainnav{
	margin:20px auto;
	font-weight: 500;
	}


.nav-border{
	border-bottom:solid 4px #f2c600;
	padding-top:15px;
	padding-bottom:15px;
	}

.mainnav a{
	background: #fff;
	}
.mainnav a:hover{
	background: #ccc;
	cursor:pointer;
	}

.banner{
	margin-bottom:20px;
	}
.banner li{
	margin-bottom:10px;
	}
	
.sidenav ul{
	border: solid 4px #CCC;
	margin-top:20px;
	}
.sidenav ul:first-child{
	margin-top:0px;
	}
.sidenav li{
	border-bottom: solid 3px #CCC;
	padding:20px 0 20px 20px;
	background:#FFF;
	}

.sidenav li span{
	font-size:11px;
	color:#f2c600;
	}
.sidenav li.title{
	border-bottom: solid 4px #CCC;
	font-size:18px;
	color:#ef7a00;
	line-height:.8;
	padding:30px 0 30px 20px;
	line-height:1.0;
	}
.sidenav li.new{
	background-image: url(../img/common/new.png);
	background-repeat: no-repeat;
	background-position: 20px 26px;
	padding-left:50px;
	}
	
.sidenav li.sympton{
	background-image: url(../img/common/sympton.png);
	background-repeat: no-repeat;
	background-position: 10px 26px;
	padding-left:50px;
	}
.sidenav li.needle{
	background-image: url(../img/common/needle.png);
	background-repeat: no-repeat;
	background-position: 10px 26px;
	padding-left:50px;
	}
	
.sidenav li.correct{
	background-image: url(../img/common/correct.png);
	background-repeat: no-repeat;
	background-position: 12px 26px;
	padding-left:50px;
	}
.sidenav li.traffic{
	background-image: url(../img/common/traffic.png);
	background-repeat: no-repeat;
	background-position:6px 26px;
	padding-left:50px;
	}
.sidenav li.our{
	background-image: url(../img/common/our.png);
	background-repeat: no-repeat;
	background-position: 14px 26px;
	padding-left:50px;
	}
	
.sidenav li.end{
	border: none;
	}
	
small.en{
	font-size:10px;
	color:#f3c57e;
	}


footer{
	background:#f3eee2;
	margin:40px auto 10px;
	padding:20px 0;
	}
	
.footer-logo{
	margin-bottom:10px;}

address{
	text-align:center;
	font-size:11px;
	margin-bottom:10px;
	}
	
	
/*top*/

.toppoint{
	padding:30px;
	background:#FFF;
	width:48%;
	margin-bottom:40px;
	/*box-shadow*/
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
	float:left;
	}	

@media screen and (max-width: 768px) {
.toppoint{
	width:100%;
		float:none;
	}	
.toppoint:nth-child(odd){ margin-right:0%;}
}
	
.toppoint:nth-child(odd){ margin-right:4%;}
	
.toppointlast{
	padding:30px;
	background:#FFF;
	width:100%;
	margin-bottom:40px;
	/*box-shadow*/
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
	}		
	

.book{
	padding:30px;
	background:#eee;
	}
.book:nth-child(even){ background:#FFF;}

.textarea{ float:left; width:78%;}
.bookarea{ float:right; margin-left:2%; width:20%;}
.bookarea img{ border:1px solid #ddd;}

@media screen and (max-width: 480px) {
.textarea{ float:none; width:100%;}
.bookarea{ float:none; margin-left:0%; width:100%; margin-top:20px; text-align:center;}	
}


.voicenote{
	padding:40px 49px 40px 80px;
	background: url(../img/top/voicenote.jpg) repeat-y left top;
	background-color:#FFF;
	margin-bottom:40px;
	-webkit-box-shadow: 3px 3px 11px 1px rgba(148,148,148,0.75);
-moz-box-shadow: 3px 3px 11px 1px rgba(148,148,148,0.75);
box-shadow: 3px 3px 11px 1px rgba(148,148,148,0.75);
	}

.voicenote .textarea{ float:left; width:62%; background:#faf8f6; padding:4%;}
.voicenote .bookarea{ float:right; margin-left:4%; width:33%;}	
.voicenote h4{ font-size:16px; font-weight:normal; border-bottom:1px solid #999; border-top:1px solid #999; padding-bottom:10px; padding-top:10px; color:#555;}
.voicenote h4 span{ font-size:12px;}
.voicenote .btnarea{ border:2px solid #999; padding:10px; text-align:center; font-size:11px; font-weight:bold; margin-top:20px; cursor: pointer;}
	
@media screen and (max-width: 480px) {
.voicenote .textarea{ float:none; width:100%;}
.voicenote .bookarea{ float:none; margin-left:0%; width:100%; margin-top:20px; text-align:center;}	
.voicenote h4 span{ display:block; line-height:1.8;}	
}

/* ********************************************************************************
 * content common style
 * ******************************************************************************** */	
	
/* 吹き出し */

/* html
<div class='arrow_box'>
 <h1>頭痛・肩こりでお悩みの方</h1>
</div>
 */
 
 
 
.arrow_box {
	position: relative;
	background: #de567b; /* Old browsers */
background: -moz-linear-gradient(top, #de567b 0%, #de567b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,v), color-stop(100%,#de567b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #de567b 0%,#de567b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #de567b 0%,#de567b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #de567b 0%,#de567b 100%); /* IE10+ */
background: linear-gradient(to bottom, #de567b 0%,#de567b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de567b', endColorstr='#de567b',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:30px;
	color:#FFF;
	text-align:center;
	margin-bottom:40px;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(222, 86, 123, 0);
	border-top-color: #de567b;
	border-width: 16px;
	margin-left: -16px;
}
	
	
.arrow_box h1{
	font-weight: 200;
	}	
	




.arrow_box_b {
	position: relative;
	background: #de567b; /* Old browsers */
background: -moz-linear-gradient(top, #009cd1 0%, #009cd1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,v), color-stop(100%,#009cd1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #009cd1 0%,#009cd1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #009cd1 0%,#009cd1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #009cd1 0%,#009cd1 100%); /* IE10+ */
background: linear-gradient(to bottom, #009cd1 0%,#009cd1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cd1', endColorstr='#009cd1',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:30px;
	color:#FFF;
	text-align:center;
	margin-bottom:40px;
}
.arrow_box_b:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 156, 209, 0);
	border-top-color: #009cd1;
	border-width: 16px;
	margin-left: -16px;
}
	
	
.arrow_box_b h1{
	font-weight: 200;
	}	
	



.arrow_box_c {
	position: relative;
	background: #45b879; /* Old browsers */
background: -moz-linear-gradient(top, #45b879 0%, #45b879 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,v), color-stop(100%,#45b879)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45b879 0%,#45b879 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45b879 0%,#45b879 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45b879 0%,#45b879 100%); /* IE10+ */
background: linear-gradient(to bottom, #45b879 0%,#45b879 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b879', endColorstr='#45b879',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:30px;
	color:#FFF;
	text-align:center;
	margin-bottom:40px;
}
.arrow_box_c:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(69, 184, 121, 0);
	border-top-color: #45b879;
	border-width: 16px;
	margin-left: -16px;
}
	
	
.arrow_box_c h1{
	font-weight: 200;
	}	
	
	
/* チェックボード */

/* html
<div class="check-list">
<div class="check-list-note">
<div class="clip"><img src="img/common/clip.png"></div>
<p class="checklist">Check List</p>
<h2>あなたの骨盤、背骨ゆがみチェック！</h2>
<ul>
<li>椅子に座るとつい脚を組んでしまう</li>
<li>体重は変わらないが、下腹部が出てきた気がする</li>
<li>体をひねると、一方だけがひねりにくい</li>
<li>仰向けにねるとベッドと腰のあいだにスキマができる</li>
<li>立っている際、左右のどちらかに体重をかけて立っている</li>
<li>ウエストのくびれが左右対称でない</li>
<li>アヒル座りやお姉さん座りを</li>
<li>腰と膝が疲れやすい</li>
<li>腰が反りお尻が突き出ている</li>
<li>靴底の減り方が左右でちがう</li>                 
</ul>
</div>
</div>
<div class="pen"><img src="img/common/pen.png"></div>
 */
 
 
.check-list{
	background: #c3b7a5; /* Old browsers */
background: -moz-linear-gradient(top, #c3b7a5 0%, #afa595 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3b7a5), color-stop(100%,#afa595)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c3b7a5 0%,#afa595 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c3b7a5 0%,#afa595 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c3b7a5 0%,#afa595 100%); /* IE10+ */
background: linear-gradient(to bottom, #c3b7a5 0%,#afa595 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3b7a5', endColorstr='#afa595',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:40px;
	}
	
.check-list-note{
	background-image:url(../img/common/note-back.png);
	padding:40px;
	background-color: #faf8f4;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:left;
	}

.clip{
	margin:-90px auto 0;
	text-align:center;
	}
.pen{
	margin:-280px 60px 0 0;
	text-align:right;
	-webkit-transform: rotate(-10deg); /* chrome、safari　*/
-moz-transform: rotate(-10deg); /* firefox　*/
	}
.check-list-note li{
	background-image:url(../img/common/check-mark.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:35px;
	padding-bottom:10px;
	border-bottom: solid 1px #c3b7a5;
	margin-bottom:20px;
	font-size:15px;
	}

.checklist{
	text-align:right;
	font-size:48px;
	font-weight:100;
	color:#f2c600;
	}
	
.check-list-note h2{
	font-weight:300;
	margin-bottom:40px;
	}

@media screen and (max-width: 480px) {
	.check-list{
		padding:20px;
		}
	.check-list-note{
		padding:40px 20px 20px;
		}
	.check-list-note h2{
	margin-top:30px;
	}
	
.checklist{
	display:none;
	}	
.pen{
	display:none;
	}
}	
	
/* 施術の流れ */


.step{
	background:#FFF;
	padding:30px;
	}
	
.step span{
	font-weight:600;
	margin-right:6px;
	}
	
.numberbox{
	padding:20px 0;
	text-align:center;
	color:#FFF;
	width:80px;
	height:80px;
	background:#555;
	}

.arrow{
	text-align:center;
	margin:40px auto;
	}

.tel-btn{
	margin:20px auto;
	padding:15px;
	text-align:center;
	background:#ef7a00;
	font-size:20px;
	font-weight:500;
	color:#FFF;
	}



/* トリビア



           <div class="row">
            	
          <div class="col-sm-6 mb40">
            
            <div class="trivia">
             <p>trivia<span>1</span></p>             
            </div>
            <div class="trivia-area">
             <h3>病院・整骨院は<span>転院できる</span></h3>
             <p>通院しにくい、症状が良くならない場合などの正当な理由があれば、転院が可能です。</p>
            </div>
            
         </div>          
         
          <div class="col-sm-6 mb40">
           
            <div class="trivia">
             <p>trivia<span>2</span></p>             
            </div>
            <div class="trivia-area">
             <h3>病院・整骨院は<span>併用できる</span></h3>
             <p>病院では、お医者様にレントゲン診断、お薬の処方をしてもらい。整骨院では、手技による施術・リハビリを受ける事が可能です。</p>
            </div>
          
         </div> 
                
                
           <div class="col-sm-6"> 
            
            <div class="trivia">
             <p>trivia<span>3</span></p>             
            </div>
            <div class="trivia-area">
             <h3>整骨院に通っていても<span>交通費は請求できます</span></h3>
             <p>交通費は先に支払っておいて、後でまとめて請求できます。領収書は必ず残しておきましょう。</p>
            </div>
            
         </div>          
         
          <div class="col-sm-6">
           
            <div class="trivia">
             <p>trivia<span>4</span></p>             
            </div>
            <div class="trivia-area">
             <h3>整骨院の施術でも<span>慰謝料や休業補償を受け取れます</span></h3>
             <p>通院日数（何日通院したか）によって変動しますが、受け取る事ができます。</p>
            </div>
          
         </div> 
   
        </div> <!-- row --> 



 */

.trivia{
	background:#f2c600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:5px;
	text-align:center;
	margin:0 auto;
	width:40%;
	position:relative;
	color:#FFF;
	font-size:24px;
	}

.trivia span{
	font-size:30px;
	margin-left:4px;
	}

.trivia-area{
	background:#FFF;
	padding:40px 30px 30px;
	margin-top:-28px;
	min-height:220px;
	}
.trivia-area h3{
	font-size:22px;
	margin-bottom:20px;
	text-align:center;
	}	
.trivia-area h3 span{
	color:#ef7a00;
	}	





/* Q and A */


.quest{
	padding-left:60px;
	background-image: url(../img/common/q.png);
	background-repeat: no-repeat;
	background-position: left center;
	min-height:60px;
	padding-top:1.8%;
	font-size:20px;
	line-height:1.3;
	color:#ef7a00;
	margin-bottom:20px;
	}

.answer{
	padding-left:60px;
	background-image: url(../img/common/a.png);
	background-repeat: no-repeat;
	background-position:10px center;
	font-size:15px;
	line-height:1.4;	
	}

.faq .col-sm-12{
	padding-top:40px;
	padding-bottom:40px;
	padding-left:30px;
	padding-right:30px;
	}

.faq .col-sm-12:nth-child(odd){
	background:#FFF;
	}
.faq .col-sm-12:nth-child(even){
	background:#f1f1e6;
	}	
	
	
	
	
	
	
.point{
	background:#FFF;
	}

.point span{
	display:inline-block;
	background:#c3b7a5;
	color:#FFF;
	width:80px;
	height:80px;
	text-align:center;
	vertical-align:middle;
	}
	
	




/*access*/
th, td{
	padding:20px !important;
	}
th span{
	font-size:10px;
	color:#c3b7a5;
	display:block;
	}
	
	
	
/*menu*/
.grey{ background:#fafafa;}

.point3{
	margin-top:20px;
	color:#ef7a00;
	font-weight:bold;
	font-size:16px;
	}


.box3{
	border:6px solid #ef7a00;
	float:left;
	width:30%;
	margin-right:5%;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	min-height:164px;
	}
.box3 p{
	font-size:20px;}
.box3 span{
	display:block;
	font-size:12px;
	color:#666;
	}
.box3:last-child{
	width:30%;
	margin-right:0;
	}
@media screen and (max-width: 480px) {
.box3{
	float:none;
	width:100%;
	margin-right:0;
	text-align:center;
	min-height:150px;
	margin-bottom:10px;
	}
.box3 span{
	display:inline;
	}
.box3:last-child{
	padding-top:30px;
	width:100%;
	}	
	}


/*腰痛*/
.waistpoint{
	padding:20px 30px 30px;
	font-size:14px;
	line-height:1.8;
	}

/*頭痛*/

.neck{
	background:#eae5de;
	margin:40px;
	padding:20px;
	text-align:left;
	font-weight:bold;
	}
@media screen and (max-width: 768px) {	
.neck{
	background:#eae5de;
	margin:5px;
	padding:20px;
	text-align:left;
	font-weight:bold;
	}
}


/*sleep*/

.how{
	background:#FFF;
	padding:8%;
	}

.how p{
	line-height:1.8 !important;}
	
.how img{margin:0 0 20px 20px; float:right}
@media screen and (max-width: 480px) {
.how img{marign:0 0 30px 0; float:none;}
	}	
.how h2{
	text-align:center;
	border-top:3px solid #666;
	border-bottom:3px solid #666;
	padding:15px 0;
	margin-bottom:50px;
	}
	
.how h3{
	font-size:30px;
	}

p.ornji{
	margin-bottom:20px;}


/*balance*/


.buteffect img{ margin:0 0 20px 20px;}
.buteffect p{ font-size:16px; line-height:2;}
 
 
.balancepoint p{
	margin:2px 0 40px;
	padding:30px 20px;
	background:#FFF;
	}

.balancepoint h4{
	background:#FFF;
	width:100%;
	displa:block;
	}
	
.balancepoint h4 img{
	margin: 0 15px 0 0;
	}

.balancepoint2 h4{
	background:#FFF;
	width:100%;
	displa:block;
	margin-bottom:0px;
	line-height:1.2;
	}
.balancepoint2 h4 img{
	margin: 0 15px 0 0;
	}

.balancepick{
	min-height:250px;
	padding:30px;
	background:#FFF;
	width:48%;
	margin-bottom:40px;
	/*box-shadow*/
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
	float:left;
	}	

@media screen and (max-width: 768px) {
.balancepick{
	width:100%;
		float:none;
	}	
.balancepick:nth-child(odd){ margin-right:0%;}
}
	
.balancepick:nth-child(odd){ margin-right:4%;}
	
	
.melt{
	margin:40px 0;
	}
.melt img{
	margin:0 0 10px 20px;
	}

.melt h4{
	margin-bottom:20px;
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	font-wight:normal !important;
	font-size:18px;
	}
	

/*bone*/
.bone th{ padding:0 !important;}
.bone td{ font-size:16px;}
.bonehouse{ margin:40px 0;}
.bonehouse p{ font-size:16px; line-height:2;}
.bonehouse img{margin:0 0 10px 20px;}


/*mother*/

.mother p{
	font-size:16px;
	}	
.mother img{
	margin:0 0 10px 20px;
	}
.table-bordered{
	background:#FFF;
	}
.motherbox{
	background:#FFF;
	padding:40px;
	margin-bottom:40px;
	}
.mamapro{
	background:#fe7aab;
	padding:40px;
	color:#FFF;
	}
.youtube iframe{
  width: 100%;
}	



/*road*/

.roadpoint{
	min-height:200px;
	padding:30px;
	background:#FFF;
	width:48%;
	margin-bottom:40px;
	/*box-shadow*/
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
	float:left;
	}	

@media screen and (max-width: 768px) {
.roadpoint{
	width:100%;
		float:none;
	}	
.roadpoint:nth-child(odd){ margin-right:0%;}
}
	
.roadpoint:nth-child(odd){ margin-right:4%;}
	
.roadpointlast{
	padding:30px;
	background:#FFF;
	width:100%;
	margin-bottom:40px;
	/*box-shadow*/
    box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    -moz-box-shadow: 1px 1px 2px #aaa;
	}		
	
.roadprice{
	background:#FFF;
	padding:8%;
	margin-bottom:40px;
	}
	
.manny{
	padding:3%;
	margin-bottom:20px;
	}
	
	
.net{
	background:#FFF;
	padding:2% 1% 6%;
	margin-bottom:40px;
	text-align:center;
	}
.ribon{
	margin-bottom:5%;
	}	



/*needle鍼灸*/

.needle-price{
	padding:5% 5% 2%;
	background:#FFF;
	}
	
	.needle-price li{
	margin-bottom:20px;
	}

	
/*facebook*/
#fb-page {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.breadcrumb{
	background:#FFF;
	padding:0;
	margin:0;
	margin-left:20px;
	font-size:12px;
	}

.breadcrumb li:first-child{
	border-left:1px solid #999;
	padding-left:20px;
	}

	
@media screen and (max-width: 480px) {
	.breadcrumb{
	margin-left:0;
	
	}	
	.breadcrumb li:first-child{
	border-left:none;
	padding-left:0;
	}
	}

.subnav{
	font-size:12px;
	margin:5px 0;
	}

.breadcrumb .active{
	color:#ef7a00;
	}
	
/* ********************************************************************************
 * MARGIN
 * ******************************************************************************** */
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}
.mt120 { margin-top:120px !important;}
.mt150 { margin-top:150px !important;}
.mt1000 { margin-top:1000px !important;}

.mmt100{ margin-top:-100px;}



.mr0 { margin-right:0 !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}
.mr100 { margin-right:100px !important;}

.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb5 { margin-bottom:5px !important;}
.mb8 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

.ml0 { margin-left:0 !important;}
.ml5 { margin-left:5px !important;}
.ml7 { margin-left:7px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}
.ml100 { margin-left:100px !important;}





/* ********************************************************************************
 * MARGIN
 * ******************************************************************************** */
@media print, screen and (max-width:767px) {
.smt0 { margin-top:0 !important;}
.smt5 { margin-top:5px !important;}
.smt10 { margin-top:10px !important;}
.smt15 { margin-top:15px !important;}
.smt20 { margin-top:20px !important;}
.smt25 { margin-top:25px !important;}
.smt30 { margin-top:30px !important;}
.smt35 { margin-top:35px !important;}
.smt40 { margin-top:40px !important;}
.smt45 { margin-top:45px !important;}
.smt50 { margin-top:50px !important;}
.smt60 { margin-top:60px !important;}
.smt70 { margin-top:70px !important;}
.smt80 { margin-top:80px !important;}
.smt90 { margin-top:90px !important;}
.smt100 { margin-top:100px !important;}
.smt120 { margin-top:120px !important;}
.smt150 { margin-top:150px !important;}

.smb0 { margin-bottom:0 !important;}
.smb3 { margin-bottom:3px !important;}
.smb5 { margin-bottom:5px !important;}
.smb8 { margin-bottom:8px !important;}
.smb10 { margin-bottom:10px !important;}
.smb15 { margin-bottom:15px !important;}
.smb20 { margin-bottom:20px !important;}
.smb25 { margin-bottom:25px !important;}
.smb30 { margin-bottom:30px !important;}
.smb35 { margin-bottom:35px !important;}
.smb40 { margin-bottom:40px !important;}
.smb45 { margin-bottom:45px !important;}
.smb50 { margin-bottom:50px !important;}
.smb60 { margin-bottom:60px !important;}
.smb70 { margin-bottom:70px !important;}
.smb80 { margin-bottom:80px !important;}
.smb90 { margin-bottom:90px !important;}
.smb100 { margin-bottom:100px !important;}

}