@charset "utf-8";
/* FONT 対応サイズ表
---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/

/*----------------------------------------------------

	凡庸CSS

----------------------------------------------------*/

/* マージン余白設定 */
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt_10 { margin-top:-10px; }
.mt_20 { margin-top:-20px; }
.mt_30 { margin-top:-30px; }
.mt_40 { margin-top:-40px; }
.mt_50 { margin-top:-50px; }

.mt40 { margin-top:12% !important; }
.mt80 { margin-top:24% !important; }
.mb80 { margin-bottom:24% !important; }
.mt_40 { margin-top:-12% !important; }
.mt_20{ margin-top:-4% !important;}

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb7 { margin-bottom:7px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px !important; }
.mb100 { margin-bottom:100px; }

.mr5 { margin-right:5px; }
.mr8 { margin-right:8px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

.aRight{
	text-align:right;
}
.underLine{
	text-decoration:underline;
}

img{
	max-width:100%;
}

html{
  font-size: 62.5%;
	}
.small{
	zoom:0.9;
	font-size:11px;
}
html,body{
  font-size:10px; font-size:1.0rem
}
#wrapper{
  width:100%;
  padding:10px 0;
}
#wrapper h1#title{
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	font-size:16px;
	border-bottom:1px solid #cdcdcd;
}
#contents{
  position:relative;
	max-width:680px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 20px;
}
#logBox .logoff{
	overflow:hidden;
	border-radius:10px;
	box-sizing:border-box;
	border:1px solid #cdcdcd;
}
#logBox .logon{
	overflow:hidden;
	border-radius:10px;
	box-sizing:border-box;
	background:#00021f;
}

.conBox a{
	color:#003366;
}

.conBox{
  margin:10px;

}
.btnBox{
	text-align:center;
	background: url(../images/icon_pen.png) no-repeat 10px 10px #00021f;
	background-size:25px;
	border-radius:5px;
}
.btnBox a{
	color:#fff;
	display: block;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
}

.aboutLink{
	text-align:center;
	margin:20px 0;
	font-size:16px;
}

.memberLink{
	font-size:13px;
	text-align:center;
	margin:20px 0;
}

.aboutLink a,.memberLink a{
	display: inline;
	text-decoration:none;
	border-bottom:1px solid #003366;
}

ul li{
	list-style:none;
}

#postBox{
	margin:20px 0 0 0;
}
article{
	position:relative;
	margin:0 0 20px 0;
}
article h1{
	position:absolute;
	color:#fff;
	bottom:0;
	width:100%;
	background: rgba(0,2,31,0.55);
}
article h1.noBanner{
	position: static;
	background: rgba(0,2,31,1);
}

article h1 a{
	font-size:12px;
	display:block;
	padding:10px;
	color:#fff !important;
}

h2{
	margin:20px 0;
	font-size:13px;
	font-weight:bold;
}
.pickBox{
	box-sizing:border-box;
	border:1px solid #cdcdcd;
	padding:5px;
	margin:20px 0;
}
h3{
	margin:0;
	font-size:12px;
	font-weight:bold;
}

.pick{
	margin:5px 0 0 0;
	display:inline-block;
	padding:10px;
	background:#f5f5f5;
}


/*---------------------------------------------------------------------
 指定以下サイズ設定（ディスプレイnone項目）
---------------------------------------------------------------------*/




/* FONT 対応サイズ表
---------------------------------------------------------------------
pxでの指定値  	%での指定値
	10px 			83	%			11px 			92  %
	12px 			100	%			13px 			108 %
	14px 			117	%			15px 			125 %
	16px 			133	%			17px 			142 %
	18px 			150	%			19px 			158 %
	20px 			167	%			21px 			175 %
	22px 			183	%			23px 			192 %
	24px 			200	%			25px 			208 %
	26px 			217 %
---------------------------------------------------------------------*/