@charset "utf-8";

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

*

*

    howtobuy_pc.css

*

*

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

@media screen and (min-width : 641px){ 

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

*

*

    min-width : 641px

*

*

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



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

*

    #page_howtobuy

*

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

#page_howtobuy{

    overflow: hidden;

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

    background-position: center top;

}



#page_howtobuy h1{

    padding: 50px 0;

    text-align: center;

    line-height: 0;

}



#page_howtobuy h1 img{

    width: 83px;

    height: auto;

}



#store_list{

    margin: 0 0;

    text-align: center;

    letter-spacing: -.40em;

}



#store_list li{

    width: 260px;

    margin: 0 20px;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    letter-spacing: 0;

    color: #fff;

    position: relative;

}



.lang_ja #store_list li{

/*     height: 545px; */

    padding: 0 0 20px 0;

}



#store_list li a{

    color: #fff;

}



#store_list li a:hover{

    text-decoration: underline;

}



#store_list li .pic{

    margin: 0 0 28px 0;

}



#store_list li .pic img{

    width: 100%;

    height: auto;

}



#store_list li dt{

    margin: 0 0 3px 0;

    font-size: 12px;

    opacity: .5;

}



#store_list li dd{

    margin: 0 0 28px 0;

    font-size: 14px;

    line-height: 1.428em;

    white-space: nowrap;

}



#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 a{

    position: absolute;

    left: 0;

    bottom: 20px;

    transition: opacity .1s ease;

}



#store_list li .btn_banner a:hover{

    opacity: .7;

}



#store_list li .pre_btn_banner{

    text-align: center;

    font-size: 12px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 82px;

}





#coupon_wrap{

    margin: 0 0 25px 0;

    text-align: center;

}



#coupon_wrap li{

    width: 260px;

    margin: 0 20px;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    letter-spacing: 0;

    color: #fff;

    position: relative;

}



#coupon_wrap li .coupon_heading{

	font-size : 14px;

	text-align: center;

	margin-top: 0px;

}

#coupon_wrap li .coupon_btn_wrap{

	margin-top : 8px;

}

#coupon_wrap li .coupon_btn_wrap img{

	margin-left : -6px;

}

#coupon_wrap li .coupon_txt{

	font-size : 12px;

	margin-top : 10px;

	line-height: 1.5;

}



#to_onlineshop{

    margin: 56px 0 60px 0;

    text-align: center;

}

#to_onlineshop > p{

	font-size : 14px;

	text-align: center;

	color : #fff;

}

#to_onlineshop > ul{

	margin-top : 24px;

}

#to_onlineshop li{

    width: 260px;

    margin: 0 20px;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    letter-spacing: 0;

    color: #fff;

    position: relative;

}







.shop_list_anker{

	width : 980px;

	margin : 0 auto;

	text-align: center;

	margin-bottom : 27px;

}

.shop_list_anker li{

	display : inline-block;

	vertical-align: middle;

	padding : 2px 27px;

	border-left : 1px solid #fff;

	margin-bottom: 8px;

}

.shop_list_anker li:first-child{

	border : none;

}

.shop_list_anker li a{

	color : #fff;

	font-size: 16px;

}



.shopListWrap{

	margin-bottom: 120px;

}

.shop_item{

	width : 860px;

	margin : 0 auto;

	margin-top : 80px;

}

.shop_item:first-child{

	margin-top : 0px;

}

.shop_name{

	color : #fff;

	font-size: 16px;

	padding-bottom: 10px;

	border-bottom: 1px solid #fff;

}

.shop_info{

	display : table;

	width : 100%;

	table-layout: fixed;

}

.shop_info dl{

	display: table-row;

}

.shop_info dl dt,

.shop_info dl dd{

	display: table-cell;

}

.shop_info dl dt{

	width : 200px;

}

.shop_info_heading dt,.shop_info_heading dd{

	font-size : 12px;

	padding : 16px 1px;

	color : #808092;

	border-bottom: 1px solid #808092;

}

.shop_info_detail dt,.shop_info_detail dd{

	font-size : 14px;

	padding : 30px 1px;

	color : #fff;

	border-bottom: 1px solid #808092;

}

.shop_info_detail dt a{

	color : #fff;

}

} /* ----- min-width : 641px ----- */