@charset "utf-8";
/*
	Last Update: 2023/08/10
	Auther: yt
*/
/*===================================================================
	page layout
===================================================================*/
#page_title { position:relative; }
#page_title .img_back { height:35vw; max-height:370px; }
#page_title .title_wrap { text-align:center; }
#page_title .main { font-weight:bold; }
#page_title .sub {}
	@media (max-width: 767px){
		#page_title .img_back { height:250px; }
		#page_title .main { font-size:2em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#page_title .img_back { height:50vw; max-height:370px; }
		#page_title .main { font-size:2.25em; letter-spacing:3px; }
	}
	@media (min-width: 992px){
		#page_title .img_back { height:35vw; max-height:370px; }
		#page_title .main { font-size:2.5em; letter-spacing:3px; }
	}

#pankuzu { font-size:13px; padding:10px 20px; background:#F4F3F0; }
#pankuzu a {}
#pankuzu li, #pankuzu li:before { vertical-align:baseline; line-height:100%; }
#pankuzu li:before { display:inline-block; }
#pankuzu li h2 { display:inline; }
#pankuzu ul > li:not(:first-child):before { content:">"; margin:0 8px; color:#9D9D9D; }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#pankuzu li { display:inline; }
	}
	@media (min-width: 576px){
		#pankuzu li { display:inline-block; }
	}

/*===================================================================
	mypage
===================================================================*/
#mypage {}
#mypage .user_name { display:block; margin-bottom:20px; }
#mypage .user_name > * { display:inline-block; }
#mypage .user_name > .main { background:url(../image/icon/member.png) no-repeat center left / 30px auto; padding:10px 0 10px 40px; font-size:1.25em; font-weight:bold; }
#mypage .user_name > .sub { display:inline-block; padding-left:5px; }

#mypage .mypage_top_box { padding:20px; }
#mypage .mypage_top_box._point { background:#F2E9E7; }
#mypage .mypage_top_box._product { background:#D8E7E7; }
#mypage .mypage_top_box .title { margin-bottom:40px; font-size:1.2em; }
#mypage .mypage_top_box .point_info { display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
#mypage .mypage_top_box .point_info > ._left { padding-right:50px; }
#mypage .mypage_top_box .point_info > ._left .primary { text-align:center; }
#mypage .mypage_top_box .point_info > ._left .primary .main { display:inline-block; padding-left:50px; background:url(../image/icon/point.png) no-repeat center left / 45px auto; font-size:2.5em; font-weight:bold; color:#C83200; }
#mypage .mypage_top_box .point_info > ._left .primary .sub { color:#000000; font-weight:bold; font-size:1.25em; }
#mypage .mypage_top_box .point_info > ._left .secondary { text-align:center; }
#mypage .mypage_top_box._product .images { display: flex; width:calc(100% + 16px); margin-left:-8px; margin-right:-8px; flex-wrap:wrap; margin-bottom:20px; }
#mypage .mypage_top_box._product .images .image { width:20%; padding:0 8px; }
#mypage .mypage_top_box._product .images .image a { display:block; }
#mypage .mypage_top_box._product .images .image a .img_back { width:100%; padding-bottom:100%; }
@media (max-width:1440px) {
	#mypage .mypage_top_box .point_info { flex-direction:column; }
	#mypage .mypage_top_box .point_info > * { width:100%;}
	#mypage .mypage_top_box .point_info > ._left { padding-right:0; padding-bottom:20px; }
	#mypage .mypage_top_box .point_info > ._right { text-align:center; }
	#mypage .mypage_top_box._product .images .image { width:25%; }
	#mypage .mypage_top_box._product .images .image:nth-child(n+5) { display:none; }
}
@media (max-width:1200px) {
	#mypage .mypage_top_box._product .images { margin-bottom:10px; }
	#mypage .mypage_top_box._product .images .image { width:50%; margin-bottom:10px; }
}
@media (max-width:767px) {
	#mypage .mypage_top_box._point { margin-bottom:20px; }
}

