/* ===============================================
+ リセット
----------------------------------------------- */
/* html5doctor.com Reset Stylesheet v1.6.1 - Last Updated: 2010-09-17 | Author: Richard Clark - http://richclarkdesign.com - Twitter: @rich_clark */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}


/* ===============================================
+ 初期設定
----------------------------------------------- */
html{
	font-size:10px;
}
body{
	color:#7e7e7e;
	font-size:1.6rem;
	line-height:1.75;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-feature-settings:"palt" 1;
}
img{
	vertical-align:top;
	border:0;
}
a{
	color:#007dff;
	text-decoration:underline;
}
a:hover,
a:active,
a:focus{
	color:#00ccff;
}
.page{
	width:100%;
	min-width:980px;
}


/* ===============================================
+ ガワパーツ
----------------------------------------------- */
/* ヘッダー
----------------------------------------------- */
.header{
	border-top:solid 10px #7e7e7e;
}
.header_inner{
	margin:0 auto;
	width:980px;
	overflow:hidden;
	line-height:1;
}
.header_st{
	float:left;
	padding:10px 0;
	font-size:3.6rem;
	font-weight:500;
}
/* IEだけ調整 */
@media all and (-ms-high-contrast:none){
	.header_st{
		padding:17px 0 3px;
	}
}
/* Chromeだけ調整 */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){
	.header_st{
		padding:12px 0 8px;
	}
}
.header_logo{
	float:right;
	padding:5px 0 0;
}
.header_nav{
	border-top:solid 1px #aeaeae;
	border-bottom:solid 1px #aeaeae;
	background:#f5f5f5;
}
.header_nav > ul{
	width:980px;
	margin:0 auto;
	text-align:center;
	font-size:1.4rem;
	line-height:1;
	padding:18px 0 17px;
}
/* IEだけ調整 */
@media all and (-ms-high-contrast:none){
	.header_nav > ul{
		padding:20px 0 15px;
	}
}
/* Chromeだけ調整 */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){
	.header_nav > ul{
		padding:18px 0 17px;
	}
}
.header_nav > ul > li{
	display:inline-block;
}
.header_nav > ul > li + li{
	margin-left:0.8em;
	border-left:solid 1px #999;
	padding-left:1em;
}
.header_nav > ul > li.header_here > a{
	color:#7e7e7e;
	text-decoration:none;
}

/* コンテナ
----------------------------------------------- */
.container{
	width:980px;
	margin:40px auto;
}
.container_header{
	height:113px;
}

/* カテゴリタイトル
----------------------------------------------- */
.ct{
	font-size:4.8rem;
	color:#666;
	line-height:1;
	font-weight:500;
	text-align:center;
	margin:0 auto;
	padding:0 0 15px;
	border-bottom:solid 1px #666;
	width:900px;
}

/* カテゴリーナビ
----------------------------------------------- */
.cnav{
	padding:18px 0 17px;
}
/* IEだけ調整 */
@media all and (-ms-high-contrast:none){
	.cnav{
		padding:20px 0 15px;
	}
}
/* Chromeだけ調整 */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){
	.cnav{
		padding:18px 0 17px;
	}
}
.cnav > ul{
	width:980px;
	margin:0 auto;
	text-align:center;
	font-size:1.4rem;
	line-height:1;
}
.cnav > ul > li{
	display:inline-block;
}
.cnav > ul > li + li{
	margin-left:0.8em;
	border-left:solid 1px #999;
	padding-left:1em;
}
.cnav > ul > li.cnav_here > a{
	color:#7e7e7e;
	text-decoration:none;
}

/* フッター
----------------------------------------------- */
.footer{
	font-weight:500;
	line-height:1;
}
.footer_inner{
	margin:20px auto;
	padding:10px 0 0;
	width:980px;
	border-top:solid 2px #999;
}
.footer_copyright > small{
	font-size:1.2rem;
}


