/* CSS Document */
/*==============================================
オーバーライド
==============================================*/
#breadcrumbs {display:none;}
.res-inner-contents {padding-top:0;}
/*==============================================
基本
==============================================*/

/*画像フィット*/
#contents .fit {max-width:100%;}

/*clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*float*/
#contents .left { float:left; }
#contents .right { float:right; }
	
/*align*/
#contents .alignL { text-align:left; }
#contents .alignR { text-align:right; }
#contents .alignC { text-align:center; }

/*テーブル*/
.tableLayout {
	display:table;
	border-collapse:collapse;
	width:100%;
	}
.tableLayout.fixLayout {
	table-layout:fixed;
	}
.tableLayout>* {
	display:table-cell;
	vertical-align:top;
	}
.tableLayout>*.vMiddle {vertical-align:middle;}
	
/*フォントサイズ*/
#contents .fs80 { font-size: 80%    !important; }
#contents .fs85 { font-size: 85%    !important; }
#contents .fs90 { font-size: 90%    !important; }
#contents .fs95 { font-size: 95%    !important; }
#contents .fs105 { font-size: 105%    !important; }
#contents .fs110 { font-size: 110%    !important; }
#contents .fs115 { font-size: 115%    !important; }
#contents .fs120 { font-size: 120%    !important; }
#contents .fs130 { font-size: 130%    !important; }
#contents .fs140 { font-size: 140%    !important; }
#contents .fs150 { font-size: 150%    !important; }
#contents .fs160 { font-size: 160%    !important; }
#contents .fs170 { font-size: 170%    !important; }

/*
	margin
*/
	
/* -------- top -------- */

#contents .mt00 { margin-top:     0px !important; }
#contents .mt05 { margin-top:     5px !important; }
#contents .mt10 { margin-top:    10px !important; }
#contents .mt15 { margin-top:    15px !important; }
#contents .mt20 { margin-top:    20px !important; }
#contents .mt25 { margin-top:    25px !important; }
#contents .mt30 { margin-top:    30px !important; }
#contents .mt40 { margin-top:    40px !important; }
#contents .mt50 { margin-top:    50px !important; }
#contents .mt60 { margin-top:    60px !important; }
#contents .mt70 { margin-top:    70px !important; }
#contents .mt80 { margin-top:    80px !important; }
#contents .mt90 { margin-top:    90px !important; }
#contents .mt100 { margin-top:    100px !important; }

/* -------- bottom -------- */
#contents .mb00 { margin-bottom:     0px !important; }
#contents .mb05 { margin-bottom:     5px !important; }
#contents .mb10 { margin-bottom:    10px !important; }
#contents .mb15 { margin-bottom:    15px !important; }
#contents .mb20 { margin-bottom:    20px !important; }
#contents .mb25 { margin-bottom:    25px !important; }
#contents .mb30 { margin-bottom:    30px !important; }
#contents .mb40 { margin-bottom:    40px !important; }
#contents .mb50 { margin-bottom:    50px !important; }
#contents .mb60 { margin-bottom:    60px !important; }
#contents .mb70 { margin-bottom:    70px !important; }
#contents .mb80 { margin-bottom:    80px !important; }
#contents .mb90 { margin-bottom:    90px !important; }
#contents .mb100 { margin-bottom:    100px !important; }

/*カラー*/
#contents .blue {color:#333399;}


/*追加、blankの背景オーバーライド*/
.icon-blank img {
	display:none;
}


/*==============================================
見出し
==============================================*/
#contents #contentHead {text-align:center;margin-bottom:2em;}
#contents #contentHead h1 {font-size:257%;line-height:1.2;}
#contents #contentHead h1 span {display:inline-block;}
#contents #contentHead p {font-size:128%;}

/*青背景見出し*/
#contents .blueTit {
	color:#fff;
	background:#333399;
	text-align:center;
	line-height:1;
	padding:0.7em 0;
	border-radius:5px;
	font-size:128%;
	margin-bottom:1em;
	}
#contents .blueTit:nth-of-type(n+2) {margin-top:2em;}
	
/*フラッグアイコン見出し*/
#contents .flgTit {
	color:#fff;
	background:#88cc33 url(../../image/2016/common/icon_flag.png) no-repeat 20px bottom;
	background-size:auto 84%;
	text-align:center;
	line-height:1;
	padding:0.7em 0;
	border-radius:5px;
	font-size:157%;
	margin-bottom:1em;
	}
#contents .flgTit:nth-of-type(n+2) {margin-top:2em;}

/*青テキスト見出し*/
#contents .blueTxtTit {color:#333399;font-size:170%;margin-bottom:1em;}
#contents .blueTxtTit:nth-of-type(n+2) {margin-top:2em;}

#contents .blueTxtTit span {color:#000;font-size:60%;}

/*==============================================
テキスト
==============================================*/
.txt:nth-child(n+2) {margin-top:1em;}

/*==============================================
ボタン
==============================================*/
.hover {
	opacity:1;
	transition:opacity 0.3s linear;
	}
.hover:hover {opacity:0.7;}

/*黄色背景+青テキスト+矢印アイコン*/
#contents .btn01 {
	border-radius:5px;
	box-sizing:border-box;
	background:url(../../image/2016/common/icon_arrow_yellow.png) no-repeat 5% center #ffdd33;
	background-size:1.5em auto;
	color:#0000cc;
	border:2px solid #0000cc;
	font-size:170%;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	padding:0.5em 0;
	width:100%;
	text-indent:10%;
	}
	
