@charset "UTF-8";

@media only screen and (max-width:816px){#header #header-logo,#header #header-text{float:none;}}
@media only screen and (max-width:480px){#header img{width:100%;}}

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 640px){


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{overflow-y:scroll;overflow-x:hidden;}
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;}

img{height:auto;max-width:100%;}

.pcNon{display:block !important;}
.spNon{display:none !important;}

/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{position:relative;top:0;height:auto;}

#top-menu{float:none;}
#top-menu li{display: block;text-align:left;}

#topPage img{width:100%;}

.threeReason dl{margin:0;float:none;width:100%;}
.threeReason dt{margin-top:15px;}

.bnrsTopPage .clmL,.bnrsTopPage .clmR{float:none;}
.bnrsTopPage .clmR{margin-top:10px;}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header h1{display:none;}
#header .logArea,#header .btnArea,#header .keyArea,
#header .logArea .clR,#header .btnArea .clR,#header .keyArea .clR{margin-top:10px;}
#header .clL,#header .clR{float:none;}
#header .logArea .clR{padding:10px;border:solid 2px #000000;}
#header .telArea{margin-top:10px;}
#header .telArea a{padding:10px;background:#ee0300;display:block;text-align:center;color:#fff !important;font-size:16px;font-weight:bold;
background:-moz-linear-gradient(top,#cc0000 0%,#ea0b0d 50%,#bf181a 51%,#ee0300 100%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cc0000),color-stop(50%,#ea0b0d),color-stop(51%,#bf181a),color-stop(100%,#ee0300)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#cc0000 0%,#ea0b0d 50%,#bf181a 51%,#ee0300 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#cc0000 0%,#ea0b0d 50%,#bf181a 51%,#ee0300 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#cc0000 0%,#ea0b0d 50%,#bf181a 51%,#ee0300 100%); /* IE10+ */
background:linear-gradient(to bottom,#cc0000 0%,#ea0b0d 50%,#bf181a 51%,#ee0300 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000',endColorstr='#ee0300',GradientType=0 ); /* IE6-9 */}
#header .btnArea .clR{float:none;width:100%;height:auto;}
#header .btnArea .clR a{padding:10px;background-image:none;background:#1c3379;display:block;width:auto;height:auto;text-indent:0;text-align:center;color:#fff !important;font-size:16px;font-weight:bold;
background:-moz-linear-gradient(top,#1c3379 0%,#20327a 50%,#162559 51%,#1d3176 100%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1c3379),color-stop(50%,#20327a),color-stop(51%,#162559),color-stop(100%,#1d3176)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#1c3379 0%,#20327a 50%,#162559 51%,#1d3176 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#1c3379 0%,#20327a 50%,#162559 51%,#1d3176 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,#1c3379 0%,#20327a 50%,#162559 51%,#1d3176 100%); /* IE10+ */
background:linear-gradient(to bottom,#1c3379 0%,#20327a 50%,#162559 51%,#1d3176 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3379',endColorstr='#1d3176',GradientType=0 ); /* IE6-9 */}
#header .keyArea img{width:100%;}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{margin-top:20px;}
#global-nav #menu li{margin:0 0 1px 0;width:50%;}
#global-nav #menu li a{background:#014da1;display:block;text-decoration:none;color:#fff;display:table;width:100%;}
#global-nav #menu li span.pic{display:table-cell;}
#global-nav #menu li span.pic img{margin:3px;width:100%;height:auto;}
#global-nav #menu li span.txt{padding:5px 5px 5px 10px;display:block;text-align:center;font-size:16px;display:table-cell;width:60%;vertical-align:middle;text-align:left;}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{padding-top:20px;}

.keyVisual p{padding:0;}

#main-contents p.iconQ{margin-bottom:1em;}
#main-contents p.iconA{margin-bottom:2.5em;}

.bannerArea li{margin-bottom:15px !important;}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

/*●Tableをブロック表示に*/
#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }

.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{padding:10px 10px 10px 30px;background:url(./images/icon/icon-arrow05.png) 1em center no-repeat #014da1;display:block;color:#fff;font-size:16px;font-weight:bold;}

.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
}

.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: none;
	padding-right: 0;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: block;
	margin-right: 0;
}

.sub-column dl.search-box{ width: 100%; }

.sub-column dl.search-box dt{
	margin-right: 0;
	margin-bottom: 0.4em;;
	width: 100%;
}

.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }

.sub-column .widget-conts{border:none;}
.sub-column .widget-conts h3{border:none;}
.sub-column .widget-conts ul{border-bottom:solid 1px #dddbdc;}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{margin-top:20px;padding-top:20px;}
#footer-in{border:none;}
#footer-in li{display:none;}
#footer-in li:last-child{display:block;border:none;}
#footer-in li a{padding:10px;background:#ffffff;display:block;text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;}
.copyright{padding:15px 0 20px;}


/*------------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

#main-contents .sb{
	text-align: left;
}

img.alignleft,
img.alignright{
	float: none;
	display: block;
	padding: 0;
	margin: auto;
}


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/