#mypage .mypage_menu { margin-bottom:-20px; }
#mypage .mypage_menu .menu_btn { border:1px solid #D5D5D5; border-radius:3px; padding:30px 10px; display:block; margin-bottom:20px; }
#mypage .mypage_menu .menu_btn .image { margin-bottom:10px; text-align:center; }
#mypage .mypage_menu .menu_btn .image img { width:60px; }
#mypage .mypage_menu .menu_btn .text { text-align:center; display:block; }
@media (max-width:767px) {
	#mypage .mypage_menu .menu_btn { padding:10px 10px; }
	#mypage .mypage_menu .menu_btn .image { margin-bottom:5px; }
}

#mypage .point_box { background:#F8F8F8; padding:30px 60px; margin-bottom:10px; }
#mypage .point_box table { width:100%; }
#mypage .point_box table tbody tr > * { padding:20px 0; }
#mypage .point_box table tbody tr:not(:last-child) > * { border-bottom:1px solid #E8E8E8; }
#mypage .point_box table tbody tr > th .main { font-weight:bold; font-size:1.2em; }
#mypage .point_box table tbody tr > td { text-align:right; }
#mypage .point_box table tbody tr > td .point { display:inline-block; padding:10px 0; }
#mypage .point_box table tbody tr > td .point._icon { padding-left:75px; background:url(../image/icon/point.png) no-repeat center left / 65px auto; }
#mypage .point_box table tbody tr > td .point .main { font-weight:bold; font-size:2.5em; display:inline-block; }
#mypage .point_box table tbody tr > td .point .sub { font-weight:500; font-size:1.2em; display:inline-block; }
@media (max-width:1200px) {
	#mypage .point_box { padding:20px 20px; }
	#mypage .point_box table tbody tr > * { padding:10px 0; }
}
@media (max-width:767px) {
	#mypage .point_box table,
	#mypage .point_box table tbody,
	#mypage .point_box table tbody tr,
	#mypage .point_box table tbody tr > * { display:block; }
	#mypage .point_box table tbody tr > th { border-bottom:0!important; }
	#mypage .point_box table tbody tr > td .point._icon { padding-left:50px; background-size:45px auto; }
}

#mypage .order_info .message_detail { padding-left:10px; font-size:.9em; }
@media (max-width:575px) {
	#mypage .order_info table tr th { width:90px; }
}

#mypage .mypage_history .sp_table_wrap { overflow-x:auto; width:100%; white-space:nowrap; }

