@charset "Shift_JIS";



/***********************************************
　ベース
***********************************************/
.guide_main div,.guide_main span,.guide_main applet,.guide_main object,.guide_main iframe,.guide_main h1,.guide_main h2,.guide_main h3,.guide_main h4,.guide_main h5,.guide_main h6,.guide_main p,.guide_main blockquote,.guide_main pre,.guide_main a,.guide_main abbr,.guide_main acronym,.guide_main address,.guide_main big,.guide_main cite,.guide_main code,.guide_main del,.guide_main dfn,.guide_main em,.guide_main img,.guide_main ins,.guide_main kbd,.guide_main q,.guide_main s,.guide_main samp,.guide_main small,.guide_main strike,.guide_main strong,.guide_main sub,.guide_main sup,.guide_main tt,.guide_main var,.guide_main b,.guide_main u,.guide_main i,.guide_main center,.guide_main dl,.guide_main dt,.guide_main dd,.guide_main ol,.guide_main ul,.guide_main li,.guide_main fieldset,.guide_main form,.guide_main label,.guide_main legend,.guide_main table,.guide_main caption,.guide_main tbody,.guide_main tfoot,.guide_main thead,.guide_main tr,.guide_main th,.guide_main td,.guide_main article,.guide_main aside,.guide_main canvas,.guide_main details,.guide_main embed,.guide_main figure,.guide_main figcaption,.guide_main footer,.guide_main header,.guide_main hgroup,.guide_main menu,.guide_main nav,.guide_main output,.guide_main ruby,.guide_main section,.guide_main summary,.guide_main time,.guide_main mark,.guide_main audio,.guide_main video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	box-sizing:border-box;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.guide_main *:before,.guide_main *:after{
	box-sizing:border-box;
}
.guide_main img{
	max-width:100%;
	vertical-align:bottom;
}
.guide_main{
	background: #fff;
	color:#666666 !important;
	font-size: 16px;
	line-height: 1.6;
	padding: 5% 3%;
	text-align: left;
}
@media screen and (max-width:768px){
	.guide_main{
		font-size: 14px;
	}
}
.guide_main a:hover img{
	opacity:1.0;
}



