@charset "utf-8";

/* reset */

#page-body p{
	margin: 0;
}

#contentArea {
    width: 100%;
    max-width: 1050px;
    color: #221815;
    letter-spacing: 1pt;
    line-height: 1.7;
    margin: 0 auto;
    overflow: hidden;
}
#contentArea img{
	vertical-align: bottom;
}


#gift .mv{
	margin-bottom: 102px;
}

#gift .howToText{
	font-size: 22px;
	line-height: 1.409;
	letter-spacing: 0.05em;
	text-align: center;
}

#gift .howToText + .howToText{
	margin-top: 1.409em;
}

#gift .sectitle{
	margin-bottom: 35px;
}

#gift .childtitle{
	margin: 60px 0 40px;
}

#gift .sec{
	margin-bottom: 120px;
}

#gift .howToTexts{
	margin-bottom: 88px;
}


@media screen and (max-width: 640px){
	#gift .howToText{
		font-size: 14px;
	}
	.step{
		padding: 0 20px;
	}
	
	div.back {
    margin: 0 0 6%;
    padding: 2%;
    border: none;
	}
	p.maintitle {
	    margin-bottom: 7%;
	}
	.sec02 {
	    background: #f2f2f2;
	    padding: 3%;
	}

	#contentArea li {
	    margin-left: 0;
	}
	#gift p.discription {
	    font-size: 18px;
	    margin: 3% 4% 4%;
	    font-weight: bold;
	    line-height: 1.5em;
	    text-align: left;
	}
	p.discription.kidou {
	    margin: 12% 9% 3%;
	}
	span.discription2 {
	    font-size: 14px;
	}
	li.span4.last {
	    margin-bottom: 10%;
	}

	a.linebtn {
	    width: 80%;
	    margin: 0 auto 8%;
	    display: block;
	}
	.sec01.gift-wrapping {
	    padding: 4%;
	}
	/*ledeTxt
	---------------------------*/
	.ledeTxt{
	    text-align: center;
	    font-size: 18px;
	    margin: 5% 0 7%;
	}

	.ledeTxt span.text_s{
	    font-size: 14px;
	    line-height: 1.9em;
	    margin-bottom: 6%;
	}

	.sec01 .ledeTxt {
	    margin: 0 0 5%;
	}
	.ledeTxt {
	    line-height: 21px;
	}
	img.step {
	    margin-bottom: 2%;
	}
	img.contents {
	    margin-bottom: 12%;
	}

	/*sec01
	---------------------------*/
	.sec01 {
	    padding: 0;
	}

	.sec01 li:last-child {
	    font-size: 13px;
	    margin: 5% 0 0;
	}

	/*sec02
	-----------------------------*/
	.sec02{
		margin-top: 20px;
	}
	.sec02 ul{
	    margin:0 0 4%;
	}

	.sec02 .span4 {
	    width: 100%;
	    margin-left: 0;
	    margin:7% 0 8%;
	}

	.sec02 .span4 .btnArea {
	    margin: 5% auto 0;
	}

	.sec02 .span4 .btnArea div{
	    display: block;
	    float:none;
	    margin:0 0 4%;
	    width:100%;
	}

	.btn-set a {
	    font-size: 18px;
	    line-height: 28px;
	    width: 100%;
	    margin: 0 auto 30%;
	    padding: 2%;
	    color: #fff;
	    box-sizing: border-box;
	    background: #043671;
	}
	a.btn-set2 {
	    font-size: 18px;
	    line-height: 28px;
	    width: 100%;
	    margin: 15% auto 25%;
	    padding: 2%;
	    color: #fff;
	    box-sizing: border-box;
	    background: #043671;
	}
	.point-top-title2 {
	    font-size: 20px;
	}
	p.point2 {
	    font-size: 15px;
	}
	p.discription1_2 {
	    font-size: 14px;
	}
	/*sec03
	-----------------------------*/
	.sec01.sec03 li span {
	    font-size: 12px;
	    margin-top:5%;
	}
	.sec01.sec03 li:first-child {
	    float: none;
	}
	.sec01.sec03 li:last-child {
	    margin: 5% 0 0;
	    float: none;
	}
	#gift .childtitle{
		margin: 40px 0 0;
	}
	
}


@media screen and (max-width: 480px){
	
	
	#gift .mv{
		margin-bottom: 30px;
	}
	
	#gift .sec{
		margin-bottom: 50px;
	}
	
	#gift .howToTexts{
		margin-bottom: 36px;
	}
	#gift .howToText{
		font-size: 3.8vw;
		padding: 0;	
	}
	.step{
		padding: 0 2vw;
	}
}