@charset "utf-8";

.cm                        {overflow:hidden;}

/* ============================================================== list */
.ls_hdr                    {padding:2em;overflow:hidden;}
.ls_hdr_bdy,
.ls_hdr_sbj                {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ls_hdr_sbj                {margin:0 auto 1em;display:block;overflow:hidden;}
.ls_hdr_sbj:before         {font-family:'087';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
                            background:#000;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,0.3);border-radius:4px;width:1.5em;line-height:1.5em;vertical-align:middle;text-align:center;
                            font-size:32px;content:'\e60d';background-color:#4dc4c2;
                            display:block;float:left;margin:0 0.5em 0 0;
                           }
.ls_hdr_bdy                {}
.ls_hdr_bdy p,
.ls_hdr_bdy .txt           {margin:0 0 1em;padding:0;line-height:1.5;}
.ls_hdr_bdy ul,
.ls_hdr_bdy li             {margin:0;padding:0;list-style:none;}
.ls_hdr_bdy ul             {display:none;}
.ls_hdr_bdy li             {color:#266;margin-left:2em;margin-bottom:0.5em;position:relative;line-height:1.5;}
.ls_hdr_bdy li:before      {color:#266;content:"\e651";font-family:'entypo';position:absolute;left:-2em;}

.ls_hdr_bdy .img           {display:none;}
.ls_hdr_bdy .img2          {display:none;}

.ls_code_ST1 .ls_hdr_sbj:before,
.ls_bouquet .ls_hdr_sbj:before    {content:'\e606';background-color:#CF304B;}
.ls_code_ST2 .ls_hdr_sbj:before,
.ls_arrange .ls_hdr_sbj:before    {content:'\e607';background-color:#D36C18;}
.ls_code_ST3 .ls_hdr_sbj:before,
.ls_stage .ls_hdr_sbj:before      {content:'\e601';background-color:#735A87;}
.ls_code_ST4 .ls_hdr_sbj:before,
.ls_stand .ls_hdr_sbj:before      {content:'\e600';background-color:#3E5691;}
.ls_code_ST5 .ls_hdr_sbj:before,
.ls_ran .ls_hdr_sbj:before        {content:'\e602';background-color:#A88D48;}
.ls_code_ST6 .ls_hdr_sbj:before,
.ls_green .ls_hdr_sbj:before      {content:'\e604';background-color:#517554;}
.ls_code_ST7 .ls_hdr_sbj:before,
.ls_chouka .ls_hdr_sbj:before     {content:'\e605';background-color:#828282;}
.ls_code_ST8 .ls_hdr_sbj:before,
.ls_preserved .ls_hdr_sbj:before  {content:'\e603';background-color:#B34486;}
.ls_search .ls_hdr_sbj:before     {content:'\e608';background-color:#4dc4c2;}

.ls_bouquet .ls_hdr_bdy .bdy1    {color:#CF304B;}
.ls_arrange .ls_hdr_bdy .bdy1    {color:#D36C18;}
.ls_stage .ls_hdr_bdy .bdy1      {color:#735A87;}
.ls_stand .ls_hdr_bdy .bdy1      {color:#3E5691;}
.ls_ran .ls_hdr_bdy .bdy1        {color:#A88D48;}
.ls_green .ls_hdr_bdy .bdy1      {color:#517554;}
.ls_chouka .ls_hdr_bdy .bdy1     {color:#828282;}
.ls_preserved .ls_hdr_bdy .bdy1  {color:#B34486;}

.itm_select                {}
.itm_select select         {font-size:12px;width:180px;vertical-align:middle;}
.itm_select_hdr            {font-size:12px;display:inline-block;vertical-align:middle;padding-right:0.5em;}

.ls_itm                    {min-height:200px;padding-bottom:20px;}
.ls_itm ul,
.ls_itm li                 {margin:0;padding:0;list-style:none;overflow:hidden;}
.ls_itm li,
.ls_itm li a,
.ls_itm li a span          {overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.ls_itm ul                 {text-align:center;}
.ls_itm li                 {display:inline-block;width:138px;margin:2px;}
.ls_itm li a               {display:block;position:relative;text-decoration:none;padding:4px;border:1px solid #ccc;background:#fff;}
.ls_itm li a span          {display:block;}
.ls_itm .name              {color:#333;line-height:1.5;padding:0.2em 0.5em 0.4em;text-align:left;}
.ls_itm .price             {font-size:11px;background:#266;color:#fff;line-height:1.5;padding:0.5em 0;border-radius:4px;}
.ls_itm .price i           {display:inline-block;white-space:nowrap;}
.ls_itm .price i.tax       {color:#ccc;font-size:75%;margin-left:0.5em;}
.ls_itm a:hover .name      {color:#666;}
.ls_itm a:hover .price     {background:#488;}
.ls_itm img                {max-width:100%;}

.ls_itm .tag               {opacity:0;position:absolute;right:0;top:10px;}
.ls_itm a:hover .tag       {opacity:0.9;}
.ls_itm .tag i             {border-left:3px solid #266;font-size:0.88em;display:block;text-align:center;background:#fff;margin-bottom:0.5em;padding:0.2em 0;width:7em;}

.soldout .img              {position:relative;}
.soldout .img:before       {content:"SOLDOUT";position:absolute;z-index:50;bottom:0;color:#fff;width:100%;text-align:center;background:rgba(255,0,0,0.65);padding:0.5em 0;}
 
.ls_itm .nmbr              {color:#39c;margin-right:0.5em;}

/* ============================================================== search */
.ls_search_form            {clear:both;padding-top:2em;}
.ls_search_form .ipf_key   {background:#4dc4c2;background:#488;color:#fff;margin-bottom:0.5em;padding:0.5em;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.ls_srch_btns              {clear:both;}
.ls_srch_btns .btn         {line-height:3em;height:3em;padding:0 2em;}

.ls_pager                  {clear:both;margin:1em;text-align:center;}
.ls_pager_1                {display:none;margin:0 1em 1em;}
.ls_pager_2                {margin:0 1em 2em;}

/* ============================================================== recommend */
.recommend                 {background:#f4fefe;padding-top:10px;border-top:4px solid #4dc4c2;border-bottom:4px solid #4dc4c2;margin-bottom:20px;}
.recommend h2              {text-align:center;margin-bottom:0.5em;color:#4dc4c2;}
.ls_itm_hdg                {width:4em;font-size:1.2em;background:#4dc4c2;color:#fff;padding:0.2em;text-align:center;margin:0 auto 1em;border-radius:4px;}

/* ============================================================== media query */
@media screen and (min-width: 480px){

	.list5 .ls_itm ul          {margin-left:2em;}

	.search_form .ipf_val      {}

}
@media screen and (min-width: 760px){
	.ls_hdr_sbj                {float:left;width:30%;}
	.ls_hdr_bdy                {float:right;width:68%;min-height:6em;}
	.ls_hdr_bdy ul             {display:block;}
	.itm_select                {padding:0;float:left;}

	.ls_itm li                 {width:160px;margin:4px;}
	.ls_itm .price             {font-size:12px;}

	.ls_search .ls_hdr_sbj     {width:24%;}
	.ls_search .ls_hdr_bdy     {width:74%;}

	.ls_pager_1                {display:block;}
}
@media screen and (min-width: 1020px){
	.ls_hdr                    {padding:3em;margin:5px;border-radius:4px;}
	.ls_hdr_sbj                {width:24%;}
	.ls_hdr_sbj:before         {font-size:40px;}
	.ls_hdr_bdy                {width:74%;float:right;}
	.ls_hdr_bdy .img           {display:block;width:50%;float:right;text-align:center;margin:0 0 0 2em;overflow:hidden;}
	.ls_hdr_bdy .img img       {max-width:100%;vertical-align:top;}
	.ls_hdr_bdy .img2          {display:block;float:right;text-align:right;margin:0 0 0 2em;overflow:hidden;}

	.ls_itm li                 {width:180px;}
}
@media screen and (min-width: 1500px){
	.ls_hdr                    {background:rgba(255,255,255,0.8);margin-bottom:5px;}
	.ls_hdr_sbj                {}
	.ls_hdr_sbj:before         {font-size:48px;}
	.ls_hdr_bdy li             {font-size:0.9em;}

	.ls_itm li                 {width:200px;}
	.ls_itm .name              {font-size:0.88em;}

	.recommend                 {margin:0 5px 2em;border:5px solid #4dc4c2;border-radius:8px;}
	.recommend h2              {background:#4dc4c2;color:#fff;margin:0 10px 10px;padding:0.2em 0.5em;border-radius:4px;font-size:1.2em;}
	.ls_itm_hdg                {border:3px solid #fff;margin-bottom:2em;margin-top:2em;}

	.ls_pager_1                {margin:1em 1em 0.5em;}
	.ls_pager .dsbl            {color:#ddd;border-color:#ddd;}

}

/* ------------------------------------ 2022/11/29 */
.ls_hdr::before {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}
.ls_hdr_ogp_img {
	text-align: center;
	margin: 0 0 1em;
	overflow: hidden;
	display: none;
}
.ls_hdr_ogp_img img {
	max-width:100%;
	vertical-align:top;
}
@media screen and (min-width: 1020px){
	.ls_hdr_ogp_img {
		display: block;
		width: 50%;
		float: right;
		margin: 0 0 1em 2em;
	}
}
/* ------------------------------------ 2022/12/18 */
.ls_itm ul {
	text-align:center;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0.5em;
	padding: 0.5em 1em;
}
.ls_itm li {
	display:block;
	width:auto;
	margin:0;
}
@media screen and (min-width: 480px){
	.ls_itm ul {
		grid-template-columns: repeat(3,1fr);
	}
}
@media screen and (min-width: 760px){
	.ls_itm ul {
		grid-template-columns: repeat(4,1fr);
	}
	.ls_itm li {
		width: auto;
		margin: 0;
	}
}
@media screen and (min-width: 1020px){
	.ls_itm ul {
		grid-template-columns: repeat(5,1fr);
		gap: 1em;
		padding: 1em 1.5em;
	}
	.ls_itm li {
		margin: 0;
	}
}
@media screen and (min-width: 1300px){
	.ls_itm ul {
		grid-template-columns: repeat(6,1fr);
	}
}
@media screen and (min-width: 1500px){
	.ls_itm ul {
		grid-template-columns: repeat(7,1fr);
	}
	.ls_itm li {
		margin: 0;
	}
}