@charset "Shift_JIS";

/* common
----------------------------------------------------------------*/
#free_howto {
	background: #ffffff;
	padding: 4.68% 0 12%;
}
#free_howto p {
	margin-bottom: 0;
}
#free_howto img {
	max-width: 100%;
	vertical-align: top;
}
#free_howto .pcObj_ { display: none!important; }

/* free_howto_head
----------------------------------------------------------------*/
#free_howto_head {
	overflow: hidden;
	width: 95.625%;
	margin: 0 auto 6.25%;
}
#free_howto_head > div h1 {
	margin: 0 auto;
	padding-right: 25px;
	text-align: center;
}
#free_howto_head > div h1 img {
	width: 192px;
}
#free_howto_head > .pic_ {
	margin-top: 1.5em;
	text-align: center;
}
/* free_howto_junbi
----------------------------------------------------------------*/
#free_howto_junbi {
	box-sizing: border-box;
	width: 95.625%;
	margin: 0 auto 6.25%;
	padding: 18px 10px 10px;
	border: solid 5px #d0bb41;
	border-radius: 8px;
}
#free_howto_junbi .junbi_frame_ > div h2 {
	text-align: center;
	/*margin-bottom: 5.625%;*/
}
#free_howto_junbi .junbi_frame_ > div h2 img {
	height: 19px;
}
#free_howto_junbi .junbi_frame_ > div ul {
}
#free_howto_junbi .junbi_frame_ > div ul li {
	margin: 0 0 0 1em;
	text-indent: -1em;
}
#free_howto_junbi .junbi_frame_ > .pic_ {
	margin-top: 0.5em;
	text-align: center;
}

/* free_howto_pre
----------------------------------------------------------------*/
#free_howto_pre {
}
#free_howto_pre h2 {
	box-sizing: border-box;
	margin-bottom: 6.25%;
	width: 100%;
	height: 45px;
	overflow: hidden;
	text-indent: -999em;
	background: #b4d37e url(../../img/usr/freepage/howto/pre_tit_sp.gif) 14px 0 no-repeat;
	background-size: auto 100%;
	border-left: solid 7px #9b193d;
}
#free_howto_pre h2 + p {
	width: 95.625%;
	margin: 0 auto 10%;
}

/* free_howto_how
----------------------------------------------------------------*/
#free_howto_how {
}
#free_howto_how h2 {
	box-sizing: border-box;
	margin-bottom: 6.25%;
	width: 100%;
	height: 45px;
	overflow: hidden;
	text-indent: -999em;
	background: #b4d37e url(../../img/usr/freepage/howto/how_tit_sp.gif) 14px 0 no-repeat;
	background-size: auto 100%;
	border-left: solid 7px #9b193d;
}

.howSection_ > .inner_ {
	box-sizing: border-box;
	width: 95.625%;
	margin: 0 auto;
	padding: 14px;
	border-radius: 5px;
	background: #ffffff;
	border: solid 1px #b5b5b5;
	font-size: 14px;
	line-height: 1.6;
	/* box-shadow */
	box-shadow:-3px 3px 3px 0px #c5c5c5;
	-moz-box-shadow:-3px 3px 3px 0px #c5c5c5;
	-webkit-box-shadow:-3px 3px 3px 0px #c5c5c5;
}
.howSection_ > .inner_ .text_ {
	margin-bottom: 6px;
}
.howSection_ > .inner_ dl dt {
	overflow: hidden;
	width: 100%;
	height: 19px;
	margin-bottom: 1em;
	text-indent: -999em;
	white-space: nowrap;
	background-size: auto 19px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.howSection_ > .inner_ dl dt.howSection_tit01_ { background-image: url(../../img/usr/freepage/howto/how_t01.gif); }
.howSection_ > .inner_ dl dt.howSection_tit02_ { background-image: url(../../img/usr/freepage/howto/how_t02.gif); }
.howSection_ > .inner_ dl dt.howSection_tit03_ { background-image: url(../../img/usr/freepage/howto/how_t03.gif); }
.howSection_ > .inner_ dl dt.howSection_tit04_ { background-image: url(../../img/usr/freepage/howto/how_t04.gif); }
.howSection_ > .inner_ dl dt.howSection_tit05_ { background-image: url(../../img/usr/freepage/howto/how_t05.gif); }
.howSection_ > .inner_ dl dt.howSection_tit06_ { background-image: url(../../img/usr/freepage/howto/how_t06.gif); }
.howSection_ > .inner_ dl dt.howSection_tit07_ { background-image: url(../../img/usr/freepage/howto/how_t07.gif); }
.howSection_ > .inner_ dl dt.howSection_tit08_ { background-image: url(../../img/usr/freepage/howto/how_t08.gif); }
.howSection_ > .inner_ dl dt.howSection_tit09_ { background-image: url(../../img/usr/freepage/howto/how_t09.gif); }
.howSection_ > .inner_ dl dt.howSection_tit10_ { background-image: url(../../img/usr/freepage/howto/how_t10.gif); }

.howSection_ > .inner_ dl dd {
}
.howSection_ > .inner_ dl dd br {
	display: none;
}
.howSection_ > .inner_ ul.cap_ {
	margin-top: 1.5em;
}
.howSection_ > .inner_ ul.cap_ li {
	text-indent: -1.5em;
	margin: 0 0 0 1.5em;
}
.howSection_ > .inner_ ul.cap_ li > span {
	display: inline-block;
	width: 1.5em;
	text-indent: 0;
}
.howSection_ > .inner_ .pic_ {
	text-align: center;
}
.howSection_ > .inner_ .pic_ p + p {
	margin-top: 20px;
}

.howSection_ > .inner_ .pic_ img {
	max-width: 100%;
	margin-bottom: 3px;
}

.howSection_:after {
	display: block;
	content: '';
	margin: 3.125% auto;
	width: 86px;
	height: 26px;
	background: url(../../img/usr/freepage/howto/how_arrow_sp.gif) 0 0 no-repeat;
	background-size: 100% auto;
}
.howComp_ {
	margin-top: 12px;
	text-align: center;
}
.howComp_ img {
	height: 34px;
}

/* free_howto_bottom
----------------------------------------------------------------*/
#free_howto_bottom {
	box-sizing: border-box;
	width: 93.125%;
	margin: 3% auto 0;
	padding: 3px;
	border: solid 1px #926e3a;
	background: #faf8f9;
	max-width: 600px;
}
#free_howto_bottom > .inner_ {
	padding: 10px 0 13px 0;
	background: #ffffff;
	border: solid 2px #926e3a;
	overflow: hidden;
}
#free_howto_bottom > .inner_ > div {
}
#free_howto_bottom > .inner_ > div .text_ {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 23%;
	overflow: hidden;
	text-indent: -999em;
	background: url(../../img/usr/freepage/howto/bottom_t01_sp.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}
#free_howto_bottom > .inner_ > div .btn_ {
	width: 91.97%;
	margin: 0 auto;
}
#free_howto_bottom > .inner_ > div .btn_ a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 18.54%;
	overflow: hidden;
	text-indent: -999em;
	background: url(../../img/usr/freepage/howto/bottom_btn01_sp.gif) 0 0 no-repeat;
	background-size: 100% auto;
}

#free_howto_bottom > .inner_ > p {
	width: 224px;
	float: right;
}