@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}

/* wrap */
.socialWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.socialWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.socialWrap p{
	font-size: 133%;
	margin: 0 0 4% 0;
	line-height: 1.5;
}
.socialWrap a,
.socialWrap a:hover{
	display: block;
}

.socialWrap .linkTextA01{
	text-align: right;
	font-size: 15px;
}
.socialWrap .linkTextA01 a{
	text-decoration: underline;
	display: inline;
}

/* headingBlock
--------------------------------------------*/
.socialWrap .headingBlockA01{
	margin: 0 0 3% 0;
}

.socialWrap .headingBlockA02 h2{
	background: #00376b;
	color: #fff;
	font-size: 150%;
	padding: 2% 0 1.2% 1%;
	font-weight: normal;
	line-height: 1.5;
}
.socialWrap .headingBlockA03{
	margin: 0 0 2% 0;
}
.socialWrap .headingBlockA03 h3{
	color:#00376b;
	font-size: 141%;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
}

/* imgBlock
--------------------------------------------*/
.socialWrap .imgBlockA01{
	width: 100%;
	text-align: right;
	margin: 0 auto 0 auto;
}
.socialWrap .imgBlockA01 p{
	margin: 0 0 1% 0;
}
.socialWrap .imgBlockA01 p.linkText{
	font-size: 121%;
	margin: 0 0 1.5% 0;
}
.socialWrap .imgBlockA01 p.linkText a,
.socialWrap .imgBlockA01 p.linkText a:hover{
	display: inline;
	color: #0000ff;
	text-decoration: underline;
}
.socialWrap .imgBlockB01{
	margin: 0 auto 4% auto;
	width:57.9%;
}
/* textListBlock
--------------------------------------------*/
.socialWrap .textListBlockA01{
	border: solid 1px #cccccc;
	padding: 2% 2% 2% 2%;
	margin: 0 0 4% 0;
}
.socialWrap .textListBlockA01 ul li{
	font-size: 121%;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 0 1% 0;
}
.socialWrap .textListBlockA01 ul li:last-child{
	margin: 0 0 0 0;
}

/* itemBlock
--------------------------------------------*/
.socialWrap .itemBlockA01{
	text-align: center;
}
.socialWrap .itemBlockA01 p.goods{
	margin: 0 auto 1% auto;
	width: 81.3%;
}
.socialWrap .itemBlockA01 p.name{
	font-size: 121%;
	margin: 0 0 2% 0;
}
.socialWrap .itemBlockA01 p.read{
	text-align: left;
}
/* descriptionBlock
--------------------------------------------*/
.socialWrap .descriptionBlockA01 dl{
	line-height: 1.5;
}
.socialWrap .descriptionBlockA01 dl dt{
	font-size: 138%;
	font-weight: bold;
}
.socialWrap .descriptionBlockA01 dl dd{
	font-size: 138%;
	margin: 0 0 6% 0;
}
.socialWrap .descriptionBlockB01{
	font-size: 133%;
	margin: 0 0 4% 0;
	line-height: 1.5;
}
.socialWrap .descriptionBlockB01 ul li{
	text-indent: -1em;
	padding: 0 0 0 1em;
}


/* pointList
--------------------------------------------*/
.socialWrap .pointList ul li{
	margin: 0 0 3% 0;
}
.socialWrap .pointList ul li:last-child{
	margin: 0 0 30px 0;
}
.socialWrap .pointList ul li .point{
	float: left;
	width: 16.5%;
	display: table;
	background: #f0f0f0 url("../image/socialWrap_bg_001_171130.gif") right center no-repeat;
	margin: 0 0 0 0;
	padding: 0 1.7% 0 0;
	border-radius: 10px 0 0 10px;
}
.socialWrap .pointList ul li .point .inner{
	display: table-cell;
	vertical-align: middle;
	padding: 0% 5% 0% 5%;
	background: url("../image/socialWrap_bg_002_171130.gif") right center;
	border-radius: 10px 0 0 10px;
}
.socialWrap .pointList ul li dl{
	float: left;
	width: 83.5%;
	background: #f0f0f0;
	border-radius: 0 10px 10px 0;
	box-sizing: content-box;
}
.socialWrap .pointList ul li dl span{
	padding: 3% 3% 3% 3%;
	display: block;
}

.socialWrap .pointList ul li dl dt{
	font-size: 125%;
	font-weight: bold;
	color: #0094d2;
	line-height: 1.5;
}

.socialWrap .pointList ul li dl dd{
	font-size: 125%;
	color:#222222;
	line-height: 1.5;
}
.socialWrap .pointList ul li .textListA01 li{
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 0 0 0;
}

/* linkTextA01
--------------------------------------------*/
.socialWrap .linkTextA01{
	margin: 0 0 0 0;
	text-align: right;
}

