@charset "UTF-8";

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1000px){
	
#top,#header,#global-navi,#main-body,#foonter,#breadcrumbs,.section{width:100%;}
#top-in,#header-in,#global-navi-in,#breadcrumbs-in,#main-body-in,#footer-in,.section-in{width:96%;margin:auto;}

/*２カラム*/
.col2{width:100%;margin:auto;background: #fff;overflow: auto;padding-top:20px;
display: flex;flex-wrap:wrap;justify-content: space-between;}
.col2 .main-contents{width:78%;margin:auto;}
.col2 .main-contents-in{width:95%;margin:auto;float:none;padding-bottom:30px;}
.side{width:22%;}
.side-in{margin:auto;}
.page-narrow .section-in{width:98%;}
#sec-contents .section-in{padding:60px 0 60px 0;}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#top{font-size:0.7em;padding-top:10px;}
#header{top:0;height:auto;background-color:rgba(255,255,255,0.85);padding-top:0;padding-bottom:5px;border-bottom:solid 1px #f5f5f5;}
#header .section-in{position:relative;padding:0;display: flex;flex-wrap:wrap;justify-content: space-between;
}
#header .logoline{font-size:0.8em;}
#header .section-in .col-l{width:30%;color:#000;}
#header .section-in .col-l img{width:100%;}
#header .section-in .col-r{width:65%;text-align: right;padding-top:15px;}
#header .section-in .col-r .img-header-tel{width:100%;display:inline-block;}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
footer{padding:30px 0 30px 0;overflow: auto;background: #f5f5f0;}
footer .section-in{display: flex;flex-wrap:wrap;justify-content: space-between;}
footer .section-in .col-1{width:48%;}
footer .section-in .col-2{width:45%;}
footer .section-in .col-1 .line2{display:block;font-size:1.4em;font-weight: bold;margin-bottom:10px;}
footer .fl-box{
display: flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:30px;	}
footer .fl-box .col-1{width:48%;}
footer .fl-box .col-2{width:48%;}
footer .text{text-align: right;font-size:0.8em;}
footer .fl-box li{font-size:0.8em;line-height:1.3;border-bottom:1px dotted #ccc;padding:5px }
#copyright{text-align:center;padding:10px 0 10px 0;color:#fff;font-size:0.9em;}

	
	
	

}
/*▲解像度1200px以下*/


/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){
	body{font-size:90%;line:1.8;padding:0 0 60px 0;}
	.dis-pc{display:none;}
	.dis-mb{display:block;}
	#top{font-size:0.7em;text-align: center;}
	
/*２カラム*/
.col2{width:100%;margin:auto;background: #fff;overflow: auto;padding-top:20px;
display: flex;flex-wrap:wrap;justify-content: space-between;}
.col2 .main-contents{width:100%;margin:auto;}
.col2 .main-contents-in{width:90%;margin:auto;float:none;padding-bottom:30px;}
.side{width:100%;display:none;}
.side-in{margin:auto;}	
	
h1{font-size:1.4em;}
#sec-contents .section-in{padding:30px 0 30px 0;}	
#header,#global-navi,#main-body,#foonter,.section{width:100%;}
#header-in,#global-navi-in,#main-body-in,#footer-in,{width:100%;margin:auto;}
.section-in{width:92%;margin:auto;}
#main-body-in{width:96%;}
#main-contents{width:100%;float:none;}
#main-contents-in{width:95%;margin:auto;}
.page-narrow .section-in{width:95%;}
.side{width:100%;float:none;}
.side-in{width:98%;margin:auto;}
#footer{clear:both;}

/*固定ページは幅を狭める*/
.page #main-contents-in{width:98%;}
.col2 #main-contents{width:100%;margin:auto;float:right;}
.col2 #main-contents-in{width:98%;margin:auto;}

/*ヘッダー固定*/
#header{padding:5px 0 5px 0;clear:both;}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
#header{padding:10px 0;position:relative;height:60px;}
#header .section-in{position:relative;padding:0;display: flex;flex-wrap:wrap;justify-content: space-between;
}
#header .section-in .col-l{width:300px;margin:auto;text-align: center;}
#header .section-in .col-r{display:none;}



