@charset "utf-8";


/*基本文字サイズ・全体背景
---------------------------------------*/
body {
	color: #333;
	font-size: 13px;
	font-family:"メイリオ", Meiryo, Osaka, Verdana, sans-serif ;
	-webkit-text-size-adjust: 100%;  /* フォントサイズ自動調整OFF */
	background:#333;  /*スマホ用ナビの背景色になる*/
}

/*基本段落
---------------------------------------*/
p {
	line-height: 1.6;
	margin: 0 0 1em 0;
}

/*画像の自動リサイズ
---------------------------------------*/
img {
     max-width: 100%;
     height: auto;
}
	 
/*すべての要素のサイズの計算方法にボーダーとパディングを含める
---------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}

/*リンク
---------------------------------------*/
a:link    { color:#1d85ca; text-decoration: underline;}
a:visited { color:#1d85ca; text-decoration: underline;}
a:hover   { color:#ec4536; text-decoration: underline;}
a:active  { color:#ec4536; text-decoration: underline;}

/*強調
---------------------------------------*/
em {
}
strong {
}

/*全体構造
---------------------------------------*/
#wrapper {
	min-width: 320px;
}
#container {
	width: 100%;
	z-index: 100;
	position: relative;
	overflow:hidden;
	background:#f0f0f0;
}
	header{
		overflow:hidden;
		background:#fff;
		margin-bottom:20px;
	}
	#contents {
		clear:both;
	}
	#contents:before,#contents:after{content:"";display:table;}
	#contents:after {clear:both;}#contents{*zoom:1}
	
	#main {}
	#side {display:none;}
	
	footer {
		clear:both;
		border-top:1px solid #ddd;
		text-align:center;
		line-height:100px;
		padding:20px 0;
		background:#fff;
	}
/* PC
=============================================== */
@media only screen and (min-width: 769px) {
#wrapper {
	min-width: 1000px;
}
#container {
}
	#headerInr {
		width:980px;
		margin: 0 auto;
	}
	#contents {
		width:980px;
		margin:0 auto;
	}
		#main {
			float:left;
			width:650px;
		}
		#side {
			display:block;
			float:right;
			width:300px;
		}
	#footerInr {
		width:980px;
		margin:0 auto;
	}
	#footerInr .col{
		float:left;
		width: 33.333333333%;
	}
	#footerInr .col:nth-child(1){padding-right:13.333333333px;}
	#footerInr .col:nth-child(2){padding: 0 6.666666666px;}
	#footerInr .col:nth-child(3){padding-left:13.333333333px;}
}


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

/* スマホ用メニューボタン */
#menuBtn {
	position: absolute;
	top: 25px;
	right: 10px;
	outline:none;
	background-size:100%;
}
	#menuBtn a{
		display:block;
		width:50px;
		height:50px;
		border-radius:3px;
		border:1px solid #ccc;
		background: #ccc;
		background: -webkit-linear-gradient(
			top,
			#ddd 0%,
			#ccc 100%
		);
		background: linear-gradient(
			to bottom,
			#ddd 0%,
			#ccc 100%
		);
	}
	#menuBtn span{
		display:block;
		width:30px;
		height:5px;
		margin:5px auto;
		border-radius:1px;
		background:#fff;
		box-shadow: 0 -1px 0 #rgba(0,0,0,1);
	}
	#menuBtn span:first-child{ margin-top:11px;	}

