@charset "UTF-8";

/*子テーマ用「rwd.css」*/
.spOnly {display: none !important;}
@media only screen and (max-width : 1200px){
.site-header-in, .main-body-in{
	width:100%;
	}

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

/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){
/*
body > * {
	font-size: 15px;
	font-size: 1.5rem;
}
*/
/*aside.sidebar *{
	font-size:14px;
	font-size:1.4rem;
	}
*/
}
/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){
.pcOnly {display: none !important;}
.spOnly {display: block !important;}
/*
body > * {
	font-size: 13px;
	font-size: 1.35rem;
}
*/
.main-conts .section-wrap {
	margin-left:0;
}
/*
aside.sidebar *{
	font-size:13px;
	font-size:1.35rem;
	}
*/
.section-wrap {
    margin-left: 0;
 }
.site-header-in, .site-header-conts{
	padding-bottom:0;
	}
.site-title{
	padding:0;
	}
.site-footer {
   font-size:12px;
   font-size:1.2rem;
}
.col2 .main-conts, 
.col2 .sub-conts {
	margin-left:1%;
	margin-right:1%;
 }
 .main-body .ranking-list {
    margin-left: 0;
}
.contact{
}
aside h3.contact-side{
	margin: 0 !important;
	/*font-size: 1.4em;*/
}
/*----------------------------------------------------------------------
ヘッダー（ロゴ画像）：レスポンシブでロゴ画像を切り替えるためにcssにて設定
	賢威の設定→ロゴ画像には透明画像を設定（設定しないとタイトルのテキストが表示される）
------------------------------------------------------------------------*/
.site-title img{
	position:relative;
	padding-bottom:13.75%;
	}
.site-header-conts{ 
	/*padding-bottom: 13.75%;*/	/*幅÷高さ（％）・・・縦横比が変わるので調整：ロゴ画像で配置している分を引いて計算*/
	background: url(./images/common/main-image_sp.jpg)  no-repeat top center ;	/*ヘッダ：背景画像*/
	background-size:contain;
/*---------------------------------------------------------------------*/
	}
/*sp版になると背景画像とヘッダー画像の縦幅が合わない・・・といりそぎ影の位置の調整*/
.site-title {
    box-shadow: none;
}
.site-header-in {
    box-shadow: 0 0 10px 5px rgba(51,51,51,0.1);
}
}/*解像度736px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media only screen and (max-width : 480px){
img.col_prof {
	display:block;
	margin:0 auto !important;
	width: 50% !important;
}
p.col_prof {
    width: 100% !important;
}
}