@charset "utf-8";

/*————————————————————————————————————————————————————————————————————————*/
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');
/*————————————————————————————————————————————————————————————————————————*/



/*----------------------------------------------------
    基本設定
----------------------------------------------------*/
img { border: none; }

a {
	text-decoration: underline;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:link {
	text-decoration: underline;
	color: #666;
}
a:visited {
	text-decoration: underline;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #999;
}
a:active {
	text-decoration: underline;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

.clearfix {
	min-height:1px;
	zoom:1;
}

dd {
	margin-start: 0;
	-webkit-margin-start: 0;
	-moz-margin-start: 0;
}


/*----------------------------------------------------
    共通
----------------------------------------------------*/

.oh{ overflow: hidden;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.op0 { opacity: 0;}
.tx_under{ text-decoration: underline;}
.lowConText { margin: 15px 0 0 15px;}
.p_rela{ position: relative;}
.fl{ float: left;}
.fr{ float: right;}
.fw_b{ font-weight: bold;}
.fs_i{font-style: italic; font-family:"times new roman"; font-size: 118%;}
.ff_serif{ font-family:"times new roman"; font-size: 108%;}

p.indentback{
	text-align: left;
	text-indent: -1em;
	padding-left: 2em;
	margin-bottom: 0;
	margin-top: 0;
}



/* PCでは非表示 ＝ スマホでは表示 */
.pc_dn { display: none!important; }

/*----------------------------------------------------
	header上書き
----------------------------------------------------*/
#header a,
#header a:link,
#header a:visited,
#header a:hover,
#header a:active{ text-decoration: none; color: #000;}
#header a:hover{ color: #999;}

/*----------------------------------------------------
	MathJax上書き
----------------------------------------------------*/
/* ゴシックにする */
.f_gothic .MJXc-TeX-main-R{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,"メイリオ", Meiryo, sans-serif!important;
	}
/* 青い枠無効、級数調整 */
.mjx-chtml{ outline: 0; font-size: 110%!important;}

a .mjx-chtml,
a:link .mjx-chtml,
a:visited .mjx-chtml,
a:active .mjx-chtml{ border-bottom: 1px solid!important;}
a:hover .mjx-chtml{ border-bottom: 1px solid #999!important;}

/* 日本語カーニング 1.25em の補正 */
.MJXc-TeX-unknown-R{ width: 1em!important;}

/* -------------------------------------------------
	mainArea -メインビジュアル-
-------------------------------------------------*/

#mainArea .main {
	width: 960px;
	margin: 0 auto;
	float: none;
	clear: both;
	position: relative;
}




/* -------------------------------------------------
	contents上書き
-------------------------------------------------*/
#contents {
	margin-bottom: 0;
	padding: 0;
}




/* —————————————————————————————————————————————————
	フッタ上書き
————————————————————————————————————————————————— */
#footer{ background: #eee; color: #999;}









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

.navi_wrap{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+37,6b6b6b+90,6b6b6b+97 */
	background: rgb(170,170,170); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(170,170,170,1) 37%, rgba(107,107,107,1) 90%, rgba(107,107,107,1) 97%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(170,170,170,1) 37%,rgba(107,107,107,1) 90%,rgba(107,107,107,1) 97%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(170,170,170,1) 37%,rgba(107,107,107,1) 90%,rgba(107,107,107,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
	width: 100%;
	height: auto;
}

#global_navi{
	width: 960px;
	margin: auto;
	overflow: hidden;
}

ul#global_navi{
	border-left: 1px solid rgba(200,200,200,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);
}

#global_navi li{
	width: 169px;
	height: 50px;
	float: left;
	border-left: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(200,200,200,0.3);
}
/*#global_navi li p{ vertical-align: middle;}*/
#global_navi li.active,
#global_navi li:hover{
	background: rgb(30,30,30); /* other */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9b9b+0,515151+100&0.31+0,0.5+100 */
	background: -moz-linear-gradient(left, rgba(90,90,90,0.3) 0%, rgba(10,10,10,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(90,90,90,0.3) 0%,rgba(10,10,10,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(90,90,90,0.3) 0%,rgba(10,10,10,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f9b9b9b', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 */
}
#global_navi li:first-child { width: 103px;}


.slicknav_menu {
	display:none;
}


/* -------------------------------------------------
	各ページタイトル
-------------------------------------------------*/

.tit{ margin: 50px 0 30px 0;}

.top_txt{
	width: 920px;
	padding: 0 20px;
	}



/* -------------------------------------------------
	sub_contents
-------------------------------------------------*/
#sub_contents{ margin-bottom: 130px;}

.container{
	width: 960px;
	margin: auto auto 50px auto;
}

.acMenu .h2{
	height: 50px;
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 2.7rem;
	color: #333;
	background-color: #999;
	text-shadow: 2px 2px 1px #fff;
	position: relative;
}


.acMenu .tit_border{
	height: 47px;
	background: #eee;
}


.acMenu .tit_area{
	width: 940px;
	height: 45px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 8px 12px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+94&0+0,0+62,0.8+94 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 62%, rgba(255,255,255,0.8) 94%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 62%,rgba(255,255,255,0.8) 94%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 62%,rgba(255,255,255,0.8) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */
}



.acMenu .con_text{
	width: 920px;
	margin: auto auto 30px auto;
}




/* -------------------------------------------------
	一覧表拡大
-------------------------------------------------*/

/* 「一覧表を拡大」ボタン */
.bt_zoom {
	font-size: 1.4rem;
	font-size: 3.73vw;
	color: #000;
	margin: 1em 0;
	padding-left: 1.2em;
	background: url(/unit/images/common/icon_zoom_bk.png) no-repeat left top;
	background-size: 1em;
	line-height: 1;
	cursor: pointer;
	vertical-align: bottom;
}

/* モーダルウィンドウ */
#zoom-window {
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}


#zoom-wrapper {
/*	background: rgba(0,255,0,.2);*/
	position: relative;
	top: 0;
	left: 0;
}
#zoom-buttons {
	width: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
#zoom-buttons span {
	display: inline-block;
	width: 6.4em;
	height: 6.4em;
	background: no-repeat center center;
	background-size: 3.2em;
	text-indent: -999em;
	cursor: pointer;
	overflow: hidden;
	margin: 0 1em 0  0;
}
#zoom-buttons .zoom_in {
	background-image: url(/unit/images/common/icon_zoom_in.png);
}
#zoom-buttons .zoom_out {
	background-image: url(/unit/images/common/icon_zoom_out.png);
}
#zoom-buttons .zoom_close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	background-image: url(/unit/images/common/icon_close.png);
}








