@charset "utf-8";

/*全体設定
*****************************/
*{
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
}
/*----------------------------------------
ヘッダー＆フッター
----------------------------------------
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
	display: none;
}
#footer .footer01 .body {
	width: 960px;
}*/
/*----------------------------------------
 印刷用
----------------------------------------
@media print{
	#wrap #header_nav,
	#wrap #footer_nav,
	#wrap #t-header,
	#wrap #all-footer,
	#wrap .smp-area,
	#adArea {
		display: none;
	}
}*/
/*----------------------------------------
 基本設定
----------------------------------------*/
body {min-width: 100%;overflow-x: visible;margin: 0;}
/*背景色・画像を使いたい場合に利用
.contents-bg {
	background: ;
}*/
.contents img {max-width: 100%;}
.contents a {max-width: 100%;}
.contents {
	background: #fff;
	color: #333;
	font: 14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: left;
	position: relative;
	margin: 0px auto;
	width: 100%;
	z-index: 1;
}

/* リンク設定
--------------------*/
.contents a:link {
	text-decoration: none;
}
.contents a:hover {
	text-decoration: underline;
	opacity: 0.8;
}
/*
a:link {
	color: #1E51C6;
	text-decoration: none;
}
a:visited {
	color: #1E51C6;
	text-decoration: none;
}
a:hover {
	color: #00A8EC;
	text-decoration: underline;
}
a:active {
	color: #00A8EC;
	text-decoration: none;
}*/

/*----------------------------------------
 ナビゲーション
----------------------------------------*/
.contents nav{
	clear: both;
}



/* PageTopに戻る
--------------------*/
.pagetop{
	position: fixed;
	font-family:"Bodoni BT";
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.pagetop a {
	background: #0A2F58;
	border-radius: 50%;
	color: #fff;
	display: block;
	line-height: 1.1;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	opacity: 0.9;
}
.pagetop a i:before {
	margin: 0 0 10px;
}
.pagetop a:hover {
	background: #1875DC;
	text-decoration: none;
}



/*----------------------------------------
 汎用セレクタ・クラス
----------------------------------------*/
.contents h1 {
	font-weight: bold;
	line-height: 1.2;
}
/* .contents p {
	margin-bottom: 2em;
} */
div {
	position: static;
}
.contents section {
	clear: both;
	text-align: left;
}
.contents small {
	font-size: .85em;
}
.clear {
	clear: both;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left;
}




/* ボタン 標準（共通）
--------------------*/
.contents a.btn {
	display: inline-block;
	vertical-align: middle;
	border-radius: .2em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	margin: .5em 0;
	padding: .5em 2em .5em 1em;
}
.contents a.btn:link,
.contents a.btn:visited {
	background : linear-gradient(to bottom, #ffffff, #e9e9e9);
	border: 1px solid #bbb;
	color: #555;
}
.contents a.btn:hover,
.contents a.btn:active {
	border:1px solid #bbb;
	background: #e9e9e9;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #aaa;
}
.contents a.btn:after {
	content: '\f054';
	font-family: "fontawesome";
	margin-left: .3em;
}
/* ボタン 紺 */
.contents a.btn_navy:link,
.contents a.btn_navy:visited {
	background : linear-gradient(to bottom, #004098, #013377);
	border: 1px solid #0664E6;
	color: #fff;
}
.contents a.btn_navy:hover,
.contents a.btn_navy:active {
	border:1px solid #0664E6;
	background: #013377;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #ddd;
}
/* ボタン 赤 */
.contents a.btn_red:link,
.contents a.btn_red:visited {
	background : linear-gradient(to bottom, #E94E37, #D6371F);
	border: 1px solid #FF6B55;
	color: #fff;
}
.contents a.btn_red:hover,
.contents a.btn_red:active {
	border:1px solid #FF6B55;
	background: #D6371F;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #eee;
}
/* ボタン 幅いっぱい */
.contents a.btn_block {
	display: block;
}
/* ボタン 大 */
.contents a.btn_large {
	font-size: 1.7em;
}
/* ボタン 中 */
.contents a.btn_middle {
	font-size: 1.3em;
}


/* flexbox */
.flexbox {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* safari7以下用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .flexbox {
				display: block;
	}
	::i-block-chrome, .flex-item {
		display: inline-block;
		vertical-align: top;
	}
}

/*----------------------------------------
特集用　▼ここから記述
----------------------------------------*/
/* 特集ヘッダー
------------------------------*/
.fair_head {
	clear: both;
}

/*スライダー
------------------------------*/
#slider {
}

/*ナビゲーション
------------------------------*/
#navigation{
	width: 100%;
	background-color: #0077BE;
	border-bottom: 5px solid #66D9FF;
	position: relative;
	top: -30px;
	z-index: 3;
}
#navigation:before {
    position: absolute;
    top: -11px;
    background-image: url(../img/wave01.png);
    background-repeat: repeat-x;
    background-position: center top;
    content: '';
    height: 12px;
    display: block;
    width: 100%;
}
#navigation ul{
	width: 800px;
	margin: 0 auto;
	display: flex;
	height: 72px;
}
#navigation ul li{
	width: 200px;
	display: flex;
	align-items: center;
	
	justify-content: center;
	height: 100%;
	border-right: 1px dotted #fff;
}
#navigation ul li:first-child{
	border-left: 1px dotted #fff;
}
#navigation ul li a{
	text-align: center;
	color:#fff;
	padding: 12px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
#navigation ul li a:hover{
	color:#00205d;
}
#navigation ul li a:after {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	margin: 0 auto;
    bottom: 1px;
}
#navigation ul li.anotherlink a:after {
	font-family: FontAwesome;
	content: "\f101";
	position: relative;
	margin: 0 0 0 5px;
	font-size: 0.9em;
}

#navigation ul li a h2{
	font-size: 16px;
    font-weight: bold;
}
/*上部固定時のcss*/
#navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 30%);
	border-top: none;
	padding: 0;
}
#navigation.fixed ul li a.active {
	background-color: #005c94;
}

/* バナー
------------------------------*/

.BriefingBanner img {
	display: block;
	text-align: center;
	vertical-align: bottom;
	margin: 25px auto 60px auto;
}