@charset "UTF-8";

#sec_catalog .catalog_list { margin-bottom: 50px; display: flex; flex-wrap: wrap; align-items: flex-start; }
#sec_catalog .catalog_list_item { width: calc((100% - 18px) / 2); margin-right: 18px; }
#sec_catalog .catalog_list_item:nth-child(2n) { margin-right: 0; }
#sec_catalog .catalog_list_item:nth-child(n + 3) { margin-top: 40px; }
#sec_catalog .catalog_layout { display: flex; }
#sec_catalog .catalog_layout_item { width: 50%; }
#sec_catalog .catalog_layout_item:last-child { padding: 25px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f4f4f4; }
#sec_catalog .catalog_layout_item img { vertical-align: bottom; }
#sec_catalog .catalog_ttl { padding: 5px 0 0; text-align: center; }
#sec_catalog .catalog_num { padding: 0 0 5px; width: 80%; text-align: center; border-bottom: 1px solid #313131; }
#sec_catalog .catalog_link { margin: 25px 0 0; padding: 14px 10px 11px; width: 100%; text-align: center; color: #fff; background-color: #00723d; font-size: 15px; font-size: 1.5rem; }
#sec_catalog .catalog_desc { padding-top: 0; font-size: 13px; font-size: 1.3rem; line-height: 25px; }

#sec_catalog .catalog_hdg { margin-bottom: 26px; padding-right: 10px; font-size: 17px; font-size: 1.7rem; font-weight: bold; position: relative; }
#sec_catalog .catalog_hdg::after { position: absolute; content: ""; top: 50%; right: 0; z-index: 0; transform: translateY(-50%); width: 100%; height: 1px; background-color: #00723d; }
#sec_catalog .catalog_hdg span { padding-right: 10px; display: inline-block; background-color: #fff; position: relative; z-index: 1; }
#sec_catalog .catalog_hdg3 { padding-top: 22px; font-size: 15px; font-size: 1.5rem; text-align: center; }
#sec_catalog .catalog_hdg3 span { padding: 0 10px; display: inline-block; position: relative; }
#sec_catalog .catalog_hdg3 span::before,
#sec_catalog .catalog_hdg3 span::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 40px; height: 1px; background-color: #333; }
#sec_catalog .catalog_hdg3 span::before { left: -40px; }
#sec_catalog .catalog_hdg3 span::after { right: -40px; }
#sec_catalog .catalog_hdg3_sub { padding-top: 15px; font-size: 13px; font-size: 1.3rem; text-align: center; }
#sec_catalog .catalog_btn { margin-top: 15px; text-align: center; }
#sec_catalog .catalog_btn_inner { display: inline-block; min-width: 324px; font-size: 16px; font-size: 1.6rem; line-height: 50px; font-weight: bold; color: #00723d; border: 1px solid #00723d; background-color: #fff; }
#sec_catalog .catalog_btn_inner.c-black { color: #333; border-color: #333; }
#sec_catalog .catalog_btn_inner.c-cfl { color: #00723d; border-color: #00723d; }
#sec_catalog .catalog_btn_inner.c-myflower { color: #9a8d33; border-color: #9a8d33; }
#sec_catalog .catalog_btn_inner.ico_login::before { position: relative; content: ""; margin-right: 10px; display: inline-block; vertical-align: text-bottom; width: 20px; height: 20px; background: url(/cms/img/usr/common/common_ico_header_cart_green_sp.png) no-repeat center center / contain; image-rendering: -webkit-optimize-contrast; }
#sec_catalog .catalog_btn_inner.ico_myflower::before { position: relative; content: ""; margin-right: 10px; display: inline-block; vertical-align: text-bottom; width: 20px; height: 20px; background: url(/cms/img/usr/common/common_ico_myflower.png) no-repeat center center / contain; image-rendering: -webkit-optimize-contrast; }
#sec_catalog .catalog_note { margin-top: 20px; font-size: 13px; font-size: 1.3rem; }
#sec_catalog .catalog_note em { color: #fd3737; }

@media screen and (max-width: 768px) {
	#sec_catalog .catalog_list { margin-bottom: 40px; display: block; }
	#sec_catalog .catalog_list_item { width: 100%; margin-right: 0; }
	#sec_catalog .catalog_list_item:nth-child(n + 3) { margin-top: 0; }
	#sec_catalog .catalog_list_item + .catalog_list_item { margin-top: 15px; }
	#sec_catalog .catalog_layout_item { width: auto; }
	#sec_catalog .catalog_layout_item:last-child { padding: 12px; flex: 1; min-width: 50%; }
	#sec_catalog .catalog_ttl { padding-top: 3px; font-size: 13px; font-size: 1.3rem; }
	#sec_catalog .catalog_num { padding-bottom: 3px; width: 100%; font-size: 13px; font-size: 1.3rem; }
	#sec_catalog .catalog_link { margin-top: 20px; padding: 11px 10px 8px; font-size: 12px; font-size: 1.2rem; }
	#sec_catalog .catalog_desc { padding-top: 0; font-size: 12px; font-size: 1.2rem; line-height: 20px; }

	#sec_catalog .catalog_hdg { margin-bottom: 15px; font-size: 15px; font-size: 1.5rem; }
	#sec_catalog .catalog_hdg span { padding-right: 5px; }
	#sec_catalog .catalog_hdg3 { padding-top: 15px; font-size: 13px; font-size: 1.3rem; overflow: hidden; }
	#sec_catalog .catalog_hdg3 span { padding: 0 5px; }
	#sec_catalog .catalog_hdg3 span::before, #sec_catalog .catalog_hdg3 span::after { width: 20%; }
	#sec_catalog .catalog_hdg3 span::before { left: -20%; }
	#sec_catalog .catalog_hdg3 span::after { right: -20%; }
	#sec_catalog .catalog_hdg3_sub { padding-top: 10px; font-size: 12px; font-size: 1.2rem; }
	#sec_catalog .catalog_btn { margin-top: 10px; }
	#sec_catalog .catalog_btn_inner { display: inline-block; min-width: auto; width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 40px; }
	#sec_catalog .catalog_btn_inner.ico_login::before { margin-right: 5px; vertical-align: middle; width: 20px; height: 22px; background-position-y: calc(50% + -1px); }
	#sec_catalog .catalog_btn_inner.ico_myflower::before { margin-right: 5px; vertical-align: middle; width: 20px; height: 22px; background-position-y: calc(50% + -1px); }
	#sec_catalog .catalog_note { margin-top: 0; font-size: 12px; font-size: 1.2rem; }
}