@charset "utf-8";
/* ===================================================================
CSS information
 File Name        : sp_ad.css
 Style Info       : 
 Color						： #1d2088（基本青）
=================================================================== */
/* IMPORT */
@import url("ad.css");
@import url("tbl.css");
@import url("append.css");

/*---------------SPでは非表示------*/
div.spNone { display: none; }
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
	font-size: 1.6rem;/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}
img{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.brNone br {
	display: none;
}
small{
	font-size: 90%;
}

/* wide */
.wide {
  width: 100%;
  height: auto;
}
.wide10{ width:10%; height: auto;}
.wide15{ width:15%; height: auto;}
.wide20{ width:20%; height: auto;}
.wide25{ width:25%; height: auto;}
.wide30{ width:30%; height: auto;}
.wide35{ width:35%; height: auto;}
.wide40{ width:40%; height: auto;}
.wide45{ width:45%; height: auto;}
.wide50{ width:50%; height: auto;}
.wide55{ width:55%; height: auto;}
.wide60{ width:60%; height: auto;}
.wide65{ width:65%; height: auto;}
.wide70{ width:70%; height: auto;}
.wide75{ width:75%; height: auto;}
.wide80{ width:80%; height: auto;}
.wide85{ width:85%; height: auto;}
.wide90{ width:90%; height: auto;}
.wide95{ width:95%; height: auto;}

/* half */
.half {
  width: 50%;
  height: auto;
}


.flt_r {
	width: 50%;
	height: auto;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}
.flt_l {
	width: 50%;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}
.flt_r25 {
	width: 25%;
	height: auto;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}
.flt_l25 {
	width: 25%;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}


/*table*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 4px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
table.form-style th{width: 20%;}

table.form-style th, table.form-style td{
	font-size: 0.9em;
}
table.form-style th{
	font-weight: normal;
}
table.form-style td.item_2 br{
	display: none;
}


/*480px以下対応*/
@media screen and (max-width: 480px) {
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td{
		border-top: none;
	}
	table.form-style th, table.form-style td{
		display: block;
	}
	table.form-style th{width: auto;}
	table.form-style td.item_1{
		text-align: right;
		margin-top: -2em;
	}
	table.form-style td.item_2{
	}
}

span.bg_red{
  background: red;
  color: #FFF;
  font-size: 10px;
  font-weight: normal;
  border-radius: 2px;
  padding: 2px 2px;
  margin-left: 5px;
  white-space: nowrap;
}

span.bg_blue{
  background: #0023bc;
  color: #FFF;
  font-size: 10px;
  font-weight: normal;
  border-radius: 2px;
  padding: 2px 2px;
  margin-left: 5px;
  white-space: nowrap;
}


/*--------------------------------------------------------
online
--------------------------------------------------------*/
.online_inner {
	margin: 30px 0 10px 0;
	padding: 10px;
}

.online_inner p {
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: 150%;
}