/***********************************************
　ページ共通
***********************************************/
.guide_main .guide_heading{
	padding: 3%;
	margin-bottom: 30px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	background: #2493b2;
}
@media screen and (max-width:768px){
	.guide_main .guide_heading{
		font-size: 20px;
		margin-bottom: 20px;
	}
}
.guide_main section{
	margin-bottom: 60px;
}
/* 見出し */
.guide_main .guide_title{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #43b4d4;
	padding: 15px ;
	margin-bottom: 20px;
}
@media screen and (max-width:768px){
	.guide_main .guide_title{
		font-size: 18px;
	}
}
/* ボタン */
.guide_main .cont_guide_btn{
}
.guide_main .cont_guide_btn ul{
	width: 100%;
	display: inline-flex;
	list-style: none;
}
.guide_main .cont_guide_btn li{
	margin-right: 15px;
}
.guide_main .cont_guide_btn a{
	display: block;
	padding: 20px;
	font-size: 20px;
	color:#565656;
	text-decoration: none;
	font-weight: bold;
	background: #f7a53a;
	background: -moz-linear-gradient(top, #f7a53a 50%, #f4cc99 50%);
	background: -webkit-linear-gradient(top, #f7a53a 50%,#f4cc99 50%);
	background: linear-gradient(to bottom, #f7a53a 50%,#f4cc99 50%);
	border-radius: 5px;
	text-align: center;
	border: 3px solid #aa9787;
}
.guide_main .cont_guide_btn a:after{
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background: url(/sub-img/icon_aw.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
@media screen and (max-width:768px){
	.guide_main .cont_guide_btn ul{
		display: block;
	}
	.guide_main .cont_guide_btn a{
		border: 2px solid #aa9787;
	}
	.guide_main .cont_guide_btn li{
		margin:0 0 15px;
	}
}
/* テキストリンク */
.guide_main .cont_guide_link a{
	color:#0783c2;
	display:inline-block;
	text-decoration:underline;
}
.guide_main .cont_guide_link a:hover{
	color:#cc191c;
}
.guide_main .cont_guide_link a::after{
	content:"▼";
	font-size: 60%;
	vertical-align:middle;
}
/* 行間 */
.guide_main .line_space{
	line-height:1.6;
}
/* テキスト */
.guide_main .cont_guide_f-red-w{
	color:#cc191c;
	font-weight: bold;
}
.guide_main .cont_guide_f-red{
	color:#cc191c;
}
.guide_main small{
	font-weight: bold;
	font-size:0.8em;
}


/***********************************************
　初めての方へ
***********************************************/
.guide_main .cont_first_caution{
	border: 5px solid #e2e2e2;
	padding: 20px;
	text-align: left;
}
.cont_first_caution .caution_title{
	font-size: 20px;
	padding-left: 30px;
	background: url(/sub-img/icon_ex.png) no-repeat left center;
	margin-bottom: 15px;
	color:#000;
	font-weight: bold;
}
.cont_first_caution .caution_list li{
	list-style: none;
	margin-bottom: 10px;
	line-height: 1.4;
}
.cont_first_caution .caution_list li:before{
	content:"■";
}
@media screen and (max-width:768px){
	.guide_main .cont_first_caution{
		border: 2px solid #e2e2e2;
		padding:15px 15px;
	}
	.cont_first_caution .caution_title{
		padding-left: 20px;
		font-size: 16px;
		margin-bottom: 10px;
		background-size: 20px;
	}
}
/* お買い物の流れ */
.cont_first_step {
	counter-reset: number;
}
.cont_first_step .step_box{
	background: #f5f5f5;
	display: flex;
	padding:0 15px;
	margin-bottom: 30px;
	position: relative;
}
.cont_first_step .step_box:before{
	content: "";
	display: block;
	width: 85px;
	margin-right: 15px;
}
.cont_first_step .step_box:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 42.5px 0 42.5px;
	position: absolute;
	bottom: -25px;
	left: 15px;
}
.cont_first_step .step_box.search:before{
	background:url(/sub-img/icon_search.png) no-repeat top 20px center #79cee6;
}
.cont_first_step .step_box.order:before{
	background:url(/sub-img/icon_order.png) no-repeat top 20px center #43b4d4;
}
.cont_first_step .step_box.reach:before{
	background:url(/sub-img/icon_reach.png) no-repeat top 20px center #2493b2;
}
.cont_first_step .step_box.search:after{
	border-color: #79cee6 transparent transparent transparent;
}
.cont_first_step .step_box.order:after{
	border-color: #43b4d4 transparent transparent transparent;
}
.cont_first_step .step_box.reach:after{
	display: none;
}
.cont_first_step .step_inner{
	width: calc(100% - 100px);
	padding: 20px 0;
}
.cont_first_step .step_inner dt{
	background: #666;
	line-height: 1.4;
	padding: 10px 20px;
	color:#fff;
	font-weight: bold;
	border-radius: 50px;
	margin-bottom: 15px;
}
.cont_first_step .step_inner dt:before{
	counter-increment: number 1;
	content: counter(number);
	background: #fff;
	display: inline-block;
	color:#666;
	border-radius: 50px;
	line-height: 1;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	padding-top: 3px;
	margin-right: 5px;
}
.cont_first_step .step_inner dd{
	margin-bottom: 30px;
	line-height: 1.6;
}
.cont_first_step .step_inner dd img{
	margin-top: 10px;
}
@media screen and (max-width:768px){
	.cont_first_step .step_box:before{
		width: 50px;
		background-size: 45px !important;
	}
	.cont_first_step .step_box:after{
		border-width:25px 25px 0;
	}
	.cont_first_step .step_inner{
		width: calc(100% - 80px);
	}
	.cont_first_step .step_inner dt{
		padding: 7px 15px;
		margin-bottom: 10px;
	}
	.cont_first_step .step_inner dd{
		line-height: 1.4;
	}
}
/* 決済方法 */
.cont_first_payment .payment_box{
	display: flex;
	margin-bottom: 20px;
}
.cont_first_payment .payment_box .box_img{
	width: 95px;
}
.cont_first_payment .payment_box .box_txt{
	width: calc(100% - 95px);
}
.cont_first_payment .payment_box .box_txt dt{
	margin-bottom: 10px;
}
.cont_first_payment .payment_box .box_txt dd{
	line-height: 1.6;
}
.cont_first_payment .payment_box .cont_guide_f-red-w {
	font-size: 20px;
}
@media screen and (max-width:768px){
	.cont_first_payment .payment_box .cont_guide_f-red-w{
		font-size: 16px;
	}
	.cont_first_payment .payment_box .box_txt dt{
		margin-bottom: 5px;
	}
}
/* 配送について */
.cont_first_delivery .delivery_box{
	margin-bottom: 50px;
}
.cont_first_delivery .delivery_box .delivery_heading{
	font-size: 20px;
	margin-bottom: 15px;
}
.cont_first_delivery .delivery_box .delivery_txt{
	line-height: 1.4;
	margin-bottom: 50px;
}
.cont_first_delivery .delivery_box .delivery_title{
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	color:#f24a84;
	margin-bottom: 20px;
}
.cont_first_delivery .delivery_box .delivery_title span{
	display: inline-block;
	border-radius: 50px;
	background: #f24a84;
	padding: 7px;
	color:#fff;
	margin-right: 10px;
	font-size: 16px;
}
.cont_first_delivery .delivery_box .delivery_pic{
	margin-bottom: 40px;
}
.cont_first_delivery .delivery_box dd:last-child{
	margin-bottom: 0;
}
.cont_first_delivery .delivery_box dd:nth-last-child(2){
	margin-bottom: 20px;
}
.cont_first_delivery .cont_delivery_notice{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6;
}
.cont_first_delivery .cont_delivery_notice .cont_first_f-red {
	font-size: 32px;
}
.cont_first_delivery .cont_first_caution {
	margin-bottom: 20px;
}
@media screen and (max-width:768px){
	.cont_first_delivery .delivery_box .delivery_title{
		display:block;
		text-align: center;
		margin-bottom: 15px;
		font-size: 16px;
	}
	.cont_first_delivery .delivery_box .delivery_title span{
		display: block;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.cont_first_delivery .delivery_box .delivery_heading{
		font-size: 16px;
	}
	.cont_first_delivery .cont_delivery_notice{
		font-size: 20px;
		line-height: 1.4;
	}
}
/* 送料について */
.cont_first_postage .postage_txt{
	line-height: 1.6;
	margin-bottom: 15px;
}



/***********************************************
　よくある質問
***********************************************/
/* 共通 */
.page_faq .cont_question .q_lists a::before,
.page_faq .cont_answer .a_box_title::before{
	content: "Q";
	background: #459cca;
	width: 25px;
	height: 25px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	line-height: 1.6;
	position: absolute;
	top:10px;
	left: 10px;
}
@media screen and (max-width:768px){
	.page_faq .cont_question .q_lists a::before,
	.page_faq .cont_answer .a_box_title::before{
		width: 20px;
		height: 20px;
		left: 7px;
		line-height: 1.4;
	}
}
/* Q */
.page_faq .cont_question .q_list{
	border: 1px solid #e0e0e0;
	padding:15px;
	list-style: none;
	margin-bottom: 30px;
}
@media screen and (max-width:768px){
	.page_faq .cont_question .q_list{
		padding:7px;
		margin-bottom: 20px;
	}
}
.page_faq .cont_question .q_lists:last-child{
	margin-bottom: 0;
}
.page_faq .cont_question .q_lists a{
	padding:10px 7px 10px 45px;
	display: block;
	text-decoration: none;
	position: relative;
	line-height: 1.6;
	color:#000;
}
@media screen and (max-width:768px){
	.page_faq .cont_question .q_lists a{
		padding:10px 7px 10px 35px;
		line-height: 1.4;
	}
}
.page_faq .cont_question .q_lists a:hover{
	text-decoration: none;
	background: #dfeff8;
}
.page_faq .cont_question .q_listbox{
	padding: 0 2%;
}
.page_faq .cont_question .q_listbox dl{
	padding: 1% 0 0;
	margin: 1% auto 0;
}
.page_faq .cont_question .q_listbox dt{
	color: #000;
	background: #f0f0f0;
	padding: 2% 0;
}


/* A */
.page_faq .cont_answer .a_box{
	margin-bottom: 30px;
}
.page_faq .cont_answer .a_box .a_box_title{
	padding:10px 10px 10px 45px;
	line-height: 1.6;
	background: #dfeff8;
	margin-bottom: 15px;
	font-weight: bold;
	position: relative;
}
@media screen and (max-width:768px){
	.page_faq .cont_answer .a_box .a_box_title{
		padding:10px 10px 10px 35px;
		line-height: 1.4;
	}
}
.page_faq .cont_answer .a_box .a_box_detail{
	line-height: 1.6;
	padding-left:45px;
	position: relative;
}
@media screen and (max-width:768px){
	.page_faq .cont_answer .a_box .a_box_detail{
		padding-left:35px;
	}
}
.page_faq .cont_answer .a_box .a_box_detail::before{
	content: "A";
	display: inline-block;
	vertical-align: middle;
	background: #ff9f22;
	width: 25px;
	height: 25px;
	color:#fff;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 10px;
}
@media screen and (max-width:768px){
	.page_faq .cont_answer .a_box .a_box_detail::before{
		width: 20px;
		height: 20px;
	}
}
.page_faq .cont_answer .a_box .a_box_card{
	padding: 15px;
	background: #f0f0f0;
	margin-bottom: 10px;
}
.page_faq .cont_answer .a_box .a_box_card img{
	max-width: 550px;
	min-width: 200px;
	width: 46%;
	margin:10px 0 0;
}



/***********************************************
　特定商取引法に基づく表記
***********************************************/
.page_law .law_table_box{
	margin-bottom: 50px;
}
.page_law .law_table{
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
.page_law .law_table .law_th,
.page_law .law_table .law_td{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3%;
	text-align: left;
	font-weight:bold;
	font-size:0.8em;
	vertical-align:middle;
}
.page_law .law_table .law_th{
	width: 30%;
	background: #ececec;
}
@media screen and (max-width:768px){
	.page_law .law_table .law_th{
		display: block;
		width: 100%;
	}
	.page_law .law_table .law_th img{
		width: 32%;
		vertical-align: middle;
	}
	.page_law .law_table .law_td{
		display: block;
		width: 100%;
	}
}
.page_law .law_btn img{
	margin-bottom: 20px;
	width: 100%;
}



/***********************************************
　メール受信拒否設定の解除について
***********************************************/
.guide_main .cont_domain_caution{
	border: 5px solid #e2e2e2;
	padding: 20px;
	text-align: left;
}
.cont_domain_caution .domain_title{
	font-size: 20px;
	margin-bottom: 15px;
	color:#000;
	font-weight: bold;
	text-align: center;
}
.guide_main .cont_domain_caution div{
	text-align: center;
}
/* ボタン */
.cont_domain ul li{
	margin-bottom: 10px;
	list-style: none;
}
.cont_domain ul li img{
	max-width: 500px;
	width: 100%;
}
/* テキスト */
.cont_domain .domain_txt{
	line-height: 1.6;
	margin-bottom: 15px;
}
.cont_domain .domain_txt span{
	color:#cc191c;
}
@media screen and (max-width:768px){
	.guide_main .cont_domain_caution{
		border: 2px solid #e2e2e2;
		padding:15px 15px;
	}
	.cont_domain_caution .caution_title{
		padding-left: 20px;
		font-size: 16px;
		margin-bottom: 10px;
		background-size: 20px;
	}
}