@charset "UTF-8";

/*--------------------------------------------------------
解像度1100px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1100px){

	.header-in{
		width: 100%;
		margin: auto;
	}
	
	.global-nav-in,
	.main-body-in,
	.footer-in{
		width: 92%;
		margin: auto;
	}
	
	.main-image-in{
		width: 100%;
	}


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

/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){



}/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	html,
	body,
	.containr{
		min-width: 0;
	}

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}
	
	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}
	
	blockquote{
		position: relative;
		margin: 2em 0;
		padding: 115px 20px 80px;
		background: #eee;
	}

	
	.global-nav-in,
	.main-body{
		width: 100%;
	}
	
	.main-conts,
	.sub-conts{
		float: none;
		width: auto;
	}


.pc{
	display:none;
}
.sp{
	display:block;
}

/*ヘッダー*/	
#header .header-in .head-title{
	margin:15px 0 15px 10px;
	float:none;
	text-align:left;
	}
#header .header-in .head-title h1{
	float:none;
	padding:0;
}


/*----------追尾バナー----------*/
.followmenu{
    display: block;
	position:fixed;
	bottom:0;
	left:0;
	margin: 0 auto;
    padding:10px;
	background-color:#fff;
	border-top:2px solid #000;
	width:100%;
	text-align:left;
	z-index: 1;

}
.followmenu .followmenu-wrapper{
  overflow: hidden;
  width:100%;
}
.followmenu .followmenu-inner{
	width:95%;
}
.followmenu a{
	color:#fff;
	font-weight:bold;

}
.followmenu .tel{
	background:#204487;
	padding:0.5em;
	margin-right: 5px;
	font-size:14px;
	width:32%;
	border:none;
	margin:0;
	height:40px;
}
.followmenu .tel img{
	position:relative;
	bottom:4px;
}
.followmenu .mail{
	background:#dc0032;
	padding:0.5em;
	font-size:14px;
	width:32%;
	border:none;
	margin:0;
	height:40px;
}
.followmenu .mail img{
	position:relative;
	bottom:5px;
}
.followmenu .line{
	background:#00b900;
	padding:0.5em;
	font-size:14px;
	width:32%;
	border:none;
	margin:0;
	height:40px;
}
.followmenu .line img{
	position:relative;
	top:-2px;
}
.to-top{
	position:fixed;
	bottom:60px;
	right:10px;
}
.to-top img{
	height:35px;
}
/*グローバルナビ*/
.global-nav{
		width: 100%;
		margin: 0;
		border: 0;
		background: #f9f9f9;
	}
	
/*グローバルナビの開閉用ボタン*/
.global-nav-panel{
	display: none;
	font-size: 12px;
	text-align:left;
}


.icon-gn-menu{
	padding-left:0px;
	background:url(../img/cmn_sp_menu.png) left top no-repeat!important;
}

.icon-gn-close{
	padding-left:0px;
	background:url(../img/cmn_sp_close.png) left top no-repeat!important;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-gn-menu{
			background: url(../img/cmn_sp_menu@2x.png) left center no-repeat;
			-webkit-background-size: 80px 80px;
			background-size: 80px 80px;
		}

		.icon-gn-close{
			background: url(../img/cmn_sp_@2x.png) left center no-repeat;
			-webkit-background-size: 80px 80px;
			background-size: 80px 80px;
		}
	}

.global-nav .show-menu,
.global-nav .show-menu li ul{
	display: block!important;
}

	.global-nav ul{
		display: none;
		position: absolute;
		top:72px;
		left:-1px;
		z-index: 50;
		width: 100%;
		border: 0;
		background: #dc0032;
		height:auto;
		padding:0;

	}
	
	.global-nav-panel{
		display: block;
		position:absolute;
		top:16px;
		right:12px;
		width:40px;
		padding:0;
		margin:0 0 0 0;
		color: #fff;
		z-index:1;
	}
.global-nav-panel span{
	display: block;
	min-height: 40px;
	line-height: 40px;
}
	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		border-top: 1px solid #fff;
		text-align: left;
		float:none;
		padding:0;
	}
.global-nav-in li:last-child{
	padding:0;
}
.global-nav-in li:first-child{
	padding:0;
	border-top:none;
}	
	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em;
	}
.global-nav-in .nav_pc{
	display:none;
}
.global-nav-in .nav_sp{
	display: block;
}

	
	.global-nav-in li ul li{
		width: auto;
		border-bottom: 0;
	}
	
	.global-nav-in li a,
	.global-nav li ul li a{
		padding: 1em;
		padding-right: 2em;
		background: url(../img/icon-gn-arw.png) right center no-repeat;
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url(../img/icon-gn-arw@2x.png) right center no-repeat;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}

		}

	
/*メインコンテンツ*/
/*メインタイトル*/
.main-title{
	background-color:#dc0032;
	background-image:none;
	height:auto;
	margin:0 auto;
	width:100%;
}
.main-title_in{
	width:100%;
}
.main-title_in h2{
	font-size:1.3em;
	line-height:1.0em;
	display: block;
	padding:2.0em;
	text-align:center;
	color:#fff;
}
.main-title_in h2 span{
	font-size:0.6em;
	font-weight:normal;
	letter-spacing:0.4em;
}
.main-title_in h2 em{
	font-size:1.0em;
	font-weight:normal;
	letter-spacing:0;
	margin-top:0.5em;
}
.main-title_in p{
	display:none;
}



.main-conts{
	text-align:left;
	margin-top:3em;
}
.main-conts h3{
	font-size:1.3em;
	padding:0.8em 0 0 0;
	height: auto;
	margin-bottom:1.5em;
}
.main-conts h4{
	font-size:1.1em;
	padding:0.8em;
	height: auto;
	margin-bottom:1.5em;
	background:#000;
	border-left:#dc0032 10px solid;
	height:auto;
}
.main-conts .cmn_btn{
	padding:1.0em;
	width: auto;
	margin-top:2.0em;
	display:block;
}


/*サイド*/
.sub-conts{
	margin:4.0em 0 0 0;
}

.sub-conts .side_menu01{
	margin-bottom:3.0em;
}
.sub-conts .side_menu01 li{
	padding:0.8em 0;
}

.sub-conts .side_menu02{
	margin-bottom:3.0em;
}
.sub-conts .side_menu02 li{
	padding:0.8em 0;
}

.sub-conts .side_tel_pc{
	display:none;
}
.sub-conts .side_tel_sp{
	border:#e7e7e7 5px solid;
	padding:1.5em;
	text-align:center;
	display:block;
}
.sub-conts .side_tel_sp p.tel_main{
	background: url(../img/cmn_side_tel_main_sp_bg.png) bottom center repeat-x;
	padding:0 0 1.2em 0;
	margin:0 0 1.2em 0;
}
.sub-conts .side_tel_sp p.mail_btn{
	background: url(../img/cmn_btn_arrow.png) left 15px center no-repeat #dc0032;
	padding:12px;
	border-bottom:#ad0027 solid 3px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:90%;
	margin-top:1.2em;
	display:inline-block;
	color:#fff;
}

/*フッターナビ*/
#footer{
	margin:5em 0 0 0;
}


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

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){

	/*段組*/
	.col4-wrap,
	.col3-wrap,
	.col2-wrap{
		margin: 0 0 1em;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		float: none;
		margin-left: 0;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		width: auto;
	}

	.left,
	.right{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list02 .post-box{
		width: 100%;
	}
	
}/*解像度480px以下*/




/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-01-16 13:31:42
----------------------------------------------------------------------*/
