@charset "UTF-8";
/*---------------------------------------------------------------------------

 初期化用CSS
 変更することはほとんど無いと思います。
 common.css、layout.css、content.cssで上書きしてください。
 
---------------------------------------------------------------------------*/

/*
	扱いやすいようにクロスブラウザ対応のデフォルトの設定を共通化
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	line-height:100%;
	box-sizing: border-box;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, abbr, acronym, fieldset {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}
q:before, q:after {
	content:'';
}
object, embed {
	vertical-align: top;
}

/*
	ここまで	扱いやすいようにデフォルトの設定を共通化
*/



/*
	あった方が便利な設定
*/
body {
	color:#000;
	font-family: "Verdana", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
	text-align:left;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a {
	text-decoration: underline;
}
a:link {
	color: #007FFF;
}
a:visited {
	color: #001122;
}
a:hover {
	color: #FF4000;
	text-decoration: underline;
}
a:active {
	color: #FF4000;
}
a.rollover:hover img {
	opacity: 0.7;
}
input.rollover:hover {
	opacity: 0.7;
}



img {
	border:0px;
}
input, select {
	vertical-align:middle;
}
strong, b {
	font-weight:bold;
}
p {
	line-height:100%;
}
/*
	font-sizeの微調整時に利用するフォントサイズ一覧
	
	font-size:77%;		//10px
	font-size:85%;		//11px
	font-size:93%;		//12px
	font-size:100%;	//13px
	font-size:108%;	//14px
	font-size:116%;	//15px
	font-size:123.1%;	//16px
	font-size:131%;	//17px
	font-size:138.5%;	//18px
	font-size:146.5%;	//19px
	font-size:153.9%;	//20px
	font-size:161.6%;	//21px
	font-size:167%;	//22px
	font-size:174%;	//23px
	font-size:182%;
	font-size:189%;
	font-size:197%;
*/

/*
レイアウト用
fr   Froat Right
fl   Froat Left
cb   Clear Both
d-i  Display Inline-block
d-f  Display Flex
*/
.fr {
	float:right;
}
.fl {
	float:left;
}
.cb {
	clear:both;
}
.d-i {
	display: inline-block;
}
.tac{
	text-align: center;
}

.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt50{
	margin-top: 50px;
}

/* Responsive PC */


@media ( min-width : 750px ){
	.container{
		width:100%;
		margin:0 auto;
	}
	.container-fluid{
		width:100%;
	}
	.container-fluid .row{
		width:100%;
		margin:0 auto;
	}
	.pc_flex {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.pc_flex--wrap {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.pc_flex--reverce {
		flex-flow: row-reverse;
	}
	.pc_item--25per {
		width: 25%;
	}
	.pc_item--33per {
		width: 33.3%;
	  }
	.pc_item--50per {
		width: 50%;
	}
	.pc_w80per{
		width:80%;
	}
	.mg_0auto{
		margin:0 auto;
	}
}
@media ( min-width : 1000px ){
	.container{
		width:1000px;
		margin:0 auto;
	}
	.container-fluid{
		width:100%;
	}
	.container-fluid .row{
		width:1000px;
		margin:0 auto;
	}
}