.delivery_address_wrap {}
.delivery_address_wrap._cart { padding-top:40px; margin-top:40px; border-top:1px solid #D1D1D1; }
.delivery_address_wrap .unit { border:1px solid #B1B1B1; border-radius:3px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:30px; min-height:180px; position:relative; }
.delivery_address_wrap .unit._new > a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.delivery_address_wrap .unit.active { outline:3px solid #69BCD0; border-color:transparent; }
.delivery_address_wrap .unit.active::before { position:absolute; content:""; width:24px; height:24px; display:block; background:url(../image/icon/check2.png) no-repeat center center / contain; top:0; left:0; transform:translate(-50%,-50%); }
.delivery_address_wrap .unit._add { padding:40px 20px; }
.delivery_address_wrap .unit .add_btn_icon { display:inline-block; padding-top:50px; background:url(../image/icon/plus3.png) no-repeat center top / 40px auto; font-size:1.3em; text-align:center; width:180px; }
.delivery_address_wrap .unit > * { width:100%; }
.delivery_address_wrap .unit .head { padding:10px 10px; font-size:.9em; }
.delivery_address_wrap .unit._default .head { border-bottom:1px solid #B1B1B1; }
.delivery_address_wrap .unit .address_info { padding:15px 15px; flex-grow:1; }
.delivery_address_wrap .unit .address_info .name { font-weight:bold; font-size:1em; }
.delivery_address_wrap .unit .address_info .address,
.delivery_address_wrap .unit .address_info .tel { font-size:0.8em; }
.delivery_address_wrap .unit .foot { display:flex; align-items:center; justify-content:space-between; padding:0 15px 10px 15px; flex-wrap:wrap; }
.delivery_address_wrap .unit .foot a { color:#A2A2A2; font-size:0.8em; }
.delivery_address_wrap .unit .foot a.edit { display:inline-block; padding:5px 15px; border-radius:20px; border:1px solid #A2A2A2; }
.delivery_address_wrap .unit .foot ._left > * { display:inline-block; }
.delivery_address_wrap .unit .foot .default_set_wrap { padding-left:8px; margin-left:8px; border-left:1px solid #A2A2A2; }
@media (max-width:767px) {
	.delivery_address_wrap .unit._new > a { padding:30px 0; }
}

.guide_list {}
.guide_list .row { flex-wrap:wrap; align-items:flex-start; margin-bottom:-20px; }
.guide_group { padding-bottom:20px; }
.guide_group .toggle { display:block; border-bottom:1px solid #E8E8E8; background:url(../image/icon/arrow_b.png) no-repeat center right / 12px auto; font-weight:bold; }
.guide_group .accordion { padding-top:20px; }
.guide_group .toggle .main { display:block; padding-bottom:15px; padding-top:15px; background:no-repeat center left / 50px auto; padding-left:55px; }
.guide_group .toggle .main._1 { background-image:url(../image/guide/guide1.png); }
.guide_group .toggle .main._2 { background-image:url(../image/guide/guide2.png); }
.guide_group .toggle .main._3 { background-image:url(../image/guide/guide3.png); }
.guide_group .toggle .main._4 { background-image:url(../image/guide/guide4.png); }
.guide_group .toggle .main._5 { background-image:url(../image/guide/guide5.png); }
.guide_group .toggle .main._6 { background-image:url(../image/guide/guide6.png); }
.guide_group .toggle.active { background-image:url(../image/icon/arrow_t.png); }
.guide_group ul li { text-indent:-1em; padding-left:1em; }
.guide_group ul li::before { content:"・"; }
@media (max-width:767px) {
	.guide_list .row > * { width:100%; }
}

#guide .buttons_wrap { display:inline-block; }
#guide .buttons { display:flex; margin-bottom:5px; }
#guide .buttons > .unit:not(:last-child) { padding-right:20px; }
@media (max-width:767px) {
	#guide .buttons_wrap { width:100%; }
	#guide .buttons { flex-direction:column; align-items:center; }
	#guide .buttons > .unit:not(:last-child) { padding-right:0; padding-bottom:20px; }
}

#guide .hl_delivery_fee { font-size:1.2em; }
#guide .delivery_fee { display:flex; padding:30px; margin-bottom:30px; max-width:630px; width:100%; }
#guide .delivery_fee ._left { width:130px; }
#guide .delivery_fee ._left .image { background:#fff; width:130px; height:130px; display:flex; align-items:center; justify-content:center; }
#guide .delivery_fee ._left .image img { width:100px; }
#guide .delivery_fee ._right { width:calc(100% - 130px); padding-left:20px; }
#guide .delivery_fee ._right .text .title { margin-bottom:5px; font-size:1.25em; }
@media (max-width:575px) {
	#guide .delivery_fee { flex-direction:column; }
	#guide .delivery_fee > * { width:100%!important; display:block; }
	#guide .delivery_fee > ._left { padding:10px 0; }
	#guide .delivery_fee > ._left .image { margin:0 auto; }
	#guide .delivery_fee > ._right { padding-left:0; padding-top:10px; }
}

#guide .tbl_1._tbl_point th { width:280px; }
#guide .tbl_1._tbl_point .points_list { line-height:1.2; margin-bottom:10px; }
#guide .tbl_1._tbl_point .point_wrap { font-weight:bold; }
#guide .tbl_1._tbl_point .point_wrap .number { font-size:2.5em; }
#guide .tbl_1._tbl_point .point_wrap .unit { font-size:1.25em; padding-left:2px; }
#guide .tbl_1._tbl_point .campaign { display:flex; flex-direction:column; justify-content:center; padding-left:90px; background:url(../image/icon/point3.png) no-repeat center left / 67px; min-height:70px; }
#guide .tbl_1._tbl_point .campaign .main { font-weight:bold; font-size:1.1em; margin-bottom:5px; }
@media (max-width:991px) {
	#guide .tbl_1._tbl_point,
	#guide .tbl_1._tbl_point > tbody,
	#guide .tbl_1._tbl_point > tbody > tr,
	#guide .tbl_1._tbl_point > tbody > tr > * { display:block; width:100%!important; }
	#guide .tbl_1._tbl_point .campaign { padding-left:70px; background-size:60px auto; }
}

/*===================================================================
	entry
===================================================================*/
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin:0; font-size:1em; line-height:1.2; color:#505050; font-weight:500; }

.entry .h2_fck { display:block; text-align:center; padding:10px 15px; border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:30px; font-size:1.25em; }
.entry .h3_fck,
.entry .h3_fck-2 { display:block; padding-bottom:10px; margin-bottom:30px; position:relative; font-size:1.2em; }
.entry .h3_fck::before { content:""; display:block; position:absolute; width:100%; height:1px; left:0; bottom:0; background:linear-gradient(to right, #656565 55px, #BABABA 55px); }
.entry .h3_fck-2::before { content:""; display:block; position:absolute; width:100%; height:1px; left:0; bottom:0; border-bottom:1px dashed #BABABA; }
.entry .h4_fck { display:flex; white-space:nowrap; align-items:center; justify-content:center; font-size:1.2em; margin-bottom:30px; }
.entry .h4_fck::before,
.entry .h4_fck::after { content:""; height:1px; background:#C9C9C9; display:block; flex-grow:1; }
.entry .h4_fck::before { margin-right:15px; }
.entry .h4_fck::after { margin-left:15px; }
.entry .h5_fck { display:block; background:#F4F3F0; padding:10px 20px; font-size:1.1em; margin-bottom:30px; }
.entry .h6_fck { display:block; padding-left:8px; border-left:3px solid #333333; font-size:1.1em; margin-bottom:30px; }
.entry .h6_fck-2 { display:block; padding-left:30px; font-size:1.1em; margin-bottom:30px; position:relative; }
.entry .h6_fck-2::before { content:""; width:20px; height:20px; background:url(../image/icon/check.png) no-repeat center center / contain; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); }

.entry h2:not(:first-child),
.entry h3:not(:first-child),
.entry h4:not(:first-child),
.entry h5:not(:first-child),
.entry h6:not(:first-child),
.entry .h2_fck:not(:first-child),
.entry .h3_fck:not(:first-child),
.entry .h3_fck-2:not(:first-child),
.entry .h4_fck:not(:first-child),
.entry .h5_fck:not(:first-child),
.entry .h6_fck:not(:first-child),
.entry .h6_fck-2:not(:first-child) { margin-top:40px; }

.entry a { color:#69BCD0; text-decoration:underline; }
.entry a:hover { text-decoration:none; }
.entry.pos_ac ul > li,
.entry.pos_ac ol > li { margin-left:0; }
.entry.pos_ac ul > li:before,
.entry.pos_ac ol > li:before { position:relative; display:inline-flex; vertical-align:top; height:1.6em; left:auto; margin-right:10px; }
.entry ul > li:before { content:"●"; }
.entry ul > li > ul > li:before { content:"■"; }
.entry ol > li:before { color:; }
.entry ol > li > ol > li:before { color:; }
.entry table thead th { background:; color:; }
.entry table thead td { background:; color:; }
.entry table tbody th { background:; color:; }
.entry table tbody td { background:; color:; }

.entry img { max-width:100%!important; height:auto!important; }

.entry .all_horizontal { display:flex; }
.entry .all_horizontal > *:not(:last-child) { margin-right:10px; }
.entry .all_horizontal > * { flex:1; }
@media (min-width:768px) {
	.entry .pc_horizontal { display:flex; }
	.entry .pc_horizontal > *:not(:last-child) { margin-right:10px; }
	.entry .pc_horizontal > * { flex:1; }
}
@media (max-width:767px) {
	.entry .sp_horizontal { display:flex; }
	.entry .sp_horizontal > *:not(:last-child) { margin-right:10px; }
	.entry .sp_horizontal > * { flex:1; }
}