@charset "utf-8";

/*
*******************************************************************************************************
# campaignスタイル（SP版）
# アパマン友の会（SP版）
*******************************************************************************************************
*/


#contentHeader {
	border-bottom: 3px solid #ff7301;
	line-height: 1.4;
}
#contentMain {
	line-height: 1.4;
	padding-top: 1px;
	padding-bottom: 20px;
	border-bottom: 2px solid #C9CED7;
}
.cts_blc {
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
}
/*@media screen and (max-width: 359px) {*/
@media screen and (max-width: 360px) {
.cts_blc {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}
}


/**********************
# campaign
************************/
div#containerWrapper.campaign,
div#footerWrapper.campaign {
	background-color: #fff3af;
}


/**********************
# campaign index
************************/
.index .box_head_campaign {
	padding: 10px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 266px 76px;
}
.index .box_head_campaign h1 {
	font-size: 16px;
	font-weight: bold;
	color: #ff7301;
}
.index .lead {
	font-size: 14px;
	font-weight: bold;
	background-color: #fffce8;
	padding: 15px 10px;
}
.index p.no_campaign{
	padding:30px;
}
.index #contentMain > ul {
	border-top: 1px solid #D3D8E2;
}
.index #contentMain > ul li {
	border-bottom: 1px solid #D3D8E2;
	text-align: center;
}
.index #contentMain > ul li > a {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	max-width: 340px;
	display: block;
	padding: 15px 10px 25px;
}
.index #contentMain > ul li h2 {
	font-size: 18px;
	font-weight: bold;
	color: #013b96;
	margin-top: 15px;
}
.index #contentMain > ul li .bnr_cam {
	text-align: center;
}
.index #contentMain > ul li .term {
	font-size: 13px;
	font-weight: bold;
	color: #ff7301;
	margin-top: 2px;
	margin-bottom: 8px;
}
.index #contentMain > ul li .txt_area {
	background-image: url(/static/sp/shared/images/arr_link_blue.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 8px 14px;
	padding-right: 20px;
}
.index #contentMain > ul li a .txt_area {
	color: #111;
}



