@media (max-width: 640px) {

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: auto;
}
div.pregArea_01 div.pregBox_00 div.leftArea {
	width: auto;
	float:none;
}
div.pregArea_01 div.pregBox_00 div.rightArea {
	display:none;
}
div.pregArea_01 div.pregBox_00 ul.playArea li.play1 {
	width: auto;
	float:none;
}
div.pregArea_01 div.pregBox_00 ul.playArea li.play2 {
	width: auto;
	float:none;
	margin:15px 0px 0px 0px;
}


div.pregArea_01 div.movieBtn img,
div.pregArea_01 div.pregBox_00 ul.playArea li.play1 img,
div.pregArea_01 div.pregBox_00 ul.playArea li.play2 img {
	max-width:100%;
	height:auto;
}
div.detailArea ul.disc-x li {
	width:auto;
}
ul.junbiArea li,
ul.junbiArea li.play {
	padding: 0 3px 3px 0;
    position: relative;	
	vertical-align:middle;
	width:auto;
	margin:0px;
	float:none;
}
ul.junbiArea li div {
	display: table;
    height: 100%;
    text-decoration: none;
	padding-right:5%;
    width: 30%;	
	float:left;
}
ul.junbiArea li p {
	display: table;
	vertical-align:middle;
    text-decoration: none;
    width: 65%;	
	float:left;
}
ul.junbiArea li img {
	width:100%;
	height:auto;
}
ul.junbiArea li.long {
	width: auto;
	margin-top:10px;
	float:none;
}
ul.junbiArea li.long div {
	display: none;
}
ul.junbiArea li.long div.mq {
	width:auto;
	display: block;
	clear:both;
}
ul.junbiArea li.long p {
	width:100%;
}
ul.junbiArea li.long div.mq img {
	width:100%;
	height:auto;
}

div.stepArea div img,
div.gray-borderArea ul img{
	width:100%;
	height:auto;
}
ul.btnArea li {
	height: auto;
	margin: 0px;
	float:none;
}
ul.btnArea li img {
	display:none;
}
ul.btnArea li span {
	display:block;
	margin:5px 0px 0px 0px;
	padding: 0 0 0 13px;
	background:url(../images/anchor_arrow.png) no-repeat left 0.6em;
}

div.stepArea div img.mq-w-notchange {
	width:19px;
}

div.gray-borderArea {
	width: auto;
}

div.gray-borderArea_ml00 {
	width: auto;
}

div.gray-borderArea ul.whiteArea li.right {
	float: none;
    width: auto;
}

div.gray-borderArea ul.whiteArea li.left {
	margin-bottom: 30px;
	float: none;
    width: auto;
}

p.txtlink {
	display:inline-block;
}



/*===========================================
	attentionArea
=============================================*/
div.attentionArea ul.whiteArea {
	margin: 10px 0px 0px 0px;
}
div.attentionArea ul.whiteArea img {
	width:100%;
	height:auto;
}
div.attentionArea ul.whiteArea li.left {
	width: auto;
	float: none;
}
div.attentionArea ul.whiteArea li.right {
	width: auto;
	float: none;
	margin-top:30px;
}


/*===========================================
	pointArea
=============================================*/
div.pointArea {
	background:#FAF5C8;
	margin: 15px 0px 0px 0px;
	padding: 15px;
}
div.pointArea div.pointBox {
	background:url(../images/ico_point.png) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 50px;
}



}