.socialWrap .linkTextA01 a{
	display:inline-block;
	color: #222222;
	text-decoration: underline;
	padding: 0 16px 0 0;
	background: url(../image/socialWrap_btn_sp_002.gif) right center no-repeat;
	background-size: 4%;
}

/* 
--------------------------------------------*/
.socialWrap .stepBlockA01{
	margin: 0 0 5% 0;
}
.socialWrap .stepBlockA01 .step{
	background-color: #219cd8;
	color: #ffffff;
	margin: 0 0 6.27% 0;
}
.socialWrap .stepBlockA01 .step p{
	text-align: center;
	padding: 4% 0 4% 0;
	font-size: 116.7%;
	font-weight: bold;
}
.socialWrap .stepBlockA01 .read {
	margin: 0 0 6.13% 0;
}
.socialWrap .stepBlockA01 .read .red{
	color: #c30000;
}
.socialWrap .stepBlockA01 .btn01{
	background: url(../image/socialWrap_btn_sp_001.jpg) center top no-repeat ;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 5.5em;
}

.socialWrap .stepBlockA01 .btn01 .btnInner01,
.socialWrap .stepBlockA01 .btn02 .btnInner01{
	color: #ffffff;
	text-align: center;
	padding: 5px 0 5px 0;
	display: inline-block;
}
.socialWrap .stepBlockA01 .btn01 a{
	display: block;
	padding: 0;
	background: none;
	border: none;
	font-weight: normal;
	color: #ffffff;
}
.socialWrap .stepBlockA01 .imgMargin01{
	margin: 0 0 8% 0 ;
}
.socialWrap .stepBlockA01 .btnMargin01{
	margin: 2.5% 0 0 0 ;
}
.socialWrap .stepBlockA01 .btnMargin02{
	margin: 1.5% 0 0 0 ;
}
.socialWrap .stepBlockA01 .btnMargin03{
	margin: 5% 0 0 0 ;
}
.socialWrap .stepBlockA01 .btnMargin04{
	margin: 6% 0 7.5% 0 ;
}

/* headingBlock
========================================= */
.socialWrap .headingBlock01{
	padding: 6.66% 0 0 0;
}
.socialWrap .headingBlock02{
	font-size: 200%;
	line-height: 1;
	text-align: center;
	padding: 8.8% 4% 0 4%;
}
.socialWrap .headingBlock02 h2{
	padding: 0 0 3.47% 0;
	border-bottom: #219cd8 solid 1px;
}
.socialWrap .headingBlock03{
	text-align: center;
	margin: 0 0 5.07% 0;
}
.socialWrap .headingBlock03 h3{
	font-size: 125%;
	font-weight: bold;
}
.socialWrap .headingBlock04{
	background-color: #aedef6;
	text-align: center;
	padding: 2.4%;
}
.socialWrap .headingBlock04 h4{
	font-size: 116.7%;
	font-weight: bold;
}
.socialWrap .headingBlock05{
	background-color: #aedef6;
	padding: 2.4%;
}
.socialWrap .headingBlock05 h4{
	font-size: 116.7%;
	font-weight: bold;
}
.socialWrap .headMargin01{
	margin: 0 0 7% 0;
}
.socialWrap .headMargin02{
	margin: 10% 0 7% 0;
}
.socialWrap .headMargin03{
	margin: 0 0 8% 0;
}

/* .column3Wrap
========================================= */
.socialWrap .stepBlockA01{
	width: 100%;
	padding: 8% 8% 8% 8%;
	color: #333333;
	background: #2f5194;
}
.socialWrap .stepBlockA01 .columnBlock{
	margin-bottom: 8%;
	background-color: #ffffff;
}

.socialWrap .stepBlockA01 .columnBlock:last-child{
	margin-bottom: 0;
}
.socialWrap .stepBlockA01 .columnBlockInner{
	width: 81%;
	margin: 0 9.5% 0 9.5%;
	padding: 0 0 6.67% 0;
}


/* column2Wrap
========================================= */
.socialWrap .column2Wrap01 .column01{
	float: left;
	width: 33.3%;
}
.socialWrap .column2Wrap01 .column02{
	float: right;
	width: 55.5%;
}
.socialWrap .column2Wrap02 .column01{
	float: left;
	width: 46.83%;
}
.socialWrap .column2Wrap02 .column02{
	float: right;
	width: 46.83%;
}

/***** 200131up *****/

/* bnrBlockA01
--------------------------------------------*/
.socialWrap .bnrBlockA01{
	margin:0 0 4%;
}
.socialWrap .bnrBlockA01 ul li{
	margin:0 0 1.3%;
}
.socialWrap .bnrBlockA01 ul li:last-child{
	margin-bottom:0;
}