@charset "Shift_JIS";
.clearfix::after{content:"";display:block;clear:both;}
/* general用
-------------------------------- */
/* common
-------------------------------- */
#contents_main img{
width:100%;
}
#contents_main{overflow: hidden;}
#contents_main a{text-decoration: none;}

/* 余白 */
body,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,div,dl,dt,dd,ol,ul,li,th,td,form,fieldset,input,textarea{margin:0;padding:0;}
/* マージン */
.mb10{margin-bottom:20px;}
.mb20{margin-bottom:20px;}
/* アピアランス */
html,body{height:100%;}
ol,ul{list-style:none;}
img{border:0 none;aspect-ratio:attr(width) / attr(height);}
object{outline:none;}
table{border-spacing:0;}
caption{text-align:left;}
th,td{text-align:left;vertical-align:middle;empty-cells:show;}
iframe{border:0 none;overflow:auto;}
/* タイポグラフィ */
h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;font-size:100%;}
p,address,blockquote,pre,div, abbr,acronym,dfn,cite,q,code,kbd,samp,var, dl,ol,ul, caption,th{font-weight:normal;font-style:normal;}
em,strong{font-weight:bold;font-style:normal;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
/* body */
body{background:#fff;max-width: 680px;}
/* ヘッダ */
header#global_header{border-bottom:#dcdcdc 1px solid;padding:0 0 3px 0;width:100%;background:#fff;
/* Old browsers */
background:-moz-linear-gradient(top,#fff 0%,#fbfbfb 50%,#ededed 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fbfbfb),color-stop(100%,#ededed));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#fff 0%,#fbfbfb 50%,#ededed 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#fff 0%,#fbfbfb 50%,#ededed 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#fff 0%,#fbfbfb 50%,#ededed 100%);
/* IE10+ */
background:linear-gradient(to bottom,#fff 0%,#fbfbfb 50%,#ededed 100%);
/* W3C */
}
header#global_header img{display:block;}
/* パンくずnew */
.navitopicpath_{margin:0 0 10px;overflow:hidden;font-size:12px;}
.navitopicpath_ a{margin:0 0.5em;}
.navitopicpath_ span.current_{margin:0 0.5em;font-weight:bold;}
.navitopicpath_ > span a{background:url(//img.e87.com/img/usr/s/topicpath_bg.gif) right center no-repeat;background-size:9px 10px;padding-right:16px;}
.navitopicpath_ > span strong{color:#705258;}
.navitopicpath_ div.block{float:left;}
.navitopicpath_ div{float:right;}
/* 本文 */
article#body{margin:0px auto 0 auto;}
header#body_header{position:relative;width:100%;box-shadow:0 5px 5px -5px rgba(0,0,0,0.5);-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.5);}
header#body_header p#body_header_h{padding:7px 65px 6px;min-height:23px;color:#fff;font-weight:bold;font-size:18px;line-height:1.278;text-align:center;background:#792c35;
/* Old browsers */
background:-moz-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#792c35),color-stop(50%,#6a1e27),color-stop(100%,#5a0f18));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* IE10+ */
background:linear-gradient(to bottom,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* W3C */
}
header#body_header p#nav_historyback img{position:absolute;width:54px;left:10px;top:3px;}
/* アコーディオン */
section.accordion ul li div.btn{border-top:#b0b0b0 1px solid;border-right:#b0b0b0 1px solid;border-left:#b0b0b0 1px solid;padding:10px 10px 8px 15px;background:#fff;
/* Old browsers */
background:-moz-linear-gradient(top,#fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(50%,#f5f5f5),color-stop(98%,#eaeaea),color-stop(100%,#fff));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%);
/* IE10+ */
background:linear-gradient(to bottom,#fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%);
/* W3C */
}
section.accordion ul li:first-child div.btn{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
section.accordion ul li:last-child div.btn{border-bottom :1px solid #b0b0b0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
section.accordion ul li div.content{border:#b0b0b0 1px solid;border-bottom:none;padding:15px 10px 15px;}
section.accordion ul li:last-child div.content{border-bottom:#b0b0b0 1px solid;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
/* OPEN */
section.accordion ul li div.btn.open{background:#b50e57;
/* Old browsers */
background:-moz-linear-gradient(top,#b50e57 1%,#c11360 50%,#cd1868 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#b50e57),color-stop(50%,#c11360),color-stop(100%,#cd1868));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#b50e57 1%,#c11360 50%,#cd1868 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#b50e57 1%,#c11360 50%,#cd1868 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#b50e57 1%,#c11360 50%,#cd1868 100%);
/* IE10+ */
background:linear-gradient(to bottom,#b50e57 1%,#c11360 50%,#cd1868 100%);
/* W3C */
}
section.accordion ul li:last-child div.btn.open{border-bottom:none;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;}
section.accordion ul li div.btn.open .btn_bg{background-image:url(//img.e87.com/s/common/images/accordion_bg_close.png);text-shadow:none;color:#fff;}
/* フラワーギフトを探す */
article#flowergift{margin:21px auto 0;}
article#flowergift h2{display:block;border-top:#cb949a 1px solid;padding:5px 0 8px 0;color:#fff;font-weight:bold;font-size:14px;text-shadow:-1px -1px #371115;line-height:1.357;text-align:center;background:#792c35;
/* Old browsers */
background:-moz-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#792c35),color-stop(50%,#6a1e27),color-stop(100%,#5a0f18));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* IE10+ */
background:linear-gradient(to bottom,#792c35 0%,#6a1e27 50%,#5a0f18 100%);
/* W3C */
}
article#flowergift h2 img{margin:0 3px 0 0;vertical-align:bottom;font-size:0;line-height:1;}
/* アコーディオン ---------------- */
article#flowergift ul li div.btn{border-right:none;border-left:none;padding-left:15px;}
article#flowergift ul li div.btn .btn_bg{padding:2px 0 0;min-height:21px;background:url(//img.e87.com/s/common/images/accordion_bg_open.png) no-repeat right center;background-size:21px 21px;-webkit-background-size:21px 21px;-moz-background-size:21px 21px;font-size:14px;line-height:1.357;text-shadow:1px 1px 1px #fff;font-weight:bold;}
article#flowergift ul li div.btn.open .btn_bg{background-image:url(//img.e87.com/s/common/images/accordion_bg_close.png);background-size:21px 21px;-webkit-background-size:21px 21px;-moz-background-size:21px 21px;text-shadow:none;color:#fff;}
article#flowergift ul li:first-child div.btn{-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;}
article#flowergift ul li:last-child div.btn{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}
article#flowergift ul li div.content{position:relative;border-right:none;border-left:none;padding:0;overflow:hidden;}
article#flowergift ul li div.content h4{position:relative;margin:13px 10px -10px 17px;color:#5a0f18;font-weight:bold;}
article#flowergift ul li div.content ul{margin:13px 10px 15px;}
article#flowergift ul li div.content ul li{padding:10px 0 10px 13px;border-top:#b0b0b0 1px solid;border-left:#b0b0b0 1px solid;border-right:#b0b0b0 1px solid;}
article#flowergift ul li div.content ul li:first-child{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
article#flowergift ul li div.content ul li:last-child{border-bottom:#b0b0b0 1px solid;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
article#flowergift ul li div.content ul li a{display:block;background:url(//img.e87.com/s/common/images/arw_r_01.png) no-repeat 97% 0.3em;background-size:8px 11px;-webkit-background-size:8px 11px;-moz-background-size:8px 21px;}
/* OPEN */
article#flowergift ul li:first-child div.btn.open{border-top:none;}
/* 特集で選ぶ */
article#flowergift ul li.feature{}
article#flowergift ul li.feature div.content{padding:7px 0 15px;}
article#flowergift ul li.feature div.content ul{margin:9px auto 0 auto;width:316px;}
article#flowergift ul li.feature div.content ul li{border:none;padding:0 0 0 8px;width:146px;float:left;}
article#flowergift ul li.feature div.content ul li img{display:block;}
article#flowergift ul li.feature div.content ul.txtbnr{}
article#flowergift ul li.feature div.content ul.txtbnr li{vertical-align:middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p{border:#ff97c0 1px solid;color:#e73078;font-weight:bold;background:#fff;
/* Old browsers */
background:-moz-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fafafa),color-stop(100%,#f0f0f0));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* IE10+ */
background:linear-gradient(to bottom,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* W3C */
}
article#flowergift ul li.feature div.content ul.txtbnr li p span{display:table-cell;padding:0 4px 0 10px;width:132px;height:48px;background:url(//img.e87.com/s/common/images/flowergift_bnr_bg.gif) repeat-y right top;background-size:14px 5px;-webkit-background-size:14px 5px;-moz-background-size:14px 5px;vertical-align:middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p a{display:block;padding:0 20px 0 0;background:url(//img.e87.com/s/common/images/arw_r_02.png) no-repeat right center;background-size:6px 9px;-webkit-background-size:6px 9px;-moz-background-size:6px 9px;}
/* グローバルナビ */
nav#global_nav{margin:20px 0 0;border-top:#cd1868 2px solid;padding:13px 0 0;}
nav#global_nav ul{margin:0 auto;width:310px;}
nav#global_nav ul li{padding:0 0 0 5px;width:69px;font-size:0;line-height:1;float:left;}
/* ページトップ */
p.pagetop{margin:20px auto 0;border-top:#e79ebe 1px solid;background:#cd1868;text-align:center;}
p.pagetop a{padding:5px 0;display:block;}
p.pagetop a img{}
/* フッタ */
footer{padding:0 0 15px 0;text-align:center;}
/* コピーライト -------*/
footer .copyright{padding:12px 0 0;background:#fff;color:#4c4c4c;font-size:9px;line-height:1.556;}
.clearfix::after{content:"";display:block;clear:both;}
/* parts.css用
-------------------------------- */
/* Drawer menu */
/* Drawer on */
body.drawer_on,body.drawer_cart_on{position:fixed;overflow-y:hidden;width:100%;}
body.drawer_on .page,body.drawer_cart_on .page{background:#fff;-webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000,1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.drawer_on .overlay,.drawer_cart_on .overlay{display:block;position:fixed;left:0;width:100%;height:100%;background:#000;opacity:.6;z-index:4;}
.drawer_on .drawer_list,.drawer_on .drawer_close{left:0;}
.drawer_cart_on .drawer_cart_list,.drawer_cart_on .drawer_cart_close{right:0;}
/* Drawer off(通常) */
/* ドロワー用content */
.page{position:relative;left:0;background:#fff;-webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.drawer{cursor:pointer;}
/* 固定close */
.drawer_close{position:fixed;top:0;left:-90%;width:90%;height:40px;background:#f9f6f4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);z-index:4;}
.drawer_close span{cursor:pointer;display:block;position:relative;top:50%;left:10px;margin:-15px 0 0;width:30px;height:30px;background:#fff;-webkit-border-radius:50%;border-radius:50%;z-index:5;}
.drawer_close span:before{position:absolute;top:50%;left:50%;margin:0 0 0 -7px;content:"";width:15px;height:1px;background:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer_close span:after{position:absolute;top:50%;left:50%;margin:-7px 0 0;content:"";width:1px;height:15px;background:#000;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.drawer_close div{position:absolute;width:100%;height:40px;}
.drawer_close div a img{position:absolute;top:50%;right:8px;margin:-16px 0 0;width:32px;}
.drawer_close a img{width:48px;}
/* menu */
.drawer_list{position:fixed;top:40px;left:-90%;width:90%;height:94%;height:-wbkit-calc(100% - 45px);height:calc(100% - 45px);overflow:auto;background:#f9f6f4;-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;-webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);z-index:4;}
.drawer_list ul{background:#f9f6f4;opacity:1;}
.drawer_list article#item section{margin:0;}
.drawer_list article#item section.accordion ul li.purpose ul{border:none;}
.drawer_list article#item section.accordion ul li.purpose ul:first-child, .drawer_list article#item section.accordion ul li.purpose ul:last-child{border-radius:0;}
.drawer_list article#item section.accordion ul li.purpose ul li{background:#fff;}
.drawer_list ul li{position:relative;font-family:"Times New Roman";font-display:swap;letter-spacing:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
/* .drawer_list ul li a{position:relative;color:#fff;text-align:left;} */
.drawer_list ul li a{color:#000;text-decoration: none;}
.drawer_list ul li span{position:relative;}
/* リンクアイコン */
.drawer_list ul li:before{position:absolute;content:"";right:30px;top:50%;width:5.5px;height:16.5px;margin:-9px 0 0 0;background:url(//img.e87.com/img/arrow_01.png) no-repeat;-webkit-background-size:5.5px 16.5px;-moz-background-size:5.5px 16.5px;background-size:5.5px 16.5px;}
.drawer_list ul li:nth-child(2):before{display:none;}
.drawer_list ul li a:after,.drawer_list ul li span.list:after{position:absolute;content:"";top:50%;right:10px;width:6px;height:6px;margin:-3px 0 0;border-right:solid 1px #443d1f;border-bottom:solid 1px #443d1f;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer_list ul li a.list:after{position:absolute;content:"";top:28px;left:10px;width:7.5px;height:2px;background:#fff;}
.drawer_list section.accordion ul li div.btn .btn_bg{padding:2px 0 0;}
/* Modal window =*/
/* Modal on */
/* 黒背景 */
.modal_active .overlay-modal{display:block;}
.modal_active .page{position:static;}
/* modal表示 */
.modal_active .modal-box{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
.modal-box{opacity:0;position:fixed;top:70px;z-index:6;width:300px;left:50%;margin:0 0 0 -150px;background:#f4edea;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;}
.modal_wrap{position:relative;}
/* 閉じるアイコン */
.modal_wrap span{cursor:pointer;display:block;}
.modal_wrap span{position:absolute;right:-10px;top:-10px;content:"";width:30px;height:30px;background:#fff;border-radius:50%;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);}
.modal_wrap span span{position:relative;top:0;left:0;width:30px;height:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.modal_wrap span span:before{position:absolute;top:50%;left:50%;margin:0 0 0 -7px;content:"";width:15px;height:1px;background:#000;}
.modal_wrap span span:after{position:absolute;top:50%;left:50%;margin:-7px 0 0;content:"";width:1px;height:15px;background:#000;}
/* Header */
/* 通常ヘッダー */
.hdr_nav01{width:100%;background:url(//img.e87.com/img/usr/head_bg.png) no-repeat;background-size:100% 90%;}
.hdr_nav01 ul{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;box-pack:justify;-webkit-flex-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:-10px 0 0;}
.hdr_nav01 ul li div{cursor:pointer;}
.hdr_nav01 ul li:nth-child(2), .hdr_nav01 ul li:nth-child(4){padding:12px 0 0;}
.hdr_nav01 ul li:nth-child(3){padding:24px 0 0;}
.hdr_nav01 ul li img{width:58px;}
.hdr_nav01 p{padding:10px 0 0;text-align:center;}
/* Header(追従型ヘッダー) */
.hdr_nav02{display:none;top:0;position:fixed;width:100%;background:#f9f6f4;z-index:3;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);}
.hdr_nav02 ul{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.hdr_nav02 ul li{margin:0 2px;}
.hdr_nav02 ul li:first-child,.hdr_nav02 ul li:last-child{display:-webkit-box;display:-webkit-flex;display:flex;}
.hdr_nav02 ul li:first-child div:last-child{margin-left:5px;}
.hdr_nav02 ul li:last-child div:last-child{margin-left:5px;}
.hdr_nav02 ul li:nth-child(2){width:158px;}
.hdr_nav02 ul li:nth-child(2) img{width:158px;}
.hdr_nav02 ul li img{width:54px;}
.hdr_nav02 ul li div{padding:4px 4px 0;}
header#global_header{position:relative;border-bottom:none;background:none;z-index:3;}
header#global_header .hdr_nav01 p img{width:178px;display:inline-block;}
/* Drawer menu details */
.drawer_list .main_ttl{font-size:16px;margin:0 0 10px;padding:10px 0 0 10px;font-weight:bold;}
.drawer_list .ttl{font-size:16px;font-weight:bold;padding:0 0 0 10px;margin:25px 0 10px;}
.drawer_list article#item section.accordion ul li.purpose ul li{position:relative;padding:0;font-size:11px;font-weight:bold;color:#272727;}
.drawer_list article#item section.accordion ul li.purpose ul li:first-child{border-top:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;}
.drawer_list article#item section.accordion ul li.purpose ul li:last-child{border-top:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;}
.drawer_list article#item section.accordion ul li.purpose ul:last-child li{border-bottom:solid 1px #dcdcdc;}
.drawer_list article#item section.accordion ul li.purpose ul li a{display:block;border:none;padding:16px 16px 16px 12px;font-size:13px;}
/* .drawer_list article#item section.accordion ul li.purpose ul li:after{position:absolute;right:10px;content:"";width:12px;height:12px;border-bottom:solid 1px #000;border-right:solid 1px #000;} */
.drawer_list article#item section.accordion ul li:last-child div.btn{cursor:pointer;background:#ede7df;color:#272727;border:none;margin:0 0 1px;}
.drawer_list article#item section.accordion ul li:last-child div.btn h2{color:#272727;}
.drawer_list section.accordion ul li div.content{border:none;}
.drawer_list article#item{margin:0;}
.drawer_list .link li{position:relative;margin:0 0 1px;}
.drawer_list .link li:before{position:absolute;right:10px;content:"";width:12px;height:12px;border-bottom:solid 1px #000;border-right:solid 1px #000;}
.drawer_list .link li a{display:block;padding:17px 12px;font-size:14px;background:#e1d9cd;text-decoration:none;color:#1d170e;}
.drawer_list article#item section.accordion ul li:last-child div.btn{position:relative;}
.drawer_list article#item section.accordion ul li:last-child div.btn:before{position:absolute;content:"";top:50%;right:10px;margin:0;width:11px;height:1px;background:#443d1f;}
.drawer_list article#item section.accordion ul li:last-child div.btn:after{position:absolute;content:"";top:50%;margin:-5px 0 0;right:15px;width:1px;height:11px;background:#443d1f;}
/* open */
.drawer_list article#item section.accordion ul li:last-child div.btn.open:after{display:none;}
.drawer_list section.accordion ul li div.btn.open .btn_bg,.drawer_list section.accordion ul li div.btn .btn_bg{background-image:none;}
/* アコーディオンパーツ */
/* アコーディオンパターン1 */
.one-link-content{padding:10px;}
.one-link-content ul{width:100%;}
.one-link-content ul li{position:relative;}
.one-link-content ul li:before{position:absolute;top:50%;right:10px;margin:-3px 0 0;content:"";width:6px;height:6px;border-top:solid 1px #a62e56;border-right:solid 1px #a62e56;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;}
.one-link-content ul li a{position:relative;display:block;border:solid 1px #dcd;padding:14px 20px 14px 10px;margin:-1px 0 0;font-size:14px;text-decoration:none;background:#fff;color:#1d170e;}
/* .one-link-content ul li p.img{display:table-cell;vertical-align:middle;padding:0 10px 0 0;width:24px;}
.one-link-content ul li p.txt{display:table-cell;padding:0 18px 0 0;font-size:14px;vertical-align:middle;} */
/* footer */
footer{padding:0;}
p.copyright{padding:12px 0;background:transparent;font-size:10px;text-align:center;}
/* トップへ戻る */
p.pagetop{margin:10px 0;background:#f5f3ec;text-align:center;border-top:none;}
p.pagetop a{padding:11px 0;display:block;}
/* 商品詳細ページ */
.navitopicpath_{font-size:12px;padding:2px 10px 0;}
/* パンくず */
.navitopicpath_ > span a{text-decoration:none;color:#1d170e;padding-right:6px;background:url(//img.e87.com/img/usr/s/topicpath_bg.gif) right center no-repeat;background-size:9px 10px;-webkit-background-size:9px 10px;-moz-background-size:9px 10px;}
.navitopicpath_ span,.navitopicpath_ span strong,.navitopicpath_ a{margin:0;}
.navitopicpath_ span,.navitopicpath_ span strong{margin:0 2px 0 0;}
.navitopicpath_ span span,.navitopicpath_ span span strong{margin:0 6px 0 0;}
.navitopicpath_ span a{text-decoration:underline;}
/* 既存アコーディオン */
article#flowergift .accordion-desc-box p:last-child{margin:0;}
article#flowergift ul li div.btn{padding-left:10px;}
article#flowergift ul li div.btn .btn_bg{text-shadow:none;}
/* 商品詳細下のリンクリスト */
article#flowergift ul li div.btn .btn_bg{background:url(//img.e87.com/img/usr/sb/accordion_bg_open.png) no-repeat 99% top;-webkit-background-size:21px 21px;background-size:21px 21px;}
article#flowergift ul li div.btn.open .btn_bg{background:url(//img.e87.com/img/usr/sb/accordion_bg_close_02.png) no-repeat 99% top;-webkit-background-size:21px 21px;background-size:21px 21px;}
/* アコーディオンスタイル上書き */
article section.accordion ul li div.btn{padding:10px 10px 8px;}
article section.accordion ul li div.btn,article section.accordion ul li div.btn.open{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;border-radius:0;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-radius:0!important;
/* 角丸削除 */
border-top:none;border-bottom:none;border-left:none;border-right:none;background:linear-gradient(to bottom, #443d1f 1%, #443d1f 100%);background:#443d1f;color:#fff;}
article section.accordion ul li div.btn h2.btn_bg{background:url(//img.e87.com/img/usr/sb/accordion_bg_open.png) no-repeat 100% top;text-shadow:none;-webkit-background-size:21px 21px;background-size:21px 21px;text-align:left;padding:0;font-weight:bold;min-height:24px;font-size:16px!important;}
article section.accordion ul li div.btn h3.btn_bg{background:url(//img.e87.com/img/usr/sb/accordion_bg_open.png) no-repeat 100% top;text-shadow:none;-webkit-background-size:21px 21px;background-size:21px 21px;text-align:left;padding:0 22px 0 0;font-weight:bold;min-height:24px;font-size:16px!important;}
article section.accordion ul li div.btn.open h2.btn_bg{background-image:url(//img.e87.com/img/usr/sb/accordion_bg_close_02.png);-webkit-background-size:21px 21px;background-size:21px 21px;text-shadow:none;color:#fff;text-align:left;}
article section.accordion ul li div.btn.open h3.btn_bg{background-image:url(//img.e87.com/img/usr/sb/accordion_bg_close_02.png);-webkit-background-size:21px 21px;background-size:21px 21px;text-shadow:none;color:#fff;text-align:left;}
article section.accordion ul li:last-child div.btn{margin:0 0 1px;}
article section.accordion{margin:0;}
/* 共通 */
body{color:#1d170e;font-size:14px;line-height:1.5;font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;min-width:320px;margin:0;padding:0;vertical-align:baseline;-webkit-text-size-adjust:100%;}
img{max-width:100%;height:auto;vertical-align:bottom;}
.example a{display:inline-block;font-size:13px;padding:10px 11px;color:#1d170e;background:#ecdce2;border-radius:3px;margin:0 11px 10px 0;}
/* フォームテキスト */
.form .txt{position:relative;left:0;top:0;float:left;padding:0;}
.form .txt:after{position:absolute;content:"";top:12px;right:8px;width:18px;height:18px;background:url(//img.e87.com/img/usr/search_icon_s_.gif) no-repeat;-webkit-background-size:18px 18px;background-size:18px 18px;}
.form .txt input,.form .img input{display:inline-block;margin:0;}
.form .img{float:right;}
.form .txt input{width:173px;min-width:173px;padding:4px 30px 4px 5px;height:31px;border:solid 1px #dcdcdc;background:#fff;border-radius:0;box-shadow:none;}
/* 検索ボタン */
.form .img input{cursor:pointer;width:64px;height:40px;}
.form .img input[type="button"]{-webkit-appearance:none;appearance:none;}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="range"], input[type="color"]{border:1px solid #bbb;border-radius:3px;margin:6px 0;padding:7px 4px;-webkit-appearance:none;appearance:none;}
input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], textarea, select{max-width:72%;}
input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="password"], textarea, select{max-width:40%;}
input[type="email"],input[type="text"]{width:85%;max-width:94%;}
/* その他微調整 */
header#body_header p#body_header_h{margin:0;}
.login_.col1_ #body_header{background:#fff;box-shadow:none;}
header#body_header p#body_header_h{background:#a62e56!important;font-size:18px;font-weight:bold;color:#fff!important;border-bottom:solid 1px #dcdcdc;margin:8px 0 10px;padding:10px 0 10px 12px;text-align:left;box-shadow:none;}
header#body_header{box-shadow:none;}
/* ジャンルページ */
article#cover sub_mainttl{padding:0 11px 4px;}

/* index用
-------------------------------- */
/* 表紙  */
header#body_header p.lead_p{ color:#BB0A0D;text-align:center;font-size:15px!important;font-weight:bold;margin-bottom:0px!important;}
article#cover{ margin:0;padding:0;background:none;}
article#cover h1{ padding:0;background:none;text-align:center;}
article#cover h1 img{ vertical-align:bottom;width:100%;height:auto;background-size:450px 270px;-webkit-background-size:450px 270px;-moz-background-size:450px 270px;}
article#cover p.off{ margin:10px;}
article#cover .lead span{ font-weight:bold;}

/* mainlead */
.sub_mainttl{margin:16px 0 17%;position:relative;padding: 0 3%;}
.sub_mainttl::after{content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/bg_hr_01.png) no-repeat;position: absolute;width: 96vw;height: 2vw;bottom: -7vw;left: 50%;transform: translateX(-50%);background-size: 100%;}
.sub_mainttl_wrap{position:relative;}
.sub_mainttl dl dt{font-family: "heisei-maru-gothic-std", sans-serif;font-size: min(5.3vw,21px);color: #53320a;line-height: 1.46;margin: 1em auto 0.5em;text-align: center;}
.sub_mainttl dl dd{font-size: min(4.2vw,15px);color:#3c3c3c;line-height: 1.7;margin: 12px 0;}
.sub_mainttl dl dd div .txt_bottom{position:relative;display: flex;}
.sub_mainttl dl dd div .txt_bottom_inner{width:50%;}

/* 商品 */
.area_products{position:relative;padding-bottom: 32%;margin-bottom:18%;}
.area_products .products_anc{position:relative;}
.area_products:first-of-type:before{    content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/bg_hr_01_moomin.png) no-repeat;position: absolute;width: 31vw;height: 34.7vw;max-width: 170px;max-height: 190px;bottom: 0;right: -8%;transform: translateX(-50%);background-size: 100%;}
.area_products.last_contents:before{content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/bg_hr_01_moomin_02.png) no-repeat;position: absolute;width: 25vw;height: 34.5vw;bottom: 0vw;right: -8%;transform: translateX(-50%);background-size: 100%;}
.area_products::after{content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/bg_hr_01.png) no-repeat;position: absolute;width: 96vw;height: 2vw;bottom: -4vw;left: 50%;transform: translateX(-50%);background-size: 100%;}
#contents_main section:last-of-type{margin-bottom:0;}
#contents_main .area_products:last-of-type::after{content:unset;}
.area_products .area_products_wrap{position: relative;z-index: 0;padding: 3% 0 0;margin-bottom: 3em;}
.area_products .area_products_wrap::before{content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/bg_product.png) no-repeat;position: absolute;width: 100%;height: 100%;background-position: center center;background-size: unset;z-index: -1;border-radius:50px;}
.area_products .area_products_heading{font-family: "heisei-maru-gothic-std", sans-serif;font-size:16px;color:#53320a;text-align: center;position: relative;z-index: 1;padding: 0 4%;font-size: min(5vw,21px);max-width:420px;margin:0 auto 0.5em;}
.area_products .area_products_heading ._heading_wrap{display: block;position: absolute;top: 0.75em;left: 50%;transform: translate(-50%, 0);width: 100%;line-height: 1;}
.area_products .area_products_lead_txt{margin: 0 auto;font-size: 14px;line-height: 1.8;color:#0b1651;position: relative;z-index: 1;padding: 0 3%;}
.area_products .products_wrap{padding: 0 8% 4%;align-items: center;margin-top: 8%;position:relative;justify-content: center;}
.area_products.products_option .products_wrap{justify-content: space-between;align-items: flex-end;align-items: end;}
/* .area_products .products_wrap .products_anc::before{content: '';background: url(https://img.e87.com/s/selection/moomin/2023img/icon_product_moomin_01.png) no-repeat;position: absolute;bottom: 0;left: 8%;background-size: 100%;width: 24vw;height: 28vw;max-width: 120px;max-height: 141px;} */
.area_products .products_wrap._onwards::before{content: none;}
/* #Arrangement.area_products .products_wrap .products_anc::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_snafkin.png) no-repeat;position: absolute;bottom: 0px;left: 30px;background-size: 100%;width: 16vw;height: 35vw;max-width: 100px;max-height: 220px;} */
#Potted.area_products .products_wrap::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_moomin_02.png) no-repeat;position: absolute;top: -142px;left: 30px;background-size: 100%;width: 139px;height: 142px;}
/* .area_products .products_wrap .products_anc::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_flower.png) no-repeat;position: absolute;bottom: 0;right: 8%;background-size: 100%;width: 28vw;height: 2vw;max-width: 167px;max-height: 5px;padding-top: 15%;background-repeat: no-repeat;background-position: center center;background-size: cover;} */
.area_products .products{padding: 15px 0 10px;background:#fff;}
.area_products .products_sub{display:flex;flex-wrap: wrap;}
.area_products .products_sub .products{width:49%;margin-left:2%;margin-bottom:3%;}
.area_products .products_sub .products:nth-of-type(odd){margin-left:0;}
.area_products .products._first{margin: 0 0 3%;}
.area_products .products._first .products_img{margin: 0 auto;padding: 0 5%;}
.area_products .products .products_img{padding: 0 5%;position:relative;}
.area_products .products .products_info{padding:0 3%;}
.area_products .products .products_info ._name{color:#0b1651;font-size:16px;padding-top: 8px;}
.area_products .products_sub .products_info ._name{font-size:14px;}
.area_products .products .products_info ._price{color:#0b1651;font-size:14px;padding-top: ８px;}
.area_products .products_sub .products_info ._price{font-size:13px;}
.area_products .products .products_submit{padding: 0 3%;}
.area_products .products .products_submit ._submit{color: #53320a;padding: 4px 0 3px;font-weight: bold;background:#fce7c7;text-align: center;font-size: 13px;margin-top: 12px;border-radius:5px;border:1px solid #fce7c7;box-sizing: border-box;transition:0.2s;}
.area_products .products_wrap._option{align-items: end;align-items: flex-end;justify-content: space-between;}
.area_products .products_option{width:100%;background:#fff;padding:25px 0 20px;position:relative;}
.area_products .products_option::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_moominpapa.png) no-repeat;position: absolute;bottom: -42vw;left: -5%;background-size: 100%;width: 22vw;height: 38vw;max-width:120px;}
.area_products .products_option .option_img{width:190px;margin:0 auto;}
.area_products .products_option .option_txt{padding: 20px 12% 0;}
.area_products .products_option .option_txt ._txt{font-size:14px;line-height: 1.7;color: #0b1651;}
#contents_main .contents_main_footer{position:relative;text-align: center;padding-bottom: 80%;}
#contents_main .contents_main_footer::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_footer_heading.png) no-repeat;position: absolute;top: -23vw;left: 50%;transform: translateX(-50%);background-size: 100%;width: 46vw;height: 10vw;max-width:240px;}
#contents_main .contents_main_footer::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_footer_sets.png) no-repeat;position: absolute;top: 26vw;left: 50%;transform: translateX(-50%);background-size: 100%;width: 200%;height: 53vw;}
#contents_main .contents_main_footer_txt{font-size: 15px;color: #0b1651;font-family: "heisei-maru-gothic-std", sans-serif;text-align: center;display: inline-block;position:relative;}
#contents_main .contents_main_footer_txt::after{
content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_footer.png) no-repeat;position: absolute;top: 10vw;right: -8%;transform: translateY(-50%);background-size: 100%;width: 9vw;height: 8vw;max-width:40px;}

/* TO TOP */
#to-top {position: fixed;bottom: 10%;right: 3%;width: 50px;height: 50px;text-decoration: none;background-color: #0b1651;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 45px;font-size: 16px;z-index: 10;border-radius: 50%;border: 2px solid #fff;transition:0.2s;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;}
.wrap-top::before {content:  '';width: 6px;height: 6px;display:  block;border-top: solid 2px;border-right: solid 2px;transform: rotate(-45deg);position:  absolute;top: 8px;left:  0;right:  0;margin:  auto;}

/* グローバルナビ */
nav#global_nav{ margin-top:20px;}

article#item section.accordion ul li.purpose ul{ display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul li{display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}

._new{position: absolute;padding: 0 4px;background: red;color: #fff;}

.area_winter{margin-bottom:4em;}

/*---------------------------------
CTA??? btn
-----------------------------------*/
.contents_inner {width: 100%;margin: 0 auto 40%;padding: 0 4%;box-sizing: border-box;}
.cta_link {width: 100%;letter-spacing: 0;display: block;font-weight: bold;margin: 4% auto 0;text-align: center;background: #0b1651;border-radius: 7px;font-size: min(6vw, 16px) !important;padding: 8px 8px 4px;color: #fff !important;box-sizing: border-box;position: relative;}
.cta_link:before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 8px;margin-top: -4px;transform: rotate(45deg);}