/* GNAV統合 180425 ------------------------------------------------------- */ /* common ------------------------------------------------------- */ /* sp ------------------------------------------------------- */ /* MODULE ------------------------------------------------------- */ /*↓元設定を変更*/ article {display: block;clear: both;padding: 0 0em} .spc_wapper {background: #fff} .spc_wapper hr{display:none} .keirouday_special .spc_wapper {background: rgba(255,255,255,0.6);} .mt10{margin-top:10px} .mt30{margin-top:30px} .mb20{margin-bottom: 20px} .mb30{margin-bottom: 30px} .md_local.mb30{margin-bottom:30px} .display_sp{display:block} .strong_red{color:#FF3333} /* MODULE ------------------------------------------------------- */ a.link_head{margin-top:-100px;padding-top: 100px;display: block} /*// MODULE ------------------------------------------------------- */ /* HERO 追加 171128 ------------------------------------------------------- */ .hero { height: 310px; position: relative; overflow: hidden; } .hero__copy { position: absolute; top: 3%; left: 75px; } .hero__copy h1 { line-height: 1; font-size: 22px; text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff; } .hero__copy h1.fukuro_none {text-shadow: none;} .hero__copy h1.fukuro_moji_pink { text-shadow: 2px 0 1px #dd6c99, -2px 0 1px #dd6c99, 0 2px 1px #dd6c99, 0 -2px 1px #dd6c99, 2px 2px 1px #dd6c99, -2px -2px 1px #dd6c99, -2px 2px 1px #dd6c99, 2px -2px 1px #dd6c99;} .hero__copy h1.fukuro_moji_gray {text-shadow:1px 1px #000;} .hero__copy h1.fukuro_moji_gray02 {text-shadow: 1px 0px 0px #808080, 0px 1px 0px #808080, -1px 0px 0px #808080, 0px -1px 0px #808080;} .hero__copy h1.fukuro_moji_red {text-shadow: 1px 0px 0px #c00000, 0px 1px 0px #c00000, -1px 0px 0px #c00000, 0px -1px 0px #c00000;} .hero__copy h1.fukuro_moji_pink {text-shadow: 1px 0px 0px #ff3376, 0px 1px 0px #ff3376, -1px 0px 0px #ff3376, 0px -1px 0px #ff3376;} .hero__body { width: 1000px; height: 310px; position: absolute; top: 0; left: 50%; margin-left: -500px; text-align: center; z-index: 2; } .hero__body.hero__body--text { z-index: 6; } .hero__body.hero__body--bg { z-index: 1; } .hero__body img { max-width: 100%; } .hero__body.hero__body--bg img { max-width: none; max-height: 100%; position: absolute; left: 50%; margin-left: -1000px; } @media screen and (max-width:1000px) { .hero { width: 100%; height: 100%; padding: 31% 0 0; box-sizing: border-box; } .hero__copy h1 { font-size: 2.2vw; } .hero__copy { left: 8px; } .hero__body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-left: 0; box-sizing: border-box; overflow: hidden; } .hero__body.hero__body--bg img { left: -50%; margin-left: 0; } } @media screen and (max-width:641px) { .hero { padding-top: 62.6%; margin-bottom:20px; } .hero__body.hero__body--bg img { position: relative; left: 0; } .hero__body img { max-width: none; width: 100%; } } /* BANNER STYLE ------------------------------------------------------- */ .heros_banner{position:relative;width:100%;overflow:hidden;background: #c6e2eb} .heros_banner {margin-bottom: 10px} .heros_banner:before{content:"";display:block;padding-top:50%} .heros_banner .heros_banner_inner{position:absolute;top:0;left:0;bottom:0;right:0} .heros_banner .heros_banner_inner .tt_icon{width:45%;position:absolute;top:15%;z-index:2;left:2%} .heros_banner .heros_banner_inner h1{position:absolute;color: #333;text-shadow: 1px 1px #FFF;left:5%;top:45%;font-size:1.5em;font-family: 'Noto Sans JP','Libre Baskerville',serif;z-index:7} .heros_banner img.bg_roomimg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:100%;height:auto} .heros_banner .heros_banner_inner img.spe_product{position:absolute;bottom:-15px;z-index:4;width:55%;right:2%} .heros_banner .heros_banner_inner p.heros_description {display:none} .heros_banner .heros_banner_inner .heros_banner_box h1{ font-family: 'Noto Sans JP', 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif} .heros_banner .heros_banner_inner .heros_banner_box h1{position: absolute;left: 10%;top: 5%;font-size: 0.8em;z-index: 1} /* 追加 170621 */ .heros_banner .heros_banner_inner .tt_icon02{width:40%;position:absolute;top:15%;z-index:2;left:10%} /* .heros_banner .heros_banner_inner p.heros_description02 {display:none} */ .heros_banner .heros_banner_inner p.heros_description02 span { display: block; position: absolute; color: #333; left: 10%; bottom: 5%; width: 55%; font-weight: 700; text-shadow: 1px 1px #FFF; font-size: 0.8em; z-index: 5; } /* /BANNER STYLE ------------------------------------------------------- */ /* LINK BTN ------------------------------------------------------- */ /* 昇順 よもやいらない？*/ ul.gift_linkbtn:after {content: '';display: block;clear: both;height:0} ul.gift_linkbtn { /zoom: 1; } /* IE */ ul.gift_linkbtn {text-align: center} ul.gift_linkbtn{margin: 0 0 10px;} ul.gift_linkbtn li {border:1px solid #dfbf9f;height: 150px;line-height: 2.5em;position: relative;overflow: hidden} ul.gift_linkbtn li {width:50%;float: left} ul.gift_linkbtn li a{display: block;cursor: pointer} ul.gift_linkbtn li a:hover{opacity: 0.6;text-decoration: none} ul.gift_linkbtn li img{position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: auto;overflow: hidden} ul.gift_linkbtn li h1,ul.gift_linkbtn li h1+p{font-family: 'Noto Sans JP', 'Libre Baskerville', serif;font-weight: bold;color:#701a09} ul.gift_linkbtn li h1,ul.gift_linkbtn li h1+p{font-size: 0.9em;z-index: 2; position: relative;margin:0;text-shadow: 1px 1px #FFF} ul.gift_linkbtn li h1+p{font-size: 1.4em;text-align: center;text-shadow: 1px 1px #FFF;line-height: 1.2em; width: 100%;position: absolute;z-index: 2;margin: 0;padding: 0;margin-top:-10px;} ul.gift_linkbtn li p{font-size:1em;line-height: 1.5em;z-index: 2; position: relative;display: none} /* 降順 h1→pの順番*/ ul.gift_linkbtn_do:after {content: '';display: block;clear: both;height:0} ul.gift_linkbtn_do { /zoom: 1; } /* IE */ ul.gift_linkbtn_do {text-align: center} ul.gift_linkbtn_do{margin: 0 0 20px;} ul.gift_linkbtn_do li {border:1px solid #dfbf9f;height: 150px;line-height: 2.5em;position: relative;overflow: hidden} ul.gift_linkbtn_do li {width:50%;float: left} ul.gift_linkbtn_do li a{display: block;cursor: pointer} ul.gift_linkbtn_do li a:hover{opacity: 0.6;text-decoration: none} ul.gift_linkbtn_do li img{position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: auto;overflow: hidden} ul.gift_linkbtn_do li h2,ul.gift_linkbtn_do li h2+p,ul.gift_linkbtn_do li h2{font-family:'Libre Baskerville', serif;font-weight: bold;color:#701a09} ul.gift_linkbtn_do li h2+p{font-size: 0.8em;z-index: 2; position: relative;text-shadow: 1px 1px #FFF;display: block;} ul.gift_linkbtn_do li h2+p{top: 10px} ul.gift_linkbtn_do li p{line-height: 1.2em;} ul.gift_linkbtn_do li h2 span{color: red;} /*最初からh2*/ /*181219 odd*/ ul.gift_linkbtn_do li.tulip_nav img{top: 70%;width: 100%;} ul.gift_linkbtn_do li.newy02 img{top: 70%;} ul.gift_linkbtn_do li.newy03 h2 {font-size: .95em;} ul.gift_linkbtn_do li.newy03 img{top: 70%;} /*181022 odd*/ .linkbtn3.col3ver ul.gift_linkbtn_do li {width:33.3%;} .linkbtn3.col3ver ul.gift_linkbtn_do li h2 {font-size: 15px;} .linkbtn3.col3ver ul.gift_linkbtn_do li h2+p{font-size: 12px;} ul.gift_linkbtn_do li.white_set img{top: 60%;} ul.gift_linkbtn_do li.keirou_sergift img{top: 70%;} ul.gift_linkbtn_do li h2.monchoco{top:25px;} ul.gift_linkbtn_do li h2.Minette{top:20px;} ul.gift_linkbtn_do li h2.top35{top:35px;} ul.gift_linkbtn_do li h2{font-size: 0.8em;z-index: 2; position: relative;text-shadow: 1px 1px #FFF;margin:10px auto 0;} /*最初からh2*/ ul.gift_linkbtn_do li h2{font-size: 1.1em;text-align: center;text-shadow: 1px 1px #FFF;line-height: 1.2em; width: 100%;position: absolute;z-index: 2;margin: 0;padding: 0;margin-top:30px;letter-spacing: -1px;} ul.gift_linkbtn_do li h2.yurari{margin-top:15px;} ul.gift_linkbtn_do.sweetList li h2{margin-top:30px;} ul.gift_linkbtn_do.sweetList li h2.mdm{margin-top:43px;} ul.gift_linkbtn_do li.sweetList h2.shop_2line{font-size: 0.7em;} /*最初からh2*/ ul.gift_linkbtn_do.over10 li h2{font-size: 1em;} ul.gift_linkbtn_do li.shop_2line h2 {margin-top:40px} ul.gift_linkbtn_do li.ciap h2 {margin-top:20px} /*最初からh2*/ ul.gift_linkbtn_do.linkbtn_img100 li.ciap img{top:70%;} /* 降順 説明文*/ ul.gift_linkbtn_do li p.linkbtn_des{display: none} ul.gift_linkbtn_do li p.read_link { position: absolute; bottom: 0; text-align: right; width: 100%; display: block; padding: 5px; background: rgba(255,255,255,0.5); font-weight: bold; color: #cc0000; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF; z-index: 3; } ul.gift_linkbtn_do.linkbtn_img100 li img{top: 80%;left: 50%;width: 100%;height: auto;} ul.gift_linkbtn_do li.linkbtn_img100 img{top: 80%;left: 50%;width: 100%;height: auto;} ul.gift_linkbtn_do.linkbtn_img100 li.komorebi img{top: 90%;} /* mother 2018 */ ul.gift_linkbtn_do.linkbtn_img100 li.ciap img{top: 65%;} ul.gift_linkbtn_do.linkbtn_img100 li.okura img{top: 72%;} /* 延長・遅れてごめんね */ ul.gift_linkbtn_do li h2+p span{color:red} ul.gift_linkbtn_do li h2.okurete_ttl {margin-top: 45px} .kanbai_layer{background-color: rgba(000,000,000,0.3);width: 100%;height: 175px;fdisplay: block;position: absolute;padding: 5em 0em;} /* ランキング new */ /* ランキング wide */ ul.gift_linkbtn_do li.linkbtn_rank{width: 100%;} ul.gift_linkbtn_do li.linkbtn_rank h2, ul.gift_linkbtn_do li.linkbtn_rank h2+p{text-align: right;padding-right: 10px} ul.gift_linkbtn_do li.linkbtn_rank img {top: 100%;width: 80%;left:30%;} ul.gift_linkbtn_do li.linkbtn_rank h2 {font-size: 1.3em;} /* ランキング thin */ ul.gift_linkbtn_do li.linkbtn_rank.thin h2, ul.gift_linkbtn_do li.linkbtn_rank.thin h2+p{text-align: center;padding-right: 10px} ul.gift_linkbtn_do li.linkbtn_rank.thin img {top: 70%;width: 100%;left:50%;} ul.gift_linkbtn_do li.linkbtn_rank.thin h2 {font-size: 1em;} /* ランキング for_f */ ul.gift_linkbtn_do li.linkbtn_rank.thin.for_f img {top: 80%;width: 90%;left: 50%;} /* ワイド版 */ ul.gift_linkbtn_do li.linkbtn_wide{width: 100%;} ul.gift_linkbtn_do li.linkbtn_wide h2, ul.gift_linkbtn_do li.linkbtn_wide h2+p, ul.gift_linkbtn_do li.linkbtn_wide h2{text-align: right;padding-right: 10px} /* 最初からh2 */ ul.gift_linkbtn_do li.linkbtn_wide img {top: 100%;width: 80%;left:30%;} ul.gift_linkbtn_do li.linkbtn_wide h2 {font-size: 1.3em;} ul.gift_linkbtn_do li.linkbtn_wide.newy01 img {top: 50%;} ul.gift_linkbtn_do li.linkbtn_wide.spring01 img {top: 80%;} ul.gift_linkbtn_do li.spiring_b01 img {top: 70%;} ul.gift_linkbtn_do li.spiring_b04 img {top: 70%;} ul.gift_linkbtn_do li.linkbtn_wide.peach01 img {top: 80%;} ul.gift_linkbtn_do li.peach02 img {top: 70%;} .peach_special ul.gift_linkbtn_do li.linkbtn_wide img {top: 73%;width: 80%;left:30%;} ul.gift_linkbtn_do li.linkbtn_wide.for_lily img {top: 50%;width: 80%;left:30%;} ul.gift_linkbtn_do li.linkbtn_wide.studioCLIP img {top: 80%;width: 80%;left:30%;} ul.gift_linkbtn_do li.studioCLIP img {top: 70%;} /* xmas_linkbtn */ ul.gift_linkbtn_do li.lladro img{top: 90%;} ul.gift_linkbtn_do li.tbc img {width: 100%;} /* whiteday_linkbtn */ ul.gift_linkbtn_do.top_70 li img{top: 70%;} .flower_valentine ul.gift_linkbtn_do li.linkbtn_wide img {top: 60%;width: 80%;left:27%;} ul.gift_linkbtn_do li.linkbtn_wide img.wide_type01 {top: 60%;width: 85%;} ul.gift_linkbtn_do li.img_100 img {width: 100%;} /* 180219 */ ul.gift_linkbtn_do li.sotugyou_set img{top: 90%;} /* color */ ul li.yellow01{background: #fff7e3} ul li.yellow02{background: #FFFFE6} ul li.pink01{background: #ffe6e6} ul li.pink02{background: #ffdddd} ul li.pink03{background: #fae0eb} ul li.pink04{background: #fff6f6} ul li.pink05{background: #fff5f5} ul li.purple01{background: #f6e3f7} ul li.green01{background: #E9F8F0} ul li.green02{background: #e2f0ec} ul li.blue01{background: #E9F4FC} ul li.blue02{background: #c1e7ff} ul li.blue03{background: #eef6f4} ul li.blue04{background: #D9F3F1} ul li.blue05{background: #E7F8F7} ul li.nude01{background: #ffefd6} ul li.orange01{background: #fce4d8} ul li.orange02{background: #fff6ed} ul li.gray01{background: #DDDDDD} ul li.linkbtn_rank{background:url(/image/xmas/xmasrankback.png) no-repeat right top;background-size: 100%} ul li.linkbtn_rank.thin{background:url(/image/mother/motherrankback.png) no-repeat right top;background-size: 100%} ul li.rank_orange01{background:url(/image/season/rankback_orange01.png) no-repeat right top;background-size: 100%} ul li.rank_pink01{background:url(/image/season/rankback_pink01.png) no-repeat right top;background-size: 100%} ul li.rank_pink02{background:url(/image/season/rankback_pink02.png) no-repeat right top;background-size: 100%} ul li.rank_blue01{background:url(/image/season/rankback_bule.png) no-repeat right top;background-size: 100%} /* /mother sp ------------------------------------------------------- */ ul.gift_linkbtn_do.mother_special li.beams p, ul.gift_linkbtn_do.mother_special li.moon_dust p {display: none;} ul.gift_linkbtn_do.mother_special li.beams h2, ul.gift_linkbtn_do.mother_special li.moon_dust h2 {margin-top: 40px;} ul.gift_linkbtn_do.mother_special li.beams h2 span{display: none;} ul.gift_linkbtn_do.mother_special li img.mother_special_logo{position:absolute;top:15%;left:50%;} ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo{width:99%;} ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{width:60%;} /* /LINK BTN ------------------------------------------------------- */ /* TEXT LINK ------------------------------------------------------- */ h1.t_link_heading {background:#fcf1f8;padding:5px;color: #c7000b; font-family: 'Noto Sans JP', 'Libre Baskerville', serif;margin-bottom:5px;} h1.t_link_heading:before {color: #c7000b;content: " ● "} ul.text_link{display: table} ul.text_link li{display: table-cell;white-space: nowrap} .text_link li a{color:#701a09;padding-left:10px;padding-right:20px} .text_link li{position: relative;padding-left: 10px} .text_link li:before {position: absolute; content:''; display:inline-block; box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset; top:6px;left:2px;height:0;width:0; border-top: 6px solid transparent;border-right: 7px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #ff6699} /* color*/ /*blue01*/ .tl_blue01 h1.t_link_heading {background:#d3ebf9;color: #337eb4} .tl_blue01 h1.t_link_heading:before {color: #337eb4} .tl_blue01 .text_link li:before{border-left: 9px solid #337eb4} /*green01*/ .tl_green01 h1.t_link_heading {background:#E9F8F0;color: #669900} .tl_green01 h1.t_link_heading:before {color: #669900} .tl_green01 .text_link li:before{border-left: 9px solid #669900} /*ocher01*/ .tl_ocher01 h1.t_link_heading {background:#f9ece4;color: #c7a100} .tl_ocher01 h1.t_link_heading:before {color: #c7a100} .tl_ocher01 .text_link li:before{border-left: 9px solid #c7a100} /*ocher02*/ .tl_ocher02 h1.t_link_heading {background:#FEF6DF;color: #c7a100} .tl_ocher02 h1.t_link_heading:before {color: #c7a100} .tl_ocher02 .text_link li:before{border-left: 9px solid #c7a100} /*yellow01*/ .tl_yellow01 h1.t_link_heading {background:#fffae5;color: #c7a100} .tl_yellow01 h1.t_link_heading:before {color: #c7a100} .tl_yellow01 .text_link li:before{border-left: 9px solid #c7a100} /*yellow02 xmas2*/ .tl_yellow02 h1.t_link_heading {background:#fffae5;color: #c7000b} .tl_yellow02 h1.t_link_heading:before {color: #c7000b} .tl_yellow02 .text_link li:before{border-left: 9px solid #c7000b} /*ocher02*/ .tl_purple01 h1.t_link_heading {background:#ecdaf9;color: #e7316c} .tl_purple01 h1.t_link_heading:before {color: #e7316c} .tl_purple01 .text_link li:before{border-left: 9px solid #e7316c} /* /TEXT LINK ------------------------------------------------------- */ /* ICON LINK ------------------------------------------------------- */ ul.icon_link{display: table;} ul.icon_link li{display: table-cell;white-space: nowrap;} .icon_link li a{color:#701a09;padding-left:10px;padding-right:15px;/*vertical-align: top*/} .icon_link li{position: relative;padding-left: 10px} .icon_link li:first-child{padding-left: 0px} .icon_link li span img{border-radius: 5px;width:50px;height: 50px;border: 2px solid #fdbd3a;vertical-align: middle;margin-right: 10px;} /* .icon_link li span.icon_txt{display: block;position: absolute;} */ ul.icon_link_ver02{padding: 10px;} ul.icon_link_ver02 li a{color:#701a09;padding-right: 5px;} .icon_link_ver02 li{display: inline-block;font-size: .9em;} .icon_link_ver02 li:first-child{padding-left: 0px} .icon_link_ver02 li span img{border-radius: 5px;width:40px;height: 40px;border: 2px solid #fdbd3a;vertical-align: middle;margin-right: 5px;} /* //ICON LINK ------------------------------------------------------- */ /* SUB TITLE ------------------------------------------------------- */ /* subtitle01 */ .subtitle01{margin:40px 0 20px 0px; padding: 5px 10px 5px 65px; position: relative} .subtitle01{background: #ffd9ec;min-height: 75px; background-image: url(/image/mother/mother_mark05.png); background-repeat:no-repeat; background-size:35%; background-position:98% 5%;} .subtitle01_des h1, .subtitle01_des p{font-family:'Libre Baskerville', serif;font-weight: bold} .subtitle01_des p{text-align: left;line-height: 1.2em;margin: 0 0 0 0;color:#ff3399;} /*.subtitle01_des p{display: none}*/ .subtitle01_des p { margin: 5px 0 0 0; } .subtitle01_des h1.sub_ttl_sirregu_midasi{position: absolute;top:1.8em} .subtitle01_des h1+p.sub_ttl_sirregu{display: none} .subtitle01_des p.sub_ttl_sirregu{display: block;position: absolute;top:1em} .subtitle01_des h1{font-size:1.3em;color:#714141} .subtitle01_des h1 span{font-size:0.7em;color:#ff3399;} .subtitle01_des h1 span:after{content: "\A" ;white-space: pre} .subtitle01 img{position:absolute; width:60px;height: auto; top:0px; left:0px;} .flower_valentine .subtitle01_des h1{font-size:1.7em;margin-top:10px;} /* color_subtitle01 */ .subtitle01.stl_blue01{background: #dbf6fe} .subtitle01.stl_blue02{background: #D9F3F1} .subtitle01.stl_blue03{background: #e9f4fc} .subtitle01.stl_blue04{background:#dbf6fe;} .subtitle01.stl_green01{background: #E9F8F0} .subtitle01.stl_ocher01{background: #f9ece4} .subtitle01.stl_ocher02{background: #fef6df} .subtitle01.stl_pink01{background: #ffe6e6} .subtitle01.stl_yellow01{background: #fffae5} .subtitle01.stl_yellow02{background: #FFFFE6} .subtitle01.stl_purple01{background: #ecdaf9} .subtitle01_des.sub_ocher01 p {color:#cc9900;} .subtitle01_des.sub_ocher02 p {color:#b59406;} .subtitle01_des.sub_orange01 p {color:#ff9800;} .subtitle01_des.sub_pink01 p {color:#FF8AB0;} .subtitle01_des.sub_red01 p {color:#c70006;} .subtitle01_des.sub_green01 p {color:#2f9f91;} .subtitle01_des.sub_purple01 p {color:#a871cf;} .subtitle01_des.sub_yellow01 p {color:#da3940;} /* 171010_xmas_color:#fff; */ /* .subtitle01_des p {color: #fff} .subtitle01_des h1 {font-size: 1.3em;color: #fff} */ .subtitle01.stl_ml_forever{background: #D6D3ED} /* color_subtitle01_des */ .stl_blue01 .subtitle01_des h1 span{color:#146ceb} .stl_blue01 .subtitle01_des p{color:#146ceb} .stl_blue03 .subtitle01_des h1 span{color:#3879d9} .stl_blue03 .subtitle01_des p{color:#3879d9} .stl_blue04 .subtitle01_des h1 span{color:#668cff} .stl_blue04 .subtitle01_des p{color:#668cff} .stl_green01 .subtitle01_des h1 span{color:#9ad656} .stl_green01 .subtitle01_des p{color:#669900} .stl_ocher01 .subtitle01_des h1 span{color:#986d5c} .stl_ocher01 .subtitle01_des p{color:#986d5c} .stl_ocher02 .subtitle01_des h1 span{color:#986d5c} .stl_ocher02 .subtitle01_des p{color:#986d5c} .stl_ml_forever .subtitle01_des h1 span{color:#986d5c} .stl_ml_forever .subtitle01_des p{color:#986d5c} /* keirou */ .keirou .subtitle01{ background-image: url(/image/season/ml_mark.gif); background-repeat:no-repeat; background-size:35%; background-position:98% 10%} /* subtitle02 */ .subtitle02{position: relative;width: 100%;padding: 10px;color: #fff;background: #d93c42;text-align: center;font-size: 1.2em;font-weight: bold;box-shadow: 0 1px 3px #777;-moz-box-shadow: 0 1px 3px #777;webkit-box-shadow: 0 1px 3px #777;-o-box-shadow: 0 1px 3px #777;-ms-box-shadow: 0 1px 3px #777;text-shadow: 2px 2px #808080;margin-bottom: 20px} .subtitle03{position: relative;width: 100%;padding: 0.5em;color: #fff;background: #f08c84;text-align: center;font-size: 1.2em;font-weight: bold;box-shadow: 0 1px 3px #777;-moz-box-shadow: 0 1px 3px #777;-webkit-box-shadow: 0 1px 3px #777;-o-box-shadow: 0 1px 3px #777;-ms-box-shadow: 0 1px 3px #777;text-shadow: 2px 2px #808080;margin-bottom: 20px} .subtitle03{font-family: 'Noto Sans JP', "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} .subtitle03.keirou_mode{background: #c45377} .subtitle03.keirou_mode{font-size: 1.1em;} .subtitle02.moondust_mode{background: #c36bd3;} .subtitle03.mother2018_mode{background: #e53b7f} .subtitle02:after, .subtitle02:before, .subtitle03:after, .subtitle03:before{content: "";position: absolute;top: 100%;height: 0;width: 0;border: 5px solid transparent;border-top: 5px solid #808080} .subtitle02:before, .subtitle03:before{right: 0;border-left: 5px solid #808080} .subtitle02:after, .subtitle03:after{left: 0;border-right: 5px solid #808080} .subtitle01.mt40{margin-top:40px} /* //SUB TITLE ------------------------------------------------------- */ /* HEADING_CH ------------------------------------------------------- */ /*hの下のp*/ h2.heading_ch+p{margin: 10px 20px 10px} h2.heading_ch img {width: 30px;height: auto} h2.heading_ch{ position:relative; margin:0 -10px; padding:5px; font-size: 150%; color:#fff;/*#ffe8e8*/ background:#d53231;/*#f99*/ box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0, 0, 0, 0.0)), color-stop(0.08, rgba(255, 255, 255, 0.5)), color-stop(0.12, rgba(255, 255, 255, 0.5)), color-stop(0.12, rgba(0, 0, 0, 0.0)), color-stop(0.88, rgba(0, 0, 0, 0.0)), color-stop(0.88, rgba(255, 255, 255, 0.5)), color-stop(0.92, rgba(255, 255, 255, 0.5)), color-stop(0.92, rgba(0, 0, 0, 0.0)), to( rgba(0, 0, 0, 0.0)) ); background-image: -moz-linear-gradient(top, transparent 8%, rgba(255, 255, 255, 0.5) 8%, rgba(255, 255, 255, 0.5) 12%, transparent 12%, transparent 88%, rgba(255, 255, 255, 0.5) 88%, rgba(255, 255, 255, 0.5) 92%, transparent 92% ); background-image: -o-linear-gradient(top, transparent 8%, rgba(255, 255, 255, 0.5) 8%, rgba(255, 255, 255, 0.5) 12%, transparent 12%, transparent 88%, rgba(255, 255, 255, 0.5) 88%, rgba(255, 255, 255, 0.5) 92%, transparent 92% ); background-image: linear-gradient(to bottom, transparent 8%, rgba(255, 255, 255, 0.5) 8%, rgba(255, 255, 255, 0.5) 12%, transparent 12%, transparent 88%, rgba(255, 255, 255, 0.5) 88%, rgba(255, 255, 255, 0.5) 92%, transparent 92% ); padding-left: 10px; } .heading_ch:before{ content:" "; position:absolute; top:-5px; left:0; width:0; height:0; border-width:0 0 5px 10px; border-style:solid; border-color:transparent; border-bottom-color:#c66; } .heading_ch:after{ content:" "; position:absolute; top:100%; right:0; width:0; height:0; border-width:5px 10px 0 0; border-style:solid; border-color:transparent; border-top-color:#c66; } .heading_ch span{display: none} .newyear h2.heading_ch{ position:relative; margin:0 -10px; padding:5px; font-size: 150%; color:#fff;/*#ffe8e8*/ background-image: linear-gradient(to top left, #e1a44b, #fce690, #e1a44b); box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); padding-left: 10px; } .newyear h2.heading_ch {font-family: 'Libre Baskerville', serif;font-weight: 500;color:#9d2d02;} .newyear .heading_ch span {font-weight: 500;} /* //HEADING_CH ------------------------------------------------------- */ /* APPEAL ------------------------------------------------------- */ ul.appeal{margin:0 15px 20px} ul.appeal li{display: inline;line-height: 1.2em;font-size:0.8em} ul.appeal li.info_nisikata{display: block;margin-top:10px} .appeal_para{margin:0 15px 20px;font-size: .9em} .appeal_para.hosoku_para{margin:0 15px 20px;font-size: .9em} .appeal_para02{margin:0 15px 20px;font-size: .9em} .appeal_para03{margin:0 15px 20px;font-size: .9em} .appeal_para04{margin:0 15px 20px;font-size: .9em} .appeal_para{display: none} .appeal_para.remain_para{display: block} ul.appeal_behind{list-style-type: square;list-style-position: inside} .appeal_behind{margin:0 15px 20px;color:#777;} .attention_otodoke{margin:0 15px 20px;font-size: 1em;color:red;font-weight: 500;} .appeal_para05{margin:0 15px 20px;font-size: .9em} .dead_line_red{font-weight: bold; color:red;} /* //APPEAL ------------------------------------------------------- */ /* APPEAL 02 ------------------------------------------------------- */ ul.appeal02{margin:10px 15px 20px} ul.appeal02 li{display: inline;line-height: 1.2em;font-size:0.9em} ul.appeal02 li.info_nisikata{display: block;margin-top:10px} ul.appeal02{display: none} /* //APPEAL ------------------------------------------------------- */ /* SPECIAL PAGE_特集ページ ------------------------------------------------------- */ /* scp_commmon-------------- */ .spc_wapper{font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif} .spc_wapper{overflow: hidden} /* link-------------- */ a.product_link:link, a.product_link:visited{color:#C7000B;text-decoration:none} a.product_link:hover{color:#3E3A39;text-decoration:underline} a.product_link:active {color:#3E3A39} /* font-family-------------- */ .crumb_list li{font-family: 'Noto Sans JP',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} .info_flo, ul.asyoulike li dl dd{font-family: 'Noto Sans JP',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif} .info_flo p, .set_title_r, .title_sp_card,.title_sp_card_pc, .titile_asyoulike, ul.asyoulike li dl dd h4, ul.asyoulike li dl dd h5, .as_plus, .as_equal{font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;} /* i879 COL ------------------------------------------------------- */ .i879col_1 dl dd,.i879col_3 dl dd,.i879col_3 dl dd,.i879col_4 dl dd ,.i879col_5 dl dd{color:#3E3A39} .i879col_1 dl dd a, .i879col_2 dl dd a, .i879col_3 dl dd a,.i879col_4 dl dd a,.i879col_5 dl dd a{color:#9D887D; text-decoration: none} .i879col_1 dl dd,.i879col_3 dl dd,.i879col_3 dl dd,.i879col_4 dl dd ,.i879col_5 dl dd{color:#3E3A39} .i879col_1 dl dd a, .i879col_2 dl dd a, .i879col_3 dl dd a,.i879col_4 dl dd a,.i879col_5 dl dd a{color:#9D887D; text-decoration: none} /*product_col*/ .i879col_1:after,.i879col_1 dl:after, .i879col_2:after,.i879col_2>dl:after, .i879col_3:after,.i879col_3>dl:after, .i879col_4:after,.i879col_4>dl:after, .i879col_5:after,.i879col_5>dl:after{content:'';display:block;clear:both;height:0} .i879col_1,.i879col_1 dl,.i879col_1 dl dd, .i879col_2,.i879col_2 dl,.i879col_2 dl dd, .i879col_3,.i879col_3 dl,.i879col_3 dl dd, .i879col_4,.i879col_4 dl,.i879col_4 dl dd, .i879col_5,.i879col_4 dl,.i879col_5 dl dd{/zoom:1} .i879col_1 dl dd .btn_detail a, .i879col_2 dl dd .btn_detail a, .i879col_3 dl dd .btn_detail a, .i879col_4 dl dd .btn_detail a, .i879col_5 dl dd .btn_detail a{color: #9D887D} .i879col_2 dl dd .btn_detail a:hover, .i879col_3 dl dd .btn_detail a:hover, .i879col_4 dl dd .btn_detail a:hover, .i879col_5 dl dd .btn_detail a:hover, .i879col_1 dl dd .btn_detail a:hover{color: #FFF} .i879col_1 dl dd .btn_cart a, .i879col_2 dl dd .btn_cart a, .i879col_3 dl dd .btn_cart a, .i879col_4 dl dd .btn_cart a, .i879col_5 dl dd .btn_cart a{color:#fff;} .i879col_1 dl dd .btn_cart a:hover, .i879col_2 dl dd .btn_cart a:hover, .i879col_3 dl dd .btn_cart a:hover, .i879col_4 dl dd .btn_cart a:hover, .i879col_5 dl dd .btn_cart a:hover{color:#DA3940;background:#fff} /*1col*/ .i879col_1 dl{margin-bottom:20px} .i879col_1 dl dt{width:80%;margin:0 auto 20px} .i879col_1 dl dt img{width:100%} .i879col_1 dl dd{padding:0 15px 20px} /*2col_3col_4col_5col*/ .i879col_2 dl, .i879col_3 dl, .i879col_4 dl, .i879col_5 dl{padding:0px 10px 10px;margin-bottom:20px} .i879col_2 dl dt img, .i879col_3 dl dt img, .i879col_4 dl dt img, .i879col_5 dl dt img{width:100%} .i879col_2 dl dt, .i879col_3 dl dt, .i879col_4 dl dt, .i879col_5 dl dt{width:45%;float:left;margin-right:5%} .i879col_2 dl dd:nth-of-type(1), .i879col_3 dl dd:nth-of-type(1), .i879col_4 dl dd:nth-of-type(1), .i879col_5 dl dd:nth-of-type(1){width:45%;float:left} .i879col_2 dl dd:nth-of-type(2), .i879col_3 dl dd:nth-of-type(2), .i879col_4 dl dd:nth-of-type(2), .i879col_5 dl dd:nth-of-type(2){width:100%;clear:both} .select_deliv_day select { padding: 8px 10px; float: left; margin-right: 2%; } input[type=button].btn_cart2{font-family: 'Noto Sans JP',FontAwesome,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;display:block;text-decoration:none;font-weight:700;text-align:center;color:#fff;background:#DA3940;border:1px solid #DA3940;font-size:.8em;letter-spacing:0;padding:8px 10px;float:left} input[type="button"].btn_cart2:hover{color:#DA3940;background:#fff;border:1px solid #DA3940;} /* 180207 */ .select_deliv_day--ver ul.asyoulike li dl dd .row{position: relative;} .select_deliv_day--ver .select_deliv_day select{float:none;position: absolute;top:0;left: 0;} /* reset */ .select_deliv_day--ver .select_deliv_day select{-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;padding: 0;background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;box-sizing: content-box;} .select_deliv_day--ver input[type=button].btn_cart2{border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .select_deliv_day--ver .select_deliv_day select{border: 1px solid #9D887D;background:#fff;padding:7px 2.5%;width:95%;} .select_deliv_day--ver input[type=button].btn_cart2{font-size:.7em;padding:8px 5px;float:none; position: absolute;top:45px;right: 0;margin-bottom:30px;} .select_deliv_day--ver ul.asyoulike li dl dd .btn_detail a {position: absolute;padding:7px 4px;top:45px;left: 0;margin-bottom:30px;} .select_deliv_day--ver .asyoulike_box{padding-bottom: 95px;} /* お届け日セレクト ------------------------------------------------------- */ /* base ------------------------------------------------------- */ .i879_options .i879col_1 .btn_detail a{margin-bottom: 10px;font-size: 0.7em;padding: 12px 1px;width:15%;margin-right:2px} .i879_options .i879col_2 .btn_detail a, .i879_options .i879col_3 .btn_detail a, .i879_options .i879col_4 .btn_detail a, .i879_options .i879col_5 .btn_detail a{margin-bottom: 10px;font-size: 0.8em;padding: 10px 1px;width:15%;margin-right:2px} .i879_options .i879col_1 .select_deliv_day select{font-size: 0.7em;margin-bottom: 10px;padding: 13px 1px;width:53%;margin-right:2px} .i879_options .i879col_2 .select_deliv_day select, .i879_options .i879col_3 .select_deliv_day select, .i879_options .i879col_4 .select_deliv_day select, .i879_options .i879col_5 .select_deliv_day select{font-size: 0.7em;margin-bottom: 10px;padding: 12px 1px;width:53%;margin-right:3px;} .i879_options .i879col_1 input[type="button"].btn_cart2{font-size: 0.7em;padding: 12px 1px;width:30%} /* //base ------------------------------------------------------- */ /* reset ------------------------------------------------------- */ .i879_options .i879col_1 .select_deliv_day select,.i879_options .i879col_3 .select_deliv_day select,.i879_options .i879col_4 .select_deliv_day select{margin:0;background:0 0;border-radius:0;outline:0;border:1px solid #9D887D} .i879_options .i879col_1 input[type=button].btn_cart2,.i879_options .i879col_3 input[type=button].btn_cart2,.i879_options .i879col_4 input[type=button].btn_cart2{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;box-sizing:border-box;cursor:pointer} .i879col_5 .select_deliv_day select{margin:0;background:0 0;border-radius:0;outline:0;border:1px solid #9D887D} .i879col_5 input[type=button].btn_cart2{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;box-sizing:border-box;cursor:pointer} /* //reset ------------------------------------------------------- */ .i879_options .i879col_2 input[type="button"].btn_cart2, .i879_options .i879col_3 input[type="button"].btn_cart2, .i879_options .i879col_4 input[type="button"].btn_cart2, .i879_options .i879col_5 input[type="button"].btn_cart2{font-size: 0.7em;padding: 10px 1px;width:30%;} .i879_options .i879col_4 input[type="button"].btn_cart2{font-family: 'Noto Sans JP', FontAwesome} .i879_options .i879col_5 input[type="button"].btn_cart2{font-family: 'Noto Sans JP', FontAwesome} .i879_options .i879col_1 .select_deliv_day select, .i879_options .i879col_3 .select_deliv_day select, .i879_options .i879col_4 .select_deliv_day select{margin-right:2px} .i879_options .i879col_1 .select_deliv_day select, .i879_options .i879col_3 .select_deliv_day select, .i879_options .i879col_4 .select_deliv_day select {padding: 12px 1px} .i879_options .i879col_1 input[type="button"].btn_cart2, .i879_options .i879col_3 input[type="button"].btn_cart2, .i879_options .i879col_4 input[type="button"].btn_cart2 {padding: 11px 1px} /* //お届け日セレクト ------------------------------------------------------- */ /* RANKING ------------------------------------------------------- */ .i879col_1 dl dt,.i879col_2 dl dt,.i879col_3 dl dt,.i879col_4 dl dt,.i879col_5 dl dt{position:relative} .i879col_1 dl dt span.rank_spc,.i879col_2 dl dt span.rank_spc,.i879col_3 dl dt span.rank_spc, .i879col_4 dl dt span.rank_spc,.i879col_5 dl dt span.rank_spc{position: absolute;top: -10px;left: -10px} .i879col_1 dl dt span.rank_spc img{width: 80px;height: auto} .i879col_2 dl dt span.rank_spc img,.i879col_3 dl dt span.rank_spc img, .i879col_4 dl dt span.rank_spc img,.i879col_4 dl dt span.rank_spc img,.i879col_4 dl dt span.rank_spc img{width: 60px;height: auto} .i879col_1 dl dt span.new_spc,.i879col_2 dl dt span.new_spc,.i879col_3 dl dt span.new_spc, .i879col_4 dl dt span.new_spc,.i879col_5 dl dt span.new_spc{position: absolute;top: 10px;right: 0px} .i879col_1 dl dt span.new_spc img,.i879col_2 dl dt span.new_spc img,.i879col_3 dl dt span.new_spc img, .i879col_4 dl dt span.new_spc img,.i879col_5 dl dt span.new_spc img{width: 50px;height: auto} .lb_loupe {display: none} /*KEIROU ------------------------------------------------------- */ .keirou dl.sp_card dt img.lb_loupe {display: block} .xmas dl.sp_card dt img.lb_loupe {display: block} .special_set dl.sp_card dt img.lb_loupe {display: block} /* SPEC ------------------------------------------------------- */ .product_title{display: none} .product_des{font-size: 0.9em;line-height: 1.6em;margin-bottom: 10px} .product_des span{font-size: 0.8em;line-height: 1em;color:#7a7a7a} .product_des span:before{content: "\A" ;white-space: pre} .product_code{font-size: 0.8em;margin-bottom: 5px} .product_name{color:#C7000B;font-size: 1em;font-weight: bold;margin-bottom: 5px} .price {font-size: 1.2em;font-weight: bold;margin-bottom: 5px} .price span.tax{font-size: .8em;} .spec_size{font-size: 0.8em;margin-bottom: 10px} .btn_detail a{display: block;padding: 8px 10px;text-decoration: none; background: #fff; color: #9D887D;font-weight: bold;text-align: center;border: 1px solid #9D887D; width:100px;font-size: 0.8em;margin-right: 10px;width: 30%;float: left} .btn_detail a:hover{color: #FFF;background: #9D887D} .btn_cart a{display:block;padding: 8px 10px;text-decoration:none;color:#fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight:bold;border:solid 1px #DA3940;background:#DA3940;text-align: center; letter-spacing: 0.2em;font-size: 0.8em;width: 66%;float: right} .btn_cart a:hover{color:#DA3940;background:#fff} /* spec tuning --- */ .spec_size p{display: inline} .spec_size p:nth-of-type(1):after{content: ":"} /* セットページのプロダクトネーム --- */ #mother_set .product_title{padding:0 15px} #mother_set .product_name, #mother_gift .product_name{font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left;font-size: 1.2em;color: #C7000B;text-shadow: none;line-height: 1.5em;font-weight: bold;margin: 0em 0 10px 0} #mother_gift_premium .product_name{font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif} /* 180208 --- */ .product_name ruby rt{color:#f68ea7;font-size: 1em;font-weight:700; font-family:Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} /* .product_name ruby, rt { text-indent: 0px; } .product_name ruby > rt { display: block; text-align: start; } .product_name rt { line-height: normal; -webkit-text-emphasis: none; } */ /* .product_name.odd_ruby{line-height: 1em;} */ .bear_dot b {position: relative;} .bear_dot b::before { content: ''; width: 7px; height: 7px; position: absolute; top: -3px; left: .3em; background: #f68ea7; border-radius: 50%; } /* BTN_MORE ------------------------------------------------------- */ .btn_more{position: relative;margin-bottom:20px;} .btn_more img{width:50px;height:auto;position: absolute;top:0;left:0} .btn_more a{background: #fdecef;font-weight: bold;color:#fe699b; text-align: center;display: block;border: 3px solid #fe699b; padding:10px 5px 10px 40px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);font-size: 0.8em;min-height: 50px; font-family: 'Noto Sans JP', "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} .btn_more_line a span:after{font-family:'FontAwesome';content: " \f138";text-decoration: none;color: #fe699b;text-shadow: none} .btn_more a:hover{background: #FFF;color:#fe699b;text-decoration: none} .btn_more_line a:hover span:after{color: #fe699b;text-shadow: none;} .btn_more a:active{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition-delay: 0s} .btn_more_line a span:after{font-size: 1.5em;position: relative;top:2px;} .btn_more a .more_txt_ss{font-size: .9em;padding:15px 5px 15px 20px;} /* color */ .btn_more.bmblue01 a:hover, .btn_more.bmblue02 a:hover, .btn_more.bmocher01 a:hover, .btn_more.bmyellow01 a:hover{background: #FFF} .btn_more.bmblue01 a{background: #e5f0f7;border: 3px solid #0099ff} .btn_more.bmblue01 a, .bmblue01 .btn_more_line a span:after{color: #0099ff} .btn_more.bmblue02 a{background: #e9f4fc;border: 3px solid #3879d9} .btn_more.bmblue02 a, .bmblue02 .btn_more_line a span:after{color: #3879d9} .btn_more.bmblue04 a{background: #e5f0f7;border: 3px solid #668cff} .btn_more.bmblue04 a, .bmblue04 .btn_more_line a span:after{color: #668cff} .btn_more.bmblue04 a:hover{background: #fff;} .btn_more.bmocher01 a{background: #f7ede4;border: 3px solid #c29c00} .btn_more.bmocher01 a, .bmocher01 .btn_more_line a span:after{color: #c29c00} .btn_more.bmocher02 a:hover{background: #FFF} .btn_more.bmocher02 a{background: #fef6df;border: 3px solid #c29c00} .btn_more.bmocher02 a, .bmocher02 .btn_more_line a span:after{color: #c29c00} .btn_more.bmorange01 a{background: #fffae5;border: 3px solid #ffb719} .btn_more.bmorange01 a, .bmorange01 .btn_more_line a span:after{color: #ffb719} .btn_more.bmyellow01 a{background: #fffae5;border: 3px solid #ffdf5c} .btn_more.bmyellow01 a, .bmyellow01 .btn_more_line a span:after{color: #795548} .btn_more.pink01 a{background: #fffae5;border: 3px solid #cc3366;} .btn_more.pink01 a, .pink01 .btn_more_line a span:after{color: #cc3366} .btn_more.bmpink01 a{background: #fef2f6;border: 3px solid #f08db6} .btn_more.bmpink01 a{color: #5C4546} .bmpink01 .btn_more_line a span:after{color: #f08db6} .btn_more_line.btn_more_line_arrow-circle-right a span:after{font-family:'FontAwesome';content: " \f0a9";text-decoration: none;color: #ed8fb1;text-shadow: none} .btn_more.bmpink01 a:hover{background: #FFF;color:#f08db6;text-decoration: none} .bmpink01 .btn_more_line a:hover span:after{color: #f08db6;text-shadow: none;} .campaign39 .btn_more.bmpink01 a{background: #fef2f6;border: 5px solid #f08db6} .campaign39 .btn_more.bmpink01 a {font-size: 1.2em;padding: 0px 8px 10px 60px ;} .campaign39 .btn_more.bmpink01 img {width: 60px;} .btn_more.bmpink02 a{background: #fff;border: 3px solid #fe699b;} .btn_more.bmpink02 a{color: #795548} .bmpink02 .btn_more_line a span:after{color: #fe699b;} .btn_more.bmpink02 a:hover{background: #fef2f6;color:#fe699b;text-decoration: none} .bmpink02 .btn_more_line a:hover span:after{color: #fe699b;text-shadow: none;} .btn_more.bmpink04.mt20{margin-top: 20px} .btn_more.bmpink04 a{background: #fff;border: 3px solid #fe699b;} .btn_more.bmpink04 a{color: #795548} .bmpink04 .btn_more_line a span:after{color: #fe699b;} .btn_more.bmpink04 a:hover{background: #fef2f6;color:#fe699b;text-decoration: none} .bmpink04 .btn_more_line a:hover span:after{color: #fe699b;text-shadow: none;} .bmpink04 .btn_more_line a span:after{font-family:'FontAwesome';content: " \f0a9";text-decoration: none;color: #fe699b;text-shadow: none} .btn_more.bmpink03 a{background: #fff;border: 3px solid #fe699b;} .btn_more.bmpink03 a{color: #fe699b;} .bmpink03 .btn_more_line a span:after{color: #fe699b;} .btn_more.bmpink03 a:hover{background: #fef2f6;color:#fe699b;text-decoration: none} .bmpink03 .btn_more_line a:hover span:after{color: #fe699b;text-shadow: none;} .btn_more.bmorange01.mt20{margin-top: 20px} .btn_more.bmorange01 a{background: #fffae5;border: 3px solid #ffb719} .btn_more.bmorange01 a, .bmorange01 .btn_more_line a span:after{color: #ffb719} .btn_more.bmorange01 a:hover{background: #fff;color:#ffb719;text-decoration: none} .bmorange01 .btn_more_line a:hover span:after{color: #ffb719;text-shadow: none;} .bmorange01 .btn_more_line a span:after{font-family:'FontAwesome';content: " \f0a9";text-decoration: none;color: #ffb719;text-shadow: none} .btn_more.bmblue03.mt20{margin-top: 20px} .btn_more.bmblue03 a{background: #fff;border: 3px solid #3879d9;} .btn_more.bmblue03 a{color: #3879d9;} .bmblue03.btn_more_line a span:after{color: #fe699b;} .btn_more.bmblue03 a:hover{background: #e9f4fc;color:#3879d9;text-decoration: none} .bmblue03 .btn_more_line a:hover span:after{color: #3879d9;text-shadow: none;} .bmblue03 .btn_more_line a span:after{font-family:'FontAwesome';content: " \f0a9";text-decoration: none;color: #3879d9;text-shadow: none} .btn_more.bmocher01.mt20{margin-top: 20px} .btn_more.bmocher01 a{background: #fff;border: 3px solid #cc9933;} .btn_more.bmocher01 a{color: #cc9933;} .btn_more.bmocher01 a:hover{background: #fbf6c7;color:#cc9933;text-decoration: none} .bmocher01 .btn_more_line a:hover span:after{color: #cc9933;text-shadow: none;} .bmocher01 .btn_more_line a span:after{font-family:'FontAwesome';content: " \f0a9";text-decoration: none;color: #cc9933;text-shadow: none} /*181207 ------------------------------------------------------- */ .btn_more_outer_col2{overflow: hidden;} .btn_more_outer_col2 .btn_more{width:49%;float: left;} .btn_more_outer_col2 .btn_more.btn_more_right{float: right;} /* //BTN_MORE ------------------------------------------------------- */ /*DELIVERY SCHEDULE ------------------------------------------------------- */ /* SCHEDUL ------------------------------------------------------- */ .payment_ttl {margin: 0 10px 10px 10px;padding: .25em 0 .25em .75em;border-left: 6px solid #006600} /* SCHEDUL ------------------------------------------------------- */ .attention_delivery h1, .attention_cancel h1{font-size:1.1em;font-weight:bold;padding:5px 15px;color:#663333; background-color:#f9f3ed;border-top:solid 2px #b9a097;margin-left:-20px;margin-right:-20px;} .attention_delivery{padding:40px 15px 15px;font-size: 0.9em} .mothersday_special .attention_delivery{padding:0px 15px 15px;} .attention_cancel{padding: 0px 15px 40px 15px;font-size: 0.9em} .cancel_reception{margin-top: 20px} .attention_delivery_inner{padding:10px 15px} .cancel_reception li strong{color:#FF3333} .cancel_reception li:nth-of-type(1){font-size:1.1em} .cancel_reception li:nth-of-type(2), .cancel_reception li:nth-of-type(3){margin-left:5px} .attention_delivery h2, .attention_cancel h2{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left;font-size: 1.1em;text-shadow: none;line-height: 1.5em;font-weight: bold;margin: 1em 0 0.5px 0} .attention_delivery h2{margin-bottom: 15px} .attention_delivery h2 span{background: linear-gradient(transparent 40%, #ffff66 40%);padding-left: 10px;padding-right:10px;margin-bottom: 20px} .attention_delivery h2+p{margin-bottom: 20px} .cancel_reception_convini{margin:40px auto 40px;padding:10px 20px;background: #fdeff5;border:1px solid #eb6464;color:#3e3a39} .cancel_reception_convini h3{ background:#eb6464; color:#fff; margin:-10px -20px;text-align: center;padding:10px} .cancel_reception_convini ul{ margin-top:20px } .attention_cancel h1+ul{margin-top:15px} .attention_cancel h2{color:#eb6464} .attention_cancel_list{margin-bottom:15px} h3.cancel_reception {color:#FF3333;font-size:1em;margin:20px 15px 5px 15px;} .btn_cancel:after {content: '';display: block;clear: both;height:0} .btn_cancel { /zoom: 1; } .btn_cancel li{width:100%;font-weight: 500;font-size: 0.7em;margin-bottom:20px} .btn_cancel li a{display:block;text-decoration:none; line-height:1em;background:#f9f3ed;padding:10px; color:#663333;font-weight:bold;border:solid 1px #b9a097;line-height:1.5em;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px} .btn_cancel li a i{color:#da3940;margin-right:5px} .btn_cancel li a:hover{opacity: 0.6} .within{color:#ff759b} .btn_cancel li a:hover span.within{color:#ffd6e1} .orlater{color:#1E99FD} .btn_cancel li a:hover span.orlater{color:#bce1fe} /*bottom_schedule_material*/ .bottom_schedule input {display: none} /*time table*/ table.ate_table{width:100%;text-align:center;border-collapse:collapse;margin-bottom:10px} .ate_table thead th{background:#f1e4d8;padding:10px 5px;border:1px solid #ccc;color:#663333;} .ate_table tbody th{width:16%;padding:10px;border:1px solid #ccc;color:#663333;} .ate_table td{width:16%;padding:10px;border:1px solid #ccc;color:#663333;} .ate_table tbody th span:before,.ate_table tbody td span:before{content:"\A";white-space:pre} .ate_table tbody td span{margin-left:10px} /*bottom_schedule_material*/ .ate_table.flower_schedul thead th{background:#f1e4d8;padding: 10px 5px;border:1px solid #ccc} .ate_table.flower_schedul tbody th{width:20%;padding:10px;border:1px solid #ccc} .ate_table.flower_schedul td {width:15%;padding:10px;border:1px solid #ccc} .ate_table.flower_schedul_2 thead th{background: #b5edb5;padding: 10px 5px;border: 2px solid #fff} .ate_table.flower_schedul_2 tbody th{width: 20%;padding: 10px;border: 2px solid #fff;background: #e1f4e1} .ate_table.flower_schedul_2 td {width: 15%;padding: 10px;border: 2px solid #fff;background: #f4fbf4} ul.attention_list{list-style-type: disc;list-style-position: inside;} /* 180202 */ table.ate_table.sakurabonsai{width:1000px;} .ate_table.sakurabonsai td {width: 16.6%;padding: 10px 3px;font-size: .9em;} /* //DELIVERY SCHEDULE ------------------------------------------------------- */ /* OMAKASE FLOWER ------------------------------------------------------- */ /*おまかせフラワー*/ .omakase_display_sp{} .omakase_display_pc{display: none} /* ↑要確認-- */ .omakase_gokibou{font-size: 1.1em;margin: 0 15px 10px} .ch_omakase:after{content: '';display: block;clear: both;height:0} .ch_omakase{margin-bottom: 20px} .ch_omakase_flo_kanban{position: relative} .ch_omakase_flo_kanban{border: 5px solid #CAF3FF; background: url(/image/father/img_sky.jpg); background-repeat:no-repeat; background-size:260%; background-position:0% 20%} .ch_omakase_oha{margin: 15px 10px 15px 10px;font-weight: bold;font-size: 150%;text-align: center} .ch_omakase_oha{ -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); border-bottom: solid 3px #44bef5; color: #fe3ea7;padding-bottom: 5px; font-size: 1em; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF} .ch_omakase_oha span{display: block} .ch_omakase_oha span.ch_omakase_pit{font-size: 0.8em} .ch_omakase_flo_kanban h2{ border-radius: 3px; color: #fff; font-size: 1.4em; font-family: 'Noto Sans JP', "游ゴシック","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* font-family: 'Noto Sans JP', Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/ font-weight: bold; text-align: center; letter-spacing: 0.1em; line-height: 1.2em; padding: 3px 0; /* text-shadow: 2px 0px 0px #028bc2, 0px 2px 0px #028bc2, -2px 0px 0px #028bc2, 0px -2px 0px #028bc2;*/ /* filter:dropshadow(color=#028bc2,offX= 0,offY=-1) dropshadow(color=#028bc2,offX= 1,offY= 0) dropshadow(color=#028bc2,offX= 0,offY= 1) dropshadow(color=#028bc2,offX=-1,offY= 0); -webkit-text-stroke-color: #028bc2; -webkit-text-stroke-width: 0.5px; */ text-shadow: #028bc2 0.5px 0.5px 0px, #028bc2 -0.5px 0.5px 0px,#028bc2 0.5px -0.5px 0px, #028bc2 -0.5px -0.5px 0px; margin: 0 0 0.5em 0} .ch_omakase_flo_kanban h2 span{display: block} .midasi {width: 94%;margin: 0 auto;padding: 10px 0;font-size: 1em;font-weight: bold;color:#E60012; text-shadow: 2px 2px 1px #FFF,-2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF;text-align: center} .simasima_des {margin: 0px 0} .midasi13 .simasima_des{ font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding:8px 10px; border:rgb(250, 205, 202) 2px; border-style: solid none; background: repeating-linear-gradient( 45deg, #facdca, #FFF 3px, rgba(215, 196, 71, 0.1) 6px, rgba(215, 196, 71, 0.1) 6px); } .omakase_img01 img, .omakase_img02 img{border-radius:50%; -moz-border-image: border-radius: 50%; -webkit-border-image: border-radius: 50%; box-shadow: 5px 5px 10px #ccc;-webkit-box-shadow: 5px 5px 10px #ccc;-moz-box-shadow: 5px 5px 10px #ccc} .omakase_img01{text-align: center} .omakase_img01 img{width:80%;height: auto} .omakase_img02 img{display: none} p.omakase_notice{padding: 5px 10px;margin: 15px 10px;text-align: center;background: #fff;font-weight: bold; font-size: 0.7em; box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa; -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa; -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa; border-radius: 5px; -moz-border-image: border-radius: 5px; -webkit-border-image: border-radius: 5px; } .strong_order{color:#e38602;font-weight: bold} .hanaclo--present a {font-weight: bold; color:#000;} /*おまかせフォーム部分*/ .ch_omakase_flo_form{border-top: 5px solid #D7C447;border-bottom: 5px solid #D7C447;margin: 20px 0px;padding: 10px 15px} #usageId, #priceCodeId, #colorCodeId{width: 96%;height: 2em;font-size:15px;text-align: left} #priceCodeId{width: 70%} .ch_omakase_flo_form dl dt{font-size: 1em;font-weight: bold;color: #5D310C;padding:11px 5px 11px 55px; margin-bottom: 6px} .ch_omakase_flo_form dl > dd{margin-bottom: 20px} .ch_omakase_flo_form dl dt strong{font-size: 75%} .ch_omakase_flo_form dl dt.omakase_no1{background:url(/images/parts/pro_form_no01.gif) no-repeat left center} .ch_omakase_flo_form dl dt.omakase_no2{background:url(/images/parts/pro_form_no02.gif) no-repeat left center} .ch_omakase_flo_form dl dt.omakase_no3{background:url(/images/parts/pro_form_no03.gif) no-repeat left center} .ch_omakase_flo_form dl dt.omakase_no4{background:url(/images/parts/pro_form_no04.gif) no-repeat left center} .omakase_keijou:after{content: '';display: block;clear: both;height:0} .omakase_keijou{/zoom: 1; } /* IE */ .omakae_are{width:58%;float: left} .omakae_are img{width: 51px;height: auto} .omakae_hanataba{width:40%;float: left} .omakae_hanataba img{width: 51px;height: auto} .omakase_cart{text-align: center;margin-top: 40px}#season div#content div#main table.ate_table{width:100%;text-align:center;border-collapse:collapse;margin-bottom:10px;color:#741c1a;} .omakase_btn{vertical-align: middle;} .omakase_btn span.tyumon {width:150px;height:auto;} .omakase_btn span.tyumon img {vertical-align: middle;margin-right:10px;width:150px;height:auto;} /* おまかせフラワー_xmas　171011 ------------------------------------------------------- */ .xmas .ch_omakase_flo_kanban{border: 5px solid #D7C447; background: url(/image/xmas/bg_xmas_omakase2017.jpg); background-repeat:no-repeat; background-size:250%;/*170%*/ background-position:0% 0%;/*80% 0%*/} .xmas .ch_omakase_oha{ -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); border-bottom: solid 3px #D7C447; color: #666666;padding-bottom: 5px; font-size: 1em; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF} .xmas .ch_omakase_flo_kanban h2 { font-size: 1.6em; font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: 2px 2px 0 #f75b37, 5px 5px 0 #CCCCCC; text-shadow: 2px 0px 0px #f75b37, 0px 2px 0px #f75b37, -2px 0px 0px #f75b37, 0px -2px 0px #B81C22; } .xmas .midasi13 .simasima_des { font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 8px 10px; border: rgb(215, 196, 71) 2px; border-style: solid none; background: repeating-linear-gradient( 45deg, #d7c447, #FFF 3px, ); } .ill_city {width: 96%; margin: 0 auto} .ill_city img {width: 100%;height: auto} /* おまかせフラワー_newyear　171031 ------------------------------------------------------- */ .newyear .ch_omakase_flo_kanban{border: 5px solid #D7C447; background: url(/image/season/bg_newyear_omakase2018.png); background-repeat:no-repeat; background-size:150%;/*170%*/ background-position:0% 0%;/*80% 0%*/} .newyear .ch_omakase_oha{border-bottom: solid 3px #98bb76;} .newyear .ch_omakase_oha {color: #cc0000;} .newyear .ch_omakase_flo_kanban h2 { font-size: 1.6em; font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: 2px 2px 0 #cc0000, 5px 5px 0 #CCCCCC; text-shadow: 2px 0px 0px #cc0000, 0px 2px 0px #cc0000, -2px 0px 0px #cc0000, 0px -2px 0px #cc0000; } .newyear .ch_omakase_flo_form {border: 5px solid #D7C447;} .newyear .midasi13 .simasima_des { font-family: 'Noto Sans JP', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 8px 10px; border: rgb(215, 196, 71) 2px; border-style: solid none; background: repeating-linear-gradient( 45deg, #d7c447, #FFF 3px, ); } /* //おまかせフラワー_newyear　171031 ------------------------------------------------------- */ /* おまかせフラワー_white　180112 ------------------------------------------------------- */ .white_day .ch_omakase_flo_kanban{border: 5px solid #CAF3FF; background: url(/image/season/bg_white_omakase2018.gif); background-repeat:repeat-y; background-size:100%; background-position:0% 20%} /* //おまかせフラワー_white　180112 ------------------------------------------------------- */ /* おまかせフラワー_father　180315 ------------------------------------------------------- */ .omakase_father .ch_omakase_flo_kanban{border: 5px solid #CAF3FF; /* background: url(/image/season/bg_white_omakase2018.gif); background-repeat:repeat-y; background-size:100%; background-position:0% 20%;*/ } .omakase_father .ch_omakase_flo_form {border: 5px solid #CAF3FF;background:#fff;} .omakase_father .ch_omakase_oha {color: #3879d9;} /* //おまかせフラワー_father　180315 ------------------------------------------------------- */ /* おまかせフラワー_お盆　170530 ------------------------------------------------------- */ .mk00 .ch_omakase_flo_kanban{border: 3px solid #94dbb8; background: url(/image/home/backimg_mk00.jpg); background-repeat:repeat;background-size:100%;background-position:0 0} .mk00 .ch_omakase_oha{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); border-bottom: solid 1px #29a35c; color: #29a35c;padding-bottom: 5px; font-size: 1em; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF} .mk00 .ch_omakase_flo_kanban h2{ color: #714141; filter:dropshadow(color=#fff,offX= 0,offY=-1) dropshadow(color=#fff,offX= 1,offY= 0) dropshadow(color=#fff,offX= 0,offY= 1) dropshadow(color=#fff,offX=-1,offY= 0); -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 0.5px; text-shadow: #fff 0.5px 0.5px 0px, #fff -0.5px 0.5px 0px,#fff 0.5px -0.5px 0px, #fff -0.5px -0.5px 0px; margin: 0 0 0.5em 0} .mk00 p.omakase_notice{color:#714141} .mk00 .ch_omakase_flo_form {border: 3px solid #94dbb8} /* おまかせフラワー_敬老の日　170619 ------------------------------------------------------- */ .keirouday_special .ch_omakase_flo_kanban{border: 5px solid #cd9737; background: url(/image/keirou/bg_omakase.jpg); background-repeat:repeat; } .keirouday_special .ch_omakase_oha span.ch_omakase_pit {font-size: 1em} .keirouday_special .ch_omakase_oha{ margin: 10px 10px 0 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); border-bottom: none; color: #ac7058;padding-bottom: 5px; font-size: 1em; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF} .keirouday_special .ch_omakase_flo_kanban h2{ font-family: 'Noto Sans JP',"メイリオ", Meiryo, "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.2em; color: #ac7058; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF; margin: 0 0 0.5em 0} .keirouday_special .midasi { width: 80%; padding: 3px 0; font-size: 1em; font-weight: bold; color: #fff; text-shadow: none; text-align: center; background:#ac7058; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; } .keirouday_special .midasi13 .simasima_des {padding: 0;border: none;background: none;border-style:none} .keirouday_special .omakase_img01 img{margin-top:10px} .keirouday_special .omakase_img01 img, .omakase_img02 img {box-shadow: none;/*border: 3px solid #a17d36;*/} /* //OMAKASE FLOWER ------------------------------------------------------- */ /* BACKGROUND ------------------------------------------------------- */ /*mother2017*/ #mother {background: url(/image/mother/bg_mother2017.jpg)} .mother_2018 {background: #00000} /*keirou2018*/ .keirouday_special {background: url(/image/keirou/ml00_content_bk.jpg); background-repeat: repeat-y;} /* MOTHER ------------------------------------------------------- */ /* price tuning --- */ .mt01_0202 .i879col_4 dl dd .price span{font-size: 0.5em} .mt01_0202 .i879col_4 dl dd .price span:nth-of-type(1){font-size: 0.6em;color:#DA3940} .mt01_0202 .i879col_4 dl dd .price span:after{content: "\A" ;white-space: pre } .mt01_0202 .i879col_4 .price{font-size: 1.4em} .mt01_0202 .i879col_4 .price ruby rt.thaks_m{color:#DA3940} /* 170418 --- */ .mt01_0202 .i879col_3 dl dd .price span{font-size: 0.5em} .mt01_0202 .i879col_3 dl dd .price span:nth-of-type(1){font-size: 0.6em;color:#DA3940} .mt01_0202 .i879col_3 dl dd .price span:after{content: "\A" ;white-space: pre } .mt01_0202 .i879col_3 .price{font-size: 1.5em} .mt01_0202 .i879col_3 .price ruby rt.thaks_m{color:#DA3940} /* 180129 sprice tuning --- */ /* .wide_col .i879col_4 dl dd .price span{font-size: 0.5em} .wide_col .i879col_4 dl dd .price span:nth-of-type(1){font-size: 0.6em;color:#DA3940} .wide_col .i879col_4 dl dd .price span:after{content: "\A" ;white-space: pre } .wide_col .i879col_4 .price{font-size: 1.4em} .wide_col .i879col_4 .price ruby rt.thaks_m{color:#DA3940} */ /* .wide_col .i879col_3 dl dd .price span{font-size: 0.5em} .wide_col .i879col_3 dl dd .price span:nth-of-type(1){font-size: 0.6em;color:#DA3940} .wide_col .i879col_3 dl dd .price span:after{content: "\A" ;white-space: pre } .wide_col .i879col_3 .price{font-size: 1.3em} .wide_col .i879col_3 .price ruby rt.thaks_m{color:#DA3940}] */ /* MOTHER FLOWER POD ------------------------------------------------------- */ /* goto flower pot list */ .goto_f_pot_list a{background: #f78cbc;border: 1px solid #d66697;color:#fff;font-weight: bold;border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; -webkit-border-radius: 20px 0px 0px 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5); display: block;float: right;margin: 10px 0 10px 0;padding:10px} .goto_f_pot_list a:hover{background: #FFF;color:#d66697;text-shadow:none;text-decoration: none} .goto_f_pot_list a i {transition: .6s ;-webkit-transform: rotateZ( 0deg ) ;transform: rotateZ( 0deg ) ;margin: 0 ;padding: 0 ;margin-left: 5px} .goto_f_pot_list a i:hover{-webkit-transform: rotateZ( 360deg ) ;transform: rotateZ( 360deg ) } /* 180403 goto flower list */ .goto_f_listWrap {padding: 40px 0;text-align: right;} .goto_f_list { height: 46px; padding: 0 10px 0 48px; position: relative; display: inline-block; line-height: 46px; font-size: 15px; color: #411b04; } .keirouday_special .goto_f_list {line-height: 2em;} .keirouday_special .goto_f_listWrap span:after {content: "\A";white-space: pre;} .goto_f_list:hover, .goto_f_list:focus { text-decoration: none; } .goto_f_list::before { content: ''; width: 42px; height: 42px; position: absolute; top: 2px; left: 2px; display: block; background: url(/image/season/marriage_gototop.png) 0 0 / cover no-repeat; } /*summer*/ .goto_f_list.mi00style::before { background: url(/image/season/summer_gototop.png) 0 0 / cover no-repeat; } .goto_f_list.ml00style::before { background: url(/image/keirou/mLto_topicon.png) 0 0 / cover no-repeat; } .goto_f_list.mm00style::before { background: url(/image/xmas/mmto_topicon.png) 0 0 / cover no-repeat; } .goto_f_list {line-height: 1.5em;} .goto_f_list span:after{content: "\A"; white-space: pre;} .goto_f_list::after {content: '▲';margin-left: .3em;} /* keirou goto flower pot list */ .keirou .goto_f_pot_list a{background: #c29c00;border: 1px solid #c29c00; color:#fff;font-weight: bold; border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; -webkit-border-radius: 20px 0px 0px 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5); display: block;float: right;margin: 10px 0 10px 0;padding:10px} .obon_list .goto_f_list::before { background: url(/image/season/obon_gototop.png) 0 0 / cover no-repeat; } /* 産直注意 ------------------------------------ */ .d_caution{font-size: 0.8em;color: #DA3940;background: #FDEFF5;font-weight: bold;padding: 10px 15px; margin: 0 0 5px 0} .d_caution_ver02{font-size: 0.79em;color: #DA3940;background: #FDEFF5;font-weight: bold;padding: 10px 15px; margin: 0 0 5px 0} /* 生産者紹介 ------------------------------------ */ dl.growers_info:after{content: '';display: block;clear: both;height:0} dl.growers_info { /zoom: 1; } /* IE */ dl.growers_info{width:100%;padding:10px 15px;background: #FFFEEE;border: 1px solid #FEDA5D} .growers_info dt{margin:8px;float: left;width:100%;text-align: center} .growers_info dd{float: left;width:100%；font-size:0.8em;} .growers_info dt img{width:75%;height:auto} .growers_info dd ol{margin-left:5px} .growers_info dd ol li{list-style-type: decimal;list-style-position: inside} .growers_info h4{text-shadow: 2px 2px #c5c4c4;font-size: 1.3em;color:#292929} .growers_info h4 i{color:#943439;margin-right:5px} .growers_info h5{font-size: 1em;color:#943439;border-bottom: 1px solid #943439;padding-bottom: 3px;margin-bottom: 10px} /* 180219 */ .mother2018__body dl.growers_info{margin-bottom:20px;} /* MOTHER SET ------------------------------------------------------- */ .set_contents .product_des strong{margin-top: 10px;display: block;font-size: 0.9em;color:#292929} /* set_collection------------------------------------ */ .set_contents hr{display: none} .info_flo{line-height: 1.2em;width:98%;margin:0 auto;} .info_flo dl dd ul li:nth-of-type(1){color:#DA3940;font-size:0.9em;font-weight: bold;} .info_flo dl dd ul li:nth-of-type(2){color:#3E3A39; font-size:0.8em;margin-bottom: 15px;} .info_flo p a{ display:block; width: 80%;margin: 0 auto; font-size:1em; text-align:center; text-decoration: none;letter-spacing: 0.2em; padding:10px 25px;font-weight:bold;color:#DA3940; border: 1px solid #DA3940; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .info_flo p a:hover{color:#fff;background: #DA3940} .set_title{color:#fff;background: #C7000B;font-weight: bold;min-height: 40px;line-height: 0;margin-bottom:15px;} h1.set_title:after{content: '';display: block;clear: both;height:0;}h1.set_title: {/zoom: 1; } .set_title_l{width:100px;float: left} .set_title_r{width:60%;width:-webkit-calc(100% - 115px);width:calc(100% - 115px);float:left;margin-top: 2px;margin-left:10px;line-height: 1.5em} #mother_set .col6 img{width:100%;height: auto} #father_set .col6 img{width:100%;height: auto} .set_contents .product_des{padding: 0px 10px 10px} .set_contents .product_des{color:#3E3A39;border-bottom: 2px solid #C7000B;padding: 0px 10px 10px} .title_sp_card,.title_sp_card_pc{color:#C7000B;text-align: center;margin-bottom:5px;font-weight: bold;} .set_title_r span.extend_ttl{font-size: .8em} .mother_set .set_title_l img{visibility: hidden} .mother_set .set_title_l {width:100px;float: left;background: #e63b7f;position: relative;} .mother_set .set_title_l:after {content: 'Special\AGift'; white-space: pre;color: #fff;position: absolute;top:3px;left:10px;line-height: 1.2em;font-size: 1.2em;} .mother_set .set_title{color:#e63b7f;background: #FFF;} .keirouday_special .set_title{background: #73301e;} .title_sp_card{margin-top:5px} dl.sp_card:after{content: '';display: block;clear: both;height:0; } dl.sp_card {/zoom: 1; } /* IE */ dl.sp_card {border-bottom: 2px solid #C7000B; margin:0 0px 10px} dl.sp_card dt{width:45%;margin:0 10px 10px;float: left} dl.sp_card dt img{width:100%;height: auto} dl.sp_card dd{color:#3E3A39;padding: 0px 15px 10px 160px;} dl.sp_card dd ul li{font-size:0.8em;line-height: 1.2em} /* 170630 keirou */ .keirou .title_sp_card,.keirou .title_sp_card_pc{color:#995c43} .keirou .set_contents .product_des{border-bottom: 2px solid #995c43} .keirou dl.sp_card {border-bottom: 2px solid #995c43} /* 180206 white_day*/ .set_title.small_ttl .set_title_r{font-size:.95em } .white_day dl.sp_card {border-bottom: 1px solid #ccc;} .set_title.small_ttl.more_small_ttl .set_title_r{font-size:.85em } .selling_point{color:#C7000B;font-weight: bold;border-bottom: 2px solid #C7000B;padding: 0 0 10px 0;margin: 0 0px 10px;text-align: center;} .product_lineup{padding: 0 15px 10px 15px;margin: 0 0 10px 0px;font-size: 0.8em;line-height: 1.2em;color:#3E3A39} .product_lineup span.notice_drink{color:red} .set_title_l img {visibility:visible} .set_contents .col6 .product_name { font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 1.2em; color: rgb(199, 0, 11); text-shadow: none; line-height: 1.5em; font-weight: bold; margin: 0em 0px 10px; } .set_mother_and_father {font-size:1.1em;text-align: center;font-weight: bold;} .set_mother_and_father span {font-size:.8em;font-weight: normal;color: #666666;} .set_mother_and_father span::after {content: "\A" ;white-space: pre ;} .set_mother_and_father a {color:#fe699b;} .set_mother_and_father a:hover {} /* 180206 whiteday */ .white_day .set_contents .col6 .product_name {color:#6dc3dc;} .white_day .set_title{background: #6dc3dc;} .white_day .set_contents .product_des {border-bottom: 1px solid #ccc;} .white_day .title_sp_card,.white_day .title_sp_card_pc{color:#6dc3dc;} .white_day .set_contents .col6 .product_title{color:#666;} /* 180213 set_green01 */ .set_green01 .set_contents .col6 .product_name {color:#66cdaa;} .set_green01 .set_title{background: #66cdaa;} .set_green01 .set_contents .product_des {border-bottom: 2px solid #66cdaa;} .set_green01 .title_sp_card,.white_day .title_sp_card_pc{color:#66cdaa;} .set_green01 .set_contents .col6 .product_title{color:#66cdaa;} /* 180405 set_blue01 */ .set_blue01 .titile_asyoulike {color: #6da9dc;} .set_blue01 .titile_asyoulike::before {background-color: #6da9dc;} .set_blue01 .set_contents .col6 .product_name {color:#3879d9;} .set_blue01 .set_title{background: #6da9dc;} .set_blue01 .set_contents .product_des {border-bottom: 2px solid #6da9dc;} .set_blue01 .title_sp_card,.white_day .title_sp_card_pc{color:#6da9dc;} .set_blue01 .set_contents .col6 .product_title{color:#6da9dc;} .set_blue01 dl.sp_card {border-bottom: 2px solid #6da9dc;} .set_blue01 .title_sp_card, .set_blue01 .title_sp_card_pc {color: #6da9dc;} .set_blue01 .mother_set .titile_asyoulike span {background-color: #6699ff;} .set_blue01 .as_plus, .set_blue01 .as_equal {color: #6da9dc;} .set_blue01 .asyoulike_box ul {border-bottom: 2px dashed #6da9dc;} .set_blue01 .asyoulike_box ul:last-child {border-bottom: 2px solid #6da9dc;} .set_blue01 .asyoulike_box ul:last-child {border-bottom: none;} /* 180405 set_orange01 */ .set_orange01 .set_contents .col6 .product_name {color:#701a09;} .set_orange01 .set_title{background: #fe9900;} .set_orange01 .set_contents .product_des {border-bottom: 1px solid #ccc;} /* 180625keirou */ .keirouday_special .set_contents .col6 .product_name {color: #995c43;} .keirouday_special .set_title{background: #cc9900;} .keirouday_special .set_contents .product_des{border-bottom: 2px solid #995c43;} .keirouday_special .title_sp_card,.keirouday_special .title_sp_card_pc{color:#995c43;} .keirouday_special .set_contents .col6 .product_title{color:#999999;} .keirouday_special dl.sp_card {border-bottom: 2px solid #995c43} .keirouday_special .title_sp_card, .set_blue01 .title_sp_card_pc {color: #995c43;} .keirouday_special .mother_set .titile_asyoulike span {background-color: #6699ff;} .keirouday_special .as_plus, .keirouday_special .as_equal {color: #cc9900;} .keirouday_special .asyoulike_box ul {border-bottom: 2px dashed #cc9900;} .keirouday_special .asyoulike_box ul:last-child {border-bottom: 2px solid #cc9900;} .keirouday_special .titile_asyoulike {color: #cc9900;} /* set */ .attention_set:after{content: '';display: block;clear: both;height:0} .attention_set{width: 96%;margin: 0 auto;margin-bottom: 20px;background: #faf6eb;border: 3px solid #c8c8c4;padding: 10px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px} .attention_set h1{width: 100%;font-size: 1.2em;margin-bottom: 5px} .attention_set h1{padding: 5px 10px;position: relative;overflow: hidden;background-color: #d53231;color: #FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px} .attention_set h1:before{content: '\02728';color: #fff;font-size: 40px;position: absolute;bottom: -8px;right: 0px;opacity: 0.3} .attention_set h1:after{content: '゜*。';color: #fff;font-size: 30px;position: absolute;bottom: 5px;right: 35px;opacity: 0.3} .attention_set_des1{width: 96%;color: #74542c;font-weight: bold;font-size: .98em;margin-bottom: 2px} .attention_set_des2{width: 96%;color: #582021;font-size: .78em} .attention_set img{display: none} .attention_set.attention_set_mother2018 {background: #fdfdfd;border: 1px solid #d0c1ba;} .attention_set.attention_set_mother2018 h1{background: #ef8cb8;color: #FFF;text-align: center} .attention_set.attention_set_mother2018 h1:before{content: ' ';} .attention_set.attention_set_mother2018 h1:after{content: ' ';} .attention_set.attention_set_mother2018 h1 span:before {content: '●　　';} .attention_set.attention_set_mother2018 h1 span:after {content: '　　●';} /* set 180227*/ .attention_set_thin:after{content: '';display: block;clear: both;height:0} .attention_set_thin{width: 96%;margin: 0 auto;margin-bottom: 20px;padding: 5px 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fdfdfd;border: 1px solid #d0c1ba;} .attention_set_thin p.attention_set_thin_ttl{color: #ef8cb8;font-weight: bold;font-size: 1.2em; margin-bottom: 5px;text-align: center;} .attention_set_thin_des1{color: #74542c;font-weight: bold;font-size: .98em;margin-bottom: 2px} .attention_set_thin_des2{color: #582021;font-size: .78em} .attention_set_thin img{display: none} .attention_set_thin.mt30{margin-top:30px;} /* sp_card_pod */ .sp_card_pod:after {content: '';display: block;clear: both;height:0} .sp_card_pod{ /zoom: 1; } /* IE */ .sp_card_pod{width: 100%;padding: 10px; background: #faf6eb;border: 1px solid #c8c8c4; padding: 10px 30px;margin: 20px auto 0} .sp_card_pod h2 {width: 100%} .sp_card_pod dl dd{width: 100%} .sp_card_pod dl dt{width: 100%;text-align:center;margin-bottom: 5px} .sp_card_pod dl dt img{width: 75%;height: auto} .sp_card_pod h2 {padding: 5px 10px;background-color: #cc9933;color: #FFF; font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight: bold; font-size:1em; letter-spacing: .2em; line-height:1.5em -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 0; margin-bottom:15px} .sp_card_pod dl dd ul li{margin-bottom:10px} /* sp_card_pod_ver02 */ .sp_card_pod_ver02{margin-bottom:20px;margin-top:20px} .sp_card_pod_ver02:after {content: '';display: block;clear: both;height:0} .sp_card_pod_ver02{ /zoom: 1; } /* IE */ .sp_card_pod_ver02 dl:after {content: '';display: block;clear: both;height:0} .sp_card_pod_ver02 dl{ /zoom: 1; } .sp_card_pod_ver02 dl{padding:10px} .sp_card_pod_ver02 dl dd{width: 57%;float:left;font-size: .8em} .sp_card_pod_ver02 dl dt{width: 35%;float:left;margin-right: 5%} .sp_card_pod_ver02 dl dt img{width: 100%;height: auto} .sp_card_pod_ver02 h4{padding: 2px 10px;background-color: #cc9933;color: #FFF; font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight: bold; font-size:0.9em; letter-spacing: .2em; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 0; width:98%;margin:0 auto 5px} /* flick contents*/ ul.asyoulike li > img{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; width:250px;height: auto;} .asyoulike h4{color:#C7000B} .titile_asyoulike {position: relative;text-align: center;color:#C7000B} .titile_asyoulike span {position: relative;z-index: 2;display: inline-block;margin: 0 1em;padding: 0 0.5em;background-color: #fff;text-align: left;} .titile_asyoulike::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 2px;background-color: #C7000B} .mother_set .titile_asyoulike {position: relative;text-align: center;color:#FFF;display: block} .mother_set .titile_asyoulike span{display: block;text-align: center; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .mother_set .titile_asyoulike span {background-color: #e63b7f; margin: 0; padding: 5px; font-weight: 500; } .mother_set .titile_asyoulike::before {display: none} ul.asyoulike li dl dd h4 span{display: block;margin-bottom: 10px} ul.asyoulike li dl dd h4{font-size: 1.3em;line-height: 1.2em;margin-bottom: 15px} ul.asyoulike li dl dd{font-size: 1em;line-height: 1.3em} ul.asyoulike li dl dd h5{font-size: 1em} ul.asyoulike li dl dd .price{font-size: 1.2em} ul.asyoulike li dl dd .product_title {color:#9D887D;font-weight: bold;margin: 10px} ul.asyoulike li dl dd .product_name{color:#C7000B;margin:0 10px 15px;font-size: 1.2em;} ul.asyoulike li dl dd .product_des{color:#3E3A39} ul.asyoulike li dl dd .product_des{margin-bottom: 10px} ul.asyoulike li dl dd .product_code{margin-bottom: 10px} ul.asyoulike li dl dd .row{margin-top:20px} ul.asyoulike li dl dd .btn_detail a, ul.asyoulike li dl dd .btn_cart a{float:left} .as_plus, .as_equal{font-weight: bold;color:#C7000B} /* white_day */ .white_day .titile_asyoulike {color:#ef8ebc;} .white_day ul.asyoulike li dl dd .product_name{color:#ef8ebc;} .white_day .titile_asyoulike::before {background-color: #ef8ebc;} .white_day .as_plus,.white_day .as_equal{color:#6ac3dc;} /* white_day */ .set_green01 .titile_asyoulike {color:#66cdaa;} .set_green01 ul.asyoulike li dl dd .product_name{color:#66cdaa;} .set_green01 .titile_asyoulike::before {background-color: #66cdaa;} .set_green01 .as_plus,.set_green01 .as_equal{color:#66cdaa;} /* keirouday_special */ .keirouday_special .titile_asyoulike::before{background-color: #cc9900;} /* mother */ .mother_set .asyoulike h6{color:#C7000B} .mother_set ul.asyoulike li dl dd h6 span{display: block;margin-bottom: 10px} .mother_set ul.asyoulike li dl dd h6{font-size: 1.3em;line-height: 1.2em;margin-bottom: 15px} /* 181031 SET ONE ONE ONE ------------------------------------------------------- */ .one-on-one{padding: 0 15px;} .one-on-one--img{width:80%;margin:0 auto;} .one-on-one--img img{width:100%;} /* //MOTHER SET ------------------------------------------------------- */ /* MOTHER GIFT and SWEET ------------------------------------------------------- */ /* BTN COMBI */ .btn_combi a{display: block;font-weight: bold;padding:10px;margin:0 auto;text-align: center;margin-bottom: 20px} .i879col_4 dl dt .btn_combi a{padding: 5px 10px;font-size: 0.7em} .i879col_3 dl dt .btn_combi a{padding: 5px 10px;font-size: 0.7em} /* //MOTHER FLOWER GIFT and SWEET ------------------------------------------------------- */ /* MATERIALS ------------------------------------------------------- */ /*set_material*/ .set_materials{margin-top: 10px;margin-bottom: 20px;} .set_materials input {display: none;} .set_materials label {cursor: pointer;display: inline-block;padding: 3px 5px;color: #9D887D;font-weight: bold;border: 1px solid #9D887D; -webkit-transition: 0.1s;transition: 0.1s;font-size:0.7em;} .set_materials label :hover {color: #fff;background: #9D887D;} .set_materials .set_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden;background: #F5F0CF;margin-top: 10px;padding: 0;} .set_materials .set_panel {font-size:0.7em;} .set_materials input:checked + .set_panel {height: auto;padding: 10px 15px} .lb_loupe {display: none} .pro_readmore{margin-top: 10px;margin-bottom: 20px;} .pro_readmore input {display: none;} .pro_readmore label {cursor: pointer;display: inline-block;padding:5px;font-size:1.25em;color: #fff;font-weight: bold;-webkit-transition: 0.1s;transition: 0.1s} .pro_readmore label {background: #ffffff;border: 1px solid #9D887D;color:#9D887D} .pro_readmore label i {transition: .6s ;-webkit-transform: rotateZ( 0deg ) ;transform: rotateZ( 0deg ) ;margin: 0 ;padding: 0 ;margin-left: 5px} .pro_readmore label:hover {border: 1px solid #9D887D;color:#fff;background: #9D887D} .pro_readmore label:hover i {-webkit-transform: rotateZ( 360deg ) ;transform: rotateZ( 360deg ) ;} .pro_readmore .more_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden;margin-top: 10px;padding: 0;} .pro_readmore input:checked + .more_panel {height: auto;padding-top: 20px} .pro_readmore label{font-size:1em;padding: 5px 10px;display: block;width: 250px;margin: 0 auto;text-align: center} /*bottom_schedule_material*/ .bottom_schedule input {display: none} .bottom_schedule label { cursor: pointer;display: inline-block;padding: 5px 10px;margin-bottom: 10px;background: linear-gradient(transparent 40%, #ffff66 40%); color: #000;font-weight: bold;font-size:1.2em;-webkit-transition: 0.1s;transition: 0.1s} .bottom_schedule label:hover {color:#777777;background: linear-gradient(transparent 40%, #ff66ff 40%);} .bottom_schedule label > span{ display: none } /*180206*/ .white_day .set_materials label {color: #808080;border: 1px solid #808080;} /* //SPECIAL PAGE ------------------------------------------------------- */ #row-1st { position: relative; width:100%; height:25%; > img { width: 100%; height: auto; display: block; margin: 0 auto; } } #row-1st-in { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255,255,255,0.7); > div { width: 90%; max-width: 320px; margin: 0 auto; font-size: 1rem; line-height: 1.7; padding: 20px 0; } } /* 花解説　170512 ------------------------------------------------------- */ div#kaisetu { margin-top:10px; margin-bottom:10px; border: solid 3px #fedf8f; background-color: #fffde9; padding: 10px; } #kaisetu > p.img > img { float: left; padding:5px } #kaisetu > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } #kaisetu > p:nth-child(3){font-size:0.8em} /* 花解説　170512 ------------------------------------------------------- */ div#kaisetu01 { margin-top:10px; margin-bottom:0; border: solid 3px #66cc99; background-color: #e9f8f0; padding: 10px; } #kaisetu01 > p.img > img { float: left; padding:5px } #kaisetu01 > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } /* 花解説　170512 ------------------------------------------------------- */ div#kaisetupink { margin-top:10px; margin-bottom:5px; border: solid 3px #FF9999; background-color: #fff3f3; padding: 10px; } #kaisetupink > p.img > img { float: left; padding:5px } #kaisetupink > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } /* SOLD OUT ------------------------------------------------------- */ span.sold_out{display:block;background:#f0f0f0;position: absolute; top:0; left:0;z-index: 2;width:100%;height:98%;padding:45% 18%; background-color: rgba(000,000,000,0.3);color:#fff;font-weight: bold;} span.sold_out:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 10px solid #fff;} .so_price{font-weight:bold;text-align:center;color:#FB0307;font-size:140%;text-align:center;margin:10px auto} .re_sold_out:after{content:'';display:block;clear:both;height:0} .re_sold_out{/zoom:1}.re_sold_out{padding:15px;background:#f0f0f0} .so_price{font-weight:bold;font-size:120%;text-align:center} .sold_des{color:#FB0307;font-size:140%;text-align:center} .re_sold_out_midi:after{content:'';display:block;clear:both;height:0} .re_sold_out_midi{/zoom:1}.re_sold_out_midi{padding:15px;background:#f0f0f0} .so_price_midi{font-weight:bold;font-size:120%;text-align:center}.sold_des_midi{color:#FB0307;font-size:140%;text-align:center} .sold_out_clip{color:#FB0307;font-size:1.4em;font-weight: bold;} .mothersday_special span.sold_out{padding:45% 18%;} .sold_out_slider{position: relative;} .sold_out_slider span.sold_out {height: 85%;padding: 50% 35%;} .sold_out_slider img {max-width: 100%;display: block;} .sold_out_slider .bx_cap {background: #fde082;} .sold_out_slider span.sold_out:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 0;} /* //SOLD OUT ------------------------------------------------------- */ /* 受注延長 ------------------------------------------------------- */ .ex_midasi{ position:relative; padding:5px; font:bold 0.8em/1.6 Arial, Helvetica, sans-serif; text-align:center; color:#655; border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#caf3ff; text-shadow:1px 1px 0 rgba(255,255,255,1); box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset; /* -webkit-transform: rotate(-3deg) skew(-3deg); -moz-transform: rotate(-3deg) skew(-3deg); -o-transform: rotate(-3deg) skew(-3deg); -ms-transform: rotate(-3deg) skew(-3deg); transform: rotate(-3deg) skew(-3deg);*/ margin: 0 0px 40px; } .ex_midasi li:nth-of-type(1) span{ color:red; text-decoration: underline} .ex_midasi li:nth-of-type(1) span:before{content: "\A";white-space: pre} .ex_midasi li:nth-of-type(2) {color:brown;font-size:1.2em;} .ex_midasi li:nth-of-type(2) span{ color:red} .ex_midasi li:nth-of-type(2) span:after{content: "\A";white-space: pre} .ex_midasi2{ position:relative; padding:5px; font:bold 0.8em/1.6 Arial, Helvetica, sans-serif; text-align:center; color:#655; border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#ffe6e6; text-shadow:1px 1px 0 rgba(255,255,255,1); box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset; /* -webkit-transform: rotate(-3deg) skew(-3deg); -moz-transform: rotate(-3deg) skew(-3deg); -o-transform: rotate(-3deg) skew(-3deg); -ms-transform: rotate(-3deg) skew(-3deg); transform: rotate(-3deg) skew(-3deg);*/ margin: 0 0px 40px; } .ex_midasi2.midasi_blue{background:#dbf6fe;} .ex_midasi2 li:nth-of-type(2) span{ color:red; text-decoration: underline;font-size:1.4em;} .ex_midasi2 li:nth-of-type(2) span:before{content: "\A";white-space: pre} .ex_midasi2 li:nth-of-type(3),.ex_midasi2 li:nth-of-type(4) {color:brown;font-size:1.2em} .ex_midasi2 li:nth-of-type(3) span{ color:red} .ex_midasi2 li:nth-of-type(3) span:after{content: "\A";white-space: pre} .ex_attention{font-weight: bold; color:red; width:94%;margin:0 auto;margin-bottom:40px} .ex_attention{width: 94%;padding: 8px 15px;margin-bottom: 40px; background: #ffffff; border: 3px solid #fedf8f; background-color: #fffde9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ex_attention.mother2018_style{ width: 94%;padding: 8px 15px;margin-bottom: 30px; background: #ffffff; border: 1px solid #fedf8f; background-color: #fffde9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ex_attention.mother2018_style.mt30{margin-top: 30px;} .father_set .ex_attention{ width: 96%;padding: 8px 15px; margin: 0 auto 30px; background: #ffffff; border: 1px solid #fedf8f; background-color: #fffde9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ex_attention li:nth-of-type(1){font-size: 1.2em} .ex_attention li:nth-of-type(2),.ex_attention li:nth-of-type(3){display:block;margin-left:10px;} .ex_attention li:nth-of-type(4){color: red;font-size:1.6em;text-align: center} .ex_attention li:nth-of-type(4) span{color: #fe699b} .ex_attention li:nth-of-type(4) span:after{ content: "\A" ;white-space: pre} .ex_attention.thin{border: 1px solid #fedf8f;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-bottom:20px;} .delivery_zone{width: 94%;padding: 8px 15px;margin:0 auto 20px;border: 1px solid #D6A684;} .delivery_zone_ttl{color: #CF0F0F;font-weight: bold;} .delivery_zone_ttl i{color: #9999CC;font-size:2em;margin-right: 10px;} .delivery_zone_area{color: #8C3F3F;text-decoration: underline;font-size:1.2em;font-weight: bold;margin:5px;} #mother_selection .ex_attention li:nth-of-type(4){text-align: center} .middle_title01{font-weight: bold; color:#669900; width:94%;margin:0 auto;margin-bottom:40px} .middle_title01{width: 94%;padding: 8px 15px;margin-bottom: 40px;background: #ffffff; border: 3px solid #669900;background-color: #f4fff6; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px} .can_chiiki{background: #fffde9;border: 1px solid #fedf8f;font-weight: bold;padding:10px;font-size:1.2em;color:#555;} .can_chiiki_ttl{font-size:1.1em;color:#fe699b;text-align:center} /* //受注延長 ------------------------------------------------------- */ br.iphone5_mode{display: none} br.iphone5-6_mode{display: none} /*産直鉢物・注意事項*/ .bara_caution{ color: #ff3333; font-weight: bold; background: #f5f0cf; padding: 10px 10px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ letter-spacing: 0.1em; width: 96%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size:.9em; } br.pc_mode{display:none} .wappen_ttl{font-size:1.2em;font-weight: 500;margin:10px auto 5px;color:#663300;} /* フラワーバレンタイン ------------------------------------------------------- */ .question_flo_vale_des{color:#380e05;font-weight: 500;margin:0 10px 20px;} .question_flo_vale_des span{font-size:1.5em;margin-left:2px;margin-right:2px;} .question_flo_vale_result{margin:0 10px 30px;text-align: center;} .question_flo_vale_result li dl dt{color:#380e05;font-weight: 500;font-size: .9em;padding:0 10px;text-align: left} .question_flo_vale_result li dl dt:first-letter{ color:#e7428b; font-family: 'Libre Baskerville', serif; font-size: 1.2em; font-weight: bold; float: left; margin-right: 6px; line-height: 1.5em;} .question_flo_vale_summary{background: #fffff4; border: dotted #8c736f 1px;color:#380e05;font-weight: 500;font-size: .9em;padding: 10px;} .question_flo_vale_summary_img01{display: none;} img.question_flo_vale_summary_img02{ width: 80px; float: right; shape-margin: 10px; -webkit-shape-outside: url(/image/products/png/511349.png); shape-outside: url(/image/products/png/511349.png); } /* mother_2018 */ .mother2018 { padding: 30px 0; background-position: left top, left bottom, left top; background-repeat: repeat-x, repeat-x, repeat-x; } .mother2018.mother2018--green { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #e5f1ed, #e5f1ed 10px, #f5f9f8 0, #f5f9f8 20px); } .mother2018.mother2018--pink { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #fff6f7, #fff6f7 10px, #ffeff0 0, #ffeff0 20px); } .mother2018.mother2018--orange { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #fff0e1, #fff0e1 10px, #fff7ef 0, #fff7ef 20px);s } .mother2018.mother2018--yellow01 { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #fff5d6, #fff5d6 10px, #fffdf7 0, #fffdf7 20px); } .mother2018.mother2018--yellow { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #fff7ef, #fff7ef 10px, #ffffff 0, #ffffff 20px); } .mother2018.mother2018--ocher { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #ffeeea, #ffeeea 30px, #fbe2e6 0, #fbe2e6 50px,#fff6f7 0, #fff6f7 60px); } /* .mother2018.mother2018--yellow { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #fdfbde, #fdfbde 10px, #fffdfa 0, #fffdfa 20px); } */ .mother2018.mother2018--blue { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #f2f2ff, #f2f2ff 10px, #ffffff 0, #ffffff 20px); } .mother2018.mother2018--blue02 { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #e8f3ff, #e8f3ff 10px, #f1f8ff 0, #f1f8ff 20px); } .mother2018.mother2018--blue03 { background-image: url(/image/mother2018/line_dot_top.png), url(/image/mother2018/line_dot_bottom.png), repeating-linear-gradient(90deg, #e8f3ff, #e8f3ff 10px, #f1f8ff 0, #f1f8ff 20px); } .mother2018__head { margin-top: 12px; padding-top: 60px; text-align: center; background: url(/image/mother2018/frame_kazari.png) center 0 / auto 50px no-repeat; } .mother2018__ttl { margin: 0; /* font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */ line-height: 1.5; font-weight: bold; font-size:24px; } .mother2018__ttl span {display: block;font-size: 18px;} .mother2018__ttl span.display_des {display:novgtne;} .mother2018__ttl span.set_ttl_mom {display: inline-block; font-size:18px;} .mother2018__ttl span.set_ttl_mom.new_line {display: block;} .mother2018__ttl {font-size: 1.5em;padding:0 15px;} .mother2018__ttl span {font-size: .8em;} .mother2018__ttlSub {margin: 10px 15px 15px;text-align: left;font-size: 1.1em;} .mother2018__ttlSub.omakase_ttlSub {vertical-align: super;} .mother2018__ttlSub.omakase_ttlSub img {width:120px;height: auto;vertical-align: bottom;margin-right:1px;} .mother2018__body {/* background-color: rgba(255, 255, 255, .5); */} .gotoAnchorWrap {padding: 40px 0;text-align: right;} .column_box .gotoAnchorWrap {padding: 10px 0 0;} .gotoAnchor span:after {content: "\A" ;white-space: pre;} .gotoAnchor { height: 46px; padding: 0 10px 0 48px; position: relative; display: inline-block; line-height: 46px; font-size: 15px; color: #411b04; line-height: 2em; /* background-color: #ffeeee; border-top-left-radius: 23px; border-bottom-left-radius: 23px; */ } .gotoAnchor:hover, .gotoAnchor:focus { text-decoration: none; } .gotoAnchor::before { content: ''; width: 42px; height: 42px; position: absolute; top: 2px; left: 2px; display: block; background: url(//images.i879.com/image/mother/mother_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor::after { content: '▲'; margin-left: .3em; } /* father */ .gotoAnchor.mh00style::before { background: url(/image/father/father_gototop.png) 0 0 / cover no-repeat; } /* keirou */ .gotoAnchor.ml00style::before { background: url(/image/season/keirou_gototop.png) 0 0 / cover no-repeat; } /* keirou */ .gotoAnchor.keirou_style::before { background: url(//images.i879.com/image/season/keirou_gototop.jpg) 0 0 / cover no-repeat; } .gotoAnchor.mm00style::before { background: url(/image/xmas/mmto_topicon.png) 0 0 / cover no-repeat; } /* summer */ .goto_f_list.mi00style::before { background: url(/image/season/summer_gototop.png) 0 0 / cover no-repeat; } .goto_f_list.mm00style::before { background: url(/image/xmas/mmto_topicon.png) 0 0 / cover no-repeat; } .gotoAnchor.orange_r_style::before { background: url(/image/season/orange_rose_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.pink_l_style::before { background: url(/image/season/pink_lilly_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.pink_t_style::before { background: url(/image/season/pink_toruko_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.red_t_style::before { background: url(/image/season/red_tsubaki_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.blue_s_style::before { background: url(/image/season/blue_snow_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.new_y_style::before { background: url(/image/season/blue_snow_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.newyear_style::before { background: url(/image/season/newyear_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.tulip_style::before { background: url(/image/season/tulip_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.peach_style::before { background: url(/image/season/peach_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.spring_style::before { background: url(/image/season/spring_gototop.jpg) 0 0 / cover no-repeat; } .gotoAnchor.spring02_style::before { background: url(/image/season/spring02_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.white_style::before { background: url(//images.i879.com/image/season/white_gototop.png) 0 0 / cover no-repeat; } .gotoAnchor.sunflower_style::before { background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat; left: 0; } /* 180123 */ .gotoAnchor_end{background-image: url(/image/mother2018/line_dot_top.png); background-position: left bottom, left bottom, left bottom; background-repeat: repeat-x, repeat-x, repeat-x; padding-bottom: 30px} /* 180124 */ .wide_col .i879col_1.campaign39_contents dl dt{width:100%;} .wide_col .i879col_1.campaign39_contents>dl>dd h2 { font-family:'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 2em; color:#d74981; line-height: 1.5em; font-weight: 700; margin: 0 0 30px 0; } .wide_col .i879col_1.campaign39_contents>dl>dd p {color:#613d3d;font-weight: 700;font-size: 1.2em;margin-bottom: 1em;} .wide_col .i879col_1.campaign39_contents>dl>dd p.campaign39_notice {color:#d74981;margin-top: 30px;} .i879col_1.campaign39_des>dl>dt {width: 100%;float: none;margin-right: 0; font-weight: 700;font-size:1.5em;color:#d74981;margin:0 auto 0;} .i879col_1.campaign39_des>dl>dd {width: 100%;float: none;font-weight: 700;font-size:1.2em;color:#613d3d;} .i879col_1.campaign39_des>dl>dd span {font-size: 1.2em} /* .campaign39 .mother2018__head { margin-top: 30px; padding-top: 125px; text-align: center; background: url(/image/mother2018/frame_flower.png) center 0 / auto 126px no-repeat; } */ .wide_col .i879col_1.campaign39_des dl {padding: 20px 15px;} .m_index_wrapper .gotoAnchorWrap {width: 100%;margin: 0 auto;} .m_index_wrapper .gotoAnchorWrap {padding: 10px 0 20px;text-align: right;} .mother2018__ttl span.mother2018__ttl_set_sub {display: none;} /* June_Bride ------------------------------------------------------- */ .inquiry_marrige{width: 80%;margin:0 auto;margin-bottom:30px;} .inquiry_marrige img{width: 100%;height: auto;margin-bottom:10px;} /* //June_Bride ------------------------------------------------------- */ /* info_kazoku_tsuraiyo ------------------------------------------------------- */ .info_kazoku_tsuraiyo{padding:15px;border-bottom: 2px solid #C7000B;margin: 0 0px 10px;} .info_kazoku_tsuraiyo dt{text-align: center;margin-bottom:5px;} .info_kazoku_tsuraiyo dt figcaption{font-size:.6em;} .info_kazoku_tsuraiyo_ttl{color: #C7000B;text-align: center;margin-bottom: 5px;font-weight: bold;} /* //info_kazoku_tsuraiyo ------------------------------------------------------- */ /* END ROLL ------------------------------------------------------- */ h2.end_roll{font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 10px 0px;background: #a9a9a9;font-weight: 500;padding: 10px 0;color:#fff;} h2.end_roll{font-size:1em;} h2.end_roll a{color:#fff;} .next_bnr_ttl{margin-top:30px;margin-bottom:10px;text-align: center;font-weight: bold;color:#C7000B;} h3.next_bnr{margin-bottom:30px;width:100%;text-align: center;} h3.next_bnr img{width:100%;} /* //END ROLL ------------------------------------------------------- */ /* PRODUCT-LIST ------------------------------------------------------- */ .i879col_4_plist{overflow: hidden;margin:0 0 20px;} .i879col_4_plist li{width:100%;margin-bottom:20px;} .i879col_4_plist dl {width:80%;margin:0 auto;} .i879col_4_plist dt {padding: 5px;} .i879col_4_plist dd img{width:100%;} /* //PRODUCT-LIST ------------------------------------------------------- */ /* pc ------------------------------------------------------- */ @media screen and (min-width:641px), print{ /* PRODUCT-LIST ------------------------------------------------------- */ .i879col_4_plist li{width:25%;float: left;margin-bottom:0;} .i879col_4_plist dl {width:95%;margin:0 auto;} .i879col_4_plist dt {padding: 10px 5px 5px;font-size: 1.2em;} .i879col_4_plist dd img{width:100%;} /* //PRODUCT-LIST ------------------------------------------------------- */ .info_kazoku_tsuraiyo:after{content: '';display: block;clear: both;height:0;} .info_kazoku_tsuraiyo{ /zoom: 1; } /* IE */ .info_kazoku_tsuraiyo{margin:0 0px 10px 20px;padding:15px 0;} .info_kazoku_tsuraiyo dd a{color: #C7000B;} .info_kazoku_tsuraiyo dt{width:45%;float:left;clear: left;margin-right:2%;} .info_kazoku_tsuraiyo dd{width:53%;float:left;} .info_kazoku_tsuraiyo dt figcaption{font-size:10px;text-align: left;} .info_kazoku_tsuraiyo_ttl{font-size:.8em;text-align: left;} .info_kazoku_tsuraiyo dt img{width:100%; height: auto;} .info_kazoku_tsuraiyo_des{font-size:.85em;} /* フラワーバレンタイン ------------------------------------------------------- */ .question_flo_vale{margin-bottom:40px;} .question_flo_vale_des{text-align: center;margin:0 0 35px;} .question_flo_vale_result:after{content: '';display: block;clear: both;height:0;} .question_flo_vale_result{ /zoom: 1; } /* IE */ .question_flo_vale_result{width:845px;margin:0 auto 30px;text-align: left;} .question_flo_vale_result li{width:33.3%;float: left;} .question_flo_vale_result li dl dt{padding:12px 18px 0;} .question_flo_vale_summary{width:845px;margin:0 auto;background: #fffff4; border: dotted #8c736f 1px;color:#380e05;font-weight: 500;font-size: .9em; position: relative;min-height: 98px;} .question_flo_vale_summary p{position: absolute;top:0;left:0;z-index: 3;margin-left:87px;margin-top:14px;width:650px;} .question_flo_vale_summary_img01{display:block;position: absolute;top:0;left:0;z-index: 1;} img.question_flo_vale_summary_img02{position: absolute;top:0;right:2px;z-index: 2; width: 99px; float: none; shape-margin: 0; -webkit-shape-outside: none; shape-outside: none; } .can_chiiki_ttl{font-size:1.2em} .wappen_ttl{width:1000px;margin:20px auto 5px;font-size:1.3em;} /* bx SLIDER ------------------------------------------------------- */ /* 180227 ------------------------------------------------------- */ .set_contents .frameLine.col6{width: 472px;} /*// 180227 ------------------------------------------------------- */ .bx-wrapper {width: 100%;margin: 0 auto;position: relative} .bx-wrapper .bx-pager {display: none} .bx-wrapper .bx-pager .bx-pager-item {display: inline-block;*zoom: 1;*display: inline} .bx-wrapper .bx-controls-direction a {position: absolute;z-index: 9} .bx-prev {left: 10px} .bx-wrapper .bx-next {right: 20px} .bx-controls-direction a {position: absolute;margin-top: -16px;width: 35px;height: 35px;text-indent: -9999px;z-index: 9999} .bx-wrapper .bx-caption span {color: #630;font-family: 'Noto Sans JP', Arial;display: block;font-size: .85em;padding: 10px} .bx-wrapper .bx-caption {position: absolute;bottom: -30px;left: 0;background: #FDE082;width: 100%} .bx_cap{color: #630;font-family: 'Noto Sans JP', Arial;font-size: .85em;padding: 10px;width: 100%;display: inline-block} .bx-wrapper .bx-viewport {background: #FDE082} .bx-wrapper .bx-next, .bx-wrapper .bx-prev {background: rgba(255,183,183,0.5) url(/js/controls.png) no-repeat -43px -32px; z-index: 9; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; box-shadow: 1px 1px 1px 1px rgba(199,199,199,0.4)} .bx-wrapper .bx-prev {left: 10px;background: rgba(255,183,183,0.5) url(/js/controls.png) no-repeat 0 -32px; z-index: 9; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; box-shadow: 1px 1px 1px 1px rgba(199,199,199,0.4)} #father_set .bx-wrapper .bx-next, #father_set .bx-wrapper .bx-prev {background: rgba(86,199,138,0.5) url(/js/controls.png) no-repeat -43px -32px} /* 180125 */ .campaign39 .bx_cap{background: #ffebec;color: #d74981;} /* 180206 */ .white_day .bx-wrapper .bx-prev {background: rgba(100,149,237,0.5) url(/js/controls.png) no-repeat 0 -32px;} .white_day .bx-wrapper .bx-next{background: rgba(100,149,237,0.5) url(/js/controls.png) no-repeat -43px -32px;} /* 180206 */ .set_green01 .bx-wrapper .bx-prev {background: rgba(102,205,170,0.5) url(/js/controls.png) no-repeat 0 -32px;} .set_green01 .bx-wrapper .bx-next {background: rgba(102,205,170,0.5) url(/js/controls.png) no-repeat -43px -32px;} .set_blue01 .bx-wrapper .bx-prev {background: rgba(102,205,170,0.5) url(/js/controls.png) no-repeat 0 -32px;} .set_blue01 .bx-wrapper .bx-next {background: rgba(102,205,170,0.5) url(/js/controls.png) no-repeat -43px -32px;} /* 180227 */ ul.bxslider {margin: 0;padding: 0;} /* /bx SLIDER ------------------------------------------------------- */ /* MODULE ------------------------------------------------------- */ .display_sp{display:none} a.keirou .goto_f_pot_list a.keirou .goto_f_pot_list a{margin-top:-100px;padding-top: 100px;display: block} a.link_head{margin-top:-100px;padding-top: 100px;display: block} .spc_wapper {width: 1040px;margin:0 auto} .keirouday_special .spc_wapper {background: rgba(255,255,255,0.8);} /* 180201 odd */ .spc_wapper.wdt1000 {width: 1000px;} .crumb_box{width:1000px;margin:0 auto} /* 171116 odd */ .xmas .spc_wapper {width: 1080px;margin:0 auto} .mother_set .spc_wapper {width: 1080px;margin:0 auto;background-color: rgba(255,255,255,0.5);} /* /MODULE ------------------------------------------------------- */ /* 背景 */ /* #mother, #mother_set, #mother_gift, #mother_selection, #mother_total_set, #mother_gift_premium, #mother_flower { background: #fff; background-image: url(/image/mother/bg_mother201702.jpg); background-repeat:repeat-y; background-position:50% 0%; } */ #i879_season.rose_special { background: #fff; /*background-image: url(/image/father/bg_father2017.jpg);*/ background-repeat:repeat-y; background-position:50% 0%; } #father, #father_set{ background: #fff; background-image: url(/image/father/bg_father2017.jpg); background-repeat:repeat-y; background-position:50% 0%; } .keirou{ background: #fff; background-image: url(/image/season/bg_keirou2017.jpg); background-repeat:repeat-y; background-position:50% 0%; } .xmas{ background: #fff; background-image: url(/image/xmas/bg_xmas2017.gif); background-repeat: no-repeat; background-attachment: fixed; background-position:50% 0%; } /* mother_2018 */ #mother_set_2018 { background-image: repeating-linear-gradient(90deg, #ffebec, #ffebec 10px, #fff3f4 0, #fff3f4 20px); } .mothersday_special .mt60 { margin-top: 60px; } .mother2018__body { width: 1040px; margin: 20px auto 0; /* padding: 30px 20px 0; */ padding: 0 20px 0; } .mother2018__ttlSub {margin-bottom: 0;} .mother2018__ttl span.display_des {display:block;} /* 189213 */ .mother2018__head { margin-top: 30px; padding-top: 80px; text-align: center; background: url(/image/mother2018/frame_kazari.png) center 0 / auto 60px no-repeat; } /* 189227 */ .mother2018__ttl span.set_ttl_mom {font-size:24px;margin-right: 10px;} .mother2018__ttl span.set_ttl_mom.new_line {display:inline-block;} .gotoAnchorWrap {width: 1000px;margin: 0 auto;} .wide_col {width: 1040px;margin:0 auto;} .column_box .gotoAnchorWrap {width: 1000px;margin: 0 auto;padding: 0 0 20px;} .mother2018__ttl span.mother2018__ttl_set_sub {display: block;} .mother2018__ttl {font-size: 24px;padding:0;} .mother2018__ttl span {font-size: 18px;} .mother2018__ttlSub {margin: 10px 0 20px;text-align: center;font-size: 1em;} .mother2018__ttlSub.omakase_ttlSub {font-size: 1.3em;vertical-align: super;} .mother2018__ttlSub.omakase_ttlSub img {width:130px;height: auto;vertical-align: bottom;margin-right:5px;} /* 180426 */ .gotoAnchor span:after {white-space: normal;} .gotoAnchor {line-height: 3em;} /* article */ #mother article, #mother_set article, #mother_gift article, #mother_selection article, #mother_total_set article, #mother_gift_premium article, #mother_flower article{padding-bottom: 0} #father article, #father_set article{padding-bottom: 0} #i879_season article{padding-bottom: 0} #keirou article{padding-bottom: 0} #mother article, #mother_set article, #mother_gift article, #mother_selection article, #mother_total_set article, #mother_gift_premium article, #mother_flower article {margin: 0 auto 0em} #i879_season article {margin: 0 auto 0em} #keirou article {margin: 0 auto 0em} /* BANNER STYLE ------------------------------------------------------- */ .heros_banner {margin-bottom: 0px} .heros_banner:before{content:"";display:block;padding-top:25%} .heros_banner .heros_banner_inner{position:absolute;top:0;left:0;bottom:0;right:0} .heros_banner_box{width:1000px;margin-left: auto;margin-right: auto} .heros_banner .heros_banner_inner .tt_icon{width:20%;position:absolute;top:15%;z-index:2;left:25%} .heros_banner .heros_banner_inner h1{position:absolute;color: #333;left:15%;top:45%;font-size:2.5em;font-family: 'Noto Sans JP','Libre Baskerville',serif;z-index:7} .heros_banner .heros_banner_inner img.spe_product{position:absolute;top:45px;z-index:4;width:25%;right:20%} .heros_banner .heros_banner_inner p.heros_description {display: block;position: absolute;color: #333;left: 20%;bottom: 5%; width: 38%;font-weight: 700;text-shadow: 1px 1px #FFF;font-size: 1em;z-index: 5} .heros_banner .heros_banner_inner .heros_banner_box h1{position: absolute;left: 25%;top: 2%;font-size: 1.5em} /* 追加 170621 */ .heros_banner .heros_banner_inner .tt_icon02{width:18%;position:absolute;top:12%;z-index:2;left:25%} .heros_banner .heros_banner_inner p.heros_description02 span {left: 0;top: -1.8em;]font-size: 1.2em;} .heros_banner .heros_banner_inner p.heros_description02 { display: block; position: absolute; color: #333; left: 10%; bottom: 5%; width: 55%; font-weight: 700; text-shadow: 1px 1px #FFF; font-size: 0.8em; z-index: 5; } /* /BANNER STYLE ------------------------------------------------------- */ /* LINK BTN 02_170410 ------------------------------------------------------- */ .gift_linkbtn{text-align: center} ul.gift_linkbtn {margin: 0 auto;text-align: center} ul.gift_linkbtn {margin: 40px 0 40px} ul.gift_linkbtn li {height:200px;display: inline-block} ul.gift_linkbtn li p{display:block;margin-top:0px} ul.gift_linkbtn li h1{font-size: 1.1em} ul.gift_linkbtn li h2{font-size: 1.5em;margin: 60px 0 0;line-height:1.2em} /* 降順 */ .gift_linkbtn_do{text-align: center;} ul.gift_linkbtn_do {margin: 0 auto;text-align: center} ul.gift_linkbtn_do li {height:200px;display: inline-block} ul.gift_linkbtn_do li p{display:block;margin-top:0px} ul.gift_linkbtn_do li img{top: 70%} ul.gift_linkbtn_do li img{top: 72%} ul.gift_linkbtn_do li.tulip_nav img{top: 65%;width: 100%;} /* 画像下げる */ ul.gift_linkbtn_do.linkbtn_imgtop85 li img{top: 85%} ul.gift_linkbtn_do.linkbtn_img100.linkbtn_imgtop72 li img{top: 72%;left: 50%;width: 100%;height: auto;} ul.gift_linkbtn_do.linkbtn_img100 li.komorebi img{top: 80%;} ul.gift_linkbtn_do.linkbtn_img100 li.mdm img{top: 65%;} /* ランキング */ ul.gift_linkbtn_do li.linkbtn_rank{width: 100%;} ul.gift_linkbtn_do li.linkbtn_rank h2, ul.gift_linkbtn_do li.linkbtn_rank h2+p, ul.gift_linkbtn_do li.linkbtn_rank h2{text-align: center;padding-right: 0} /* 最初からh2 */ ul.gift_linkbtn_do li.linkbtn_rank img {top: 80%;width: 90%;left:50%;} ul li.linkbtn_rank {background: url(/image/xmas/xmasrankback.png) no-repeat right top;background-size: 140%;} /* 180419 */ ul.gift_linkbtn_do li.linkbtn_rank img {top: 70%;width: 100%;left:50%;} /* ランキング thin 180419 */ ul.gift_linkbtn_do li.linkbtn_rank.thin h2, ul.gift_linkbtn_do li.linkbtn_rank.thin h2+p, ul.gift_linkbtn_do li.linkbtn_rank.thin h2{text-align: center;padding-right: 0} /* 最初からh2 */ ul.gift_linkbtn_do li.linkbtn_rank.thin img {top: 80%;width: 90%;left:50%;} ul li.linkbtn_rank.thin {background: url(/image/mother/motherrankback.png) no-repeat right top;background-size: 140%;} ul.gift_linkbtn_do li.linkbtn_rank.thin img {top: 70%;width: 100%;left:50%;} ul.gift_linkbtn_do li.linkbtn_rank.thin h2{font-size:1.2em;} /* ランキング画像なしワイド */ ul.gift_linkbtn_do li.linkbtn_wide{width: 100%;} ul.gift_linkbtn_do li.linkbtn_wide h2, ul.gift_linkbtn_do li.linkbtn_wide h2+p, ul.gift_linkbtn_do li.linkbtn_wide h2{text-align: center;padding-right: 0} /* 最初からh2 */ ul.gift_linkbtn_do li.linkbtn_wide img {top: 70%;width: 90%;left:50%;} ul.gift_linkbtn_do li.linkbtn_wide.top70 img {top: 70%;} ul.gift_linkbtn_do li.linkbtn_wide.newy01 img {top: 70%;} ul.gift_linkbtn_do li.linkbtn_wide.spring01 img {top: 70%;} ul.gift_linkbtn_do li.spiring_b01 img {top: 70%;} ul.gift_linkbtn_do li.spiring_b04 img {top: 70%;} ul.gift_linkbtn_do li.linkbtn_wide.peach01 img {top: 70%;width: 90%;} ul.gift_linkbtn_do li.peach02 img {top: 70%;width: 80%;} ul.gift_linkbtn_do li.linkbtn_wide.for_lily img {top: 70%;width: 90%;left:50%;} .flower_valentine ul.gift_linkbtn_do li.linkbtn_wide img {top: 70%;width: 90%;left:50%;} .peach_special ul.gift_linkbtn_do li.linkbtn_wide img {top: 80%;width: 90%;left:50%;} .mothersday_special ul.gift_linkbtn_do li.linkbtn_wide img {top: 70%;width: 90%;left:50%;} ul.gift_linkbtn_do li h2 {font-size: 1.3em;margin: 35px 0 0;line-height: 1.2em} ul.gift_linkbtn_do li h2 {font-size: 1.2em;line-height: 1em;} ul.gift_linkbtn_do li h2+p {font-size: 1em;} ul.gift_linkbtn_do li h2+p.smalltxt {font-size: .8em;} ul.gift_linkbtn_do li h2+p.entyou_syou {font-size: .8em;} ul.gift_linkbtn_do.sweetList li h2{margin: 35px 0 0;} ul.gift_linkbtn_do li h2.Minette{top:20px;} ul.gift_linkbtn_do.over10 li.studioCLIP h2 {margin: 55px 0 0;font-size: 1.1em;} ul.gift_linkbtn_do li.linkbtn_wide.studioCLIP img {top: 70%;width: 100%;left: 50%;} ul.gift_linkbtn_do li.studioCLIP img {top: 70%;width: 100%;left: 50%;} ul.gift_linkbtn_do li.sweetList h2.shop_2line{font-size: .8em;} /* 最初からh2 */ /*181022 odd*/ .linkbtn3.col3ver ul.gift_linkbtn_do li h2 {font-size: 18px;} .linkbtn3.col3ver ul.gift_linkbtn_do li h2+p{font-size: 15px;} ul.gift_linkbtn_do li h2.monchoco{top:10px;} ul.gift_linkbtn_do li h2+p.shop_2line {font-size: .8em;} ul.gift_linkbtn_do.sweetList li h2.mdm {margin-top: 30px;} ul.gift_linkbtn_do.sweetList li h2.mdm.entyou{margin-top: 40px;} ul.gift_linkbtn_do.over10 li h2 {font-size: 1.2em;} ul.gift_linkbtn_do.over11 li h2 {font-size: 1.1em;} ul.gift_linkbtn_do.over11 li h2+p {font-size: .9em;} ul.gift_linkbtn_do li h2+p.linkbtn_entyou {font-size: .8em;} ul.gift_linkbtn_do li.shop_2line h2 br{display:none;} ul.gift_linkbtn_do li.shop_2line h2{font-size: .8em;} ul.gift_linkbtn_do li.shop_2line h1{margin-top:25px;} ul.gift_linkbtn_do li.newy03 h2 {font-size: 1.1em;} /* 最初からh2 */ .linkbtn6 ul.gift_linkbtn_do li h2 {font-size: .8em} .linkbtn6 ul.gift_linkbtn_do.subttl_s li h2 {font-size: .8em} .linkbtn6 ul.gift_linkbtn_do li.shop_2line h2 {font-size: .7em} ul.gift_linkbtn_do li.mme_ttl h2{font-size: .7em;line-height: 1.2em;} /* 最初からh2 */ .linkbtn6 ul.gift_linkbtn_do li.mdm h2 {font-size: .65em} /* リンクボタンの数_昇順 */ .linkbtn2 ul.gift_linkbtn li {width:200px} .linkbtn2 ul.gift_linkbtn {width:400px;,margin:0 auto;} .linkbtn3 ul.gift_linkbtn li {width:200px} .linkbtn3 ul.gift_linkbtn {margin-left: 158px/* 268px */} .linkbtn4 ul.gift_linkbtn li {width:200px} .linkbtn5 ul.gift_linkbtn li {width:200px} .linkbtn6 ul.gift_linkbtn li {width:20%} /* リンクボタンの数_降順 */ ul.gift_linkbtn_do{margin:40px auto;} .linkbtn2 ul.gift_linkbtn_do li {width:200px;} .linkbtn2 ul.gift_linkbtn_do {width:400px;} .linkbtn3 ul.gift_linkbtn_do li {width:200px;} .linkbtn3 ul.gift_linkbtn_do {width:600px;} .linkbtn4 ul.gift_linkbtn_do li {width:200px;} .linkbtn4 ul.gift_linkbtn_do {width:800px;} .linkbtn5 ul.gift_linkbtn_do li {width:200px;} .linkbtn6 ul.gift_linkbtn_do li {width:16.6%;height: 168px} .linkbtn6 ul.gift_linkbtn_do li h2{font-size: 1.2em;margin: 25px auto 0;} .linkbtn6 ul.gift_linkbtn_do li img {top: 85%;} ul.gift_linkbtn_do.mt20mb20{margin:20px auto;} .linkbtn4 ul.gift_linkbtn_do.mother_special li.beams, .linkbtn4 ul.gift_linkbtn_do.mother_special li.moon_dust{width:400px;height: 122px} /* white_day */ .linkbtn6 ul.gift_linkbtn_do.white_set_linkbtn li img {top: 80%;width:100%;} .linkbtn6 ul.gift_linkbtn_do.white_set_linkbtn li h2{font-size: 1.1em;margin: 30px auto 0;} /* mother */ ul.gift_linkbtn_do.mother_special li h2 {text-align: center;} ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo, ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{height:15%;width:auto;position:absolute;top:20%;z-index:3;} ul.gift_linkbtn_do.mother_special li.beams img.mother_special_logo{left:38%;} ul.gift_linkbtn_do.mother_special li.moon_dust img.mother_special_logo{left:15%;} ul.gift_linkbtn_do.mother_special li img.mother_special_img{width:50%;top:52%;left:77%;} ul.gift_linkbtn_do.mother_special li p.mother_special_des { width:65%; display: block; font-size: .8em; text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF; margin-top: 80px; margin-left:10px; z-index: 2; position: relative; text-align: left; } ul.gift_linkbtn_do.mother_special li.beams h1, ul.gift_linkbtn_do.mother_special li.moon_dust h1 {margin-top: 0;} ul.gift_linkbtn_do.mother_special li.beams h1, ul.gift_linkbtn_do.mother_special li.moon_dust h1{margin: 0;text-align:left;position: absolute;top:40px;left:10px;line-height:1em;}s ul.gift_linkbtn_do.mother_special li.beams h1 span {display: block;} ul.gift_linkbtn_do.mother_special li.beams h1 span{font-size:.8em;line-height: .5em} ul.gift_linkbtn_do.mother_special li.beams h1 span:before{content: "\A" ;white-space: pre ;} /* keirou 180905 */ .linkbtn6 ul.gift_linkbtn_do li h2{font-size: 1.1em;margin: 35px auto 0;line-height:1.3em;} .linkbtn6 ul.gift_linkbtn_do li h2.ttl_small{font-size: 1em;} .linkbtn6 ul.gift_linkbtn_do li.peach02 img {top: 70%;} /* 説明文があるもの */ ul.gift_linkbtn_do.linkbtn_des_box li h2{margin: 25px 0 0;} ul.gift_linkbtn_do.linkbtn_des_box li img{top: 85%} ul.gift_linkbtn_do li p.linkbtn_des{display: block;font-size:.8em;text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;margin-top:35px;z-index: 2;position: relative;} /* 2列 */ ul.gift_linkbtn_do li.shop_2line h2 br{display: none;} /* xmas */ ul.gift_linkbtn_do li.lladro img{top: 80%;} .xmas ul.gift_linkbtn_do li h1{margin:32px auto 0;} ul.gift_linkbtn_do.ttl_top_20 li h2 {margin: 20px 0 0;} ul.gift_linkbtn_do.ttl_top_23 li h2 {margin: 23px 0 0;} ul.gift_linkbtn_do.ttl_top_28 li h2 {margin: 28px 0 0;} ul.gift_linkbtn_do.ttl_top_30 li h2 {margin: 30px 0 0;} ul.gift_linkbtn_do.ttl_top_35 li h2 {margin: 35px 0 0;} ul.gift_linkbtn_do.ttl_top_35 li h2.Minette {margin: 13px 0 0;} /* font-size 1em→.8em*/ ul.gift_linkbtn_do li h1+p.small_des {font-size: .8em;} /* 180219 imgtop*/ ul.gift_linkbtn_do li.sotugyou_set img{top: 75%} /* /LINK BTN ------------------------------------------------------- */ /* TEXT LINK ------------------------------------------------------- */ ul.text_link{margin-bottom: 30px} ul.icon_link{margin-bottom: 30px} ul.icon_link_ver02{margin-bottom: 20px} /* //TEXT LINK ------------------------------------------------------- */ /* SUB TITLE ------------------------------------------------------- */ .subtitle01{margin:0 0 20px 0; padding: 10px 10px 10px 80px} .subtitle01.mt30{margin-top:30px} .subtitle01{background-repeat:no-repeat;background-size:180px auto;background-position:98% 65%} .subtitle01_des p{display:block} .subtitle01_des p{display: inline;font-size:1.1em;position: absolute;top:10px} .subtitle01_des h1{font-size: 1.5em;margin: 0 0 0 0;position: absolute;top:35px} .subtitle01_des h1 span {color: #714141} .subtitle01_des h1 span{font-size:1em} .subtitle01_des h1 span:after{content: "\A" ;white-space: normal} .subtitle01_des h1.sub_ttl_sirregu_midasi{position: absolute;top:35px} .subtitle01_des p.sub_ttl_sirregu{display: block;position: absolute;top:10px;left:300px} .subtitle01_des h1+p.sub_ttl_sirregu{display: block;top:10px;left:80px} .subtitle01.mt40_pc{margin-top:40px} .flower_valentine .subtitle01_des h1{font-size: 1.5em;margin: 0 0 0 0;position: absolute;top:35px} .subtitle01 .subtitle01_wide img{position: relative;} .subtitle01_wide {width:1000px;margin:0 auto;} .subtitle01_wide .subtitle01_des h1 {font-size: 1.5em;margin: 0 0 0 65px;position: absolute;top:35px;} .subtitle01_wide .subtitle01_des p {display: inline;font-size: 1.1em;position: absolute;top: 10px;margin: 0 0 0 65px;} /* color_subtitle01_des */ .stl_blue01 .subtitle01_des h1 span, .stl_green01 .subtitle01_des h1 span {color: #714141} .stl_ocher01 .subtitle01_des h1 span {color: #523923} .stl_ml_forever .subtitle01_des h1 span {color: #523923} /* keirou */ .keirou .subtitle01{background-repeat:no-repeat;background-size:180px auto;background-position:98% 30%} /*↑変更する？*/ .keirouday_special .subtitle01{background-image: url(/image/keirou/ml_illa.png); background-repeat:no-repeat; background-size:100px auto; background-position:98% 28%} .subtitle02, .subtitle03{text-align: left;padding-left:30px;} .subtitle03{font-size: 1.3em} .subtitle02 span:before{ font-family: 'Noto Sans JP', 'FontAwesome'; content: " \f186"; font-size: 1.5em; vertical-align: sub; margin-right: 10px; } .subtitle03 span:before{ font-family: 'Noto Sans JP', 'FontAwesome'; content: " \f110"; font-size: 1.5em; vertical-align: sub; margin-right: 10px; } .subtitle03.keirou_mode{font-size: 1.3em;padding:0.3em;padding-left:30px;} /* //SUB TITLE ------------------------------------------------------- */ /* HEADING ------------------------------------------------------- */ h2.heading_ch{font-size: 200%} .heading_ch span{display: inline;margin-left: 5px;margin-right: 10px;font-weight: normal;font-size: 60%} /* //HEADING ------------------------------------------------------- */ /* APPEAL ------------------------------------------------------- */ ul.appeal{margin:0 10px 40px 10px} ul.appeal li{font-size:0.9em} ul.appeal li.info_nisikata{display: inline;margin-left:20px} .appeal_para{display: block} .appeal_para{margin:0 10px 40px 10px} .appeal_para.hosoku_para {margin: 0 15px 10px;} .appeal_para02{margin:0 10px 0 10px} .appeal_para03{margin:0 10px 25px 10px} .appeal_para04{margin:0 10px 25px 10px} .appeal_para04 p{display: inline;} .attention_otodoke{margin:0 10px 10px 10px} .appeal_para05{margin:0 10px 25px 10px} /* /APPEAL ------------------------------------------------------- */ /* APPEAL 02 ------------------------------------------------------- */ ul.appeal02{display:block} /* /APPEAL 02 ------------------------------------------------------- */ .btn_detail a{display: block;padding: 8px 10px;text-decoration: none; background: #fff; color: #9D887D;font-weight: bold;text-align: center;border: 1px solid #9D887D; width:100px;font-size: 1em;margin-right: 10px} .btn_detail a:hover{color: #FFF;background: #9D887D} .btn_cart a{display:block;padding: 8px 10px;text-decoration:none;color:#fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight:bold;border:solid 1px #DA3940;background:#DA3940;text-align: center;width:210px;font-size: 1em} .btn_cart a:hover{color:#DA3940;background:#fff} .product_title{display:block} /* 180207 */ .select_deliv_day--ver .select_deliv_day select{position: relative;top:0;left: 0;margin-bottom:0;float: left;} .select_deliv_day--ver .select_deliv_day select{width:49%;padding: 8px 5px;margin-right: 1%;font-size: .9em;} .select_deliv_day--ver input[type=button].btn_cart2{position: relative;top:0;left: 0;margin-bottom:0;float: left;} .select_deliv_day--ver input[type=button].btn_cart2{width:30%;font-size: .7em;padding: 9px 5px;} .select_deliv_day--ver ul.asyoulike li dl dd .btn_detail a {position: relative;top:0;left: 0;margin-bottom:0;float: left;} .select_deliv_day--ver ul.asyoulike li dl dd .btn_detail a {width:15%;font-size:.75em;padding: 8px 3px;margin-right: 1%;} .select_deliv_day--ver .asyoulike_box{padding-bottom: 0;} /* /APPEAL ------------------------------------------------------- */ /* SPECIAL PAGE_特集ページ ------------------------------------------------------- */ /* scp_commmon-------------- */ /* product col */ .i879col_1 .price,.i879col_2 .price,.i879col_3 .price,.i879col_4 .price,.i879col_5 .price{color:#795548;} .i879col_1 .spec_size,.i879col_2 .spec_size,.i879col_3 .spec_size,.i879col_4 .spec_size,.i879col_5 .spec_size{color:#795548;} /*1col*/ .i879col_1 dl{border-bottom:1px solid #ccc;padding-bottom: 30px; margin-bottom:20px} .i879col_1>dl>dt{width:40%;float:left;margin-right:20px} .i879col_1>dl>dd{width:58%;float:left} /* 170911-- */ /* 171212-- */ .i879col_1>dl>dd{width:58%;float:right} .i879col_1.slider_odd>dl>dd{width:50%;float:right} .i879col_1.col_right>dl>dd{width:58%;float:right} .i879col_1 .product_title{font-size: 1.2em} .i879col_1 .btn_cart a{float:left} .i879col_1 .product_title{margin-bottom: 20px;display:block} .i879col_1 .product_des{margin-bottom: 20px} .i879col_1 .product_code{margin-bottom: 10px} .i879col_1 .product_name{font-size:1.2em;margin-bottom: 10px;} .i879col_1 .price{font-size: 1.5em;margin-bottom: 10px;} .i879col_1 .spec_size{line-height:1.5em;margin-bottom: 40px} .wide_col .i879col_1 dl {background-color: rgba(255,255,255,0.5);} .wide_col .i879col_1 dl {padding: 30px 20px 30px;margin-bottom: 20px;} .wide_col .i879col_4 dl {background-color: rgba(255,255,255,0.5);} .wide_col .i879col_4 dl {padding: 20px 15px 30px;margin-bottom: 20px;} /*odd 180122*/ .wide_col .i879col_2 dl {background-color: rgba(255,255,255,0.5);} .wide_col .i879col_2 dl {padding: 30px 20px 30px;margin-bottom: 20px;} .wide_col .i879col_3 dl {background-color: rgba(255,255,255,0.5);} .wide_col .i879col_3 dl {padding: 30px 20px 30px;margin-bottom: 20px;} .wide_col .i879col_5 dl {background-color: rgba(255,255,255,0.5);} .wide_col .i879col_5 dl {width:18.45%;} .wide_col .i879col_5 dl {padding: 25px 10px 25px;margin-bottom: 20px;} .wide_col .i879col_5 .btn_cart a {padding: 10px 3px;} .wide_col .i879col_5 .product_name {height: 4.2em;} .wide_col .i879col_5 .spec_size {height: 4.2em;} .wide_col .i879col_2 dl,.wide_col .i879col_3 dl, .wide_col .i879col_4 dl,.wide_col .i879col_5 dl{border-bottom: 1px solid #ccc;} .wide_col .i879col_5.line3 .product_name {height: 3.2em;} .wide_col .i879col_5.line02 .spec_size{height: 2.2em;} /*180125*/ .wide_col .i879col_1.campaign39_contents>dl>dt{width:49%;} .wide_col .i879col_1.campaign39_contents>dl>dd {width: 49%;} .wide_col .i879col_1.campaign39_des>dl>dt{width:100%;} .wide_col .i879col_1.campaign39_des>dl>dd {width: 100%;} /*180529*/ .keirouday_special .wide_col .i879col_1 dl {background-color: rgba(255,255,255,0.55);} .keirouday_special .wide_col .i879col_2 dl {background-color: rgba(255,255,255,0.55);} .keirouday_special .wide_col .i879col_3 dl {background-color: rgba(255,255,255,0.55);} .keirouday_special .wide_col .i879col_4 dl {background-color: rgba(255,255,255,0.55);} .keirouday_special .wide_col .i879col_5 dl {background-color: rgba(255,255,255,0.55);} /*odd 180122*/ /*2col_3col_4col_5col*/ .wide_col .i879col_2, .wide_col .i879col_3, .wide_col .i879col_4, .wide_col .i879col_5{padding-bottom:0;margin-bottom:0} /*2col_3col_4col_5col*/ .i879col_2, .i879col_3, .i879col_4, .i879col_5{padding-bottom:40px; border-bottom: 1px #ccc solid;margin-bottom:30px} /*no_border-bottom*/ .i879col_2.bbnone, .i879col_3.bbnone, .i879col_4.bbnone, .i879col_5.bbnone{border-bottom: none} .i879col_1.bbnone dl{border-bottom: none} .i879col_2 dl, .i879col_3 dl, .i879col_4 dl, .i879col_5 dl{padding:0px;margin-bottom:0px;background-image:none} .i879col_2 dl{width:49%;float:left;margin-right:20px} .i879col_3 dl{width:32%;float:left;margin-right:20px} .i879col_4 dl{width:23.5%;float:left;margin-right:20px} .i879col_5 dl{width:18%;float:left;margin-right:20px} .i879col_2 dl:last-child, .i879col_3 dl:last-child, .i879col_4 dl:last-child, .i879col_5 dl:last-child{margin-right:0px} .i879col_2 dl dd:nth-of-type(1){width: 90%;float: left;margin-left:35px} .i879col_2 .row {margin-left: 35px;margin-right:0} .i879col_2 dl dt{width:85%;float:none;margin-right:0px;margin:0 auto} .i879col_3 dl dt, .i879col_4 dl dt,{width:100%;float:none;margin-right:0px} .i879col_2 dl dt img{width:400px;height:auto} .i879col_3 dl dd:nth-of-type(1),.i879col_4 dl dd:nth-of-type(1),.i879col_5 dl dd:nth-of-type(1){width:100%;float:none} .i879col_2 dl dd{width:85%;float:none;margin:0 auto;margin-top: 20px} .i879col_3 dl dt,.i879col_4 dl dt,.i879col_5 dl dt{width:100%;float:none;margin-right:0px} /*2col*/ .i879col_2 .product_title{line-height:1.2em;height:2em;display:block} .i879col_2 .product_name{font-size:1.2em;height:1.5em} .i879col_2 .price{height:1.5em} .i879col_2 .spec_size{height:4.2em} .i879col_2 .row{width:80%} .i879col_2 .btn_cart a{float: left} /* .i879col_2 .btn_detail a{width: 30%;margin-right: 10px} .i879col_2 .btn_cart a{width: 64%;letter-spacing: 0em;float: left} */ /*3col*/ .i879col_3 .product_title{line-height:1.2em;height:3em;display:block} .i879col_3 .product_name{font-size:1.3em;height:3.2em} .i879col_3 .price{height:1.5em} .i879col_3 .spec_size{height:4.2em} .i879col_3 .btn_detail a{width: 30%;margin-right: 4px} .i879col_3 .btn_cart a{width: 66%;letter-spacing: 0em;float: left} /*4col*/ .i879col_4 .product_title{line-height:1.2em;height:3.2em;display:block} .i879col_4 .product_name{font-size:1.2em;height:4em} .i879col_4 .price{height:1.5em} .i879col_4 .spec_size{height:4.2em} .i879col_4 .btn_detail a{padding: 10px;font-size: 0.8em;width: 30%;margin-right: 4px} .i879col_4 .btn_cart a{padding: 10px;font-size: 0.8em;letter-spacing: 0.2em;width: 66%;letter-spacing: 0em;float: left} /*price*/ .i879col_4.price_line3 .price {height: 3.5em} /*product_name*/ .i879col_2.line3 .product_name{height: 3.2em;} .i879col_3.line4 .product_name {height: 4.3em} .i879col_3.line5 .product_name {height: 5.3em} .i879col_3.line6 .product_name {height: 6.3em} .i879col_4.line4 .product_name {height: 4.3em} .i879col_4.line5 .product_name {height: 5.3em} .i879col_4.line6 .product_name {height: 6.3em} /*spec_size*/ .i879col_3.line06 .spec_size {height: 6.3em} .i879col_3.line07 .spec_size {height: 7.3em} .i879col_3.line10 .spec_size {height: 10.3em} .i879col_3.line11 .spec_size {height: 11.3em} .i879col_3.line12 .spec_size {height: 12.3em} .i879col_4.line06 .spec_size {height: 6.3em} .i879col_4.line07 .spec_size {height: 7.3em} .i879col_4.line08 .spec_size {height: 8.3em} .i879col_4.line09 .spec_size {height: 9.3em} .i879col_4.line10 .spec_size {height: 10.3em} .i879col_4.line11 .spec_size {height: 11.3em} .i879col_4.line12 .spec_size {height: 12.3em} .i879col_5.line04 .spec_size {height: 4.3em} .i879col_5.line05 .spec_size {height: 5.3em} .i879col_5.line06 .spec_size {height: 6.3em} .i879col_5.line07 .spec_size {height: 7.3em} .i879col_5.line08 .spec_size {height: 8.3em} .i879col_5.line09 .spec_size {height: 9.3em} .i879col_5.line10 .spec_size {height: 10.3em} .i879col_5.line11 .spec_size {height: 11.3em} .i879col_5.line12 .spec_size {height: 12.3em} /*5col*/ .i879col_5 .product_title{line-height:1.2em;height:3.2em;display:block} .i879col_5 .product_name{font-size:1.2em;height:3.2em} .i879col_5 .price{height:1.5em} .i879col_5 .spec_size{height:2.2em} .i879col_5 .btn_detail a{padding: 10px 5px;font-size: 0.8em;width: 30%;margin-right: 4px} .i879col_5 .btn_cart a{padding: 10px 5px;font-size: 0.8em;letter-spacing: 0.2em;width: 66%;letter-spacing: 0em;float: left} .i879col_5 .spec_size p:nth-of-type(1):after {content: ""} .i879_options .i879col_5 .spec_size p:nth-of-type(1):after {content: "："} .i879_options .i879col_5 .spec_size{margin-bottom:20px;} .i879col_5.line4 .product_title{height:4.2em} /* お届け日セレクト ------------------------------------------------------- */ .i879_options .i879col_1 .btn_detail a {font-size: 1em;width:20%;padding: 10px;margin-bottom: 0px;float: left;margin-right: 4px} .i879_options .i879col_1 .select_deliv_day select {font-size: 1em;width:40%;padding: 12px 10px;margin-right: 4px} .i879_options .i879col_1 input[type="button"].btn_cart2 {font-size: 1em;width:33%;padding: 9px;float: left} .i879_options .i879col_1.slider_odd .select_deliv_day select {font-size: .9em;width:40%;padding: 12px 10px;margin-right: 4px} .i879_options .i879col_2 .btn_detail a{width:15%;padding: 10px;margin-bottom: 0px;float: left;margin-right: 10px} .i879_options .i879col_2 .select_deliv_day select {width:50%;padding: 11px 10px;margin-right: 10px} .i879_options .i879col_2 input[type="button"].btn_cart2{width:29%;padding: 10px;float: left} .i879_options .i879col_3 .btn_detail a{width:16%;padding: 10px 5px;margin-bottom: 0px;float: left;margin-right: 5px} .i879_options .i879col_3 .select_deliv_day select {width:48%;padding: 12px 5px;margin-right: 5px} .i879_options .i879col_3 input[type="button"].btn_cart2{width:32%;padding: 10px 5px;float: left} .i879_options .i879col_4 .btn_detail a{width:18%;padding: 10px 2px;margin-bottom: 0px;float: left;margin-right: 2px;font-size:0.6em} .i879_options .i879col_4 .select_deliv_day select {width:45%;padding: 11px 2px;margin-right: 4px;font-size:0.7em} .i879_options .i879col_4 input[type="button"].btn_cart2{width:33%;padding: 10px 2px;float: left;font-size:0.3em} /*odd 171016*/ .i879_options .i879col_4 .btn_detail a{width:30%;padding: 10px 2px;margin-bottom: 0px;float: none;margin-right: 2px;margin-bottom:8px;font-size:0.8em} .i879_options .i879col_4 .select_deliv_day select {width:60%;padding: 11px 2px;margin-right: 4px;font-size:0.75em} .i879_options .i879col_4 input[type="button"].btn_cart2{width:38%;padding: 12px 2px;float: left;font-size:0.6em} /*odd 171128*/ .i879_options .i879col_5.line4 .product_name{height: 4.2em} .i879_options .i879col_5 .btn_detail a{width:30%;padding: 10px 2px;margin-bottom: 0px;float: none;margin-right: 2px;margin-bottom:8px;font-size:0.8em} .i879_options .i879col_5 .select_deliv_day select {width:100%;padding: 11px 2px;margin-right: 4px;font-size:0.75em} .i879_options .i879col_5 input[type="button"].btn_cart2{width:67%;padding: 12px 2px;float: left;font-size:0.3em} .i879_options .i879col_5 .row{position: relative;} .i879_options .i879col_5 input[type="button"].btn_cart2{position:absolute;top:0;right:0;} .i879_options .i879col_5.select_deliv_day_ver02{padding-bottom: 120px} .i879_options .i879col_5.select_deliv_day_ver02 .select_deliv_day select{position:absolute;top:0;right:0;} .i879_options .i879col_5.select_deliv_day_ver02 .btn_detail a{position:absolute;top:50px;left:0;} .i879_options .i879col_5.select_deliv_day_ver02 input[type="button"].btn_cart2{top:50px;right:0;} .i879_options .i879col_5.select_deliv_day_ver03{} .i879_options .i879col_5.select_deliv_day_ver03 .select_deliv_day select{} .i879_options .i879col_5.select_deliv_day_ver03 .btn_detail a{} .i879_options .i879col_5.select_deliv_day_ver03 input[type="button"].btn_cart2{position:relative;width:100%;} /* /お届け日セレクト ------------------------------------------------------- */ /* RANKING ------------------------------------------------------- */ .i879col_1 dl dt span.rank_spc img{width: 100px;height: auto} .i879col_2 dl dt span.rank_spc img,.i879col_3 dl dt span.rank_spc img,.i879col_4 dl dt span.rank_spc img,.i879col_5 dl dt span.rank_spc img{width: 70px;height: auto} /* NEW ------------------------------------------------------- */ .i879col_1 dl dt span.new_spc,.i879col_2 dl dt span.new_spc,.i879col_3 dl dt span.new_spc, .i879col_4 dl dt span.new_spc{top: 15px} .i879col_1 dl dt span.new_spc img,.i879col_2 dl dt span.new_spc img,.i879col_3 dl dt span.new_spc img, .i879col_4 dl dt span.new_spc img{width: 70px} /* LOUPE ------------------------------------------------------- */ .lb_loupe {display: block} .i879col_1 dl dt,.i879col_2 dl dt,.i879col_3 dl dt,.i879col_4 dl dt,.i879col_5 dl dt{position: relative} .lb_loupe {right: 5px;bottom: 8px;position: absolute} .i879col_1 dl dt .lb_loupe, .i879col_2 dl dt .lb_loupe{right: 15px;bottom: 20px;position: absolute} .i879col_1 dl dt img.lb_loupe, .i879col_2 dl dt img.lb_loupe{width: 50px;height: auto} .i879col_3 dl dt img.lb_loupe, .i879col_4 dl dt img.lb_loupe, .i879col_5 dl dt img.lb_loupe{width: 35px;height: auto} .total_set .i879col_1 dl dt .lb_loupe {right: 15px;bottom: 65px;position: absolute} .total_set .i879col_4 dl dt .lb_loupe {right: 5px;bottom: 50px;position: absolute} .i879col_1.total_set02 dl dt .lb_loupe {right: 15px;bottom: 65px;position: absolute} .i879col_3.total_set02 dl dt .lb_loupe {right: 5px;bottom: 50px;position: absolute} .i879col_4.total_set02 dl dt .lb_loupe {right: 5px;bottom: 50px;position: absolute} .total_set .i879col_1.end_mode dl dt .lb_loupe {bottom: 20px} .total_set .i879col_4.end_mode dl dt .lb_loupe {bottom: 8px} /* /LOUPE ------------------------------------------------------- */ /* BTN_MORE ------------------------------------------------------- */ .btn_more{width:500px;margin: 0 auto;font-size: 1em;margin-bottom:30px;min-height: 75px} .btn_more img {width:70px;top: 0px;left: 0px} .btn_more a{font-size: .95em;padding:9px 10px 15px} .btn_more_line a span:after{font-size: 1.8em;top:4px;} .campaign39 .btn_more.bmpink01 a{border: 5px solid #f08db6} .campaign39 .btn_more.bmpink01 a {font-size: 1.5em;padding: 0px 8px 10px 60px ;} .campaign39 .btn_more.bmpink01 img {width: 80px;} .btn_more.bmpink04.mt25{margin-top: 25px} .btn_more.small_font_ttl a{font-size: .85em;padding:10px 30px 18px} .btn_more_outer_col2 .btn_more{width:490px;} /* //BTN_MORE ------------------------------------------------------- */ /* hr_特集ページ ------------------------------------------------------- */ hr.r_line{display:block;margin-bottom:50px;border-top: 1px solid #fe699b;border-bottom: 1px solid #ccc} hr.b_line{display:block;margin-bottom:50px;border-top: 1px solid #3f5dcc;border-bottom: 1px solid #ccc} hr.o_line{display:block;margin-bottom:50px;border-top: 1px solid #c29c00;border-bottom: 1px solid #ccc} hr.wr_line{display:block;margin-bottom:50px;border-top: 1px solid #d3223c;border-bottom: 1px solid #ccc} hr.g_line{display:block;margin-bottom:50px;background-color: #fff;border-top: 2px dotted #ccc;} /* DELIVERY SCHEDULE ------------------------------------------------------- */ .attention_delivery, .attention_cancel_2{width:1000px;margin:0 auto} .attention_delivery{padding-top:0px} .attention_delivery h2{display:inline-block} .attention_delivery h2+p{display:inline-block;margin-left: 10px;margin-bottom: 0px} .ate_table tbody th span:before,.ate_table tbody td span:before{content:"\A";white-space:normal} .btn_cancel li{width:49%;float:left;margin-right: 2%;font-size: 0.9em;margin-bottom:0px} .btn_cancel li:last-child{margin-right: 0} /*bottom_schedule_material*/ .bottom_schedule input {display: none} .bottom_schedule label { cursor: pointer;display: inline-block;padding: 5px 10px;margin-bottom: 10px;background: linear-gradient(transparent 40%, #ffff66 40%); color: #000;font-weight: bold;font-size:1.2em;-webkit-transition: 0.1s;transition: 0.1s} .bottom_schedule label:hover {color:#777777;background: linear-gradient(transparent 40%, #ff66ff 40%);} .bottom_schedule label > span{ display: none } /* 180202 */ table.ate_table.sakurabonsai{width:100%;} /* //DELIVERY SCHEDULE ------------------------------------------------------- */ /* OMAKASE FLOWER ------------------------------------------------------- */ /*おまかせフラワー*/ .omakase_display_sp{display: none} .omakase_display_pc{display: block} .omakase_gokibou{margin: 0 0 20px 40px} .ch_omakase_flo_kanban{width: 545px;margin-right: 15px;float: left;position: relative;min-height: 570px} .ch_omakase_flo_kanban{ background: url(/image/father/img_sky.jpg); background-repeat:no-repeat; background-size:155%; background-position:0% 0%;/*80% 0%*/ } .ch_omakase_oha{margin-top: 30px} .ch_omakase_oha span{display: inline} .ch_omakase_oha span{margin-right: 10px} .ch_omakase_flo_kanban h2 span{display: inline} .midasi13 .simasima_des{padding: 0px 0} /*おまかせイメージ*/ .omakase_img{position: relative} .omakase_img01{text-align: center} .omakase_img01 img{width:300px;height: auto;position: absolute;top: 10px;right: 20px} .omakase_img02 img{display: block;width:190px;height: auto;position: absolute;top: 50px;right: 330px} p.omakase_notice{position: absolute;width: 350px;top: 510px} .ch_omakase_flo_form{float: left;width:44%} /*おまかせフォーム部分*/ .ch_omakase_flo_form{border: 5px solid #CAF3FF;margin: 0px 0px;padding: 10px 15px 13px 15px} /*171011_OMAKASE XMAS*/ .xmas .ch_omakase_flo_form{border: 5px solid #d8c546} /*171010 xmas*/ .xmas .ch_omakase_flo_kanban{ background: url(/image/xmas/bg_xmas_omakase2017.jpg); background-repeat:no-repeat; background-size:105%; background-position:0% 0%;/*80% 0%*/ } .xmas .omakase_img01 img {width: 250px;height: auto;position: absolute;top: 0px;right: 20px} .xmas .omakase_img02 img {display: block;width: 200px;height: auto;position: absolute;top: 40px;right: 300px} .xmas p.omakase_notice {position: absolute;width: 350px;top: 510px;right: 8px} .ill_city{position: absolute;top: 330px;left: 8px} /*おまかせフラワー_お盆*/ .mk00 .ch_omakase_flo_kanban h2 {font-size: 1.8em;letter-spacing: 0;line-height: 1.2em} .mk00 .ch_omakase_flo_kanban h2 span {display:block} /*おまかせフラワー_敬老の日*/ .keirouday_special .ch_omakase_flo_form {border: 5px solid #cd9737} .keirouday_special .omakase_img01 img {width:315px;height: auto;position: absolute;top: 10px;right: 10px} .keirouday_special .omakase_img02 img {display: block;width:270px;height: auto;position: absolute;top: 130px;right: 250px} /* //OMAKASE FLOWER ------------------------------------------------------- */ /* //SPECIAL PAGE_特集ページ ------------------------------------------------------- */ /* POD PAGE ------------------------------------------------------- */ /* BTN_F_POT_LIST ------------------------------------ */ .goto_f_pot_list a{ margin:20px 0 10px 0;width:30%} /* keurou goto flower pot list */ .keirou .goto_f_pot_list a{margin: -30px 0 50px 0} /* 産直注意 ------------------------------------ */ .d_caution{font-size: .85em;background: none;padding: 0px 0px; margin: 5px 0 40px 0} .d_caution_ver02{font-size: 1em;background: none;padding: 0px 0px; margin: 5px 10px 20px} /* sp_card_pod_ver02 */ .pod_additional:after {content: '';display: block;clear: both;height:0} .pod_additional{ /zoom: 1; } /* IE */ .d_caution{width:56%;float: left} .d_caution_ver02{} .sp_card_pod_ver02{width:44%;float: left;margin-bottom:20px} .sp_card_pod_ver02:after {content: '';display: block;clear: both;height:0} .sp_card_pod_ver02{ /zoom: 1; } /* IE */ .sp_card_pod_ver02 {margin-top: 0} .sp_card_pod_ver02 dl dt {width: 36%;margin-right: 3%} .sp_card_pod_ver02 dl dd {width: 61%} /* 生産者紹介 ------------------------------------ */ dl.growers_info{padding:10px 20px} .growers_info dt{float: right;width:25%;margin:8px} .growers_info dt img{width:100%} .growers_info dd{float: left;width:73%} .growers_info dd{font-size:1em} /* もっと見る02 ------------------------------------ */ .pro_readmore label{font-size:1.25em;padding: 5px;display: block;margin-left:0px;width:300px;} /* /POD PAGE ------------------------------------------------------- */ /* SET PAGE_セット総合 ------------------------------------------------------- */ /* BTN_COMBI ------------------------------------ */ .i879col_4 dl dt .btn_combi a {margin-bottom: 20px} .i879col_4 dl dt .btn_combi a {font-size: 1em} .i879col_3 dl dt .btn_combi a {font-size: 1em} /* /SET PAGE_セット総合 ------------------------------------------------------- */ /* SET PAGE_セットページ ------------------------------------------------------- */ .info_flo{width:580px;margin:0 auto} .info_flo dl dt{width:100px;float:left;margin-top:4px} .info_flo dl dd{width:340px;float:left} .info_flo p{float:left} .info_flo p a{width: 140px;padding:10px 0px;} .set_title{width:100%;min-height: 40px;padding: 0px 0px;font-size: 1.3em;margin-bottom: 30px} .set_title_l{width:232px;height:45px;margin: 0px 0px 0px -1px;background: url(/image/set/set_title_01.png) no-repeat } .set_title_l img{visibility: hidden} .set_title_r{width:60%;width:-webkit-calc(100% - 242px);width:calc(100% - 242px);margin-top: 8px;} .set_contents .col6 .product_name {font-size: 1.3em;margin: 0em 0 10px 10px} .set_contents .col6 .product_name.font_ttl_s125 {font-size: 1.25em;} .set_contents .col6 .product_name.font_ttl_s118 {font-size: 1.18em;} .mother_set .set_title{background: none;} .mother_set .set_title_l:after {content: '';white-space: normal;} .mother_set .set_title_l{width:208px;height:49px;margin: 0px 0px 0px -1px;background: url(/image/set/pc_set_title_p.gif) no-repeat } .mother_set .set_title .set_title_partner{color:#5b4c47;} /*要変更*/ ul.asyoulike .product_title {font-size: 1.2em;margin-top: 0px;margin-left:15px} ul.asyoulike .product_title {color:#9D887D;font-weight: bold;margin-top: 0px;margin-bottom:10px} ul.asyoulike .product_name{font-size: 1.2em;margin:0 10px 20px 15px;} ul.asyoulike .product_des{padding:0 0 20px;margin: 0 0px 10px 15px;line-height: 1.2em;font-size: 0.9em} dl.sp_card {margin: 0 0px 10px 20px} dl.sp_card dt{width:40%;float: left;} dl.sp_card dd{width:54%;float: left;} dl.sp_card dd ul li{margin-bottom: 10px;} dl.sp_card dd ul li.title_sp_card_pc{font-size:1.2em} .selling_point {padding: 0px 0 10px 0;margin: 0 0px 10px 15px;text-align: left} .product_lineup {margin: 0 0px 10px 0px} .set_contents .set_materials { margin-left: 15px} .set_contents .col6 .product_title {padding: 0 0px;font-size: 1.1em} /*170630 keirou 2017*/ .keirou dl.sp_card dd ul li.title_sp_card_pc{font-size:1.15em} .keirou dl.sp_card {position: relative} .keirou dl.sp_card dt img.lb_loupe {width: 180px;height: auto} /*170704 keirou 2017*/ .keirou dl.sp_card dt img.lb_loupe {right: 280px;bottom: 15px;position: absolute} /*171030 xmas 2017*/ .xmas dl.sp_card dd ul li.title_sp_card_pc{font-size:1em} .xmas dl.sp_card {position: relative} .xmas dl.sp_card dt img.lb_loupe {width: 180px;height: auto} .xmas dl.sp_card dt img.lb_loupe {right: 280px;bottom: 20px;position: absolute} .xmas dl.sp_card dt img.lb_loupe {right: 280px;bottom: 10px;position: absolute} /*180123 mother 2018*/ .special_set dl.sp_card dd ul li.title_sp_card_pc{font-size:1em} .special_set dl.sp_card {position: relative} .special_set dl.sp_card dt img.lb_loupe {width: 180px;height: auto} .special_set dl.sp_card dt img.lb_loupe {right: 270px;bottom: 12.5px;position: absolute} /*180123 whiteday*/ .white_day.special_set dl.sp_card dd ul li.title_sp_card_pc{font-size:.9em} dl.sp_card dd {color: #3E3A39;padding: 0px 15px 11px;} .titile_asyoulike {font-size: 1.3em; letter-spacing: 0.3em;margin-top:30px;} .asyoulike_box:after, .asyoulike_box ul.asyoulike:after, .asyoulike_box ul.asyoulike li dl:after{content: '';display: block;clear: both;height:0;} .asyoulike_box, .asyoulike_box ul.asyoulike, .asyoulike_box ul.asyoulike li dl{ /zoom: 1; } /* IE */ .asyoulike_box ul{border-bottom: 2px dashed #C7000B} .asyoulike_box ul:last-child{border-bottom: 2px solid #C7000B;margin-bottom:60px;} .asyoulike_box ul.asyoulike{padding: 30px 0px 30px 10px} .asyoulike_box ul.asyoulike li{float: left} .asyoulike_box ul.asyoulike li:nth-child(odd){width:40%} .asyoulike_box ul.asyoulike li:nth-child(even){width:60%} .asyoulike_box ul.asyoulike li dl dt{width:38%;float: left;margin-right: 20px} .asyoulike_box ul.asyoulike li dl dt img{width:100%;height: auto;} .asyoulike_box ul.asyoulike li dl dd{width:58%;float: left} .asyoulike_box ul.asyoulike li:first-child {position: relative;padding-left: 70px} .as_plus, .as_equal{font-size: 3em;position: absolute} .as_plus{top:45%;left:5px} .as_equal{top:45%;right:10px} /* set */ .attention_set{width: 94%;padding: 8px 15px;margin-bottom:40px;} .attention_set h1{width: 30%;float: left;margin-right: 68%;} .attention_set_des1{width: 68%;float: left;margin-right: 2%;font-size: 1.2em} .attention_set_des2{width: 67%;float: left;margin-right: 2%;font-size: 1em} .attention_set img{width: 30%;height: auto;display: block} /* set */ .attention_set_thin{width: 94%;padding: 5px 15px;margin-bottom:40px;} .attention_set_thin p.attention_set_thin_ttl {width: 75%;float: left;text-align: left;font-size: 1em;margin-bottom:0;} .attention_set_thin_des1{width: 75%;float: left;margin-right: 1%;margin-left: 1%;font-size: 1em} .attention_set_thin_des2{width: 75%;float: left;margin-right: 1%;margin-left: 1%;font-size: .9em} .attention_set_thin img{width: 22%;height: auto;display: inline;margin-top:5px;} .attention_set_thin.mb20{margin-bottom:20px;} .attention_set_thin.mt20{margin-top:20px;} /* .attention_set_thin p{width: 30%;float: left;margin-right: 68%;} .attention_set_thin_des1{width: 68%;float: left;margin-right: 2%;font-size: 1em} .attention_set_thin_des2{width: 67%;float: left;margin-right: 2%;font-size: .8em} .attention_set_thin img{width: 25%;height: auto;display: block} */ /* .sp_card_pod */ .sp_card_pod{width: 96%;padding:15px 30px 8px;margin: 20px auto 40px} .sp_card_pod h2 {width: 72%;float: left} .sp_card_pod dl dd{width: 72%;float:left} .sp_card_pod dl dt{width: 25%;float:right} .sp_card_pod dl dt img{width: 100%} .asyoulike_box{margin-bottom:40px} .keirouday_special .asyoulike_box{margin-bottom:0} .keirouday_special .asyoulike_box ul:last-child {margin-bottom: 0;} /* set */ .set_contents .product_des {padding: 0px 0px 10px;margin-left: 20px} .set_contents .product_title {margin-left: 20px} /* 180123 set */ .wide_col .set_contents{background-color: rgba(255,255,255,0.5);padding:30px 30px 5px;} /* white_day */ .white_day .asyoulike_box ul{border-bottom: 2px dashed #ef8ebc;} .white_day .asyoulike_box ul:last-child{border-bottom: 2px solid #ef8ebc;} .set_blue01 .asyoulike_box ul:last-child{border-bottom: 2px solid #6da9dc;} /* set_green01 */ .set_green01 .asyoulike_box ul{border-bottom: 2px dashed #66cdaa;} .set_green01 .asyoulike_box ul:last-child{border-bottom: 2px solid #66cdaa;} /* 181031 SET ONE ONE ONE ------------------------------------------------------- */ .one-on-one{padding: 0 20px;} .one-on-one .btn_cart a {float:left;} .one-on-one{overflow: hidden;} .one-on-one--img{float:left;width:27%;margin-top:18px;margin-right:3%;} .one-on-one--right{float:right;width:70%;} .one-on-one--right .btn_detail a {width: 90px;} /* //SET PAGE_セットページ ------------------------------------------------------- */ /* SOLD OUT ------------------------------------------------------- */ span.sold_out{padding:50% 35%} span.sold_out:after{border-bottom: none} .so_price{margin-bottom:20px} .i879col_4 span.sold_out{padding:50% 29%} .mothersday_special span.sold_out{padding:50% 27%} .fathersday_special span.sold_out{padding:50% 27%} s .sold_out_slider { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } /* //SOLD OUT ------------------------------------------------------- */ /* 受注延長 ------------------------------------------------------- */ .ex_midasi{ font:bold 1.5em/1.6 Arial, Helvetica, sans-serif; /* -webkit-transform: rotate(-2deg) skew(-2deg); -moz-transform: rotate(-2deg) skew(-2deg); -o-transform: rotate(-2deg) skew(-2deg); -ms-transform: rotate(-2deg) skew(-2deg); transform: rotate(-2deg) skew(-2deg);*/ margin: 0 -2１px 40px; } .ex_midasi li:nth-of-type(1) span:before{content: "\A";white-space: normal} .ex_midasi li:nth-of-type(2) span:after{content: "\A";white-space: normal} .ex_midasi2 li:nth-of-type(3) {color: brown;font-size: 0.9em} .ex_midasi2 li:nth-of-type(4) {color: brown;font-size: 0.9em} .ex_midasi2{ font:bold 1.5em/1.6 Arial, Helvetica, sans-serif; /* -webkit-transform: rotate(-2deg) skew(-2deg); -moz-transform: rotate(-2deg) skew(-2deg); -o-transform: rotate(-2deg) skew(-2deg); -ms-transform: rotate(-2deg) skew(-2deg); transform: rotate(-2deg) skew(-2deg);*/ margin: 20px 0px 20px; } .ex_midasi2.mb00{margin: 20px 0 0;} .ex_midasi2 li:nth-of-type(2) span {font-size: 1em} .ex_midasi2 li:nth-of-type(2) span:before{content: "\A";white-space: normal} .ex_midasi2 li:nth-of-type(3) span:after{content: "\A";white-space: normal} .ex_attention li:nth-of-type(2),.ex_attention li:nth-of-type(3){display:block} .ex_attention li:nth-of-type(4) {text-align: center} .ex_attention li:nth-of-type(4) span:after{ content: "\A" ;white-space: normal} .ex_attention.selec_mode {margin-top:30px;margin-bottom:0px} .delivery_zone{margin:0 auto 40px;} .delivery_zone_ttl{font-size:1.1em;display: inline-block;} .delivery_zone_ttl i{margin-right: 2px;} .delivery_zone_area{font-size:1.3em;margin:5px;display: inline;} /* /受注延長 ------------------------------------------------------- */ /* 花解説　170512 ------------------------------------------------------- */ div#kaisetu { margin-top:10px; margin-bottom:0; border: solid 3px #fedf8f; background-color: #fffde9; padding: 10px; } #kaisetu > p.img > img { float: left; padding:5px } #kaisetu > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } #kaisetu > p:nth-child(3){font-size:0.8em} #kaisetu.kaisetu--mb30{margin-bottom:30px;} /* /花解説　170512 ------------------------------------------------------- */ /*産直鉢物・注意事項*/ .bara_caution{ letter-spacing: 0.3em; padding: 10px 30px; width: 94%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size: .8em; } br.iphone5_mode{display:none} br.iphone6_mode{display:none} br.pc_mode{display:block} /* MOTHER 2018 ------------------------------------------------------- */ /* 180124 */ .campaign39 .wide_col .i879col_1 dl {margin-bottom: 50px;} .wide_col .i879col_1.campaign39_des dl {padding: 55px 75px 55px;} /* 180209 */ .bear_dot b::before {top: -8px;} /* //MOTHER 2018 ------------------------------------------------------- */ /* END ROLL ------------------------------------------------------- */ h2.end_roll{font-size:1.5em;} h2.end_roll{margin-top:30px;margin-bottom:0;} .next_bnr_ttl{font-size:1.2em;} h3.next_bnr{width:520px;margin:0 auto;} h3.next_bnr img{width:100%;} /* //END ROLL ------------------------------------------------------- */ .keirouday_special .goto_f_listWrap span:after {content: "";white-space: normal;} .keirouday_special .goto_f_list {line-height: 3em;} /* 181029 */ .goto_f_list {line-height: 3.3em;} .goto_f_list span:after{content: ""; white-space: normal;} } /* for flick ------------------------------------------------------- */ @media screen and (max-width: 640px), print{ /* bx SLIDER ------------------------------------------------------- */ .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;display: block} .bx-wrapper .bx-next,.bx-wrapper .bx-prev{z-index: 9;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-shadow: 1px 1px 1px 1px rgba(199,199,199,0.4)} .bx-wrapper .bx-next {background: rgba(255,183,183,0.7) url(/js/controls.png) no-repeat -43px -32px} .bx-wrapper .bx-prev {left: 10px;background: rgba(255,183,183,0.7) url(/js/controls.png) no-repeat 0 -32px} /*.bx-wrapper .bx-next, .bx-wrapper .bx-prev {background: rgba(255,183,183,0.7) url(/js/controls.png) no-repeat -43px -32px; z-index: 9; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; box-shadow: 1px 1px 1px 1px rgba(199,199,199,0.4)} */ .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border:none;background-color:transparent} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: none} .bx_cap{color: #630;font-family: 'Noto Sans JP', Arial;font-size: .85em;padding: 10px;width: 100%;display: inline-block} .bx-wrapper .bx-viewport {background: #FDE082} /* 180125 */ .campaign39 .bx_cap{background: #ffebec;color: #d74981;} .campaign39 .bx-wrapper .bx-viewport {background: #ffebec;} /* 180206 */ .white_day .bx-wrapper .bx-next {background: rgba(100,149,237,0.5) url(/js/controls.png) no-repeat -43px -32px} .white_day .bx-wrapper .bx-prev {left: 10px;background: rgba(100,149,237,0.5) url(/js/controls.png) no-repeat 0 -32px} .set_green01 .bx-wrapper .bx-next {background: rgba(102,205,170,0.7) url(/js/controls.png) no-repeat -43px -32px} .set_green01 .bx-wrapper .bx-prev {left: 10px;background: rgba(102,205,170,0.7) url(/js/controls.png) no-repeat 0 -32px} .set_blue01 .bx-wrapper .bx-next {background: rgba(102,205,170,0.7) url(/js/controls.png) no-repeat -43px -32px} .set_blue01 .bx-wrapper .bx-prev {left: 10px;background: rgba(102,205,170,0.7) url(/js/controls.png) no-repeat 0 -32px} /* /bx SLIDER ------------------------------------------------------- */ /* TEXT LINK ------------------------------------------------------- */ h1.t_link_heading {margin-bottom: 0} ul.text_link {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} ul.text_link {margin-bottom: 20px;background:#FFFEEE;padding:10px} /*bottom_schedule_material*/ .bottom_schedule .sc_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden;margin-top: 10px;padding: 0;sborder-radius: 5px} .bottom_schedule input:checked + .sc_panel {height: auto} .bottom_schedule label > span{ display: inline-block ;color:#ff0000 } ul.icon_link {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} ul.icon_link {background:#FFFEEE;padding:10px 8px;} ul.icon_link_ver02 {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch;background:#FFFEEE;} ul.icon_link_ver02::-webkit-scrollbar {display: none;} ul.icon_link_ver02 li {white-space: nowrap;} /* /TEXT LINK ------------------------------------------------------- */ /* /SET PAGE ------------------------------------------------------- */ .titile_asyoulike { margin-top: 20px; margin-bottom: 20px; } .asyoulike_box { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow-x: scroll; /* overflow: scroll;*/ -webkit-overflow-scrolling: touch; border: 2px solid #FEDA5D; background: #FFFEEE; } .asyoulike_box {padding: 5px;margin-bottom:50px} .asyoulike_box ul.asyoulike{ max-width: 170px; min-width: 170px; margin: 0 0px; padding: 10px 5px 20px 10px; } .asyoulike_box ul.asyoulike img{ width: 100%; height: auto; } .asyoulike_box ul.asyoulike li{float: none} .asyoulike_box ul.asyoulike li:nth-child(odd){width:100%} .asyoulike_box ul.asyoulike li:nth-child(even){width:100%} .asyoulike_box ul.asyoulike li dl dt{width:100%;float: none;margin-right: 0px} .asyoulike_box ul.asyoulike li dl dd{width:100%;float: none} .asyoulike_box ul.asyoulike li:first-child {position: relative;padding-left: 0px;padding-top: 0px} .asyoulike_box ul:last-child{margin-bottom:0px;} .asyoulike_box ul.asyoulike li > img{ width: 90%; height: auto; margin-top: 0px; } .mother_set .asyoulike_box {border: 2px solid #d1819a;background: none;} .keirouday_special .asyoulike_box {margin-bottom:0} .as_plus, .as_equal{position: absolute} .as_plus{font-size: 1.8em;top:0px;left:0px;border-radius: 50%; padding: 5px;background: #C7000B; color:#fff;} .as_equal{font-size: 2em;bottom:10px;right:8px;text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff} ul.asyoulike li dl dd h4 {height: 3.5em; font-size: 0.9em;} /* 180213 */ ul.asyoulike li dl dd h4 {height: 5.5em; font-size: 0.9em;} ul.asyoulike li dl dd h5 {height: 4em} ul.asyoulike li dl dd .price{font-size: 1.2em} ul.asyoulike li dl dd .price span {font-size: 0.7em} ul.asyoulike li dl dd .price span.t_set_price:after{content: "\A" ;white-space: pre} #mother_gift_premium ul.asyoulike li dl dd .price span{font-size: 0.6em} #mother_gift_premium ul.asyoulike li dl dd .price{font-size: 1.5em} ul.asyoulike li dl dd .spec_des {height: 4.2em} ul.asyoulike li dl dd .spec_size p:nth-child(2) {height: 3.5em} ul.asyoulike li dl dd .btn_detail a { width: 30%; padding: 2px 1px; font-size: 0.7em; margin-right: 2px; } ul.asyoulike li dl dd .btn_cart a { width: 66%; padding: 2px 3px; letter-spacing: 0em; font-size: 0.7em; } /*消してみた↓*/ .asyoulike_box ul.asyoulike li:first-child {display: none} /*170630*/ ul.asyoulike li dl dd .spec_size {height: 4.2em} /*180206*/ .set_title.small_ttl .set_title_r{font-size: .8em;} /* 180226 */ .mother_set ul.asyoulike li dl dd h6 {height: 4.5em; font-size: 0.9em;} /* 180405 set_blue01*/ .set_blue01 .mother_set .asyoulike_box {border: 2px solid #6da9dc;background: none;} .set_blue01 .asyoulike_box ul {border-bottom: none;} .keirouday_special .asyoulike_box ul {border-bottom: none;} .keirouday_special.special_set .goto_f_listWrap {padding: 20px 0 40px;} /* /SET PAGE ------------------------------------------------------- */ /* SCHEDULE ------------------------------------------------------- */ /*bottom_schedule_material*/ .bottom_schedule .sc_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden;margin-top: 10px;padding: 0;border-radius: 5px} .bottom_schedule input:checked + .sc_panel {height: auto} .bottom_schedule label > span{ display: inline-block ;color:#ff0000} /* /SCHEDULE ------------------------------------------------------- */ /* table.ate_table{width:800px;} */ /* ランキング thin */ ul.gift_linkbtn_do li.linkbtn_rank.thin{width: 50%;} } @media screen and (max-width:320px), print{/*iphone5*/ /*.subtitle01_des h1 {font-size: 1.4em}*/ .keirou p.omakase_notice {font-size: 0.65em} .btn_more.btn_long a{font-size: 0.7em} br.iphone5_mode{display: block} br.iphone6_mode{display:none} br.iphone5-6_mode{display: block} br.display_pc{display: none} .i879_options .i879col_4 .btn_detail a{font-size:.7em;padding:8px 1px;margin-right:2px} .i879_options .i879col_4 .select_deliv_day select {padding: 12px 1px;} .i879_options .i879col_4 input[type="button"].btn_cart2 {padding: 11px 1px;} .xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.75em;margin-top: 5px;line-height: 1.1} .gotoAnchor {font-size: 12px;} .btn_more a span.more_txt_s{font-size: .9em;} .fathersday_special .btn_more a {padding: 10px 5px 10px 40px;font-size: 0.7em;} .linkbtn3.col3ver ul.gift_linkbtn_do li h2+p {display: none;} .linkbtn3.col3ver ul.gift_linkbtn_do li h2 {margin-top: 10px;} .linkbtn3.col3ver ul.gift_linkbtn_do li img {top: 70%;} } @media screen and (min-width: 321px) and (max-width: 375px) , print{/*iphone6*/ br.display_pc{display: none} br.iphone5_mode{display:none} br.iphone6_mode{display:block} br.iphone5-6_mode{display: block} .xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.6em;line-height: 1.1} } /*ul.gift_linkbtn_do li h2 {font-size: 0.8em}*/ } @media screen and (min-width: 376px) and (max-width: 414px), print{/*iphone6PLUS*/ br.display_pc{display: none} br.iphone5_mode{display:none} ul.gift_linkbtn_do li.shop_2line h2 br{display:none;} ul.gift_linkbtn_do li.shop_2line h1 {margin-top:20px;} .xmas ul.gift_linkbtn_do li h2.shop_2line{font-size:.75em;line-height: 1.1} }