/* ==================================================== */
/*					スマートフォン対応						*/
/* ==================================================== */
@media only screen and (max-width: 768px) {

	/* -------------------------------------------------
		【スマホ】共通
	-------------------------------------------------*/
	body { padding-bottom: 4.5em; }

	body,#header,#contents,#mainArea,
	#mainArea .main,.main,.mainImage,.main_inner,.container {
		width: 100%;
		min-width: 100%;
		font-size: 100%;
	}

	#mainArea .main{ margin-top: 8%;}
	#unit_top #mainArea .main{ margin-top: 0;}


	img,video { width:100%; height: auto;}

	/* PCでは非表示 ＝ スマホでは表示 */
	.pc_dn { display: block!important; }

	/* スマホでは非表示 ＝ PCでは表示 */
	.sp_dn { display: none!important; }


	p.indentback{ margin-left: 15%;}


	/*----------------------------------------------------
		MathJax上書き
	----------------------------------------------------*/
	.mjx-chtml{ padding: 5px 0!important;}


	/* -------------------------------------------------
		【スマホ】ヘッダ
	-------------------------------------------------*/
	/* ヘッダーバー部分 */
	#header .slicknav_nav li a{ background-color: #a3b7ec!important; color: #fff;}
	.top_txt{
		width: 92%;
		margin: 0 auto auto auto;
		padding: 0;
	}




	/* -------------------------------------------------
		【スマホ】sub_contents
	-------------------------------------------------*/


	#sub_contents{ margin-bottom: 15%;}
	.container{ margin: auto auto 10% auto;}
	.acMenu dd {display: none; margin: 6% auto 0 auto;}
	.acMenu table{ color: #444;}

	.acMenu .h2 {
		margin-top: 10%;
		font-size: 1.9rem;
		font-size: 5.06vw;
		position: relative;
		margin-bottom: 0;
		height: auto;
		padding: 0 0 3px 0;
	}

	.acMenu .tit_border{
		height: auto;
		padding: 1% 0;
		background-image: url(/unit/images/common/btn_ac_off.png);
		background-repeat: no-repeat;
		background-position: 98% 50%;
		background-size: auto 80%;
	}

	.acMenu .tit_border.active{ background-image: url(/unit/images/common/btn_ac_on.png);}

	.acMenu .tit_area{
		width: 100%;
		background: none;
		height: auto;
		position: static;
		top: 50%;
		padding: 8px 12px;
	}

	.acMenu .con_text{
		margin: 0 auto;
		width: 92%;
		color: #555;
	}

	.acMenu img{ width: 92%; margin: auto;}




	/* -------------------------------------------------
		【スマホ】下メニュー
	-------------------------------------------------*/

	.foot_menu{ width: 92%; margin: 0 auto 15% auto;}
	.foot_menu li{ margin-bottom: 0.56rem; margin-bottom: 1.5vw;}
	.foot_menu h3{
		font-size: 1.9rem;
		font-size: 5.06vw;
		margin-left: 2.5%;
		padding: 2% 3%;
		background: #fff;
	}

	.foot_menu div{
 		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+37,6b6b6b+90,6b6b6b+97 */
		background: rgb(170,170,170); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(170,170,170,1) 37%, rgba(107,107,107,1) 90%, rgba(107,107,107,1) 97%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(170,170,170,1) 37%,rgba(107,107,107,1) 90%,rgba(107,107,107,1) 97%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(170,170,170,1) 37%,rgba(107,107,107,1) 90%,rgba(107,107,107,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */
		margin-bottom: 3%;

	}






	/* -------------------------------------------------
		【スマホ】MENU
	-------------------------------------------------*/

	#global_navi { display:none;}


}


	/* iphone5 */
	@media only screen and (device-height: 568px) {
		.acMenu .h2 { font-size: 1.9rem;}
		.foot_menu h3{ font-size: 1.9rem;}
		.bt_zoom { font-size: 1.4rem;}
	}