/*ロゴ*/
#HL{float:left;}
#HL #logo{
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:250px;
	height:100px;
	background: url(../img/common/logo.svg) left center no-repeat;
	background: url(../img/common/logo.png) left center no-repeat \9;
	background-size:100%;
	margin-left:10px;
}
/* スマホ版 - 非表示要素 */
#HT,
#HR,
#pcNavi{ display:none;}

	
/* PC
=============================================== */
@media only screen and (min-width: 769px) {
	#menuBtn {
		display:none;
	}
	/* ディスクリプションとSNSボタン */
	#HT{
		display:block;
		height:25px;
		background:#f5f5f5;
		border-bottom:1px solid #ddd;
		overflow:hidden;
	}
		#htInr{
			width:980px;
			margin: 0 auto;
		}
		#HT p{
			float:left;
			margin:0;
			color:#999;
			font-size:11px;
			line-height:25px;
		}
		#HT ul{float:right;}
		#HT ul li{display:inline-block;}
		#HT ul li a{
			font-size:18px;
			line-height:25px;
			text-decoration:none;
		}
		#HT ul li i{
			color:#ccc;
			transition: color 0.3s ease;
		}
		#HT .color-fb:hover{color:#3B5998;}
		#HT .color-tw:hover{color:#55acee;}
		#HT .color-gp:hover{color:#bb4b39;}
		#HT .color-rs:hover{color:#feb461;}
		
	/* ロゴと検索 */
	#HL #logo{
		margin-left:0;
	}
	
	#HR{
		float:right;
		text-align:right;
		display:block;
	}
		#HR ul{
			margin:25px 0 8px;
		}
		#HR li{
			display:inline-block;
			margin-left:10px;
		}
		#HR li a{
			font-size:11px;
			text-decoration:none;
		}
		#HR li a:hover{
		}
			/*ICON*/
			#HR li a:before{
				display:inline-block;
				margin-right:3px;
				font-family: 'FontAwesome';
				content: "\f101";
				position:relative;
			}
		#HR form{
			clear:both;
			width:300px;
		}
		#HR input[type="text"]{
			float:left;
			width:240px;
			height:30px;
			color:#aaa;
			border-right:none;
			border-radius: 3px 0 0 3px;
		}
		#HR input[type="text"]:focus{color:#333;}
		#HR input[type="submit"]{
			float:right;
			color:#fff;
			padding:0;
			margin:0;
			border:0;
			width:60px;
			height:30px;
			background: #999;
			background: -webkit-linear-gradient(
				top,
				#999 0%,
				#666 100%
			);
			background: linear-gradient(
				to bottom,
				#999 0%,
				#666 100%
			);
			border-radius: 0 3px 3px 0;
			font-family: 'FontAwesome';
			opacity:.5;
		}
		#HR input[type="submit"]:hover{
			  opacity: 1;
			  transition: opacity 0.3s ease;
		}
		
	/* PC用グーロバルナビゲーション */
	#pcNavi {
		display:block;
		clear:both;
		background: #fff;
		background: -webkit-linear-gradient(
			top,
			#fff 0%,
			#f0f0f0 100%
		);
		background: linear-gradient(
			to bottom,
			#fff 0%,
			#f0f0f0 100%
		);
		border-top:1px solid #ddd;
		border-bottom:2px solid #ddd;
	}
	#pcNavi nav {
		display:block;
		width:980px;
		margin:0 auto;
		overflow:hidden;
	}
	#pcNavi li{
		float:left;
	}
		#pcNavi li a{
			display:block;
			line-height:50px;
			padding:0 20px;
			text-decoration: none;
			border-right:1px solid #ddd;
		}
		#pcNavi li:first-child a{border-left:1px solid #ddd;}
		#pcNavi li a:hover{
		}
		
		/* CARET */
		#pcNavi li a.caret:after{
			font-family: 'FontAwesome';
			content: "\f103";
			position:relative;
			margin-left:7px;
		}
			
		/*子リスト（基本は非表示）*/
		#pcNavi .children{
			display: none;
			position:absolute;
		}
		#pcNavi .children li {
			float:none;
		}
		#pcNavi .children li a{
			color:#fff;
			font-size:11px;
			line-height:1;
			padding:10px 15px;
			background:#85cac6;
			border:none !important;
		}
		#pcNavi .children li a:hover{
			background:#555;
		}
	
}


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

/* 3等分のカラム */
#footerInr {
	margin:0 10px;
}
	#footerInr .col{
		width:100%;
		margin-bottom:20px;
	}
	#copyright{
		clear:both;
		margin: 0;
	}

/* PC
=============================================== */
@media only screen and (min-width: 769px) {
	#footerInr {
		width:980px;
		margin:0 auto;
	}
	#footerInr .col{
		float:left;
		width: 33.333333333%;
	}
	#footerInr .col:nth-child(1){padding-right:22.5px;}
	#footerInr .col:nth-child(2){padding: 0 7.5px;}
	#footerInr .col:nth-child(3){padding-left:22.5px;}
}


/*サイド
---------------------------------------*/

/* スマホ用ナビゲーション */
#spNavi {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
	z-index: 1;
}
	#spNaviInr {
		color:#fff;
		font-size:12px;
		overflow:hidden;
		padding:10px;
	}
	#spNaviClose a{
		display:block;
		width:100%;
		height:40px;
		line-height:40px;
		background:#fff;
		text-align:center;
		color:#fff;
		background:#666;
		text-decoration:none;
		border-radius:3px;
	}
	
/* PC
=============================================== */
@media only screen and (min-width: 769px) {
	#SPsideNavi {
		display:none;
	}
}



/*メインカラム基本
---------------------------------------*/

/* セクション */
section.row {
	min-height:100px;
	margin-bottom:20px;
	background:#fff;
}

/*共通パーツ
---------------------------------------*/
	
/*ページ別
---------------------------------------*/

/*調整用スタイル
---------------------------------------*/

/*マージン*/
.mt5 {margin-top: 5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml5 {margin-left: 5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.noMg{margin:0 !important;}

/*左右マージン*/
.inset5 {padding:0  5px;}
.inset10{padding:0 10px;}
.inset15{padding:0 15px;}
.inset20{padding:0 20px;}
.inset25{padding:0 25px;}
.inset30{padding:0 30px;}
.inset35{padding:0 35px;}
.inset40{padding:0 40px;}
.inset45{padding:0 45px;}
.inset50{padding:0 50px;}

/*フロート*/
.fltL{float:left;}
.fltR{float:right;}

/*アライン*/
.alC{text-align: center !important;}
.alL{text-align: left   !important;}
.alR{text-align: right  !important;}

/*フォント*/
big   {font-size:1.1em}
small {font-size:0.9em}

.learge    {font-size:1.1em}
.x-learge  {font-size:1.2em}
.small     {font-size:0.9em}
.x-small   {font-size:0.8em}

/*画像透過*/
a.imgHover:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha( opacity=70)";
	transition: opacity 0.3s ease;
}

/*回りこみ解除禁止（簡易crearfix）*/
.ovh{overflow:hidden;}

/*boeder*/
hr.border{
	clear:both;
	padding:0;
	display:block;
	height:1px;
	border:0;   
	border-top:1px dotted #ddd;
}