/*////////////////////////////////////////
共通
////////////////////////////////////////*/

/*画像が縦に伸びるのを解消*/
.wp-block-image img {
	height:auto;
}

/*--------------
マウスオーバー時のみ画像透明化
--------------*/
a:hover img{
	opacity:0.7;
	-webkit-transition:opacity 0.2s linear;
}

body{
	background:#fff;
}

#pagetop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 5px;
  cursor: pointer;
  z-index: 9999; /*すべたの要素の一番上に表示するためレイヤーを9999とした*/
}

/*--------------
クリアフィックス
--------------*/
/* For modern browsers用 */
.cf:after{
	content: "";
	display: block;
	clear: both;
}

/* For IE 6/7用 */
.cf { zoom: 1; }


/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {


section#page-top{
	text-align: center;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
	
section#page-top h3{
	font-family: 'NTR', sans-serif;
	font-size: 380%;
	margin-top: 60px;
	margin-bottom: 40px;
}
section#page-top h4{
	font-size: 180%;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.6;
}
section#page-top p{
	line-height: 1.6;
	margin-bottom: 20px;
}



/*ページトップ*/
#pagetop{
  right:0px;
}

#pagetop img{
  width:80%;
}

/*ブログタイトル*/
	div#blog-title{
		background: #f3f3f3;
		margin-top: 50px;
		padding: 10px;
	}
	div#blog-title h2{
		margin-left: 10px;	
	}


/*inforamation*/
div#blog-bg-container{
	width:98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	margin-top:40px;
}

div.info-inner-top h5{
	float:left;
	width:60%;
	background:#ccc;
	padding:10px 0px 10px 10px;
	color:#fff;
}

div.info-inner-top p a{
	float:left;
	width:28%;
	text-align:right;
	background:#999;
	color:#fff;
	padding:10px 15px;
}


div#blog-bg-container ul{
	margin-top: 10px;
	padding:10px;
}

div#blog-bg-container ul li{
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}



/*フッター*/
footer {
    text-align:center;
    margin-top:50px;
}


/*下固定　tel*/
	div#tel-link{
		background: #000;
		width:100%;
		position: fixed;
	    bottom:0;
		padding: 15px;
		z-index: 9999;	
	}
	div#tel-link a{
		display: block;
		width:105px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		color: #fff;
		background: url(../images/tel.png) no-repeat left center;
	}



}




/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

section#page-top{
	text-align: center;
}
	
section#page-top h3{
	font-family: 'NTR', sans-serif;
	font-size: 380%;
	margin-top: 90px;
	margin-bottom: 40px;
}
section#page-top h4{
	font-size: 180%;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.4;
}
section#page-top p{
	line-height: 2.3;
}
	
/*ブログタイトル*/
	div#blog-title{
		background: #f3f3f3;
		margin-top: 100px;
		padding: 10px;
	}
	div#blog-title h2{
		margin-left: 10px;	
	}

	
	
li#tel-pc{
	background: url(../images/tel.png) no-repeat left center;
	padding-left: 17px;
	}
li#tel-sp{
	display: none;
}

p#sub-title{
	font-size: 80%;
	line-height:1.5;
	padding-top: 5px;
}
	
div.navbar-collapse{
	float:right;
}

ul.nav{	
}

li#s-tel{
	display: none;
}

	
	
/*inforamation*/
section#info-cnt{
	width:100%;
	background:url(../images/info-bg.png) repeat-x left top;
	margin-top: 50px;
}
div#blog-bg-container{
	width:1180px!important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
}

div.info-inner-top h5{
	float:left;
	width:970px;
	background:#ccc;
	padding:10px 15px;
	color:#fff;
}

div.info-inner-top p a{
	float:left;
	width:150px;
	text-align:right;
	background:#999;
	color:#fff;
	padding:10px 15px;
}


div#blog-bg-container ul{
	margin-top: 10px;
	padding:10px;
}

div#blog-bg-container ul li{
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

/*フッター*/
footer {
    text-align:center;
    padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	z-index:2;
	clear:both;
}

/*下固定　tel*/
	div#tel-link{
		display: none;
	}


}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {





}