/*オレンジ背景+矢印アイコン*/
#contents .btn02  {
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:170%;
	background:url(../../image/2016/common/icon_arrow_orange.png) no-repeat 5% center #eb7308;
	background-size:1.5em auto;
	display:inline-block;
	width:100%;
	padding:0.5em 0;
	text-indent:10%;
	}
	
/*テキスト+アンダーライン+グレー背景*/
#contents .txtButton {
	color:#0000cc;
	font-size:127%;
	text-decoration:underline;
	border:1px solid #0000cc;
	border-radius:5px;
	background:#eeeeee;
	text-align:center;
	width:50%;
	display:inline-block;
	padding:0.3em 0;
	}
#contents .txtButton:hover {text-decoration:none;}

#contents .txtButton.min {
	width:28%;
	margin-left:1.5%;
	margin-right:1.5%;
	}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea > * {
	float:left;
	text-align:center;
	width:100%;
	margin-bottom:1em;
	}
	
#contents {font-size:14px;line-height:1.6;}

/*コンテンツラッパー*/
#contents .constBox {
	max-width:950px;
	margin-left:auto;
	margin-right:auto;
	}

/*大枠セクション .constBoxの直下に配置*/
#contents .constBox > .sec {margin-top:30px;}
#contents .constBox > .sec:fist-child {margin-top:0;}
	
	
#contents .roundBox {
	border: 1px solid #333399;
	border-radius: 5px;
	padding: 1.5em 1em;
	}


@media (max-width:950px) {
/*==============================================
ボックス
==============================================*/
/*コンテンツラッパー*/
#contents .constBox {padding:0 4%;}
}

@media (max-width:889px) {
/*==============================================
見出し
==============================================*/
/*青背景見出し*/
#contents .blueTit {font-size:120%;}
/*フラッグアイコン見出し*/
#contents .flgTit {font-size:120%;}

/*==============================================
ボタン
==============================================*/
/*黄色背景+青テキスト+矢印アイコン*/
#contents .btn01 {font-size:140%;text-indent:5%;}
	
/*オレンジ背景+矢印アイコン*/
#contents .btn02 {font-size:140%;text-indent:5%;}
}

/*==============================================
bp:PC
==============================================*/
@media (min-width:769px) {
/*==============================================
基本
==============================================*/
.tb,.sp {display:none !important;}
.pc {display:block !important;}
a.pc, img.pc {display:inline !important;}

/*テーブル*/
#contents .tableLayout.column2_pc > * {width:50%;}
#contents .tableLayout.column2_pc > *:first-child {padding-right:2%;}
#contents .tableLayout.column2_pc > *:last-child {padding-left:2%;}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_pc > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_pc > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_pc > *:nth-of-type(n+4) {margin-top:20px;}

.floatArea.column4_pc > * {width:24%;margin-right:1%;margin-bottom:0;}
.floatArea.column4_pc > *:nth-of-type(4n) {margin-right:0;}
.floatArea.column4_pc > *:nth-of-type(n+5) {margin-top:20px;}
}

/*==============================================
bp:TB
==============================================*/
@media (min-width:451px) and (max-width:768px) {
.pc,.sp {display:none !important;}
.tb {display:block !important;}
a.tb, img.tb {display:inline !important;}

/*==============================================
見出し
==============================================*/
#contents #contentHead h1 {font-size:180%;}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_tb > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_tb > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_tb > *:nth-of-type(n+4) {margin-top:20px;}

.floatArea.column2_tb > * {width:49%;margin-right:2%;margin-bottom:0;}
.floatArea.column2_tb > *:nth-of-type(2n) {margin-right:0;}
.floatArea.column2_tb > *:nth-of-type(n+3) {margin-top:20px;}
}

/*==============================================
bp:TB以下
==============================================*/
@media (max-width:768px) {
/*==============================================
基本
==============================================*/
/*テーブル*/
#contents .tableLayout.resetTable_tb,
#contents .tableLayout.resetTable_tb > * {display:block;width:100%;padding-left:0;padding-right:0;margin-bottom:1em;}

/*==============================================
見出し
==============================================*/
/*青背景見出し*/
#contents .blueTit {
	width:110%;
	position:relative;
	left:-5%;
	border-radius:0;
	}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.resetFloat_tb > * {float:none;margin-bottom:1em;}
}

/*==============================================
bp:SP
==============================================*/
@media (max-width:450px) {
.tb,.pc {display:none !important;}
.sp {display:block !important;}
a.sp, img.sp {display:inline !important;}

/*==============================================
見出し
==============================================*/
#contents #contentHead h1 {font-size:140%;}
#contents #contentHead h1 span {font-weight:bold !important;}
/*青テキスト見出し*/
#contents .blueTxtTit {font-size:140%}
#contents .blueTxtTit span {font-size:70%;}

/*==============================================
ボックス
==============================================*/
/*子要素float*/
.floatArea.column3_sp > * {width:32.3%;margin-right:1.5%;margin-bottom:0;}
.floatArea.column3_sp > *:nth-of-type(3n) {margin-right:0;}
.floatArea.column3_sp > *:nth-of-type(n+4) {margin-top:20px;}
}