/**********************
# campaign detail
************************/
.dtl .box_head_campaign h1 {
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
}
.dtl .box_head_campaign h1 img {
	width: 100%;
}
.dtl .lead {
	padding-top: 20px;
	padding-bottom: 20px;
}
.dtl .cts_blc > p {
	margin-top: 10px;
}
.dtl .lead p.ttl_cam {
	font-size: 16px;
	font-weight: bold;
	color: #ff7301;
	margin-top: 0px;
}
.dtl .mod_ttl_bar {
	padding-top: 10px;
	padding-bottom: 10px;
}
.dtl .sec_method ul {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.dtl .sec_method ul li {
	margin-top: 10px;
	text-align: center;
}
.dtl .sec_method ul li.left {
	text-align: left;
}
.dtl .sec_method ul li .mod_table_row {
	display: table;
	border-style: none;
	width: 100%;
}
.dtl .sec_method ul li .mod_table_row p {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: left;
}
.dtl .sec_method ul li .mod_table_row p:nth-of-type(2) {
	padding-left: 15px;
}
.dtl .sec_method ul li .mod_table_row .capture1,
.dtl .sec_method ul li .capture2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #DADADB;
	text-align: center;
}
.dtl .sec_method ul li .mod_table_row .capture1 {
	padding: 2px;
}
.dtl .sec_method ul li .mod_table_row .capture1 span {
	background-color: #ECFFE1;
	display: block;
	padding: 8px;
}
.dtl .sec_method ul li .capture2 {
	padding-top: 14px;
	padding-bottom: 14px;
}
.dtl .sec_method hr {
	background-color: #FFF;
	height: 0px;
	border: none;
	border-top: 1px solid #D3D8E2;
	margin-top: 20px;
}
.dtl .sec_method h3 {
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #F0F8FF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}
.dtl .sec_method h3 + .cts_blc {
	padding-top: 10px;
}
.dtl .sec_method h3:after {
	border: 7px solid transparent;
	border-top-color: #F0F8FF;
	position: absolute;
	left: 50%;
	bottom: -14px;
	width: 0;
	height: 0;
	content: "";
	margin-left: -7px;
}
.dtl .sec_method h3 a {
	display: inline;
}
.dtl .sec_method ul li .mod_btn {
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dtl .sec_method ul li .mod_btn span {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: inline-block;
	padding: 10px 0px 10px 38px;
}
.dtl .sec_method ul li .serach_area span {
	background-image: url(/static/sp/shared/images/icon/icn_area.png);
	background-size: 29px 30px;
}
.dtl .sec_method ul li .serach_shop span {
	background-image: url(/static/sp/shared/images/icon/icn_link_apaman.png);
	background-size: 31px 31px;
}
.dtl .sec_method .btn_easyrequest {
	text-align: center;
}


.dtl .sec_kiyaku {
	margin-top: 20px;
}
.dtl .sec_kiyaku dt {
	margin-top: 23px;
	font-weight: bold;
}
.dtl .sec_kiyaku dd li {
	text-indent: -1em;
	padding-left: 1em;
}
.dtl .sec_kiyaku dd th {
	white-space: nowrap;
	padding-right: 0.5em;
}
.dtl .sec_kiyaku dd .notes {
	margin-top: 20px;
	text-indent: -1em;
	padding-left: 1em;
}

.dtl .privacy_blc {
	padding-bottom: 10px;
}
.dtl .p_policy {
	margin-top: 20px;
	background-color: #FFF;
	border: 2px solid #D3D8E2;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.dtl .p_policy > dt {
	padding-right: 13px;
	margin-top: 0px;
}
.dtl .p_policy .ttl_inner {
	font-weight: bold;
	color: #0A3F94;
	background-image: url(/static/sp/shared/images/icon/icn_expand_close.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	display: block;
	padding: 13px 16px 13px 13px;
}
.dtl .p_policy .ttl_inner.close {
	background-image: url(/static/sp/shared/images/icon/icn_expand_open.png);
}
.dtl .p_policy > dd {
	border-top: 2px solid #F0F1F5;
	padding: 13px 8px;
	line-height: 1.3;
	font-size: 11px;
	display: none;
}
.dtl .p_policy > dd h3 {
	font-weight: bold;
	font-size: 12px;
}
.dtl .p_policy > dd > ol > li {
	font-weight: bold;
	margin-top: 15px;
	/*margin-left: 20px;*/
	list-style: decimal inside;
}
.dtl .p_policy > dd > ol > li p {
	font-weight: normal;
}
.dtl .p_policy > dd > ol > li strong {
	font-weight: bold;
	display: block;
	margin-top: 15px;
}
.dtl .p_policy > dd > ol > li ol,
.dtl .p_policy > dd > ol > li ul {
	margin-left: 5px;
}
.dtl .p_policy > dd > ol > li ol li {
	font-weight: normal;
	margin-left: 20px;
	list-style: decimal;
}
.dtl .p_policy > dd > ol > li ul li {
	margin-left: 20px;
	list-style: disc;
	font-weight: normal;
}
.dtl .p_policy > dd > ol > li dl {
	border: 1px solid #DADADB;
	margin-top: 10px;
	/*margin-left: -10px;*/
}
.dtl .p_policy > dd > ol > li dt {
	background-color: #EFF2F4;
	padding: 10px 8px;
}
.dtl .p_policy > dd > ol > li dd {
	padding: 10px;
	font-weight: normal;
}
.dtl .p_policy > dd .btn_close {
	background-color: #EFF2F4;
	text-align: center;
	margin: 15px auto 0px;
	width: 208px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}
.dtl .p_policy > dd .btn_close span {
	font-weight: bold;
	font-size: 14px;
	background-image: url(/static/sp/shared/images/icon/icn_menu_close.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px 14px;
	display: inline-block;
	padding: 18px 0px 15px 20px;
	color: #0A3E92;
}


/**********************
# benefit
************************/
.benefit #contentHeader {
	border-bottom: none;
}
.box_head_benefit {
	background-color: #8de6ff;
	background-size: 800px 230px;
	background-image: url(/campaign/sp/benefit/images/bg_head.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 220px;
	position: relative;
	text-align: center;
	padding-top: 10px;
}
.box_head_benefit ul li {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.box_head_benefit ul li:nth-of-type(2) {
	left: auto;
	right: 0px;
}
.benefit .btn_login {
	background-color: #0A3F94;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -2px;
}
.benefit .btn_login a {
	font-size: 16px;
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 2px solid #FB49AE;
}
.benefit .img_service {
	text-align: center;
	margin-top: 22px;
}

.benefit .mod_ttl_bar {
	font-size: 14px;
	padding: 8px 10px 6px 55px;
}
.benefit .ttl_wrap {
	position: relative;
}
.benefit .ttl_wrap span {
	position: absolute;
	left: 8px;
	top: -5px;
	z-index: 10;
}
.benefit .cts_blc > p {
	margin-top: 15px;
}
.benefit .cts_blc p strong {
	font-weight: bold;
	color: #ff48af;
}
.benefit .cts_blc .img_bear {
	text-align: center;
}

.benefit .sec_feature1 {
	margin-top: 15px;
}
.benefit .sec_feature1 .ttl_wrap {
	height: 47px;
}
.benefit .sec_feature1 ul {
	font-size: 10px;
	margin-top: 10px;
}
.benefit .sec_feature1 ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.benefit .sec_feature2 {
	margin-top: 25px;
}
.benefit .sec_feature2 .ttl_wrap {
	height: 62px;
}
.benefit .sec_feature2 ul {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.benefit .sec_feature2 ul li {
	float: left;
	width: 140px;
	margin-top: 20px;
	margin-right: 20px;
}
.benefit .sec_feature2 ul li:nth-child(even) {
	margin-right: 0px;
	
}
.benefit .sec_feature2 ul li h3 {
	font-weight: bold;
	color: #ff48af;
	margin-top: 10px;
	margin-bottom: 10px;
}
.benefit .sec_feature2 ul li p {
	font-size: 10px;
}

.benefit .sec_easy {
	margin-top: 30px;
}
.benefit .sec_easy h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fffa72;
	background-color: #0A3F94;
	padding: 10px;
}
.benefit .sec_easy .img_useful {
	text-align: center;
	margin-top: 27px;
}
.benefit .sec_easy .bnr_article {
	text-align: center;
	margin-top: 30px;
	padding-bottom: 10px;
}