@charset "Shift_JIS";

body{max-width: 680px;margin: 0 auto!important;}
.hdr_nav02{max-width:680px;}
.clearfix::after{content:"";display:block;clear:both;}

/* general?
-------------------------------- */
/* ?? */
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;}
/* ???? */
.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;}
th{text-align: right;font-weight: bold;}
td{text-align: left;font-weight: bold;}
table{margin: 0 0 0.5em;}
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;}
/* ??? */
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:0 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;}
article#flowergift ul li div.content ul li a:link,article#flowergift ul li div.content ul li a:visited,article#flowergift ul li div.content ul li a:hover,article#flowergift ul li div.content ul li a:active{color:#333;text-decoration:none;}
/* 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;}
article#flowergift ul li.feature div.content ul.txtbnr li p a:link,article#flowergift ul li.feature div.content ul.txtbnr li p a:visited,article#flowergift ul li.feature div.content ul.txtbnr li p a:hover,article#flowergift ul li.feature div.content ul.txtbnr li p a:active{color:#e73078;text-decoration:none;}
/* ?�????? */
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 a:link,footer a:visited,footer a:hover,footer a:active{color:#333;}
/* ?????? -------*/
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 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 h1{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;}
/* 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: #383838;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%;}
a:link,a:visited,a:hover,a:active{color:#1d170e;text-decoration:none;}
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;}

/* header_xmas */
body {max-width: 680px; margin: 0 auto!important;}

/*xmas ttl */
#ranking h2.xmas_h2_eng img {width: 150px;}
.xmas_h2_eng {display: inline;font-family: 'Carattere', serif;font-size: 54px;color: #dcc185;}
/* ranking */
section#ranking {clear: both;overflow: hidden;margin-bottom: 20px;}
div#rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin-left: 1%;}
div#rank_box dl dd.price {display: none;}
#ranking p.btn_more a {color: #fff;display: block;text-align: center;font-size: 15px;font-weight: bold;}

/* style */
#style h2.xmas_h2_eng img {width: 84px;}

/* special feature */
section#special {margin-top: 20px;}
#special h2.xmas_h2_eng img {width: 265px;}

/* foot_contents ??  */
article#foot_contents section#style ul li p.img_ img { max-height: 100px; max-width: 110px;}
article#foot_contents p.btn_back_top { background: #39253d; color: #fff; padding: 10px; margin: 25px 8% 10px; text-align: center;}
article#foot_contents section#style ul { margin: 0;}
article#foot_contents #style { overflow: hidden; padding: 10px 2% 0;}

/* ?�????? */
nav#global_nav{margin-top:20px;}

/* countdown */
.count_down2 {margin: 20px auto 0px auto;padding: 10px 3%;background: #b70e5f;text-align: center;font-size: 20px;color: #fff;line-height: 1.25em;font-family: Verdana,Geneva,sans-serif;}
p.count_down2_txt {font-size: 15px;font-weight: bold;}
p.count_down2_txt2 {background: #fff;color: #401f1f;font-weight: bold;line-height: 26px;text-align: center;font-size: 15px;margin-top: 5px;}
p.count_down2_txt2 span {color: #b70e5f;font-size: 135%;}

/*  */
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;}
article#item section.accordion ul li.purpose ul li a:link, article#item section.accordion ul li.purpose ul li a:visited, article#item section.accordion ul li.purpose ul li a:hover, article#item section.accordion ul li.purpose ul li a:active{color:#000;text-decoration:none;}
/* */
.one-link-content ul li a {position: relative;display: block;border: solid 1px #dcd;padding: 14px 30px 14px 20px;margin: -1px 0 0;font-size: 14px;text-decoration: none;background: #fff;color: #1d170e;}
.one-link-content ul li:before {position: absolute;top: 50%;right: 20px;margin: -3px 0 0 0;content: "";width: 8px;height: 8px;border-top: solid 1px #1d170e;border-right: solid 1px #1d170e;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: 1;}

/*bnr_area
-----------------------------*/
.bnr_area ul { padding: 0 20px;}
.bnr_area ul li {  padding: 10px;}

/* FAQ
-----------------------------*/
#recommended .agedfaq_ttl p.agedfaq_ttl_eng {background:#f0e4a1;}
h2.newfaq_ttl {text-align: center;color: #44563c;font-family: 'M PLUS Rounded 1c','�???', 'Meiryo', sans-serif;transform: rotate(0.03deg);font-weight: 700;font-size: 18px;padding: 8px 0 2px;}
.new_ttl_eng {background: #44563c;color: #fff;font-size: 46px;text-align: center;line-height: 50px;}
article section.accordion#faq ul li div.btn, article section.accordion#faq ul li div.btn.open {background: #d3d3d3!important;color: #383838;}
section.accordion#faq ul li div.content { padding: 5px 10px 10px;}
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;}
article#flowergift ul li.feature div.content ul.txtbnr li p a:link,article#flowergift ul li.feature div.content ul.txtbnr li p a:visited,article#flowergift ul li.feature div.content ul.txtbnr li p a:hover,article#flowergift ul li.feature div.content ul.txtbnr li p a:active{color:#e73078;text-decoration:none;}
.mt20 { margin-top: 20px!important;}

/* column */
section#column {clear:both;overflow:hidden;margin-bottom: 40px;}
.e87-lower-section {margin-top:15px;}
@media all and (min-width: 769px) {.e87-lower-section {margin-top:40px;}}
@media all and (min-width: 769px) {.e87-column-image__text-with-image {display:flex;justify-content:space-between;}}
.e87-column-image__text-with-image__img {text-align:center;margin-bottom:10px;}
.e87-column-image__text-with-image__img > img {width:100%;max-width:350px;height: auto;}
.e87-column-image__text-with-image__text {margin:0;line-height:1.8;}
@media all and (min-width: 769px) {.e87-column-image__text-with-image__text {width:calc(100% - 370px);font-size: 1.0rem;}}
.e87-column-image__text-with-image__btn {background:#000;color:#fff;text-align:center;display:block;margin:10px 4% 15px;padding:5px 10px;}
.e87-base-layout {position:relative;box-sizing:border-box;width:100%;max-width:1080px;padding-right:10px;padding-left:10px;margin-right:auto;  margin-left:auto;}
@media all and (min-width: 769px) {.e87-base-layout {padding-right:20px;padding-left:20px;}}
.e87-lower-heading--01 {margin:0 auto 30px;}
@media all and (min-width: 769px) {.e87-lower-heading--01 {margin-bottom:30px;max-width:1080px;padding-right:20px;padding-left:20px;}}
.e87-lower-heading--02 {margin:30px auto 20px;font-weight:bold;padding-left:20px;position:relative;font-size:1.4rem;}
.e87-lower-heading--02::before {content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#000;}
@media all and (min-width: 769px) {.e87-lower-heading--02 {margin:40px auto 30px;font-size:1.6rem;}
.e87-lower-heading--02::before {top:6px;}}
@media all and (min-width: 769px) {.e87-column-image__text-with-image {display:flex;justify-content:space-between;}}
.e87-column-image__text-with-image__btn {background:#000;color:#fff;text-align:center;display: block;margin: 10px 4% 15px;padding:5px 10px;}
@media all and (min-width: 769px) {.e87-column-image__text-with-image {display:flex;justify-content:space-between;}}
@media all and (min-width: 769px) {.e87-column-postage__board-layout {display:flex;justify-content:space-between;}}
.e87-column-postage__board-layout__img {text-align:center;margin-bottom:20px;}
@media all and (min-width: 769px) {.e87-column-postage__board-layout__img {margin-bottom:0;padding-left:68px;padding-right:48px;}}
@media all and (min-width: 769px) {.e87-column-postage__board-layout__cont {width:calc(100% - 250px);}}
.e87-column-postage__dl {display:flex;justify-content: space-between;margin:0 0 20px;}
.e87-column-postage__dt {width:67px;line-height:1.8;}
@media all and (min-width: 769px) {.e87-column-postage__dt {width:90px;}}
.e87-column-postage__dd {width:calc(100% - 67px);margin:0;line-height:1.8;}
@media all and (min-width: 769px) {.e87-column-postage__dd {width:calc(100% - 90px);}}
.e87-column-postage__attention {color:#60676b;margin:0;line-height: 1.8;font-size: 1.2rem;}
.e87-lower-heading__text {margin: 0;padding: 20px 10px;background: #f2f2f2;font-size: 1.3rem;display: block;}
@media all and (min-width: 769px) {.e87-lower-heading__text {font-size: 1.4rem;}}
.e87-lower-title {margin:20px 0 10px;font-size: 1.2rem;background: linear-gradient(transparent 60%, rgba(255, 151, 214, 0.6) 0%);display: inline-block;line-height: 1.2em;}
.e87-column-postage__img {text-align: center;max-width:940px;height: auto;margin-bottom: 20px;}
.e87-column-postage__img > img {width:100%;max-width:940px;height: auto;}
.e87-lower-text {margin:0;line-height:1.8;font-size: 1.0rem;}
.e87-lower-text + .e87-lower-text {margin-top:2em;}
.e87-lower-text__box {display:flex;float:left;flex-wrap:wrap;width:33%;border:1px solid #ccc;border-top:none;}
.e87-lower-text__box-title {background:#ddd;padding:10px;width:100%;box-sizing:border-box;border-top:1px solid #ccc;}
.e87-lower-text__box-title--text {padding:10px;margin:0;width:100%;border-top:1px solid #ccc;background:#fff;box-sizing:border-box;}
@media all and (max-width: 622px) {.e87-lower-text__box-title--text-02 {min-height:65px;}}

/* ranking */
div#rank_box dl {padding: 16px 5px 10px;width: 135px;display: inline-block;vertical-align: top;}
div#rank_box dl dd.item_name {font-weight: bold;color: #333333;margin: 5px 0;font-size: 13px;letter-spacing: -1px;white-space: break-spaces;overflow: hidden;line-height: 1.3;}
div#rank_box dl dd.item_img {margin-top:-30px;}
div#rank_box dl dt {font-family: 'Noto Serif JP', serif;text-align: center;font-size: 18px;color: #fff;line-height: 1;background: #e9a901;width: 24px;height: 1.35em;padding: 3px 2px 1px;position: relative;z-index: 1;left: 3px;top: -8px;box-sizing: border-box;}
#rank_box dl dt::after {content: '';position: absolute;left: 0;top: 100%;height: 0;width: 0;border-left: 12.5px solid #e9a901;border-right: 12.5px solid #e9a901;border-bottom: 8px solid transparent;}
#ranking p.btn_more {text-align: center;padding: 8px;margin-top: 25px;background: #e9a901;border-radius: 4px;width: 60%;float: right; margin: 15px 10px 10px;}
#ranking p.btn_more a {color:#fff;display:block;text-align:center;font-size:15px;font-weight:bold;    transform: rotate(0.03deg);}

/*  breadcrumb  */
.navitopicpath_{font-family: "�???", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}

/* gen_nav */
section.genre .gen_nav ul {list-style: none;display: flex;margin: 0 0 0 2px;overflow: hidden;text-align: left;height: 41px;word-break: break-all;}
section.genre .gen_nav ul li.gen_nav01 p, .gen_nav ul li.gen_nav00 p {padding-top: 0 !important;display: block;font-size: 10px;}
section.genre li.gen_nav01 p {    color: #1d170e;font-weight: bold;}

section#selectXmas.search{margin: 10px; background: #ececec; border-radius: 2px; text-align: center; padding: 3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -webkit-flex-align: center; flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; box-pack: center; -webkit-flex-pack: center; flex-pack: center; -webkit-justify-content: center; justify-content: center;}
section#selectXmas.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
section#selectXmas.search p{display: inline-block;}
section#selectXmas select{max-width:100%;}
section#selectXmas.search p{display: inline-block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden;}

h2.newfaq_ttl{color:#06205b;font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.new_ttl_eng{background: #06205b;}

/* ???????  */
.area_delivery{padding:0 4%;}
.area_delivery h4{text-align: center;font-size:18px;}
.area_delivery .wrap_delivery{background: #ede3d7;padding: 10px 0 16px;}
.area_delivery .wrap_delivery h3{font-size:21px;text-align: center;color:#da2357;}
.area_delivery .wrap_day{display:flex;justify-content: space-evenly;margin: 4px auto 0;}
.area_delivery .wrap_day ._day{width: 18%;}
.area_delivery .wrap_day ._day:last-child{margin-right:0;}
.area_delivery .wrap_day dt,.area_delivery .wrap_day dd{font-size:15px;text-align: center;}
.area_delivery .wrap_day dt{padding: 3%;background:#d9d9d9;border-radius: 10px 10px 0 0;}
.area_delivery .wrap_day dd{padding: 8%;background:#fff;border-radius: 0 0 10px 10px;font-size: 16px;position:relative;}
.area_delivery .wrap_day ._day:not(:first-child) dd:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: '';width: 22px;height: 22px;border: 2px solid #ff6f80;border-radius: 50%;}
.area_delivery .wrap_day ._first dd{color:#d9d9d9;}
.area_delivery .wrap_day ._sat dt{color:#056196;background:#d4eff9;}
.area_delivery .wrap_day ._sat dd{color:#056196;}
.area_delivery .wrap_day ._sun dt{color:#dc0e28;background:#f3b8bf;}
.area_delivery .wrap_day ._sun dd{color:#dc0e28;}
.wrap_txt ._txt {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 0;}
.wrap_txt ._txt p._lead{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;margin-top: 1em;}
.wrap_txt ._txt p._anno{padding: 0;margin: 0;font-size: 12px;line-height: 1.5;}
.wrap_txt ._txt p._lead span._add{color:#dc0e28;font-size:15px;}
.wrap_txt h3{font-size: 15px;border-left: 6px solid #06205b;padding-left: 8px;color: #d00056;margin: 8% 0 0;font-weight: bold;}
.wrap_txt h3 p{display:inline-block;margin-right:3px;}
.wrap_txt h3 p img{width:69px;vertical-align: sub;margin-right:3px;}

/* ???????? ???????????  */
.h2_title{transform: rotate( 0.03deg);color: #06205b;border-top: 1px solid #06205b;border-bottom: 1px solid #06205b;text-align: center;padding: 8px 0 6px;font-size: 15px;font-weight: bold;margin: 12% 3% 20px;}
.area_payment{padding:0 4%;}
.area_payment p{font-size:14px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 3%;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 15px;border-left: 6px solid #06205b;padding-left: 8px;color: #06205b;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 3%;}
.area_payment .payment_wrap dt{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;flex-wrap: wrap;}
.area_payment .payment_wrap ul li{margin-bottom: 3%;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 3%;justify-content: center;margin: 8px 0;flex-wrap:wrap;align-items: flex-start;}
.area_payment .payment_wrap dd.card img{width: 50px;height: auto;margin-right: 8px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 16px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 12px;line-height: 1.5;}

/* ?????????????????? */
section.area_obsession{overflow: unset;}
.area_obsession .area_obsession_inner{padding: 8px 0;font-weight: 500;position:relative;width: 100%;margin: 3% auto;box-sizing: border-box;}
.area_obsession .area_obsession_inner label._heading{color: #06205b;font-size: 15px;margin-bottom: 8px;position:relative;font-weight: 600;padding-bottom:8px;border-bottom: 1px dotted #d9d9d9;}
.area_obsession .area_obsession_inner .toggle {display: none;}
.area_obsession .area_obsession_inner ._heading {font-family: 'Noto Serif JP', serif;padding: 0.5em;display: block;color: #fff;}
.area_obsession .area_obsession_inner ._heading::after{content:"";width: 6px;height: 6px;border-top: 2px solid #401f1f;border-right: 2px solid #401f1f;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.area_obsession .area_obsession_inner ._heading,
.area_obsession .area_obsession_inner .txt_wrap {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.area_obsession .area_obsession_inner .txt_wrap {height: 0;margin-bottom:10px;overflow: hidden;}
.toggle:checked + ._heading + .txt_wrap {	/*???*/height: auto;transition: all .3s;}
.toggle:checked + ._heading::after {transform: rotate(-45deg) !important;}
.area_obsession .area_obsession_inner p.obsession_txt{font-size:14px;line-height: 1.8;margin-bottom: 8px;font-weight: 400;}
.area_obsession .area_obsession_inner p.obsession_txt._lead{margin-bottom: 24px;padding:0 8px 0;}
.area_obsession .area_obsession_inner p.ja_txt{width:74%;color: #487c0c;font-weight: 500;}
.area_obsession .area_obsession_inner p.ja_img{width:23%;margin: 0 auto;}
.area_obsession .area_obsession_inner p.ja_img img{width:100%;}
.area_obsession .area_obsession_inner .wrap_ja{display:flex;}

/*---------------------------------
???? special
-----------------------------------*/
h3.recommend_img{position: relative;text-align: center;width: 600px;margin: 0 auto 32px;}
.special_heading{color:#966C17;font-size: min(5.3vw, 20px);position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 48px 0 4%;line-height: 1.4;padding: 0 4%;}
.special_heading span{font-weight: bold;margin-bottom: 0.25em;text-align: center;display:block;}
.area_coming{margin:12% 0 0;}
.recommend_heading{font-size: 24px;font-weight: bold;position: absolute;bottom: 0.25em;left: 50%;transform: translateX(-50%);color: #fff;}
.recommend_lead {font-size: min(4.2vw, 15px);line-height: 1.8;color: #555555;padding: 0;}
.recommend_bnr{margin: 4% auto 0;position: relative;transition:0.2s;}
.recommend_bnr a{transition:0.2s;}
.recommend_bnr a:hover{opacity:0.8;}
.recommend_bnr_txt{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 22px;font-weight: 500;line-height: 1.6;left: 8em;letter-spacing: 1px;font-family: 'Noto Serif JP', serif;}
.recommend_contents{padding: 8% 0 0%;position:relative;}
.bg_orange .recommend_contents{padding-top: 4%;}
.recommend_contents._newyear .recommend_bnr_txt{font-family: 'Noto Serif JP', serif;position: absolute;top: 50%;transform: translateY(-50%);color: #fff;font-size: 18px;font-weight: bold;line-height: 1.8;left: 11em;letter-spacing: 1px;}
.recommend_contents._newyear .recommend_bnr_txt .anno{font-size:14px;display:block;margin-top: 1em;}
.circle_btn .area_btn._all{margin: 0 auto;}
.circle_btn .area_btn._all p{font-size:15px;color:#555555; margin: 1% 0 3%;text-align: center;font-weight: bold;}
.circle_btn .area_btn._all a{transition: 0.2s;display: block;margin: 0 auto;}
.circle_btn .area_btn._all a img{width:38%;}
.circle_btn .area_btn._all span._heading{font-weight: bold;}
.circle_btn{margin-top:3%;}
.main_txt {padding: 0 4%;font-size: min(4.2vw, 15px);line-height: 1.6;}
.pickup_list{padding: 0 1% 0;flex-wrap:unset;}
.area_recommend{margin:16% 0 8%;}
.bnr_genre{display:block;margin:3% 4%;}

/* xmas_card */
#post_card h2.h2_ttl {transform: rotate( 0.03deg);color: #06205b;border-top: 1px solid #06205b;border-bottom: 1px solid #06205b;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 3% 20px;}
.post_card_img {width: 55%;margin: 0 auto;}
.post_card_img img {width: 100%;height: auto;}
.post_card_txt {margin: 15px 3%;transform: rotate( 0.03deg);}
.post_card_txt dt {background: #06205b;color: #fff;font-size: 16px;font-weight: bold;padding: 0 15px;display: inline;}
dt .card_txt_small {padding-left: 10px;}
.card_txt_small {font-size: 13px;}
.post_card_txt dd {margin: 5px 0 10px;font-size: 14px;line-height: 1.4;}
.post_card_txt dd a {text-decoration: underline;font-size: 15px;font-weight: bold;}
.post_card_txt .card_item a {font-size: 16px;font-weight: bold;color: #06205b;}
h2.newfaq_ttl{transform: rotate(0.03deg);color: #06205b;border-top: 1px solid #06205b;border-bottom: 1px solid #06205b;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 48px 3% 20px;}
section#selectCycla select{ -webkit-tap-highlight-color: rgba(0, 76, 126, 0.25);color: #111;font-family: sans-serif;font-size: 100%;line-height: 1.313;}

.newyear_h3_outer{margin-top:16%;}
.newyear_h3_txt {font-size: min(4.5vw, 24px);text-align: center;border-bottom: 1px solid #2b2d42;width: 94%;margin: 0 auto;padding-bottom: 8px;}
.newyear_h2_txt2 {font-size: min(4.2vw, 15px);line-height: 1.6;color: #2b2d42;margin: 4% 6%;}
.area_bnr_extra{padding: 0 4%;margin-bottom:16%;}
.area_bnr_extra div{width: 94%;height: auto;color: #fff;padding: 8px 0;position: relative;overflow: hidden;z-index: 0;margin: 0 auto 3%;}
.area_bnr_extra div::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top: 9%;left: 45%;transform: translateX(-50%);z-index: -1;}
.area_bnr_extra div::after {content: '';background: url(https://img.e87.com/selection/newyear/2024images/index_arrow_right_w.png) no-repeat;position: absolute;width: 8px;height: 27px;background-size: 100%;right: 12px;top: 50%;transform: translateY(-50%);}
.area_bnr_extra div._02::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top:unset;bottom: 9%;left: 45%;transform: translateX(-50%);z-index: -1;}
.area_bnr_extra div._03::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top: 50%;left: -60%;transform: translateY(-50%);z-index: -1;}
.area_bnr_extra div._01{background: #0d1039;}
.area_bnr_extra div._02{background: #2e90bd;}
.area_bnr_extra div._03{background: #9a162e;margin-bottom: 0;}
.area_bnr_extra div p{font-size: min(4.5vw, 24px);text-align: center;font-weight: bold;font-family: 'Noto Serif JP', serif;color:#fff;margin:0;}
.area_bnr_extra div p span{font-size: min(4.5vw, 24px);display: block;text-align: center;font-weight: 100;line-height: 1;font-weight: bold;}
.area_bnr_extra div p.bnr_annotation{font-size: 13px;text-align: left;font-weight: 100;width: 90%;margin: 4px auto 0;}
.bnr_annotation{padding:0 4%;}

/* --------------------------------------
?????? area price
------------------------------------------- */
.price_outer {display: flex;align-items: center;justify-content: center;padding-top: 4%;flex-wrap: wrap;padding: 0 4%;margin-bottom: 8%;}
.price_box {width: 48%;margin: 1%;}
.price_inner {align-items: center;width: 100%;height: 80px;position: relative;border-radius: 5px;border: 2px solid #06205b;}
.price_inner::after {content: "";position: absolute;margin: auto;bottom: 0.5em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.price_txt {display: flex;font-size: 16px!important;letter-spacing: 0;font-weight: bold;line-height: 1.3;transition: .2s;box-sizing: border-box;width: 100%;height: 87%;align-items: center;justify-content: center;margin: 0;color: #000;}

/*---------------------------------
todoite
-----------------------------------*/
.area_payment .todoite p{margin:2% 0;}
.area_payment .todoite p.todoite_img{width:100%;border-top: 1px dotted #d9d9d9;padding: 3% 0 1%;}
.area_payment .todoite ul li{font-size: min(4.1vw, 16px);line-height: 1.6;margin:0;}
.area_payment .todoite h4{font-size: min(4.1vw, 16px);font-weight: bold;margin: 1em 0;color:red;}
.area_payment .payment_wrap .todoite dl{border-top: none;margin: 0;padding: 0;}
.area_payment .payment_wrap .todoite dl dt{font-size: min(4.1vw, 16px);font-weight: bold;}
.area_payment .payment_wrap .todoite dd{padding:0;display: block;}
.area_payment .payment_wrap .todoite a{color:red;}
.area_payment .todoite p{margin: 2% 0;font-size: min(4.1vw, 16px);}

.item_catch{text-wrap: wrap;margin-top: 3%;color: #06205b;font-size: min(3.3vw, 15px);padding: 0 4px;}

.area_kit{padding: 3%;border:1px solid #ffdddd;margin: 0 3%;box-sizing: border-box;}
.area_kit .bnr_kit img{width:100%;height:auto;}
.area_kit h4{text-align: center;font-size: min(4.2vw, 21px);color: #06205b;font-weight: bold;margin: 8% 0 4%;}
.area_kit .area_pickup{margin-bottom:0;    margin-left: 0;margin-right: 0;}
.area_kit .area_pickup dl{width:unset;padding: 0 4%;}
.area_kit .wrap_kit{margin: 8px 0 24px;}
.area_kit .wrap_kit .kit_img{padding: 0 16%;}
.area_kit .wrap_kit .common_txt{text-align: left;margin: 0 0 0;}
.area_kit .area_sample h5{    text-align: center;font-size: min(4vw, 18px);margin: 24px auto 0;background: #eee;border-radius: 25px;padding: 3px 0 1px;}
.area_kit h5 span{font-size: 14px;display: block;text-align: center;}
.anno_kit{display: block;font-size: 12px;margin-top: 8px;}

/*---------------------------------
???????????? heading catch
-----------------------------------*/
.area_point {position: relative;margin: 8% 4%;padding: 2% 1% 0;border: solid 1px #000;border-radius: 8px;box-sizing: border-box;}
.area_point .box-title {font-family: 'Noto Serif JP', serif;position: absolute;display: block;top: -0.5em;left: 0.5em;line-height: 1;font-size: 16px;background: #FFF;color: #000;font-weight: bold;text-align: center;font-size: min(4.3vw, 20px);}
.area_point p.common_txt {font-family: 'Noto Serif JP', serif;text-align: left;margin-bottom: 0;margin: 3%;font-size: min(3.8vw, 16px);}
.area_point p.common_txt a{text-decoration: underline!important;}

.area_sample{margin: 0 auto;}
.area_sample ul{display:flex;justify-content: center;}
.area_sample ul li{margin: 1%;}
.area_sample ul li img{border-radius:50%;}

.check_heading{font-size: min(4.2vw, 21px);margin: 8px 16px;text-align: center;font-weight: bold;}

.newyear_heading.heading_bg h2{color: #06205b;font-size: min(4.3vw, 24px);}

.area_kit .item_name{text-align: center;}
.area_kit .price{text-align: center;}

/* --------------------------------------
info
------------------------------------------- */
.info{text-align: center;}
div.newyear_info {font-size: 16px;margin: 0;background: #AC8529;padding: 3% 3% 2%;display: inline-block;color: #fff;box-sizing: border-box;position:relative;z-index:1;margin:0 3% 6%;}
div.newyear_info p {font-weight: bold;line-height: 1.6;font-size: 14px;text-align: center;}
div.newyear_info p.newyear_info_attention {font-weight: normal!important;font-size: min(3.8vw, 13px);color: #4d3f35;color: #fff;padding-top:4px;text-align: left;margin:unset;text-indent: -1em;padding-left: 1em;}
.newyear_info_otodoke a {color: #fff;}
.newyear_info_otodoke._message {text-decoration: underline;font-size: 15px;}
.newyear_info table {margin: 0 auto 1%;font-size: 18px;}
.newyear_info table tr {line-height: 1.4;font-size: min(4.5vw, 16px);}
.newyear_info table th {text-align: right;font-weight: 600;padding: 2px;}
.newyear_info table td {font-weight: 600;}
.newyear_heading .info .wrap_anno{margin-bottom:0;padding-top:0;}
.newyear_heading div{margin-bottom:16px;}

.newyear_heading.heading_bg .lead_txt{margin-bottom:4%;}

.style_box2 a{display:block;margin:4% 12%;}

#super .wrap_super_inner .common_txt {text-align: left;font-family: 'Noto Serif JP', serif;}
.wrap_super{margin:4% 8%}
.wrap_super_inner{margin-bottom:4%}
.super_img{text-align: center;}
.super_img img{max-width:275px;}

/* ???????? ???????????  */
.area_payment{padding:0 4%;}
.area_payment p{font-size:14px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 3%;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 15px;border-left: 6px solid #DF5B5B;padding-left: 8px;color: #DF5B5B;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 3%;}
.area_payment .payment_wrap dt{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;flex-wrap: wrap;}
.area_payment .payment_wrap ul li{margin-bottom: 3%;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 3%;justify-content: center;margin: 8px 0;flex-wrap:wrap;align-items: flex-start;}
.area_payment .payment_wrap dd.card img{width: 50px;height: auto;margin-right: 8px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 16px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 12px;line-height: 1.5;}

/* ?????????????????? */
section.area_obsession{overflow: unset;}
.area_obsession .area_obsession_inner{padding: 8px 0;font-weight: 500;position:relative;width: 100%;margin: 3% auto;box-sizing: border-box;}
.area_obsession .area_obsession_inner label._heading{color: #DF5B5B;font-size: 15px;margin-bottom: 8px;position:relative;font-weight: 600;padding-bottom:8px;border-bottom: 1px dotted #d9d9d9;}
.area_obsession .area_obsession_inner .toggle {display: none;}
.area_obsession .area_obsession_inner ._heading {font-family: 'Noto Serif JP', serif;padding: 0.5em;display: block;color: #fff;}
.area_obsession .area_obsession_inner ._heading::after{content:"";width: 6px;height: 6px;border-top: 2px solid #401f1f;border-right: 2px solid #401f1f;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.area_obsession .area_obsession_inner ._heading,
.area_obsession .area_obsession_inner .txt_wrap {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.area_obsession .area_obsession_inner .txt_wrap {height: 0;margin-bottom:10px;overflow: hidden;}
.toggle:checked + ._heading + .txt_wrap {	/*???*/height: auto;transition: all .3s;}
.toggle:checked + ._heading::after {transform: rotate(-45deg) !important;}
.area_obsession .area_obsession_inner p.obsession_txt{font-size:14px;line-height: 1.8;margin-bottom: 8px;font-weight: 400;}
.area_obsession .area_obsession_inner p.obsession_txt._lead{margin-bottom: 24px;padding:0 8px 0;}
.area_obsession .area_obsession_inner p.ja_txt{width:74%;color: #487c0c;font-weight: 500;}
.area_obsession .area_obsession_inner p.ja_img{width:23%;margin: 0 auto;}
.area_obsession .area_obsession_inner p.ja_img img{width:100%;}
.area_obsession .area_obsession_inner .wrap_ja{display:flex;}