/* ===============================================
+ 中面パーツ：見出し系
----------------------------------------------- */
/* ページタイトル
----------------------------------------------- */
.pt{
	box-sizing:border-box;
	text-align:left;
	font-size:2.4rem;
	font-weight:500;
	line-height:1;
	padding:21px 40px 19px;
	background:linear-gradient(to bottom, #e2e2e2, #fff 50px, #fff);
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	line-height:1;
}


/* ===============================================
+ 中面パーツ：テキスト系
----------------------------------------------- */
.note{
	display:table;
}
.note > span{
	display:table-cell;
}


/* ===============================================
+ 中面パーツ：図版系
----------------------------------------------- */
/* 図版
----------------------------------------------- */
.fig{
	margin:20px 0;
}
.fig_cap{
	margin:0 0 5px;
}

/* 画像
----------------------------------------------- */
.img{
	display:block;
}


/* ===============================================
+ 中面パーツ：リスト系
----------------------------------------------- */
/* 番号付き
----------------------------------------------- */
.numlist{
	padding-left:1.5em;
	list-style-type:decimal;
}

/* 黒丸付き
----------------------------------------------- */
.disclist{
	list-style-type:disc;
	padding-left:1.5em;
}

/* 白丸付き
----------------------------------------------- */
.circlelist{
	list-style-type:circle;
	padding-left:1.5em;
}

/* ●付き
----------------------------------------------- */
.cirlist{
	list-style-type:none;
}
.cirlist > li{
	padding-left:1.5em;
	position:relative;
}
.cirlist > li:before{
	content:"●";
	position:absolute;
	left:0;
	top:0;
}

/* ◆付き
----------------------------------------------- */
.dialist{
	list-style-type:none;
}
.dialist > li{
	padding-left:1.5em;
	position:relative;
}
.dialist > li:before{
	content:"◆";
	position:absolute;
	left:0;
	top:0;
}


/* ===============================================
+ 中面パーツ：データリスト系
----------------------------------------------- */
/* データリスト
----------------------------------------------- */
.data > dt{
	font-size:2rem;
	color:#666;
}
.data > dt ~ dt{
	margin-top:20px;
	border-top:solid 1px #666;
	padding-top:10px;
}

/* データリスト 01
----------------------------------------------- */
.data01 > dt{
	font-size:2rem;
	color:#666;
}
.data01 > dt ~ dt{
	margin-top:20px;
}

/* データリスト 02
----------------------------------------------- */
.data02 > dt{
	font-weight:600;
}
.data02 > dt ~ dt{
	margin-top:20px;
}


/* ===============================================
+ 中面パーツ：ナビ系
----------------------------------------------- */
/* ページのTOPへ
----------------------------------------------- */
.gotop{
	margin-top:40px;
	text-align:right;
}
.container > .gotop{
	padding-right:40px;
}


/* ===============================================
+ 中面パーツ：ブロック系
----------------------------------------------- */
/* セクション
----------------------------------------------- */
.sct{
	margin:20px auto 0;
	width:900px;
	line-height:2;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.sct + .sct{
	margin-top:40px;
}
/* 左カラムなし */
.sct.sct-noCol01:before{
	content:"";
	display:block;
	width:250px;
}
.sct strong,
.sct b{
	font-weight:500;
}
.sct_col01{
	width:250px;
	padding:10px 0 0;
}
.sct_col02{
	width:610px;
	padding:10px 0 0;
}
.sct + .sct .sct_col01,
.sct + .sct .sct_col02{
	border-top:solid 1px #666;
}
.sct_hd{
	font-weight:500;
	font-size:2.1rem;
	line-height:1.4;
}
.sct p + p,
.sct p + .img,
.sct p + ul,
.sct p + .data,
.sct .img + p,
.sct .img + .img,
.sct .img + ul,
.sct .img + dl,
.sct ul + p,
.sct ul + .img,
.sct ul + ul,
.sct ul + .data,
.sct dl + p,
.sct dl + .img,
.sct dl + ul,
.sct dl + dl{
	margin-top:20px;
}
.sct_border{
	border-top:solid 1px #666;
	margin-top:20px;
	padding-top:20px;
}

/* 注意
----------------------------------------------- */
.notice{
	margin:20px auto 0;
	width:900px;
	border:solid 2px #0080ff;
	padding:20px;
	box-sizing:border-box;
	background:#ffffcc;
	text-align:center;
}
.notice_hd{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:1em;
}


/* ===============================================
+ 付加クラス
----------------------------------------------- */
/* 文字装飾
----------------------------------------------- */
.fwB{
	font-weight:600 !important;
}
.cRed{
	color:#ff0000 !important;
}
.tdU{
	text-decoration:underline !important;
}

/* 余白調整
----------------------------------------------- */
.mv20{
	margin-top:20px !important;
	margin-bottom:20px !important;
}
.mv30{
	margin-top:30px !important;
	margin-bottom:30px !important;
}
.mt0{
	margin-top:0 !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px !important;
}
.ml20{
	margin-left:20px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb60{
	margin-bottom:60px !important;
}

.text_red_center{
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}


div.close { margin: 30px auto; padding: 16px;
    box-sizing: border-box;
    border: solid 1px #ff0000;
    width: 980px;
    border-radius: 8px;
    background-color: #FFE782;
	text-align: center;
}

div.close h3 { font-size: 18px; color: #f00; font-weight: bold; }
div.close p { height: 50px; }
div.close p img { vertical-align: middle; }