@charset "utf-8";

/*------------------------------------------------------------------------------------------

*

*

    howtobuy_sp.css

*

*

------------------------------------------------------------------------------------------ */

/* --------------------------------------------------------------------------------------------------------------

*

    max-width: 640px

*

-------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {



/* --------------------------------------------------

*

    #page_howtobuy

*

-------------------------------------------------- */

#page_howtobuy{

    overflow: hidden;

    background-color: #000125;

}



#page_howtobuy h1{

    padding: 20px 0;

    text-align: center;

    line-height: 0;

}



#page_howtobuy h1 img{

    width: auto;

    height: 19px;

}



#store_list{

    text-align: center;

    letter-spacing: -.40em;

}



#store_list li{

    margin: 0 0 50px 0;

    padding: 0 25px;

    text-align: left;

    letter-spacing: 0;

    color: #fff;

    position: relative;

}



#store_list li a{

    color: #fff;

}



#store_list li a:hover{

    text-decoration: underline;

}



#store_list li .pic{

    margin: 0 0 20px 0;

}



#store_list li .pic img{

    width: 100%;

    height: auto;

}



#store_list li dt{

    margin: 0 0 5px 0;

    font-size: 12px;

    opacity: .5;

}



.lang_ja #store_list li dd{

    white-space: nowrap;

}



#store_list li dd{

    margin: 0 0 28px 0;

    font-size: 16px;

    line-height: 1.25em;

}



#store_list li dd br{ display: none;}

#store_list li dd br.sp{ display: block;}



#store_list li .map{

    margin: 23px 0 0 0;

    padding: 0 0 0 12px;

    display: block;

    position: relative;

}



#store_list li .map:after{

    content: '';

    width: 6px;

    height: 100%;

    display: block;

    background-image:url(../images/howtobuy/parts_ico_map_arrow_right.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 6px;

    position: absolute;

    top: 0;

    left: 0;

}



#store_list li .btn_banner{

    margin: 50px 0 0 0;

    }



#store_list li .btn_banner img{

    width: 100%;

    height: auto;

}



#store_list li .btn_banner a{

    transition: opacity .1s ease;

}



#store_list li .btn_banner a:hover{

    opacity: .7;

}

#store_list li .pre_btn_banner{

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

/*    bottom: 62px;*/

}





.jump_list{

	padding : 0 25px;

	margin-bottom: 30px;

}

.jump_list ul{

	border-top : 1px solid #fff;

}

.jump_list ul li{

	border-bottom : 1px solid #fff;

	padding-right : 11px;

}

.jump_list ul li a{

	padding : 12px 0;

	display : block;

	color : #fff;

	font-size : 16px;

	background-image: url(../images/howtobuy/img_under_arrow.png);

	background-position: right center;

	background-repeat: no-repeat;

}



.coupon_and_online{

	

}

.cao_coupon_wrap .coupon_heading{

	font-size : 16px;

	text-align: center;

}

.cao_coupon_wrap .coupon_btn_wrap{

	margin-top : 9px;

}

.cao_coupon_wrap .coupon_btn_wrap img{

	max-width: 100%;

}

.cao_coupon_wrap .coupon_txt{

	font-size : 12px;

	line-height: 1.5;

	margin-top : 3px;

}



.cao_online_wrap{

	margin-top : 24px;

}

.cao_online_wrap p{

	font-size: 16px;

	line-height: 1.2;

	text-align: center;

}

.cao_online_wrap p br{

	display: inline !important;

}

.cao_online_wrap .onlinebnr_wrap{

	margin-top : 10px;

}

.cao_online_wrap .onlinebnr_wrap img{

	max-width: 100%;

}







.shop_list_anker{

	width : 100%;

	padding : 0 18px;

	box-sizing: border-box;

	margin : 0 auto;

	text-align: center;

	margin-bottom : 14px;

}

.shop_list_anker li{

	width: 100%;

	display : block;

	padding : 14px 2px;

	padding-right : 12px;

	box-sizing: border-box;

	border-bottom : 1px solid #fff;

	text-align: left;

}

.shop_list_anker li:first-child{

	border-top : 1px solid #fff;

}

.shop_list_anker li a{

	color : #fff;

	font-size: 16px;

	display: block;

	width: 100%;

	height : 100%;

	background-image: url(../../common/images/howtobuy/img_under_arrow.png);

	background-repeat: no-repeat;

	background-position: right center;

}



.shopListWrap{

	margin-bottom: 120px;

}

.shop_item{

	width : 100%;

	margin : 0 auto;

	margin-top : 50px;

	padding : 0 18px;

	box-sizing: border-box;

}

.shop_name{

	color : #fff;

	font-size: 16px;

	padding-bottom: 10px;

	border-bottom: 1px solid #fff;

}

.shop_info{

	display : block;

	width : 100%;

}

.shop_info dl{

	display : block;

	padding : 17px 0;

	border-bottom: 1px solid #808092;

}

.shop_info dl dt,

.shop_info dl dd{

	display : block;

}

.shop_info dl dt{

	width : 100%;

}

.shop_info .shop_info_heading{

	display: none;

}

.shop_info_detail dt,.shop_info_detail dd{

	font-size: 16px;

/* 	padding : 30px 1px; */

	color : #fff;

}

.shop_info_detail dt{

	margin-bottom: 10px;

}

.shop_info_detail dt:before{

	display: block;

	content: "Store";

	font-size: 12px;

	margin-bottom: 4px;

	color : #808092;

}

.shop_info_detail dd:before{

	display: block;

	content: "Address";

	font-size: 12px;

	margin-bottom: 4px;

	color : #808092;

}

.shop_info_detail dt a{

	color : #fff;

}







} /* ----- max-width: 640px ----- */