@charset "utf-8";
/* ご利用ガイド共通 CSS Document -------------------------
ご利用ガイド(pages/guide.aspx)
お買いものの流れ(pages/flow.aspx)
便利なマイページ(pages/member.aspx)

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

/* common */
.pcNone{display:none;}
.spNone{display:block;}
img{height: auto;}
.marker{background:linear-gradient(transparent 60%, #ff6 60%);}
.font_bold{font-weight: bold;}

.pb2em{padding-bottom: 2em;}

/* ============for PC============ */

#block_flow .flex_yoko,
#block_member .flex_yoko{display: flex;gap: 20px;justify-content: space-between;}
#block_flow .flex_txt{}
#block_flow .flx_img,
#block_member .flx_img{width: 30%;height: auto;margin-top: 0;}
#block_flow .bk_color{margin-top: .5em;background-color: #fffcec;padding: 1em;}
#block_flow .bk_color span{}

#block_member .subttl_txt{padding: 0 0 2em;}
#block_member .flex_yoko div{width: 60%;}
#block_member p.mt0{margin-top: 0;}
#block_member .bg_orange{background-color: #fff2e9;padding: 1em;margin-top: 1em;}
#block_member .link_txt{background-color: #fefff2;}



/* ============for Tablet============ */
@media only screen and (min-width: 767px) and (max-width: 1280px) {
}


/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	
	#block_flow h3{margin-top: 3em;}
	#block_flow .flex_yoko,
	#block_member .flex_yoko{flex-direction: column;align-items: center;}
	#block_flow .flx_img,
	#block_member .flx_img{width: 60%;}
	
	#block_member .flex_yoko div{width: 100%;}
	

}