@charset "utf-8";

html, body                 {width:100%;height:100%;max-width:1880px;margin:0 auto;}
a                          {outline:none;color:#266;}
a:hover                    {color:#399;}
i                          {font-style:normal;}
em                         {font-style:normal;font-weight:bold;}
.h a, .f a                 {text-decoration:none;}
.f:before, .f:after        {content:"";display:block;clear:both;height:1px;font-size:0;}
.ie8lte                    {display:none;}

/* ----------------------------------------------- font */
body                       {font-size:80%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1, h2                     {margin:0;padding:0;font-weight:normal;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
h1                         {font-size:1.4em;}
h2                         {font-size:1.2em;}
h3                         {font-size:1.1em;}
input[type=password],
input[type=text],
select,
textarea,
p                          {font-size:1em;}

@font-face                 {font-family:'entypo';src:url('fonts/entypo.eot?ac19je');src:url('fonts/entypo.eot?#iefixac19je') format('embedded-opentype'),url('fonts/entypo.woff?ac19je') format('woff'),url('fonts/entypo.ttf?ac19je') format('truetype'),url('fonts/entypo.svg?ac19je#entypo') format('svg');font-weight: normal;font-style: normal;}
@font-face                 {font-family:'087';src:url('fonts/087.eot?ac19je');src:url('fonts/087.eot?#iefixac19je') format('embedded-opentype'),url('fonts/087.woff?ac19je') format('woff'),url('fonts/087.ttf?ac19je') format('truetype'),url('fonts/087.svg?ac19je#087') format('svg');font-weight:normal;font-style:normal;}
@font-face                 {font-family:'Beautiful ES';src:url('fonts/BEAUE___.eot?ac19je');src:url('fonts/BEAUE___.eot?#iefixac19je') format('embedded-opentype'),url('fonts/BEAUE___.woff?ac19je') format('woff'),url('fonts/BEAUE___.ttf?ac19je') format('truetype'),url('fonts/BEAUE___.svg?ac19je#BEAUE___') format('svg');font-weight: normal;font-style: normal;}

/* ============================================================== content */
body                       {background:#266;background:#488;}
.c                         {background:#f3f3f3;overflow:hidden;}
.c p                       {line-height:1.5;}
/*
.cs                        {display:none;}
*/

/* ============================================================== navigation */
.nvco span,
.nvco a                    {text-decoration:none;display:block;}
.nvco ul,
.nvco li                   {margin:0;padding:0;list-style:none;}
.nvco li span:before,
.nvco li a:before          {font-family:'087';font-size:24px;width:24px;height:24px;margin:0 auto;display:block;overflow:hidden;text-align:center;vertical-align:top;}

.nv_cart a:before,  .nv_cart span:before        {content:'\e60a';}
.nv_login a:before,  .nv_login span:before      {content:'\e609';}
.nv_select a:before,  .nv_select span:before    {content:'\e60d';}
.nv_sitemap a:before,  .nv_sitemap span:before  {content:'\e60b';}
.nv_help a:before,  .nv_help span:before        {content:'\e60c';}
.nv_search a:before,  .nv_search span:before    {content:'\e608';}
.nv_member a:before,  .nv_member span:before    {content:'\e609';}
.nv_bouquet a:before       {content:'\e606';}
.nv_arrange a:before       {content:'\e607';}
.nv_stage a:before         {content:'\e601';}
.nv_stand a:before         {content:'\e600';}
.nv_ran a:before           {content:'\e602';}
.nv_green a:before         {content:'\e604';}
.nv_chouka a:before        {content:'\e605';}
.nv_preserved a:before     {content:'\e603';}

/* ============================================================== header */
.h                         {background:#f9f9f9;overflow:hidden;}
.h_logo                    {float:left;margin:5px;position:relative;overflow:hidden;background:#4dc4c2;border-radius:4px;}
.h_logo img                {height:40px;vertical-align:top;}
.h_tel                     {background:#377;background:#e72;color:#eee;float:right;position:relative;margin:6px 6px 0 0;padding:5px 8px 4px 32px;overflow:hidden;border-radius:4px;}
.h_tel:before              {position:absolute;content:'\e600';font-family:'entypo';top:0.5em;left:0.4em;font-size:1.5em;color:#fff;}
.h_tel span                {font-size:10px;display:block;line-height:1.5;text-align:center;}
.h_tel .txt,
.h_tel .nbr                {color:#fff;}
.h_nav                     {color:#fff;background:#4dc4c2;clear:both;}
.h_nav ul                  {text-align:center;}
.h_nav li                  {font-size:10px;width:18%;display:inline-block;}
.h_nav li span             {text-align:center;padding:8px 0;cursor:pointer;overflow:hidden;height:22px;position:relative;}
.h_nav li span:before      {height:36px;}
.h_nav li i                {display:none;}

.h_nav .num                {position:absolute;z-index:3;top:2px;right:20%;border:1px solid #fff;background:#e21;color:#fff;border-radius:1em;width:1.5em;line-height:1.5em;text-align:center;overflow:hidden;}
.h_nav .arw                {display:none;}

/* ============================================================== mega dropdown navigation */
.meganavi                  {background:#46a;color:#eee;display:none;overflow:hidden;position:relative;}
.meganavi .close           {line-height:1em;font-size:16px;position:absolute;right:0;padding:0.5em;cursor:pointer;}
.meganavi .close:after     {content:'\2715';}
.meganavi .close_end             {clear:both;margin:0 auto;width:60px;cursor:pointer;height:30px;overflow:hidden;}
.meganavi .close_end span        {display:block;font-size:20px;line-height:30px;height:60px;background:#4dc4c2;color:#fff;text-align:center;border-radius:4px;}
.meganavi .close_end span:before {content:'\2715';}
.meganavi .close_end span:hover  {background:#12D1D1;}
.mgnv                      {}
.mgnv h1                   {font-size:1em;margin:0;padding:0.8em;line-height:1em;}
.mgnv li                   {list-style:none;}
.mgnv a                    {text-decoration:none;}

.mgnv_select               {overflow:hidden;margin-bottom:1em;border-bottom:1px solid #9cc;}
.mgnv_select ul, .mgnv_select li,
.mgnv_select dt, .mgnv_select dd,
.mgnv_select dl            {margin:0;padding:0;}
.mgnv_select_1,
.mgnv_select_2             {width:50%;float:left;}
.mgnv_select_2             {float:right;}
.mgnv_select dt            {background:#246;border-top:1px solid #9ab;padding:0.5em;}
.mgnv_select_2 dd,
.mgnv_select_2 dt          {border-left:1px solid #9cc;}
.mgnv_select li            {border-bottom:1px dashed #9cc;}
.mgnv_select li:last-child {border-bottom:0 none;}
.mgnv_select li a          {color:#cde;display:block;padding:0.5em;}
.mgnv_select li a:hover    {color:#fff;}

.mgnv_search .frm          {padding:0.5em;}
.mgnv_search .ipf_key      {background:#246;border-top:1px solid #9ab;padding:0.5em;color:#fff;margin-bottom:0.5em;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mgnv_search .ipf_msg      {color:#ccc;}
.mgnv_srch_btns            {clear:both;}
.mgnv_srch_btns .btn       {padding:0 4em;line-height:3em;height:3em;}

.mgnv_lnklst               {margin:0 5px;padding:0;overflow:hidden;}
.mgnv_lnklst li            {float:left;margin:0;padding:0;display:block;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mgnv_lnklst li a          {background:#4dc4c2;color:#eee;display:block;margin:0 5px 10px;text-align:center;height:2.4em;line-height:2.4em;border-radius:4px;white-space:nowrap;overflow:hidden;}
.mgnv_lnklst li a:hover    {background:#12D1D1;color:#fff;}
.mgnv_lnklst .btn_login a       {background:#f60;}
.mgnv_lnklst .btn_login a:hover {background:#f90;}

.mgnv_member,
.mgnv_help                 {padding-bottom:1em;}

.mgnv_cart                 {padding-bottom:1em;overflow:hidden;}
.mgnv_cart ul              {margin:0;padding:0;}
.mgnv_cart li              {margin:0 10px 10px;padding:5px;background:rgba(0,0,0,0.2);border:1px solid #488;border-radius:4px;overflow:hidden;}
.mgnv_cart li a,
.mgnv_cart li span         {color:#ddd;display:block;}
.mgnv_cart li .img         {float:left;margin-right:1em;overflow:hidden;border-radius:4px;background:#fff;}
.mgnv_cart li .img img     {vertical-align:top;}
.mgnv_cart li a:hover img  {opacity:0.8;}
.mgnv_cart li .name        {line-height:1.3;}
.mgnv_cart li .del         {float:right;}
.mgnv_cart li .price       {font-size:0.88em;float:left;margin-top:1em;}
.mgnv_cart .total          {margin:2em 0.5em 1em;text-align:center;}
.mgnv_cart .total span     {white-space:nowrap;display:inline-block;}
.mgnv_cart_none            {padding:0 1em;}

/* ============================================================== topic path */
.topic_path                {background:#488;border-top:1px solid #4dc4c2;}
.topic_path span,
.topic_path a              {display:inline-block;padding:0.5em;text-decoration:none;color:#fff;}
.topic_path a:visited      {color:#fff;}
.topic_path a:after        {content:"\25B6";display:inline-block;margin-left:0.5em;}
.topic_path .gp            {display:none;}

/* ============================================================== pager */
.pager                     {overflow:hidden;margin-bottom:0.5em;}
.pager a,
.pager span                {display:inline-block;padding:0.5em 1em;margin:0 0.2em 0.2em 0;border:1px solid #ccc;border-radius:4px;text-decoration:none;}
.pager .dsbl               {color:#ccc;}
.pager .crt                {background:#4aa;color:#fff;}
.pager a                   {background:#f3fcff;cursor:pointer;border-color:#4dc4c2;}
.pager a:hover             {background:#fff;}

/* ============================================================== dialog */
.remodal                   {margin:0;padding:1em;}
.remodal h1                {font-size:1.1em;padding:0;}
.rmdl_delete h1            {background-color:#e21;color:#fff;}
.rmdl_delete .remodal-close{display:none;}
.rmdl_c                    {font-size:0.8em;overflow:hidden;margin:0 0 2em;text-align:left;}
.rmdl_c p                  {line-height:1.5;}
.rmdl_img                  {text-align:center;}
.rmdl_img img              {max-width:100%;}
.rmdl_btns                 {margin:2em 0 0;}

.mfp-wrap                  {}
.mfp-container             {padding:0.5em;}
.mfp-content               {max-width:960px;max-height:100%;}
.dlg                       {background:#fff;padding:1em;}
.dlg_hdr                   {font-size:1.2em;padding-right:1.5em;}
.dlg_bdy p                 {line-height:1.5;}
.dlg_sct                   {padding:1em 0 1em;overflow:hidden;border-top:1px solid #ccc;}
.dlg_btns                  {text-align:center;}

/* ============================================================== notice */
.notice                    {position:fixed;bottom:0;z-index:999;left:0;padding:2em 0;background:rgba(255,102,0,0.8);color:#fff;text-align:center;width:100%;}

/* ============================================================== tabs */
.tabs                            {margin:0 0 0.5em;position:relative;overflow:hidden;}
.tabs > ul, .tabs > ul li        {margin:0;padding:0;list-style:none;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tabs > .tabs_h                  {}
.tabs > .tabs_h li               {float:left;padding:0.5em 1em;cursor:pointer;}
.tabs_h .crt                     {background:#fff;}
.tabs > .tabs_c                  {background:#fff;padding:1em;clear:both;}

/* ============================================================== footer */
.f ul, .f dt, .f dd,
.f dl                      {margin:0;padding:0;list-style:none;}
.f                         {position:relative;padding-top:1em;clear:both;}
.f .nv                     {float:left;width:50%;}
.f .nv dt                  {background:#266;border-color:#9cc;color:#fff;border:1px solid #9cc;margin:0 0.5em;padding:0.5em;border-radius:4px;text-align:center;}
.f .nv dd                  {margin-bottom:1em;}
.f .nv ul                  {margin-left:1em;}
.f .nv li:before           {color:#ccc;content:"\30FB";float:left;display:block;line-height:2em;margin-right:0.5em;}
.f .nv li a                {color:#eee;display:block;padding:0.5em;line-height:1.3;}
.f .nv li a:hover          {color:#fff;}
.f .logo                   {color:#dee;clear:both;text-align:center;margin-bottom:2em;}
.f .logo p                 {margin:0.5em;}
.f .logo img               {width:240px;margin:0;padding:0;}

.f_nv_sw                   {margin:0.5em 0 1em;text-align:center;}
.f_nv_sw label             {display:inline-block;background:rgba(255,255,255,0.8);color:#333;padding:0.5em;border-radius:4px;cursor:pointer;}
.f_nv_chk                  {display: none;}
.f_nv                      {max-height:0;overflow:hidden;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.f_nv_chk:checked + .f_nv  {max-height: 1200px;}
.f_nv .close               {clear:both;margin:0 auto 2em;width:52px;cursor:pointer;overflow:hidden;}
.f_nv .close span          {display:block;font-size:16px;line-height:52px;height:52px;color:#333;background:rgba(255,255,255,0.8);text-align:center;border-radius:4px;}
.f_nv .close span:before   {content:'\2715';}

.f_in,
.f_inf li                  {margin:0;padding:0;list-style:none;}
ul.f_inf                   {margin:1em 0;}
.f_inf li                  {line-height:1.5;display:inline-block;margin:0 0.5em;}
.f_inf a                   {color:#fff;}

.anc2top                   {background:#488;text-align:center;}
.anc2top a                 {border-radius:0 0 4px 4px;padding:0.5em;background:#244;color:#fff;display:inline-block;text-decoration:none;outline:none;}
.anc2top a:hover           {background:#466;}
.anc2top a:before          {content:"\25B2";margin-right:0.5em;}


/*  mod 20200821 */
ul.f_sns,
.f_sns {
	padding-top: 10px;
	text-align: center;
}
.f_sns li {
	display: inline-block;
	margin: 0 0.5em;
}
.f_sns li a {
	display: block;
	width: 48px;
	transition: 0.3s;
/*
	overflow: hidden;
	background: #fff;
	font-size: 0;
	border-radius: 10px;
*/
}
.f_sns li a:hover {
	opacity: 0.7;
}
.f_sns li a img {
	max-width: 100%;
}

/* ============================================================== media query */
@media screen and (min-width: 480px){
	.h_nav li                  {font-size:12px;padding-top:0;}
	.h_nav li span             {display:inline-block;padding:4px 0 0;height:auto;}
	.h_nav li span:before      {display:inline-block;vertical-align:middle;margin-right:0.5em;padding-top:4px;}
	.h_nav .num                {left:30%;}

}
@media screen and (min-width: 760px){
	.h_logo                    {background:url("./img/logo_bg.jpg");}
	.h_logo img                {height:56px;}
	.h_tel                     {margin:6px 6px 0 0;padding:9px 12px 4px;}
	.h_tel:before              {font-size:18px;}
	.h_tel span                {font-size:12px;}
	.h_tel span.txt            {padding-left:1.2em;}
	.h_tel span.nbr            {font-size:16px;font-weight:bold;}
	.h_nav                     {color:#4dc4c2;background:transparent;clear:none;float:right;}
	.h_nav li                  {width:auto;margin-right:12px;}
	.h_nav li span             {padding:16px 0 8px;}
	.h_nav .num                {top:10px;}

	.mgnv_select               {}
	.mgnv_select               {border-bottom:0 none;}
	.mgnv_select_1,
	.mgnv_select_2             {border-top:0 none;width:auto;float:none;}
	.mgnv_select dl            {float:left;width:20%;}
	.mgnv_select dt, .mgnv_select dd,
	.mgnv_select li            {border:0 none;}
	.mgnv_select dt            {margin-top:1em;margin-right:1em;margin-left:1em;padding-left:1em;border-top:1px solid #9ab;border-radius:4px;text-align:center;}
	.mgnv_select dt:nth-child(1){margin-top:0;}
	.mgnv_select ul            {margin-left:1.5em;}
	.mgnv_select li            {clear:both;}
	.mgnv_select li:before     {content:"\30FB";float:left;display:block;line-height:2em;}
	.mgnv_select li a          {line-height:1.4;margin-left:1em;margin-right:2em;}

	.mgnv_search .frm          {padding:0.5em 1em;}
	.mgnv_srch_price .ipf_key,
	.mgnv_srch_word .ipf_key   {width:18%;}
	.mgnv_srch_price .ipf_val,
	.mgnv_srch_word .ipf_val   {width:80%;}
	.mgnv_srch_blk             {float:left;width:20%;clear:none;}
	.mgnv_srch_blk .ipf_key,
	.mgnv_srch_blk .ipf_val    {float:none;width:auto;margin-right:1em;}

	.mgnv_lnklst               {text-align:center;padding:10px 0;}
	.mgnv_lnklst li            {float:none;display:inline-block;width:auto;}
	.mgnv_lnklst li a          {padding:0 10px;}

	.mgnv_cart ul              {float:left;width:70%;}
	.mgnv_cart li .price       {font-size:1em;}
	.mgnv_cart_btn             {float:right;width:30%;}

	.mgnv_cart li              {padding:10px;}
	.mgnv_cart li .price       {margin-top:1em;}
	.mgnv_cart .total          {margin:0 0.5em 0;line-height:1.5;}

	.f .nv dl                  {float:left;width:50%;}

}
@media screen and (min-width: 1020px){

	.h_nav li                  {font-size:14px;margin-right:40px;position:relative;}
	.h_nav li span             {color:#333;-webkit-transition:0.1s;-moz-transition:0.1s;-ms-transition:0.1s;-o-transition:0.1s;transition:0.1s;}
	.h_nav li span:before      {background:#4dc4c2;color:#fff;width:1.5em;line-height:1.5em;overflow:hidden;border-radius:4px;padding:0;
                              -webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;
                              text-shadow:2px 2px 5px rgba(0,0,0,0.3);
                             }
	.h_nav li span:hover       {color:#db195f;}
	.h_nav li span:hover:before{background-color:#db195f;}

	.h_nav .arw                {position:absolute;margin-top:-14px;left:10px;}
	.h_nav .arw:before         {content:"";width:0;height:0;font-size:0;border:10px solid transparent;border-bottom:10px solid #266;}

	.mgnv_srch_word              {float:left;width:49%;}
	.mgnv_srch_price             {float:right;width:49%;}
	.mgnv_srch_price .ipf_key,
	.mgnv_srch_word .ipf_key     {float:none;width:auto;}
	.mgnv_srch_price .ipf_val,
	.mgnv_srch_word .ipf_val     {float:none;width:auto;}
	.mgnv_srch_flower            {clear:both;}

	.f_nv                      {max-height:1200px;}
	.f_nv_sw,
	.f_nv .close               {display:none;}
	.f .nv                     {float:none;width:auto;padding-left:0.8%;}
	.f .nv dl                  {width:16.4%;}

	.remodal                   {padding:2em;}
	.remodal h1                {font-size:1.2em;}
}
@media screen and (min-width: 1500px){
	body                       {font-size:100%;}

	.h_logo a                  {display:block;}
	.h_logo a:before           {content:url('../img/logo_2015_2.png');height:56px;display:block;}
	.h_logo img                {display:none;}

	.h_tel                     {padding:4px 12px 3px 50px;}
	.h_tel:before              {font-size:28px;}
	.h_tel span.txt            {font-size:12px;padding-left:0;}
	.h_tel span.nbr            {font-size:20px;}

	.h_nav li                  {margin-right:50px;}
	.h_nav li i                {display:inline;}
	.h_nav .num                {left:20%;}
	.h_nav .arw                {margin-top:-12px;}

	.meganavi,
	.topic_path,
	.f                         {font-size:0.88em;}

	.ipf.mgnv_srch_word,
	.ipf.mgnv_srch_price       {clear:none;}

	.c2p .w                    {overflow:hidden;}
	.c2p .c                    {float:right;width:86%;padding-bottom:32767px;margin-bottom:-32767px;
                              border-top-left-radius:6px;background-image:url("./img/ls_bg_tile.jpg");
                             }
	.c2p .f                    {float:left;width:14%;clear:none;padding-top:0;padding-bottom:32767px;margin-bottom:-32767px;position:relative;}
	.c2p .f_nv                 {max-height:3000px;padding-top:0.5em;}
	.c2p .f .nv dl             {float:none;width:auto;}
	.c2p .f .nv dd             {margin-bottom:0.5em;}
	.c2p .f .logo img          {width:160px;}

	.c2p .anc2top                   {background:transparent;text-align:right;}
	.c2p .anc2top a                 {border-radius:4px;margin:0 5px 5px 0;}

	.rmdl_c                   {font-size:1em;}

}

/* ------------------------------------ 2020/10/22 */
	.h_nav .nv_select span:before {
		background-repeat: no-repeat;
		background-image: url("./img/nv_menu_w.png");
		background-size: 100% auto;
		background-position: 50% 10%;
	}
	.h_nav .nv_select a:before,
	.h_nav .nv_select span:before {
		content: "";
	}
@media screen and (min-width: 480px){
	.h_nav .nv_select span:before {
		background-position: 50% 50%;
	}
}
@media screen and (max-width: 760px){
	.mgnv_select_flex {
		display: flex;
	}
	.mgnv_select_flex > div {
		width:50%;
	}
	.mgnv_select_flex .mgnv_select_1 {
		border-right: 1px solid #9cc;
	}
	.mgnv_select_flex .mgnv_select_2 dd,
	.mgnv_select_flex .mgnv_select_2 dt {
		border-left: 0 none;
	}
}
@media screen and (min-width: 750px){
	.h_nav .nv_select span:before {
		background-image: url("./img/nv_menu.png");
	}
}
@media screen and (min-width: 1020px){
	.h_nav .nv_select span:before {
		background-image: url("./img/nv_menu_w.png");
		background-size: 60% auto;
	}
	.h_nav li.nv_select span:hover:before{background-color:#db195f;}
}