/*見出し*/
h1{font-size:1.6em;}
h2{font-size:1.3em;line-height:1.5;}
h3{font-size:1.1em;}
.col2 h1{border-bottom:none;font-size:1.6em;margin-bottom:20px;line-height:1.4;}



/*--------------------------------------------------------
ブログ以外のH1
--------------------------------------------------------*/

.box-h1{height:auto;
    -moz-background-size: 5px 5px;
    -webkit-background-size: 5px 5px;
    background-size: 4px 4px;margin-bottom:30px;}
.box-h1-in{width:96%;margin:auto;padding-top:10px;margin:auto;}
.box-h1-in h1{font-weight:bold;margin:0;padding:0;}
.box-h1-in .line{font-size:1.2em;letter-spacing:3px;}





/*--------------------------------------------------------
コンテンツ下部ソーシャルの設定
--------------------------------------------------------*/
.social{margin:10px auto 10px auto;clear:both;overflow:hidden;display:block;text-align:center;}
.social-in{display:inline-block;}
.social a:hover{opacity: 0.6;}
.social a{display:block;width:50px;height:40px;text-align:center;color:#fff;font-size:0.7em;float:left;margin-right:5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;padding-top:5px;}

.social a img{height:20px;width:auto;margin:auto;display:block;}
.social a.facebook-iine{background-color:#3b5998;}  
.social a.twitter-tweet{background-color:#00acee;}
.social a.pocketbtn{background-color:#EF3E56;}
.social a.hatenabtn2{background-color:#568BCA;}
 .social a.gplusbtn{background-color:#DD4B39;}
.social a.feedlybtn{background-color:#70CA3B;}
	

/*------------------------------------------------------------
固定ページ
-------------------------------------------------------------*/
/*料金表*/
.price table{font-size:0.9em;
}
.page .price{margin-left:0;width:100%;}
.page .price th{background:#f5f5f5;width:30%;padding:5px;}
.page .price td{padding:5px;}
.page h3{}

	
	
/*------------------------------------------------------------
ブログ投稿ページ いいね
-------------------------------------------------------------*/
.footer-sns{margin:1em 0 1em 0;overflow:hidden;background:url(../images/social/fb-back.jpg);color:#fff;clear:both;}
.footer-sns .col-in{background:rgba(0,0,0,0.60);overflow:hidden;padding:1%;}
.footer-sns .col-l{width:100%;float:none;color:#fff;margin:auto;text-align:center;}
.footer-sns .line{font-weight:bold;text-align:center;padding:5px;font-size:1.8em;}
.footer-sns .line2{font-size:0.9em;text-align:center;}
.footer-sns .col-r{width:100%;float:right;text-align:center;}
.footer-sns .col-l img{width:150px;}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
footer{padding:30px 0 30px 0;overflow: auto;background: #f5f5f0;}
footer .section-in{display: flex;flex-wrap:wrap;justify-content: space-between;}
footer .section-in .col-1{width:100%;}
footer .section-in .col-2{width:100%;}
footer .section-in .col-1 .line2{display:block;font-size:1.4em;font-weight: bold;margin-bottom:10px;}
footer .fl-box{
display: flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:30px;	}
footer .fl-box .col-1{width:100%;}
footer .fl-box .col-2{width:100%;}
footer .text{text-align: right;font-size:0.8em;}
footer .fl-box li{font-size:0.8em;line-height:1.3;border-bottom:1px dotted #ccc;padding:5px }
#copyright{text-align:center;padding:10px 0 10px 0;color:#fff;font-size:0.9em;}
	
	
}
/*▲解像度736px以下*/