/* common ------------------------------------------------------- */ /* INDEX_BANNER_MOTHER ------------------------------------------------------- */ html { scroll-behavior: smooth;} #hero_mother_0512{width:100%} #hero_mother_0512 img{width:100%;height:auto} .phyche_footer footer{display:none} .orderflow_img{display: none} /*orderflow_list_normal*/ .orderflow_list {background: #fff;margin: 3px 0} .orderflow_list ul i{color:#ff6666;margin:2px 2px 0;font-size: 0.3em;} .orderflow_list ul li{display:inline;text-align:center;line-height: 1em} .orderflow_list ul li{padding:1px;color:#3f0f0f;background:#fff;border: 1px solid #c7bdb9;font-size: 0.6em;border-radius: 2px;font-weight: bold} .orderflow_list ul li.orderflow_list_active{color:#fff;background:#ff6666;border: 1px solid #ff6666} h1.cart_title span{display: none} #lazyload-animg{background:url(//images.i879.com/image/common/lazyload-ani.gif)center center no-repeat; background-size: 24px 24px} .lazyload-animg{background:url(//images.i879.com/image/common/lazyload-ani.gif)center center no-repeat; background-size: 24px 24px} a,hr{padding:0} article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block} abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;} ins,mark{background-color:#ff9;color:#000} body{font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.5;font-size: 16px} body:before{content: "";display: block;padding-top: 18%} nav ul{list-style:none} ol, ul {list-style: none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} a{margin:0;font-size:100%;vertical-align:baseline;background:0 0} ins{text-decoration:none} mark{font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} h2{text-align: center;font-size: 1.5em;color: #353535;line-height: 1.5em;font-weight: 700;margin: 1em 0 0.5em 0} h2 span.sub{font-size: 0.5em;padding:2%;vertical-align: middle;} hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;clear: both} hr.catalog_detail-page{height:1px;border:0;border-top:none;margin:0;clear: both;} /*181217*/ #home h2{ font-family:"Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 1.5em; color: #353535; line-height: 1.5em; font-weight: 500; margin: 2em 0 1.5em 0; border-bottom:1px solid #ccc; } a{color:#555;text-decoration: none} a:hover{color:#999;text-decoration: underline} a img:hover{opacity: 0.8} input,select{vertical-align:middle} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;ms-box-sizing: border-box;box-sizing: border-box} #errors{font-weight: bold;text-align: center;color: #ff000b;font-size: 1.25em} .crumb_box{padding:12px 20px 15px;line-height: 1.3;} .crumb_box:after{content:'';display:block;clear:both;height:0} .crumb_list li{display:inline;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; font-size:0.75em;/*12px相当*/} .crumb_list li+li:before{content:" ＞ "} .crumb_list li a:link, .crumb_list li a:visited{color:#3E3A39; text-decoration: none} .crumb_list li a:hover{color:#3E3A39;text-decoration:underline} .crumb_list li a:active {color:#3E3A39} .clearfix:after {content: '';display: block;clear: both;height:0;} .clearfix { /zoom: 1; } /* IE */ .row:after {content: '';display: block;clear: both;height:0;} .row { /zoom: 1; } /* IE */ .product_title{color:#9D887D;font-weight: bold;margin: 10px 0px} .product_des{font-size: 0.9em;line-height: 1.2em;margin: 10px 0px} .product_code{font-size: 0.8em;margin-bottom: 5px} .product_name{font-weight: 500;color:#C7000B;font-size: 1.2em;margin-bottom: 5px} .price {font-size: 1.25em;font-weight: bold;margin-bottom: 5px} .price_small {font-size: 0.6em!important;font-weight: normal;margin-bottom: 5px} .price_small::before {content:"\0020";} .mother_price {font-size: 1em;font-weight: bold;margin-bottom: 5px} .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;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} p.columBoxTxt img{width: 80%;margin-left:10%;margin-right: 10%} /* sp ------------------------------------------------------- */ header{display: block;width: 100%} section.smartphone_header{position: fixed;background: #fff;z-index: 99999;top:0;border-bottom: 1px solid #eb6464;width: 100%} article{display: block;clear: both;/*padding: 2em 0em*/padding: 0em} footer{display: block;width: 100%;clear: both} .display_sp{display:block}.display_pc{display:none} .col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{width:100%;padding:0;float:none} #page-top{display: none} /* HOME ------------------------------------------------------- */ article#home{padding: 1em 0em 2em 0em} #home .head{text-align: center;color: #eb6464;font-size: 0.5em} #herobnr{width: 100%} /* slick↓ */ #herobnr{margin-top:2em;width: 100%;overflow: hidden} #home #herobnr .bxslider {height: 200px;background: url(//www.i879.com/hanablog/wp-content/uploads/2017/03/loadlogo.gif)no-repeat center} #home #herobnr .bxslider li {display: none}#home #herobnr .bx-viewport .bxslider li {display: block !important;} #herobnr div div.bx-viewport ul li{height: 200px} #herobnr div div.bx-viewport ul li h1{position: absolute;left:10%;top:5%;font-size: 0.8em;z-index: 1} #herobnr div div.bx-viewport ul li p.subcaption{position: absolute;left:5%;top:20%;font-size: 200%; font-family: 'Noto Sans JP', 'Libre Baskerville', serif;z-index: 2} #herobnr div div.bx-viewport ul li p.description{position: absolute;left: 2%;bottom: 15%;width:65%;font-weight: bold;text-shadow: 1px 1px #FFF;z-index: 2} #herobnr div div.bx-viewport ul li p.subcaption img{color: #c7000b;width: 55%;margin-top:-10px;margin-left:0%;} #herobnr div div.bx-viewport ul li img.product{position: absolute; width: 50%;right: 0%;bottom:-10px; float: right;z-index: 1} #herobnr div div.bx-viewport ul li img.sale_wappen{position: absolute;z-index: 10} #herobnr div div.bx-viewport ul li img.sale_wappen{width: 40%;height: auto} #herobnr div div.bx-viewport ul li img.product {width: 50%;bottom: 5px} #herobnr div div.bx-viewport ul li:nth-child(2) h1,#herobnr div div.bx-viewport ul li:nth-child(2) p.subcaption{color: #f9ab73} #herobnr div div.bx-viewport ul li:nth-child(2) h1,#herobnr div div.bx-viewport ul li:nth-child(2) p.subcaption{color: #eb6464} #herobnr div div.bx-viewport ul li:nth-child(2) p.datetime{position:absolute;z-index:3;right:5%;bottom:-35%;font-size:88%;font-weight:800;background-image:url(//images.i879.com/image/home/hero/quickform.png);width:35%;height:115%;background-repeat:no-repeat;padding:23% 0 0 0%;background-size:contain;color: #eb6464;text-align: center} #herobnr div div.bx-viewport ul li:nth-child(2) a:nth-child(1) p img{width: 55%} #herobnr div div.bx-viewport ul li p.subcaption img{width: 50%;margin-top:-15px;margin-left:0%} #google_translate_element{display: inline-block;padding-left: 1em} /* Slick Slider ------------------------------------------------------- */ .slick {width: 100%;max-width: 1000px;max-height: 310px;margin: 0 auto;overflow: visible} .slick .slick-list {overflow: visible} /* Slick Slider > 前後ボタン */ .slick-prev, .slick-next { content: ''; width: 1000px; height: 100%; position: absolute; top: 0; left: 50%; display: block; background-color: rgba(255, 255, 255, .6); z-index: 1; outline: none; border: 0; cursor: pointer; } .slick-prev::before, .slick-next::before {font-size: 20px;} .slick-prev {margin-left: -1500px;} .slick-prev::before {content: '〈';} .slick-next {margin-left: 500px;} .slick-next::before {content: '〉';} /* Slick Slider > ドットボタン */ .slick-dots {width: 100%;position: absolute;bottom: 10px;text-align: center;z-index: 3;} .slick-dots li {width: 15px;height: 15px;margin: 0 5px;display: inline-block;} .slick-dots button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background-color: #fff; border-radius: 50%; } .slick-active button {background-color: #EB6464;} .slickContents{position: relative;} .box_inner{position: absolute;width:50%;top:5%;left:0;text-align:center;z-index: 6} .slickContents h1{font-size:1.7em;} .slickContents h1.fukuro_moji {text-shadow: 1px 0px 0px #fae2b8, 0px 1px 0px #fae2b8, -1px 0px 0px #fae2b8, 0px -1px 0px #fae2b8;} /* .slickContents h1.fukuro_moji_fff {text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;} */ .slickContents h1.fukuro_moji_fff{text-shadow: rgb(255, 255, 255) 0px 0px 11px;} .slickContents h1.fukuro_moji_gray {text-shadow:1px 1px #000;} .slickContents h1.fukuro_moji_pink {text-shadow: 1px 0px 0px #ff3376, 0px 1px 0px #ff3376, -1px 0px 0px #ff3376, 0px -1px 0px #ff3376;} .slickContents h1.fukuro_moji.gray {text-shadow: rgb(51, 51, 51) 0px 0px 11px;} .slickContents h1.ttl_small{font-size:1.5em;} .slickContents h1.ttl_ssmall{font-size:1.3em;} .slickContents h1.obon{padding-right: 120px} .slickContents h1.june{padding-right: 40px} /*170926*/ .slickContents h1.slider_h1_small{font-size:1.6em} a p.btn_detail_slick{ display: block; position: absolute;z-index: 6;right: 5%;bottom: 5%; display:block; width: 155px; padding: 8px; text-align: center; background-color: rgba(255, 255, 255, 0.3); color: #61493d;border: 1px solid #61493d;} a p.btn_detail_slick{color: #555} a p.btn_detail_slick:hover{color: #fff} p.datetime_ver02{position:absolute;z-index:3;right:15%;bottom:-20%; background-image:url(//images.i879.com/image/home/hero/quickform.png); width:25%;height:115%; background-repeat:no-repeat; padding:17% 0 0 0%; background-size:contain;color: #eb6464;text-align: center; font-size:1.5em; font-weight:800; } /*171002_half*/ .half_left .box_inner,.half_right .box_inner{position: absolute;width:90%;top:5%;left:2%;text-align:left;z-index: 6} .slickContents.half_left h1,.slickContents.half_right h1{font-size:1.6em} .slickContents.half_left{width: 50%;height: 100%;padding-top: 0%;position: relative;} .slickContents.half_right{width: 50%;height: 100%;padding-top: 0%;position: relative;} .slickContents.half_left {float: left} .slickContents.half_right {float: right} .slickContents.half_left a, .slickContents.half_right a {position: absolute;top: 0;left: 0;display: block;} .slickContents img {max-width: 100%} .slickContents.half_left a p.btn_detail_slick, .slickContents.half_right a p.btn_detail_slick{color: #432f26;border: 1px solid #432f26;background-color: rgba(255, 255, 255, 0.4)} /*171121*/ .slickContents a { display: block; outline: none; } .slickContents img:hover { opacity: 1; } .slickContents a:hover { opacity: .8; } .slickLayer { position: absolute; width: 100%; height: 100%; padding: 31% 0 0; box-sizing: border-box; } .slickLayer__inr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } /*/171121*/ /*180529*/ /* .slider{ opacity: 0; transition: opacity .3s linear; } .slider.slick-initialized{ opacity: 1; } */ /*//180529*/ @media screen and (max-width: 641px) { .box_inner{width:90%;text-align:left;left: 10%} .slickContents h1{font-size:1em} .slickContents h1.slider_h1_small{font-size:0.7em} .slickContents h1.ttl_small{font-size:1em} .slickContents h1.ttl_ssmall{font-size:.9em} a p.btn_detail_slick{display: none} p.datetime_ver02{ right: 5%; bottom: -35%; font-size: 88%; font-weight: 800; background-image: url(//images.i879.com/image/home/hero/quickform.png); width: 35%; height: 115%; background-repeat: no-repeat; padding: 23% 0 0 0%; background-size: contain; } .slick { max-width: 100%; overflow: hidden; } .slick .slick-list { width: 100%; overflow: hidden; } .slickContents { width: 100%; height: 100%; padding-top: 62.5%; position: relative; } .slickContents a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .slickContents img { max-width: 100%; } /*171002_half*/ .slickContents.half_left {width: 100%;float: none;padding-top: 62.5%} .slickContents.half_right {display: none} .slickContents.half_left a, .slickContents.half_right a {width: 100%;height: 100%;} .slickContents.half_left h1{font-size:1em} /*180301*/ .slick-dots li {width: 13px;height: 13px;margin: 0 4px;} .slick-dots button {width: 13px;height: 13px;padding: 4px;} /*///180301*/ } /* static_bnr_ver01 */ .static_bnr_ver01{margin-bottom:1em;display: table;table-layout:fixed;width:100%;border-spacing: 5px 0;font-weight: 700;} .static_bnr_ver01 li {display: table-cell;width:32%;padding:10px 5px;line-height: 1.2em;height: 70px;vertical-align: middle;border:solid 1px #d4b5b6;} .static_bnr_ver01 li {position: relative;overflow: hidden;} .static_bnr_ver01 li p.static_bnr--txt{position: absolute;top:5px;left:2%;z-index: 3} .static_bnr_ver01 li p.static_bnr--icon img{position: absolute;top:10%;bottom:0;margin: auto;left:60%;z-index: 2} .static_bnr_ver01 li p.static_bnr--icon img{border-radius: 50%; width: 65px;height: 65px;} .static_bnr_ver01 li.static_bnr--quick {text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff; background-image: repeating-linear-gradient(0deg, #ffeff0, #ffeff0 5px, #fff6f7 0, #fff6f7 10px);} .static_bnr_ver01 li.static_bnr--quick span.static_bnr--icon img {top:0;} .static_bnr_ver01 li.static_bnr--quick a {color:#ea6363;} .static_bnr_ver01 li.static_bnr--birth {background-image: repeating-linear-gradient(0deg, #FFF, #FFF 5px, #fff7f7 0, #fff7f7 10px);} .static_bnr_ver01 li.static_bnr--birth a {color:#ff6699;} .static_bnr_ver01 li.static_bnr--osonae {background-image: repeating-linear-gradient(0deg, #FFF, #FFF 5px, #f8f8ff 0, #f8f8ff 10px);} .static_bnr_ver01 li.static_bnr--osonae a {color:#663399;} .static_bnr_ver01 li p.static_bnr--txt span.static_bnr-br-none{display: none;} .static_bnr_ver01 li p.static_bnr--sub {display: none;} .static_bnr_ver01 li p.static_bnr--txt span.small_txt:before{content: "\A" ;white-space: pre ;} /* static_bnr_ver02 */ .static_bnr_ver02{margin-bottom:1em;display: table;table-layout:fixed;width:100%;border-spacing: 5px 0;font-weight: 700;} .static_bnr_ver02 li {display: table-cell;width:32%;padding:10px 5px;line-height: 1.2em;height: 70px;vertical-align: middle;border:solid 1px #d4b5b6;} .static_bnr_ver02 li {position: relative;overflow: hidden;} .static_bnr_ver02 li p.static_bnr--txt{position: absolute;bottom:0px;left:0;z-index: 3;width:100%;padding:5px 3px;color: #fff;font-size:.8em;text-align: center;} .static_bnr_ver02 li p.static_bnr--icon img{position: absolute;width:150%;top:-30%;left:0;margin:auto;z-index: 2} .static_bnr_ver02 li.static_bnr--quick p.static_bnr--txt{background-color: rgba(234,99,99,0.8);} .static_bnr_ver02 li.static_bnr--birth p.static_bnr--txt{background-color: rgba(255,102,153,0.8);} .static_bnr_ver02 li.static_bnr--osonae p.static_bnr--txt{background-color: rgba(102,51,153,0.8);} /* static_bnr_ver03 */ .static_bnr--userge h2 {position: relative;text-align: center; font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; letter-spacing: .5em; } .static_bnr--userge h2 { font-size: .8em; color:#a9a9a9; line-height: 1em; margin: 0; } .static_bnr--userge h2 span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; text-align: left; background: #fff url(//images.i879.com/image/home/icon_static_bnr_userge.png) no-repeat; padding:1em .5em 1em 40px; background-size:30px 25px; background-position:3px 5px; } .static_bnr--userge.static_bnr--userge--line h2::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #a9a9a9; } .static_bnr_ver03{display: table;table-layout:fixed;width:100%;border-spacing: 5px 0;font-weight: 700;} .static_bnr_ver03 li {display: table-cell;width:32%;font-size:.75em;text-align: center;vertical-align: middle;} .static_bnr_ver03 li a{display: block;color:#fff;padding: 10px;text-decoration: none;} .static_bnr_ver03 li.static_bnr--quick a {background: #ee8282;border:solid 1px #ee8282} .static_bnr_ver03 li.static_bnr--birth a {background: #ff85ad;border:solid 1px #ff85ad;} .static_bnr_ver03 li.static_bnr--osonae a {background: #916db5;border:solid 1px #916db5;} .static_bnr_ver03 li.static_bnr--quick a:hover{background: #fff;color:#ee8282;} .static_bnr_ver03 li.static_bnr--birth a:hover{background: #fff;color:#ff85ad;} .static_bnr_ver03 li.static_bnr--osonae a:hover{background: #fff;color:#916db5;} /* static_bnr_ver04 */ .static_bnr_ver04{margin:0 auto 1em;display: table;table-layout:fixed;width:100%;border-spacing: 5px 0;font-weight: 700;} .static_bnr_ver04 li {display: table-cell;width:33.5%;border:solid 1px #d4b5b6;height: 70px;vertical-align: middle;padding: 5px} .static_bnr_ver04 li p.static_bnr--icon{display: none;} .static_bnr_ver04 li p.static_bnr--bk{display: none;} .static_bnr_ver04 li.static_bnr--quick p.static_bnr--sub{display: none;} .static_bnr_ver04 li p.static_bnr--txt:after{font-family:'FontAwesome';content: " \f138";} .static_bnr_ver04 li.static_bnr--quick {text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff; background-image: repeating-linear-gradient(0deg, #ffeff0, #ffeff0 5px, #fff6f7 0, #fff6f7 10px);} .static_bnr_ver04 li.static_bnr--quick p.static_bnr--txt{color:#ee8282;} .static_bnr_ver04 li.static_bnr--birth p.static_bnr--txt{color:#ff85ad;} .static_bnr_ver04 li.static_bnr--osonae p.static_bnr--txt{color:#916db5;} .static_bnr_ver04 li.static_bnr--birth {background-image:url(//images.i879.com/image/home/static_bnr--bk_ya00.jpg);background-size:cover;background-repeat:no-repeat;} .static_bnr_ver04 li.static_bnr--osonae{background-image:url(//images.i879.com/image/home/static_bnr--bk_yr00.jpg);background-size:cover;background-repeat:no-repeat;} /* static_bnr */ .static_bnr{margin-bottom:1em;display: table;table-layout:fixed;width:100%;border-spacing: 5px 0;font-weight: 700;} .static_bnr li {display: table-cell;width:32%;padding:10px 5px;line-height: 1.2em;height: 70px;vertical-align: middle;border-radius: 7px;} .static_bnr li {position: relative;overflow: hidden;} .static_bnr li span.static_bnr--txt{position: absolute;top:5px;left:2%;z-index: 3} .static_bnr li span.static_bnr--icon img{position: absolute;top:0;bottom:0;margin: auto;left:50%;z-index: 2} .static_bnr li span.static_bnr--icon img{border-radius: 50%; width: 50px;height: 50px;} .static_bnr li.static_bnr--quick {background: #FFF;border: 1px solid #EB6464; text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;} .static_bnr li.static_bnr--quick a {color:#EB6464;} .static_bnr li.static_bnr--birth {background: #ff679a;border: 1px solid #ff679a; text-shadow: 1px 0px 0px #ff679a, 0px 1px 0px #ff679a, -1px 0px 0px #ff679a, 0px -1px 0px #ff679a;} .static_bnr li.static_bnr--birth a {color:#fff;} .static_bnr li.static_bnr--osonae {background: #a47ed1;border: 1px solid #a47ed1; text-shadow: 1px 0px 0px #a47ed1, 0px 1px 0px #a47ed1, -1px 0px 0px #a47ed1, 0px -1px 0px #a47ed1;} .static_bnr li.static_bnr--osonae a {color:#fff;} /* 180710 */ /* OPENING BANNER PC ------------------------------------------------------- */ /* OPENING BANNER */ .opening_bnr {margin-bottom: 1.5em;} .opening_bnr{display: table;table-layout: fixed;width:100%;border-spacing: 10px 0;} .opening_bnr li {display: table-cell;padding: 5px 10px;height:70px;} .opening_bnr li {border: 1px solid #c1c1c1;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;box-shadow: 0 0 8px #c0c0c0;} .opening_bnr li dl dt span::after {content: "\A" ;white-space: pre ;} .opening_bnr li dl {position: relative;vertical-align: middle;} .opening_bnr li dl dt span{padding-top:5px;display: block;font-size:.8em;color:#ef9595;} .opening_bnr li dl dt {font-size:1.2em;line-height: 1.2em;} .opening_bnr li dl dd {position: absolute;top:0;bottom: 0;left:155px;margin: auto;} .opening_bnr li dl dd:after {position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;box-shadow: inset 0 0 5px 5px #fff;height: 60px;} .opening_bnr li dl dd img {width:60px;height: 60px;} .opening_bnr li a:hover {text-decoration: none;opacity: 0.6;display: block;} /* OPENING BANNER ver02 */ .opening_bnr_ver02 {margin-bottom: 1.5em;} .opening_bnr_ver02{display: table;table-layout: fixed;width:100%;border-spacing: 10px 0;} .opening_bnr_ver02 li {display: table-cell;padding: 5px 10px;height:70px;} .opening_bnr_ver02 li {border: solid 1px #d4b5b6;overflow: hidden;} .opening_bnr_ver02 li dl dt span::after {content: "\A" ;white-space: pre;} .opening_bnr_ver02 li dl {position: relative;} .opening_bnr_ver02 li dl dt {font-family: 'Libre Baskerville', serif;font-weight:bold;color:#654715;font-size: 1.2em;text-shadow: 1px 1px #FFF;} .opening_bnr_ver02 li dl dt span{padding-top:5px;display: block;font-size:.8em;color:#cc9900;} .opening_bnr_ver02 li dl dt {position: absolute;z-index: 3;} .opening_bnr_ver02 li dl dd {position: absolute;z-index: 2;} .opening_bnr_ver02 li dl dd img {width:120px;height: 120px;} .opening_bnr_ver02 li dl dd {top:-10px;} .opening_bnr_ver02 li.opening_bnr--are dl dd img {width:145px;height:auto;} .opening_bnr_ver02 li.opening_bnr--are dl dd {top:-45px;left:125px;} .opening_bnr_ver02 li.opening_bnr--stand dl dd img {width:145px;height:auto;} .opening_bnr_ver02 li.opening_bnr--stand dl dd {left:125px;} .opening_bnr_ver02 li.opening_bnr--pod dl dd img {width:145px;height:auto;} .opening_bnr_ver02 li.opening_bnr--pod dl dd {left:120px;} .opening_bnr_ver02 li.opening_bnr--green dl dd img {width:200px;height:auto;} .opening_bnr_ver02 li.opening_bnr--green dl dd {left:80px;} /* DYNAMIC BANNER */ .dynamic_bnr_col4 {margin-bottom: 1.5em;} .dynamic_bnr_col4{display: table;table-layout: fixed;width:100%;border-spacing: 10px 0;} .dynamic_bnr_col4 li {display: table-cell;padding: 5px;height:70px;} .dynamic_bnr_col4 li {border: solid 1px #d4b5b6;overflow: hidden;} .dynamic_bnr_col4 li:hover {background: #ffe6e6;opacity: .6;} .dynamic_bnr_col4 li dl dt span::after {content: "\A" ;white-space: pre;} .dynamic_bnr_col4 li dl {position: relative;} .dynamic_bnr_col4 li dl dt {font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;color:#fd517b;font-size: 1.2em;text-shadow: 1px 1px #FFF;} .dynamic_bnr_col4 li dl dt span{padding-top:5px;display: block;font-size:.8em;color:#fd517b;font-weight: normal;} .dynamic_bnr_col4 li dl dt {position: absolute;z-index: 3;} .dynamic_bnr_col4 li dl dd {position: absolute;z-index: 2;} .dynamic_bnr_col4 li dl dd img {width:120px;height: 120px;} .dynamic_bnr_col4 li dl dd {top:-10px;} .dynamic_bnr_col4 li.dynamic_bnr--rose dl dd img {width:145px;height:auto;} .dynamic_bnr_col4 li.dynamic_bnr--rose dl dd {top:-30px;left:110px;} .dynamic_bnr_col4 li.dynamic_bnr--c-month dl dd img {width:145px;height:auto;} .dynamic_bnr_col4 li.dynamic_bnr--c-month dl dd {left:110px;} .dynamic_bnr_col4 li.dynamic_bnr--n-month dl dd img {width:145px;height:auto;} .dynamic_bnr_col4 li.dynamic_bnr--n-month dl dd {top:-20px;left:110px;} .dynamic_bnr_col4 li.dynamic_bnr--set-gift dl dd img {width:100px;height:auto;} .dynamic_bnr_col4 li.dynamic_bnr--set-gift dl dd {left:150px;} /* father */ /* #herobnr div div.bx-viewport ul li:nth-child(3) h1{color: #c7000b;width: 75%} #herobnr div div.bx-viewport ul li:nth-child(3) img.roomimg{bottom:-20%} #herobnr div div.bx-viewport ul li:nth-child(3) img.sale_wappen{width: 38%;right: 59.5%;top: 41%} */ #herobnr div div.bx-viewport ul li img.roomimg{position:absolute; width:100%;bottom:-5%} #herobnr div div.bx-viewport ul li a.btn_detail{display: none} /*new*/ #herobnr div div.bx-viewport ul li:nth-child(3) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(4) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(5) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(6) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(7) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(8) img.roomimg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width:100%;max-width: 100%;max-height: auto;margin: auto} #home #herobnr div div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-controls-direction a{display: none} .bx-wrapper .bx-controls-direction a{display: block;text-indent: 0px !important;font-size: 2.5em;text-shadow: 0px 1px #fff;font-weight: bold} #home .shoppingguide .guide{text-shadow: 0} #home .whatsnew{line-height: 1.5em; border:1px solid #f1696c;height: auto;display: block;justify-content: center;align-items: center;} #home .whatsnew .col11{padding: 0.5em;background-color: #FFF;width: 100%} #home .whatsnew .col2 span{background-color: #CCC;padding:0 1em;color: #FFF} #home .whats{text-align: center;background-color: #f1696c;color: #FFF;font-family: 'Libre Baskerville', serif;min-height: 20px} #home .whatsnew .col11 p.col10.wnq{border:3px solid #f1696c;margin: -3px} #home .whatsnew .col11 p.col10.wnq a{color: #EB6464} #wnatt{margin-top:-200px;padding-top:200px;} /*171031*/ #home .whatsnew .col11 p.col10 {font-weight: 300} #home .whatsnew .col11 .wn-fb p.col10{font-weight: bold;} #home .blog{border:1px solid #f1696c;padding:0;margin-top:2em;background-color: #fce9f1} #home .blog h2{background-color: #f1696c; color: #fff;font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:bold;margin: 0;text-shadow: none;font-size: 1em} #home .shopingguide h2.guide{text-shadow: none;font-weight: 500;border-bottom: 1px solid #ccc;} #home .shopingguide .col4 {font-size: 0.75em;line-height: 2em;padding: 1%} #home .shopingguide h3{border-bottom: 1px solid #777; color: #f1696c} /* #home .relationalsites img{width: 49%; margin:0.5%;float: left;border:1px solid #999} */ #home .relationalsites .psmothersp{width: 99%} /* #home .relationalsites img.psyche{padding:2.5% 7.5%;border:1px solid #999} #home .relationalsites img.artist{padding:2.6% 5.5%;border:1px solid #999} #home .relationalsites img.birthdaygift{padding:5% 2.5%;border:1px solid #999} #home .relationalsites img.bnr{border:0px;width: 99%;} #home .relationalsites img.bnr.i879open{border: 1px solid #777;} */ .relation-list{width: 100%;clear: both;margin-top:30px;} #home .relationalsites dl {width: 50%;float: left;} #home .relationalsites dl dt img{width: 100%;border:1px solid #999;} #home .relationalsites dl dt{min-height: 60px;} #home .relationalsites dl dd{font-size:11px;min-height: 4em;padding: 3px 5px;} #home .gridtab--0>dd{padding: 1em} #home .gridtab--0 >dt.is-active:after{background: #fffde9;} #home .gridtab dt{background-color: #FFF;border-color:#fedf8f;text-align: center;font-weight: bold;padding: 25px 15px} /*171031*/ #home .gridtab dt{color:#666333;font-size: 1.1em;transform: rotate(0.001deg);} #home .gridtab--0 dd{background-color: #fffde9; border-color: #fedf8f} #home .gridtab--0 dt.is-active{background-color: #fffde9; border-color:#fedf8f;padding: 25px 15px;} #home .gridtab {line-height: 1.25em} #home .gridtab p.rank:before{font-family: FontAwesome;content: "\f005"; color: #fed466} #home .gridtab p.rank{text-align: center;font-size: 1.25em;font-weight: 500;color:#666333;} #home .gridtab img{width: 46%; margin: 2% 4% 0% 0%;float: left} #home .gridtab .product_name{font-size: 1em;height: auto} #home .gridtab .price{text-align: right;padding:1em 0;color:#666333} #home .gridtab .col102{display: inline-block} #home .gridtab dd a.btn_detail{float: none;width: 100%} #home .special{text-align: center} #home .special .col3{border:1px solid #f1696c;height: 200px;line-height: 3em;position: relative; overflow: hidden;} #home .special .col3 img{position: absolute;top: 125%;left: 50%;transform: translate(-50%,-50%);width: 150%;height: auto;overflow: hidden;} #home .special h3{font-size: 1.1em;font-weight: bold;z-index: 2; position: relative;} #home .special h4{font-family: 'Noto Sans JP', 'Libre Baskerville', serif;font-size: 2.8em;font-weight: 100;padding: 0em;z-index: 2; position: absolute;text-align: center;width: 100%;text-shadow: 1px 1px #FFF} #home .special p{line-height: 1.5em;text-shadow: 1px 1px #fff;z-index: 2; position: relative} #home .special a:nth-child(2) div.col3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#caf4fb', endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#caf4fb', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#caf4fb,transparent);background-image:-ms-linear-gradient(top,#caf4fb,transparent);background-image:-o-linear-gradient(top,#caf4fb,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#caf4fb),to(transparent));background-image:-webkit-linear-gradient(top,#caf4fb,transparent);background-image:linear-gradient(top,#caf4fb,transparent)} #home .special a:nth-child(3) div.col3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d674', endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b8d674', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#b8d674,transparent);background-image:-ms-linear-gradient(top,#b8d674,transparent);background-image:-o-linear-gradient(top,#b8d674,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#b8d674),to(transparent));background-image:-webkit-linear-gradient(top,#b8d674,transparent);background-image:linear-gradient(top,#b8d674,transparent)} #home .special a:nth-child(4) div.col3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee7d3', endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fee7d3', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#fee7d3,transparent);background-image:-ms-linear-gradient(top,#fee7d3,transparent);background-image:-o-linear-gradient(top,#fee7d3,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#fee7d3),to(transparent));background-image:-webkit-linear-gradient(top,#fee7d3,transparent);background-image:linear-gradient(top,#fee7d3,transparent)} #home .special a:nth-child(5) div.col3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdfdf', endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcdfdf', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#fcdfdf,transparent);background-image:-ms-linear-gradient(top,#fcdfdf,transparent);background-image:-o-linear-gradient(top,#fcdfdf,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#fcdfdf),to(transparent));background-image:-webkit-linear-gradient(top,#fcdfdf,transparent);background-image:linear-gradient(top,#fcdfdf,transparent)} #home .special a:nth-child(2) div.col3 h4,#home .special a:nth-child(2) div.col3 h3{color:#8080ea} #home .special a:nth-child(3) div.col3 h4,#home .special a:nth-child(3) div.col3 h3{color:#6fa000} #home .special a:nth-child(4) div.col3 h4,#home .special a:nth-child(4) div.col3 h3{color:#f9ab73} #home .special a:nth-child(5) div.col3 h4,#home .special a:nth-child(5) div.col3 h3{color:#c7000b} #home .categorylinks{display: inline-block} #home .categorylinks p{text-align: center} #home .categorylinks img{width: 90%;margin: 5%} #home .categorylinks .categorylinks_des{margin-top:-15%} #home .categorylinks .col102{width:50%;float:left} #home .categorylinks .col102:first-child{width: 100%;line-height: 2.5em;text-align: center;border-top: 1px solid #f1696c;} #home .categorylinks .col102:first-child img{width: 35%} #home .categorylinks .col102 p{font-size:0.8em} #home ul.categorylinks.subqu.colfull p{color:#cd090b;font-weight: bold} #home ul.categorylinks.subselection.colfull p{color:#f4adad;font-weight: bold} #home ul.categorylinks.subselection.colfull p span {color: #cd090b} #home ul.categorylinks.subseason.colfull p{color:#adb77c;font-weight: bold} #home ul.categorylinks.subseason.colfull p span {color: #cd090b;} #home ul.categorylinks.submother.colfull p{color:#EB6464;font-weight: bold} #home ul.categorylinks.submother.colfull p span {color: #EB6464;} #home ul.categorylinks.subjitaku.colfull p{color:#d9a878;font-weight: bold} #home ul.categorylinks.subtown.colfull p{color:#bd92b1;font-weight: bold} #home ul.categorylinks.subbirth.colfull p{color:#ff9596;font-weight: bold} #home ul.categorylinks.subuserge.colfull p{color:#f4a77d;font-weight: bold} #home ul.categorylinks.substyle.colfull p{color:#ef43aa;font-weight: bold} #home .special .col3 img.index_clock {position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);width: 20%;height: auto;overflow: hidden} /* 180123 */ #home ul.categorylinks.subkindflo.colfull p{color:#f4adad;font-weight: bold} /* 170330 */ #home .special a:nth-child(2) div.col3 h4 {font-size: 2.8em;position: absolute;text-align: left;margin-left: 40%;top:40%} #home .special .col3 img.index_clock {position: absolute;top: 53%;left: 30%;transform: translate(-50%,-50%);width: 20%;height: auto;overflow: hidden} /* 170601 */ #home ul.categorylinks.subqu.colfull p.osonae_ttl{color:#92a3bc} /* 190305 */ .cate_ttl_outer{width: 100%;display: table;} #home ul.categorylinks.colfull p.cate_ttl{height: 3.5em;display: table-cell;width:100%;vertical-align: middle;text-align: center;} #home ul.categorylinks.subqu.colfull p.cate_description, #home ul.categorylinks.subbirth.colfull p.cate_description, #home ul.categorylinks.submother.colfull p.cate_description, #home ul.categorylinks.subuserge.colfull p.cate_description, #home ul.categorylinks.substyle.colfull p.cate_description, #home ul.categorylinks.subselection.colfull p.cate_description, #home ul.categorylinks.subseason.colfull p.cate_description, #home ul.categorylinks.subjitaku.colfull p.cate_description, #home ul.categorylinks.subtown.colfull p.cate_description{color: #847b74;font-weight: normal;font-size:.8em;margin:0 auto 8px;height:2em;} .catelinks_box{text-align: center;border-top: 1px solid #f1696c;} #home .catelinks_ttl h2 { font-size: 1em; line-height: 1em; font-weight: 500; margin: 0; border-bottom: none; } #home .catelinks_ttl h2 {width:45%;margin:0 auto;} #home .catelinks_ttl h2 img {width:100%;} .catelinks_ttl p {font-weight:700;margin-top:-15px;margin-bottom: 10px;} .catelinks_list{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .catelinks_list li{width:50%;padding: 10px 10px 20px;} .catelinks_list img{width: 100%;} .catelinks_list li h3{margin-bottom: 5px;font-size:.9em;} .catelinks_list li p{font-size: .8em;color: #847b74;margin-bottom: 5px;} .catelinks_list li h3 span{color: #cd090b;} .catelinks_ttl.subqu p, .catelinks_list.subqu li h3{color: #cd090b;} .catelinks_list li h3.osonae {color: #92a3bc;} .catelinks_ttl.subseason p, .catelinks_list.subseason li h3{color: #adb77c;} .catelinks_ttl.submother p, .catelinks_list.submother li h3{color: #EB6464;} .catelinks_ttl.subbirth p, .catelinks_list.subbirth li h3{color: #ff9596;} .catelinks_ttl.subuserge p, .catelinks_list.subuserge li h3{color: #f4a77d;} .catelinks_ttl.substyle p, .catelinks_list.substyle li h3{color: #ef43aa;} .catelinks_ttl.subselection p, .catelinks_list.subselection li h3{color: #f4adad;} .catelinks_ttl.subxmas p, .catelinks_list.subxmas li h3{color: #DB2C46;} .catelinks_ttl.subkeirou p, .catelinks_list.subkeirou li h3{color: #663300;} .catelinks_ttl.subjitaku p, .catelinks_list.subjitaku li h3{color: #d9a878;} .catelinks_ttl.subtown p, .catelinks_list.subtown li h3{color: #bd92b1;} .line2 .catelinks_list li h3 {height: 2.2em;line-height: 1.2em;} /* 170414 */ /* SPECIAL STYLE ------------------------------------------------------- */ /* colore */ ul li.white01{background: #fff} ul li.yellow01{background: #fffde9} ul li.yellow02{background: #fff7e3} ul li.yellow03{background: #f7da6e} ul li.yellow04{background: #fbe490} ul li.yellow05{background: #fcf7ed} ul li.yellow06{background: #FFFFEE} ul li.yellow07{background: #fcfaf1} ul li.nude01{background: #ffefd6} ul li.nude02{background: #ffefdf} ul li.pink01{background: #ffe6e6} ul li.pink02{background: #ffdddd} ul li.pink03{background: #fae0eb} ul li.pink04{background: #ffe4ee} ul li.pink05{background: #ffeeee} ul li.wine01{background: #ac3c5a} ul li.purple01{background: #f6e3f7} ul li.blue01{background: #E9F4FC} ul li.blue02{background: #d5f4fe} ul li.green01{background: #E9F8F0} ul li.green02{background: #d2e5d2} ul li.green03{background: #eef6ef} ul li.green04{background: #D9F3F1} ul li.green05{background: #E7F8F7} ul li.gray01{background: #DDDDDD} ul li.rank01{background:url(//images.i879.com/image/xmas/xmasrankback.png) no-repeat right top;background-size: 100%} ul li.rank02{background:url(//images.i879.com/image/mother/motherrankback.png) no-repeat right top;background-size: 100%} ul li.rank_orange01{background:url(//images.i879.com/image/season/rankback_orange01.png) no-repeat right top;background-size: 100%} ul li.rank_pink01{background:url(//images.i879.com/image/season/rankback_pink01.png) no-repeat right top;background-size: 100%} ul li.rank_pink02{background:url(//images.i879.com/image/season/rankback_pink02.png) no-repeat right top;background-size: 100%} ul li.rank_blue01{background:url(//images.i879.com/image/season/rankback_bule.png) no-repeat right top;background-size: 100%} .index_special_ver02 ul:after {content: '';display: block;clear: both;height:0} .index_special_ver02 ul { /zoom: 1; } /* IE */ .index_special_ver02 ul li {border:1px solid #cbaf9a;position: relative;overflow: hidden;} .index_special_ver02 ul li {width:50%;float: left;height: 150px;position: relative;} /* .index_special_ver02 ul li:nth-child(1) {width:100%;} */ .index_special_ver02 ul li a{cursor: pointer;text-decoration: none;} .index_special_ver02 ul li a:hover{opacity: 0.6;} .index_special_ver02 ul li h3{color:#cd090b;position: absolute;top:8px;right:2%;text-align: right;width:75%;font-size:1em;line-height: 1.25em;z-index: 3;text-shadow: 1px 1px #FFF} .index_special_ver02.fontsmall ul li h3{font-size: .85em;} /* .index_special_ver02 ul li:nth-child(1) h3 {text-align: center;width: 100%;font-size: 1.3em;top:22px;} .index_special_ver02.fontsmall ul li:nth-child(1) h3{font-size: 1.2em;top:5px;;line-height: 1.1em:;} */ .index_special_ver02 ul.index_special_ver02--3col li:nth-child(1) h3{top:10px;} .index_special_ver02 ul li h3 span {font-size: .8em;} .index_special_ver02 ul li h3+p{color:#6c4241;position: absolute;right:2%;width:98%;text-align:right; top:50px;font-size:0.6em;font-weight: bold;z-index: 3;text-shadow: 1px 1px #FFF;} .index_special_ver02 ul.index_special_ver02--3col li h3+p{top:70px;} .index_special_ver02 ul li.line03 h3+p{top:75px;} /* .index_special_ver02 ul li:nth-child(1) h3+p {text-align: center;top: 35px;font-size: 1.1em;} */ .index_special_ver02 ul li img{position: absolute;top: 40%;left: -12.5%;width: 125%;height: auto;overflow: hidden;} .index_special_ver02.fontsmall ul li img{top: 30%;} .index_special_ver02 ul li.spxmas03 img{top:30%;} .index_special_ver02 ul li.special_nav--keirou_set img{top: 2%;left: -12.5%;width: 125%;} .index_special_ver02 ul li.special_nav--mother_set img{top: 20%;left: 0;width: 100%;} .index_special_ver02 ul li.special_nav--mother_set img{top: 22%;left: 10%;width: 80%;} .index_special_ver02 ul li.step img{ top: 5%;left: 0;width: 100%; } .index_special_ver02 ul li.tree img{ top: 5%;left: 0;width: 100%; } .index_special_ver02 ul li:nth-child(1) img{top: 17%;left: 0%;width: 100%;} .index_special_ver02 ul li img.spe_title{top: 0;left: 0%;width: 70px;} .index_special_ver02 ul li:nth-child(1) img.spxmas01{top: -10%;left: 25%;} .index_special_ver02 ul li.spxmas04 h3+p {top: 30px;} .index_special_ver02 ul li:nth-child(1).spxmasrank h3+p{top: 60px;font-size: 1em;} .index_special_ver02 ul li.spxmaswreath h3+p{top: 35px;} .index_special_ver02 ul li.linkbtn_wide {width:100%;} .index_special_ver02 ul li.linkbtn_wide img {top: 15%;} .index_special_ver02 ul li.linkbtn_wide img.spe_title{top: 0;} .index_special_ver02 ul li.linkbtn_wide img.top0-normal{top: 0;} .index_special_ver02 ul li.linkbtn_wide h3 {text-align: center;width: 100%;font-size: 1.3em;} .index_special_ver02 ul li.linkbtn_wide h3+p {text-align: center;top: 50px;font-size: 1em;line-height: 1.2em;} .index_special_ver02.fontsmall ul li.linkbtn_wide h3+p {top: 55px;line-height: 1em;} .index_special_ver02.two-two ul li:nth-child(1) { width:50%; } .index_special_ver02.two-two ul li:nth-child(1) h3+p { right: 2%; width: 98%; text-align: right; top: 30px; font-size: 0.6em; } .index_special_ver02.two-two ul li h3+p { top: 60px; } .index_special_ver02.two-two ul li h3 { top: 8px; right: 2%; text-align: right; width: 75%; font-size: 1em; line-height: 1em; } .index_special ul:after {content: '';display: block;clear: both;height:0} .index_special ul { /zoom: 1; } /* IE */ .index_special ul li {border:1px solid #cbaf9a;position: relative;overflow: hidden;} .index_special ul li {width:50%;float: left;height: 150px;position: relative;} .index_special ul li:nth-child(1) {width:100%;} .index_special ul li a{cursor: pointer;text-decoration: none;} .index_special ul li a:hover{opacity: 0.6;} .index_special ul li h3{color:#cd090b;position: absolute;top:8px;right:2%;text-align: right;width:75%;font-size:1em;line-height: 1.25em;z-index: 3;text-shadow: 1px 1px #FFF} .index_special ul li h3+p{color:#6c4241;position: absolute;right:2%;width:98%;text-align:right;top:50px;font-size:0.6em;font-weight: bold;z-index: 3;text-shadow: 1px 1px #FFF;} .index_special ul li.line03 h3+p{top:75px;} .index_special ul li.line03 h3{width:90%;font-size: .9em;} .index_special ul li img.spe_title, .index_special ul li:nth-child(1) img.spe_title{top: 0;left: 0;width: 70px;height: auto;z-index: 4;position: absolute;} .index_special ul li img{top: 22%;left: 10%;width: 100%;;height: auto;position: absolute;} .index_special ul li:nth-child(1) img{top: 22%;left: 0;width: 100%;;height: auto;position: absolute;} .index_special ul li.line01 h3+p {top: 35px;} .index_special ul li.line01 img {top: 25%;} .index_special ul li.line01 img.spe_title {top: 0;} .index_special ul li:nth-child(1) h3 {text-align:center;width: 100%;font-size: 1.3em;} .index_special ul li:nth-child(1) h3+p {text-align:center;top: 35px;font-size: 1.2em;} .index_special ul li.set img {top: 20%;left: 7%;width: 80%;} .index_special ul li.set img.spe_title{top: 0;left: 0;width: 70px;height: auto;z-index: 4;position: absolute;} .index_special ul li.newyear img {top: -5%;left: 7%;width: 120%;} .index_special ul li.peach img {top: 10%;left: 0;width: 120%;} .index_special ul li.newyear img {top: -5%;left: 7%;width: 120%;} .index_special ul li.newyear img.spe_title{top: 0;left: 0;width: 70px;height: auto;z-index: 4;position: absolute;} .rank_price{text-align: right;font-size: 1.25em!important;font-weight: bold;margin-bottom: 5px;} /* /SPECIAL STYLE ------------------------------------------------------- */ #home .home_guide .home_guide.col12{border:3px solid #eb6464;border-radius:5px;margin-top:-5px} .home_guide{-webkit-transition:.5s ease;transition:.5s ease;height:0;overflow:hidden} input:checked+.home_guide{height:auto;padding:0 0 10px} .home_guide label{display:block;cursor:pointer} #home div.shopingguide.colfull label{text-align: center;display: block} #home .rank_box{width:100%;} #home .rank_price{text-align: right;font-size: 1.25em;font-weight: bold;margin-bottom: 5px;} #home .rank_btns{width: 100%;} #home a.rank_btn_cart,a.rank_btn_detail{display:block;padding:8px 10px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em;} #home a.rank_btn_detail{width:30%; float:left; margin:10px 5% 10px 0;text-align:center;background:#fff;color:#9D887D;border:1px solid #9D887D;} #home a.rank_btn_detail:hover{color:#FFF;background:#9D887D} #home a.rank_btn_cart{color: #fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; background: #DA3940; letter-spacing: .2em; width: 65%; float: right; margin: 10px 0;} #home a.rank_btn_cart:hover{color:#DA3940;background:#fff} #home div.np_search.homeft{width: 100%;border: 2px solid #fedf8f; background-color: #fffde9;padding: 1em;margin-top: 2em} #home div.np_search.homeft input{width: 75%;font-size: 1.25em;padding: 0.25em;background-color: #FFF} #home div.np_search.homeft #btn_search2{font-family: 'Noto Sans JP', FontAwesome;background-color: #fedf8f;color: #FFF;border: 0;padding: 5px; font-size: 1em;width: 4em} .np-keyword-suggest{background-color: #FFF} #home div.np_search.homeft p a.recokeywords{background-color: #fedf8f;padding: 0.25em;font-weight: bold} #home div.np_search.homeft p a.recokeywords:hover{text-decoration: none;color: #FFF} #home div.np_search.homeft form{margin-top: 0.5em} #home div.np_search.homeft .np-keyword-suggest{width:70%;line-height:30px} #home div.np_search.homeft .np-keyword-suggest div{width:100%} .whatsnewmore{text-align: right} .whatsnewread{margin-top:-1.25em;position: relative;background-color: #FFF } /* Mother_QUICK STYLE ------------------------------------------------------- */ .mother_quick2017_wrapper {margin-bottom:20px;background: #fff;} .mother_quick2017_wrapper h2{padding: 10px 3px;background: #f1696c;color: #fff;margin: -10px -10px 0 -10px;font-weight: bold;font-size: 0.9em} .mother_quick2017_wrapper h2 span:before{content: "\A" ;white-space: pre} .mother_quick2017_wrapper{border: solid 3px #f1696c;padding: 10px;margin-top: 1em;text-align: center} .mother_quick2017_wrapper h2+ul{margin-top: 10px;margin-bottom:10px;font-weight: bold;text-align: left} .mother_quick2017_wrapper h2+ul li{display: inline} .mother_quick2017_contents{text-align: left} .mother_quick2017_contents h3{font-size: 1.5em;color:#f1696c;margin-top: 10px} .mother_quick2017_contents h3+p{border-bottom: double #cc9900;color:#641607;margin-bottom: 10px;padding-bottom: 5px} .mother_quick2017_contents ul li a{} .mother_quick2017_contents ul:after {content: '';display: block;clear: both;height:0} .mother_quick2017_contents ul { /zoom: 1; } .mother_quick2017_contents ul li{float: left;width:48%;margin-right: 2%;margin-bottom:10px} .mother_quick2017_contents ul li:nth-child(even){margin-right: 0} .mother_quick2017_contents ul li img{width:100%;height: auto} .mother_quick2017_contents ul li a:hover{opacity: 0.6;text-decoration: none} ul.mother_quick2017_ate{text-align: left} ul.mother_quick2017_ate li:nth-child(1){text-align: center;font-weight: bold;color:#f1696c} ul.mother_quick2017_ate li a{font-weight: bold;text-decoration:underline;font-weight: bold} .mother_quick2017 dt img{width:85%;height: auto} .mother_quick2017_wrapper.keirou_mode h2{background: #b01a4a;color: #fff} .mother_quick2017_wrapper {border: solid 3px #b01a4a} .mother_quick2017_wrapper.mode_2018 h2{background: #e63b7f;} .mother_quick2017_wrapper.mode_2018 h2 {font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 1em;} .mother_quick2017_wrapper.mode_2018 {border: solid 3px #e63b7f;} .mode_2018 ul.mother_quick2017_ate li:nth-child(1) {color: #e63b7f;} .mode_2018 .mother_quick2017_contents h3 {color: #e63b7f;} .mode_2018 .mother_quick2017_wrapper h2 {padding: 5px 3px;} #home .mother_quick2017_wrapper.mode_2018 h2 { font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 1em; color: #fff; line-height: 1.5em; font-weight: 500; margin: -10px -10px 1em -10px; border-bottom: none; font-size: 1em; background: #e63b7f; } #home .quick-clock-card.mother_quick h3 {text-align: center;} .quick-clock-card.mother_quick h3 {text-align: center;} /* /HOME ------------------------------------------------------- */ /* CATEGORY ------------------------------------------------------- */ #category_herobnr{position:relative;width:100%;overflow:hidden} #category_herobnr:before{content:"";display:block;padding-top:50%} #category_herobnr_rank{position:relative;width:100%;overflow:hidden;margin-bottom: 30px;} #category_herobnr_rank:before{content:"";display:block;padding-top:30%} #category_herobnr .inner{position:absolute;top:0;left:0;bottom:0;right:0} #category_herobnr .inner .icon{width:35%;position:absolute;top:10%;z-index:2;left:5%} #quick #category_herobnr .inner .icon{width:75%;position:absolute;top:0;z-index:2;left:12.5%} #category_herobnr .inner h1{position:absolute;color: #333; text-shadow: 0px 0px 11px #FFF;left:5%;top:45%;font-size:1.5em; /*font-family: 'Noto Sans JP','Libre Baskerville',serif;*/ /*font-family: 'Noto Sans JP', Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/ /*font-family: 'Noto Sans JP', Helvetica , "メイリオ", Meiryo, sans-serif;*/ z-index:7} #category_herobnr .inner h1.headline-cate-line2{ top:30%; line-height: 1em; } #category_herobnr .inner h1 span.smalltxt{ font-size: .8em; } #category_herobnr_rank .inner h1{position:absolute;color: #333;text-shadow: 1px 1px #FFF;left:5%;top:40%;font-size:1.5em;z-index:7} #category_herobnr .inner p.subcaption{position:absolute;color: #333;left:2%;top:25%;font-size:200%;font-family: 'Noto Sans JP','Libre Baskerville',serif;z-index:1} #category_herobnr .inner p.description{position:absolute;color: #333;left:0%;bottom:0%;width:100%;font-weight:700;text-shadow:1px 1px #FFF;z-index:5;font-size: 1em} .sub_description_sp{width: 90%;margin: 2.5% 5%;font-size: 0.75em} #category_herobnr .inner img.roomimg{width:100%;position:absolute;bottom:-15%} #category_herobnr_rank .inner img.roomimg{width:100%;position:absolute;bottom:-150%} #category_herobnr .inner img.product{position:absolute;bottom:-15px;z-index:1;width:55%;right:-10%} h1.subheader{background-color:#EEE;text-align: center;font-size: 0.5em} .hero_product{padding: 0.5em;display: block} .hero_product .price{display: inline-block;float: left} .category_no1_product_arrow{background-image:url(//images.i879.com/image/home/category_arrow.png);background-size:contain;background-repeat:no-repeat;padding:.5em;margin:.25em;color:#FFF} /* 1990524 */ .product_arrow{background:#dc404c;width: 230px;position: relative;margin:20px auto;} .product_arrow a{color:#FFF;font-weight: 500;display: block;padding: 10px 10px 10px 20px} .product_arrow a:hover{color:#FFF;text-decoration: none;opacity: .6;} .product_arrow:before{ position:absolute; content:""; width:0; height:0; border:22px solid transparent; border-left:20px solid #dc404c; left:230px; top:0; } /* 171201 */ .category_no1_product_arrow_ver02{ background-image:url(//images.i879.com/image/home/category_arrow_short.png); background-size:contain; background-repeat:no-repeat; padding:.5em; margin:.25em; color:#FFF; font-weight: 700; font-size: 1.1em; line-height: 1em; } /* 171227 */ #category_herobnr .inner h1.mc00_ttl{position:absolute;color: #333; text-shadow: 1px 1px #FFF;left:15%;top:20%;font-size:1.5em; z-index:7} #category_herobnr .inner h1.mc00_ttl img{} .category_no1_product_arrow_ver02{width:25%;float: left;} .hero_spec{width:72%;float: left;position: relative;height: 3.5em;overflow: hidden;margin-bottom: .2em} .hero_spec .product_code{float: left;padding-right: 1em;padding-top: .2em} .hero_spec .product_title{font-size:1.2em;} .hero_spec .product_title:before{content: "…";position: absolute;background:#FFF;z-index: 2; bottom:0;right: 0;color:#9D887D;font-weight: 500;padding: .1em .2em } .price_ver2{font-size: 1.2em;font-weight: bold;margin-bottom: 5px;float: left;} .category_no1_product_detail_ver02 { border: 2px solid #dc404c; padding: .1em .5em; border-radius: .2em; color: #dc404c; font-weight: 700; margin:.5em } p.mt15 {margin-top: 65px;} /* 181217 */ #category_herobnr .inner h1.fukuro_moji_red { text-shadow: 1px 0px 0px #c00000, 0px 1px 0px #c00000, -1px 0px 0px #c00000, 0px -1px 0px #c00000; } /* SWIPE　NAV ------------------------------------------------------- */ .swipe_nav--outer{margin-bottom:20px;overflow: hidden;} .swipe_nav li{width:220px;height:90px;overflow: hidden;position: relative;border:1px solid #ccc;} .swipe_nav li a {display: block;} .swipe_nav li dl{position: relative;} .swipe_nav li dt{position: absolute;top:5px;right: -10px;width:50%;} .swipe_nav li dt img{width:100%;height: auto;} .swipe_nav li dd{position: absolute;top:8px;left: 10px;font-size: 1.2em;font-weight: bold;} .swipe_nav li dd{font-family: 'Libre Baskerville', serif; text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;} .swipe_nav li dd span:after{content: "\A" ;;white-space: pre ;} .swipe_nav li.swipe_nav--quick dd {line-height: 1.2em;top:5px;} .swipe_nav li.swipe_nav--quick dd span{font-size: .8em;} /* .swipe_nav li.swipe_nav--quick dd span:after{content: "\A" ;white-space: pre ;} */ .swipe_nav .slick-list {margin-right: -12px; /* ガター分ネガティブマージン */} .swipe_nav .slick-slide {margin-right: 12px; /* ガター */} /* .swipe_nav .slick-next { margin-left: 0; } */ .swipe_nav .slick-next { display: block; content: ''; width: 50px; height: 100%; position: absolute; color: gray; font-weight: bold; background: rgba(255, 255, 255, .85); border-left: 2px solid #b5b5b5; z-index: 1; cursor: pointer; padding: 30px 2px 10px; margin-right: 0; margin-left: 0; top: 0; right: 0; left: auto; text-align: center; } .swipe_nav .slick-prev { display: block; content: ''; width: 50px; height: 100%; position: absolute; color: gray; font-weight: bold; background-color: rgba(255, 255, 255, .85); border-right: 2px solid #b5b5b5; z-index: 2; cursor: pointer; padding: 30px 12px 10px 0; top: 0; left: 0; text-align: center; margin-left: 0; } /* .slider.swipe_nav { width: 300px; margin: 0 auto; } */ /* .slider.swipe_nav .slick-list { padding: 0 35% 0 0; } .slider.swipe_nav li {margin: 0 15px 0 0;} .slider.swipe_nav li:first-child {margin-left: 0;} .slider.swipe_nav.slick-initialized.slick-slider{margin-right:0;margin-left:0;} */ .pod_spcial_bnr{margin-top:15px;} .pod_spcial_bnr{width:100%;} .pod_spcial_bnr img{width:100%;vertical-align: text-bottom;} #main_area{margin-bottom:20px;} /* .pod_spcial_bnr a{display: inline-block;line-height: 0;} */ /* 190304 INDEX 2019 ------------------------------------------------------- */ .columnBox__head02{ padding: .8em 0 .8em 1em; border-left: 5px solid #b8333b; border-bottom: 2px solid #b8333b; margin-top:30px; } .columnBox__head02 h2 { font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 1.5em; line-height: 1.5em; font-weight: 500; color:#b8333b; margin: 5px 0 3px; border-bottom: none; } #category .columnBox__head02 h2 { font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 1.5em; line-height: 1.5em; font-weight: 500; color:#b8333b; margin: 5px 0 3px; border-bottom: none; } .columnBox__head02 p{font-size: 1.1em;} .contents-index-renew{ width: calc(100% + 20px); /*margin-left: -10px;*/ display: block; white-space: nowrap; } .contents-index-renew.osonae{ white-space: inherit; } .contents-index-renew li {width:260px;white-space:normal;display: inline-block;} .contents-index-renew li {padding: .2%;overflow: hidden;} .contents-index-renew li a:hover {text-decoration: none;} .contents-index-renew.osonae li {width: auto;} .contents-index-renew.col4ver li dd{height: 90px;overflow: hidden;} .contents-index-renew.col4ver li h3 {font-size: 0.75em;} .contents-index-renew li h3 {font-size: 0.8em;margin-bottom: 3px;} .contents-index-renew li h3 span {color:#c70006;font-size:.9em;} .contents-index-renew li dt {width: 70px;float: left;margin-right: 5px;} .contents-index-renew li img{width:100%;height: auto;border: 1px solid #727171;} .contents-index-renew li p {font-weight: normal;font-size: 0.7em;} .contents-index-renew {width: 100%;overflow: hidden;margin-top:20px;} .contents-index-renew.col4ver {height: 105px;overflow-x: scroll;-webkit-overflow-scrolling: touch;} .contents-index-renew.osonae.col4ver {height: auto;overflow-x: visible;padding: 0 20px;} .contents-index-jump-ttl--outer{ background: #ffd9ec;position: relative; min-height: 75px; margin: 40px 0 20px 0px; padding: 5px 10px 5px 65px; } .contents-index-jump-ttl--outer img { position: absolute; width: 60px; height: auto; top: 0px; left: 0px; } .contents-index-jump-ttl h1 { font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .contents-index-jump-ttl h1 { font-size: 1.2em; margin: 0 0 0 0; color: #714141; } .contents-index-jump-ttl p{display: none;} .contents-index-jump-flexbox img{width:100%;} .contents-index-jump-ttl--outer.keirou_style{background: #fef6df;} .contents-index-jump-ttl--outer.xmas_style{background: #fef6df;} .btn-osonae { padding: 0 20px; } .btn-osonae a { min-height: 75px; margin-top: 40px; display: flex; justify-content: center; align-items: center; font-weight: bold; line-height: 1.2; font-size: 20px; color: #fff; background-color: #b79ecc; border-radius: 7px; } .btn-osonae a::before { width: 34px; height: 30px; top: 23px; left: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAA6CAYAAADr5+R6AAAMFElEQVRoQ82befR95RTGnyeEoqw0UCk0UQkVEkJJNNBASAMqWhoMiSZZiigZI0pFGRKVSgNpoFIqFUmjUlGUQpMoeazP9Z67zu98z7333Hu/v1V7re8/3/Oe993vPvvd+9nPfq/1KJAkB0ra3/Y/Hkl1/EguztpJjpW0uaSLbK/xSOozV42R5I2SdpO0s+3LmxtNsqekT9b+f4Tt7VrGLSXpSEmn2P7C3DLY3DbGHyQ9syi/h+1PVxtJ8gpJ57ZsbBvbR9fGvVPSwZLml/RvSU+3/fe5YZC5ZowkH5L0mYbSR9vephyPeyQ9ecCmFrZ9V5L9JO3dGHO47e0f1cZI8jZJtv3dstnb+IoNpa+2vWKSfSV9dMiGjrP95iQnSNqkZdy8th9K8hpJK9r+0mwYZ1Y8I8k8kh4uCn2Ac51kNUknSVqipuhzJV0r6b8dlF9SEsfh/tpYjslbbJ9UjN8zvKSFZuPozJYxNpJ0ck3pE2xvluSxkm4pHnKh7TWT8BV37mCM822/IsnXJVVBdRnbN7bMsYtt4spUMlvGOEbSWxuanGF7vSRPlfQnSVvZPi5JxtB4QUn8EYjXtH1xkiMkvasxx6W2Vx9j3tahUxsjyRMl3S3pcS0rnG17nSTPk3SVJFLt8WMo/RHbB3LkbF+ahPRKdmmT5Wz/foy5ZwydDWM0j0hzkX70T3K6pNc1Btwp6ReSMNizG8+utf0c/pfkw5IOGLLZXW1/btaMkYTov3LBBqQ9vvgNkm62javOkCSkT9LoMFnX9plJHpD0hDIQEHag7e9VLybBUHtJenn1P9JTEoLpH0escbztNw3QkSD+rGJsju2/Siwju93YX6v+cpJ9JH18wKIXS/q2pC+jX20Dl0padYSi60nifbLD3yRtbfvU8sW3KnD8rApdJnmJpO9IWkYS4Ow6SbePWIN5F7Hdz1RJwDRbS1pLEsG8Kcfa7se6OY5Jki0lfWvEonjKp2wTyHDfMyWtM+Kdx0j6iCTQZeX2O0oCji9eexdPxFv2L3OfJ+lWFE7yT0nEp0HCODwInTaVtIekUUH1k7b7oK5pDLDBr0ZsrHr8QzKI7QeT/FISX7NN+FK45sq2z0/C8Ttf0ipD1uFIcLSuLcDqZ5J+J2n5Ae+QrVayfU+Sr0h6b8c9bAxmGXRMUBR3a3Optvlx+yVsP5AEV16uZRCwe0nb9yYhQF454gvXp3iV7Z+Xr02MeUHL/IAydLg7CXOv1NEQDOvhllZjlEXPlvTqlglBjodIurcEoxeVzIBBCLoPSgKCN1PsX20vmoTASeag4BpHlrV9Q5JBsQlvxmswFgj3HEmXSLpe0nySthjgtX+y/Yy6IjNSaxJeJng1ZVB5jQIP275uQMzZzfZBSTj//SwxhjVus71EkrYUvo/t/ZJQ4lPNXtScNwmxql8t157PES/4f5sxCHZ87WZFeZDt3ZL8RxLBjC9xlqRjbPMVetIARg/Yni8J8eE3YxigOXQT2ycmuVkSG0dOtb1hbV3SJ5mBzEV2I05RM1HhHtqyNsb7y1DPKBvaRdIXGxNUxiAgNo0IXQck/2xxafAKQfJG2+smoW7hy04q19tePsnXJIEl1rZ9RZKnSNq9pM9mhdwroZNgjMMaCx9m+z1NZQYi0CRskLqgkkNt75CEfL/okF2h8E62H07CuAXK+Z3UENV76+KN8Bzlg5F+3z8kGMf2PEk+yEdqLL4AAX2GMQpExu0BRVcT7UtlyOJn1F6ActsoCe4+LC3yCsF0C9vHJ1lI0mWSlp7CGnyYdWxfluSlkk4c8UFY6h7bCxayGeqxkh1tH1JQLYGfmPfiHmAb4MKfs71rI/jg8sskIbgSZLvISbY3Ll/yx+U8d3mvPoZ0SaEGnsHdu7Jcl9leLQlId/0yYa9OSsIRITMSUyq5EmMM4iLXsn1eEggUWKzqDFI+99BnR7mG1FYAEV+UyrWrXGKbr9YV6dbnpWzYuXasz7X9yiQEWkBaU7btxYwktzZgcTVw9VI609fA1V4rCbQJkBpHGL8C0TsJR48jOEqus71C0W8QoBs2B4j4plLTVDTiIqXOIfDWBZZugcoYbJQNN4U0iodcmATOcn7buyf5s6SnjdpN4znnHoPckeSKUrIPmuIOKueCbOFBONfjSBU831GOGB5CzCIutgX/3vGpjEHWGNbN+pDtfkROQq+DImtc+bPtxZOAQu8b8jIk79VJUB6kO66caLtPJCcBf5D6B0kP5fZTaxI2SxoaJLj3p22fUxAfAGgSqdiv10s6rWWCHp85ZrBsTrMGaDQJVSteT8dukJxmewMeNqvWQbGjPlEFvo6TtNkk1qBNYPsTLTReRQIDrH4w4dxVO6JLoH+I426b4nSGMaDeOM+jhHjBue5C+Q+aa7ESP+oEMeTMnUkIaPW0N0qf+vOlbd/SkXjesCKZZhiDfyTZQdJXR6x+ge2XJXl7Yb/GUbYaC5pctQaXK4TbxrR3nX8/2/skOVzStiNegqCaI+61wvEkUGVHjZhsM9snJIHthlmaRNa3fXqSa2DAkkDeQBVMIr+2/cLCxI/y7r1t1xvevfWG1SZgAdhmIOsgeX4pmOoob5yNVKiWjtjfksBovXKcCcrYyhBAf8iaek1Vnw6+hczYmllGtgrKtYH3DcjPsN2L2r4vCfTZGybYyHq2z0gCwAKtjisX2+5RjknqXf/6PKRxCkj4D3RulZHGqN4qaYqahJTYI3VrAhd6bBJIXtqH4wS/KvqPC9VZfl/bHyvF2wUNnTDMTwvfgseNlKHGSAKxSjz4pm3aBH0pPRZoM9Dh/bQOy9fBEARggA7l+yiBEgBYcYOHinSUkA4xHHikR84keVX5QFTUsOT0d+u6QgLR36WUIMiCrGfIoAC6bEFsTaodRguCFmT4W0nAcuh9ECVNmifxf9vgFZRck645fVJI4dJAggelDUgXjQb1VUkeb/vfBTKDMehzcGyAzmyedeA1aRRR/TI3/CbjoB/YPAgadm6xWllO/AEu1IWYQt+G9eeQNtqP8hZXn3fUJxry/Ed4U9nA7ZTfbWOToDiGOqWQtsB1+jIzJAm6LlwoPVI6zadp5GO2uSfSlyYCpa2/0zQrNN4FUG0Kf1m+5tol/9MyII0S/RF4VzwOwpgKl/TKmT/Kdg+yFy/DyNU7s6EmvZ/Nq2NTFWqUttySmYS9HqQUdQxdLTbC/YpdWwIvj2+y/awkdPLo6DUFTznYdo+TTTKowp7UONADG9DBh9yhYfQTSNZJZ2u8R3qE8rs8CcEVImhYYKyMQYDG/QcJQOrdpQAjcFO7DOrijbsVvHAVjEH0h1rnePQun00h37Ddu0jSERLXPWOUMSq1ereCyhqQwj3vm0LARwf17qHWJynnkusFbZfKRq23u+0DktDe+z4Xz0a9UJ539Yz6dNB2W9J6LJ12gvW4Agb5POVA9eKg1ErLjiKma82xHV35JBiR2DOOTGKMav6K6W4y+cPW59YA3bQZQGwU6KIuIe/zN6ihu4PtQ5MA2Se5vTuNMdj0AYWK5KJL/ys3rAEXSowBp8xoQQ71jDazJsH6MELcvSQwEmuOtL3tlKX8tMZA3b2409HINAA7muik5pPrF2wGuU3n2qQRW0CTXAOAWhvHRdv0mA1jMO/2tg8vt37o/PevGnQ9sxMZo5o8CWAJuDzNPLNlDNRayvaou18DbTPNJkifRGSOzTQym8bo3w6cRKGJjdHx/lcXne6yvXCSSUr4tvl7ZX2XhZtjpjEG1wcfP8mijXeusr3SlK2BphoL0s4cV7eJjFEatzBHsyFcg6ZjN6gHOskavXbGuC9OaoxJ2ottus3BUCfhKjRXoqcVWhh4x7Cu3Yw1xjZGEsia/q3eKbSeQdUzV8dWRZdle/e9ugysxkxijC43gofpQPeKn2g1rxb13ymXWml3Vj/pGmdP1dg7bEMedZaxjDEL55qLZntW7bxhWibhCiW9Da4qtf1iocsmueTCraFOMq4xRjWn2xaFwYLW4xZP/1ZgJ+3+f2xAuxSAXJCD+B3HMP2bQ13WG9cY3NHgnjjEK+QvqbX6SRbELJfGYLthjzhO/Fa19dcIXZRrjimeCVEEUU27gp4vukBIg4YJnPx0C11IrTSXuLnYSf4HbVkRgG1LT9sAAAAASUVORK5CYII=) 0 0 / cover no-repeat; } .btn-osonae a::after { display: none; } .btn-osonae a i { position: absolute; top: calc(50% - .5em); right: 15px; } .btn-osonae br { display: block; } /* //CONTENTS　INDEX JUMP ------------------------------------------------------- */ /* pc 仮置き ------------------------------------------------------- */ @media screen and (min-width:641px), print{ /* 171201 */ .hero_spec .product_title:before{content: "";position: relative;background:none;padding: .1em .2em } .category_no1_product_arrow_ver02 br.display_sp{display: none} .category_no1_product_arrow_ver02{ background-image:url(//images.i879.com/image/home/category_arrow.png); padding:.5em; margin:.25em; font-weight: 300; font-size: 1.1em; line-height: 1.2em; } .category_no1_product_arrow_ver02 {width: 140px;} .price_ver2 {width:20%;} .hero_spec {width: 542px;} .hero_spec .product_title {font-size: 1.1em;} .product_code {margin-top:3px;} .hero_spec {margin-top: 10px;} .price_ver2 {width: 15%;margin-top: 10px;margin-left: 0;} .hero_product:after {content: '';display: block;clear: both;height:0;} .hero_spec {height: auto;} p.mt15 {margin-top: 15px;} .pod_spcial_bnr:after{content: '';display: block;clear: both;height:0;} .pod_spcial_bnr{width:716px;margin:35px auto 0} .pod_spcial_bnr li{width:50%;float: left} .pod_spcial_bnr img{width:100%;vertical-align: text-bottom;} } .category_no1_product_detail{border:2px solid #dc404c;padding:.2em 1em;border-radius:.2em;color:#dc404c;font-weight:700;float: right} article#category{padding: 0em} #category h2{margin: 1em;font-weight: 700} #category .product_des{display: block;clear: both;padding: 0 2.5%} #category .price,#category .spec_size{padding:0 2.5%} ul.categorylist{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} li.list img{width: 45%; margin: 0 2.5% 0 2.5%;float: left;} li.list{position:relative;padding-bottom:35px;margin-bottom:35px;overflow:hidden} .rankingno{display:block;position:absolute;left:-85px;top:-85px;width:140px;height:140px;line-height:250px;font-size:1.25em;font-weight:700;text-align:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:rgba(235,100,100,.53);color:#fff;z-index: 9;} #category div.colfull.row ul li:nth-child(1) p.rankingno{background-color:#FFD700;} #category div.colfull.row ul li:nth-child(2) p.rankingno{background-color:#C0C0C0;} #category div.colfull.row ul li:nth-child(3) p.rankingno{background-color:#B8860B;} #category .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em;margin-bottom: 2em} #category .ranking .col102{display: inline-block;padding-bottom: 1em} #category .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #category .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #category .ranking img{width: 45%; margin: 0 5% 0 0;float: left} #category .onepoint:before{content:"お花屋さんのワンポイントアドバイス";position:absolute;border:2px solid #df4e59;border-radius:50%;padding:5%;width:90%;background-color:#fff;font-size:1.15em;font-weight:700;color:#f27e83;text-align:center;top:-20%;left:5%} #category .onepoint{position: relative;border:2px solid #dc404c; padding: 1em 1em 1em 1em;margin-top:25%;background-color: #fce9f1} /* 171030 */ #category .onepoint ul li{color:#663333;} #category .onepoint h3{font-weight: bold;font-size: 1.25em;color:#dc404c} #category .onepoint a.onepoint_link{text-align: right} #category div.coution{margin-top:1em} #category div.coution::after{content: '';display: block;clear: both;height:0;} #category div.coution { /zoom: 1; } /* IE */ #category div.coution p.col1{background-color:#dc404c;color:#FFF;font-weight:700;padding:.25em;text-align:center} #category div.coution p.col11{font-size:.75em} /* 171118 */ #birth_media .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em;margin-bottom: 2em} #birth_media .ranking .col102{display: inline-block;padding-bottom: 1em} #birth_media .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #birth_media .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #birth_media .ranking img{width: 45%; margin: 0 5% 0 0;float: left} #birth_media .ranking .product_name{font-size: 1em; height:7.5em;} #birth_media .ranking .price{text-align: right} a.btn_cart,a.btn_detail,button.btn_bot{display:block;padding:8px 5px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em} /*210614*/ a.btn_cart.cat_deta_ver{float: none;} a.btn_detail{background:#fff;color:#9D887D;border:1px solid #9D887D;margin:0 4px;width:30%;float:left} a.btn_detail:hover{color:#FFF;background:#9D887D} a.btn_cart,span.btn_cart,button.btn_bot{color:#fff;font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;border:1px solid #DA3940;background:#DA3940;letter-spacing:.1em;width:66%;float:right} span.btn_cart{color:#fff;background:#7f7f7f;border-color:#7f7f7f;} button.btn_bot:hover,a.btn_cart:hover{color:#DA3940;background:#fff} p.btns{position:absolute;bottom:0;width:98%} #quick #category div form div.colfull{padding:5%} #quick #category div form div.colfull div.col10 div{height: auto} #quick #category div form div.colfull div.col10 div.col5 img{width: 155px;margin-left: 5%} #quick #category div form div.colfull div.col10 div.col7{padding-bottom: 2em} #quick #category div form div.colfull div.col10 div.col7 img{float: left} #quick #category div form div.colfull div.col10 div.col7 span.col6{clear: both;display: inline-block} #quick #category div form div.colfull div.col10 div.col7 label{font-weight: bold;font-size: 1.15em} #quick #category div form div.colfull div.col10 div.col7 span.ttl{width: 5em;display: inline-block;} #quick #category div form div.colfull div.col10 div select{width: 80% !important;margin-left:5% !important; font-size: 1.5em !important;} #quick img.quickttl{width: 55%;margin-left: 22.5%;margin-right: 22.5%} #category div.colfull{display: inline-block} #category .rank_box{width:100%;} #category .rank_price{text-align: right;font-size: 1.25em;font-weight: bold;margin-bottom: 5px;} #category .rank_btns{width: 100%;} #category a.rank_btn_cart,a.rank_btn_detail{display:block;padding:8px 10px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em;} #category a.rank_btn_detail{width:30%; float:left; margin:10px 5% 10px 0;text-align:center;background:#fff;color:#9D887D;border:1px solid #9D887D;} #category a.rank_btn_detail:hover{color:#FFF;background:#9D887D} #category a.rank_btn_cart{color: #fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; background: #DA3940; letter-spacing: .2em; width: 65%; float: right; margin: 10px 0;} #category a.rank_btn_cart:hover{color:#DA3940;background:#fff} #category .ranking .product_name{font-size: 1em;} #category .mt01s_area_prefecture{background-color:#ff9999; font-weight: bold; font-size:1.2em;text-align: center;padding:5px 0;width:100%;border: 1px solid #000000; margin:-1px 0;} #category .mt01s_area_detail{padding:10px;width:100%;border: 1px solid #000000;} .mt01s_desc{border:2px solid #fedf8f;background-color: #fffde9;padding:10px; margin:10px 0;text-indent: -1em;padding-left: 2em;} .mt01s_desc h2{font-size:1.2em; color:#ff5555; font-weight:bold; text-align:center; margin:5px;} .mt01s_desc i {color: #ffcccc; display: inline-block; margin:0 0.5em;} #mt01s_table {width:100%; margin:10px 0;} #mt01s_table li{width:33%;float:left;text-align: left; padding:5px 0;} #mt01s_table i {color: #ffcccc; display: inline-block; margin:0 0.5em; width:1em;} .mt01s_caution {clear:both; margin:7px 0 10px 0; font-size:0.9em;} .cat_ft_qu_bnr img{float: left;margin:-4%} .cat_ft_qu_bnr{display: block;width: 80%;margin:0 auto;padding: 0.25em; border: 3px solid #dc404c;background-repeat: no-repeat;background-size: 20%;background-position: right 0px;color: #dc404c;font-size: 1.5em;text-align: center;border-radius: 10px;background-image:url(//images.i879.com/image/products/png/400/115043.png);background-size: 50%;text-shadow: 1px 1px #FFF} .cat_ft_qu_bnr.os{background-image: url(//images.i879.com/image/products/png/400/511408.png)} .result_option{margin: 2em 0; text-align:center;} .not_selected{display: inline-block;text-decoration: none;height:35px;width: 45%;line-height: 37px;text-align: center;margin:1%;color: #DA3940;border:solid 1px #DA3940;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} .not_selected:hover{background: #DA3940;color: #fff;} .selected{display: inline-block;text-decoration: none;height:35px;width: 45%;line-height: 37px;text-align: center;margin:1%;background: #DA3940;color: #fff;border:solid 1px #DA3940;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} /* 170718 mail_magazin */ a.btn_cart.maga_regist01{margin-top:20px;margin-bottom:20px} a.btn_detail.confirm_btn{width: 66%;margin:20px auto 0} a.btn_cart.maga_regist{margin-top:20px;margin-bottom:20px} .birth_onepoint{position: relative;border: 2px solid #dc404c;padding: 1em 1em 1em 1em;background-color: #fce9f1;} .birth_onepoint h3{font-weight: bold;font-size: 1.25em;color: #dc404c;} /* /CATEGORY ------------------------------------------------------- */ /* PRODUCT DETAIL ------------------------------------------------------- */ #product div div .mainimg, #product div div ul.bxslider li img{width: 100%;} #product img {height: auto;max-height: 800px;} #product .bxslider li {opacity: 0;transition: opacity .2s linear;} #product .bx-viewport .bxslider li {opacity: 1;} #product div.col6.itemdetail{padding: 0 2%} #product div.col6 .sendmesse a{clear: both;width: 55%;background-color: #fff;padding: 0.5em;border:1px solid #e0e0e0;border-radius: 3px;text-align: center;color: #555;font-weight: bold;display: block;margin: 0 auto;font-size: 0.75em} #product div.col6 .sendmesse a:hover{background-color: #e0e0e0;color: #fff;text-decoration: none;} #product div.col6 #bx-pager{display: none} #product div.colfull div div div.bx-viewport{height: auto} #product .product_title{font-size: 0.75em} #product .btn_cart{width: 100%;border-radius: 3px;font-size: 1.25em;margin: 0.5em 0em} #product .detail-soldout {display: inline-block; width: 100%; margin-bottom: 20px; text-align: center; font-weight: bold; border: 1px solid #000000; padding: 1em;} #product .product_name{font-size:1.2em;color:#dc404c;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;margin:0;font-weight:700;text-align:left;text-shadow:none} #product .product_des{font-size:1.25em;font-weight:700} #product div.colfull div.col6.itemdetail table.spec_size{width: 100%;display: table;margin: 1em 0em} #product div.colfull div.col6.itemdetail table.spec_size tbody tr{width: 100%;border-bottom:1px solid #CCC } #product div.colfull div.col6.itemdetail table.spec_size tbody tr:last-child{border-bottom: none } #product div.colfull div.col6.itemdetail table.spec_size tbody{width: 100%; border: 1px solid #CCC} #product div.colfull div.col6.itemdetail table.spec_size tbody th{background-color:#eeeeef;width:28%;display:table-cell;padding:.5em;vertical-align: middle} #product div.colfull div.col6.itemdetail table.spec_size tbody td{display:table-cell;padding:.5em} #product div.colfull div.col6.itemdetail table.spec_size tbody td.message{font-weight: bold;color: #dc404c} #product .spec_size li.message{padding:.5em;color:#dc404c;border:1px solid #CCC;font-weight:700;text-align:center} #product div div.col6.itemdetail span.product_code{background-color:#9D887D;padding:0.25em 0.5em;display:inline-block;color:#FFF;float:left;margin-right:1em;width:7em;text-align:center} #product div div.col6.itemdetail p.price{color:#dc404c;margin-bottom:1em;text-align: right;} #product div div.col6.itemdetail p.price .price{font-size:1.75em} #product div div.col6.itemdetail p.delivdate{border:1px solid #CCC} #product div div.col6.itemdetail .colfull span.attention{border:1px solid #9D887D;padding:0 5px;background:#9D887D;color:#fff;} #product div div.col6.itemdetail .colfull span:before{content:"・"} #product div div.col6.itemdetail .colfull span.attention:before{content:""} #product div div.col6.itemdetail .colfull span{font-size:.75em;line-height: 1.2em;} #product div div.col6.itemdetail .colfull.attentions{display: inline-block;margin-top:2em;line-height: 1.2em;} .attention-ttl{border:1px solid #9D887D;font-size: .75em;padding:0 5px;background:#9D887D;color:#fff;} .attention-list.mt08{ margin-top: 8px; } .attention-list li{ font-size: .75em; line-height: 1.1em; margin-bottom: 8px; display: inline; } .attention-list li.display_ib{ display:inline-block; } .attention-list li:before { content: "・"; } #product .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em;margin-bottom: 2em} #product .ranking .col102{display: inline-block;padding-bottom: 1em} #product .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #product .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #product .ranking img{width: 45%; margin: 0 5% 0 0;float: left} #product .ranking .mothertop_ranking_img img{width:100%;} #product .ranking .product_name{font-size: 1em; height:7.5em;} #product .ranking .price{text-align: right} #product h2.forward{margin: 0 0 1em 0;text-shadow: none;} #reco25 {clear: both;padding-top: 2em} #reco25 div h2{border-top: 1px solid #f5cdca;border-bottom: 1px solid #f5cdca;} #product .ranking.forward{background-color: #FFF;border:none} #product .ranking.forward{width: 100%;padding: 0px;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch} #product .ranking.forward #reco8 {width: 2000px} #product .ranking.forward #reco8 .col102 img{width: 100%} #product .ranking.forward #reco8 .col102{width: 9%;padding:.5%;float:left} #product .ranking.forward #reco8 .col102 p.product_name{font-size: 0.8em;line-height: 1.25em;min-height: 5.5em;height: auto} #product .ranking.forward .col_mother_ranking p.mother_product_name{font-size: 1em;line-height: 1.25em;min-height: 4em;height: auto;color: #C7000B;font-weight: 500;} #product .ranking.forward .col102 img{width: 100%} #product .ranking.forward .col102{width: 9%;padding:.5%;float:left} .col_mother_ranking{width: 7.5%;padding:10px 2px;float:left;} #product .ranking.forward .col102 p.product_name{font-size: 0.8em;line-height: 1.25em;min-height: 5.5em;height: auto} #product .rank_box{width:100%} #product .rank_price{text-align: right;font-size: 1.25em;font-weight: bold;margin-bottom: 5px} #product .rank_btns{width: 100%} #product a.rank_btn_cart,a.rank_btn_detail{display:block;padding:8px 10px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em} #product a.rank_btn_detail{width:30%; float:left; margin:10px 5% 10px 0;text-align:center;background:#fff;color:#9D887D;border:1px solid #9D887D} #product a.rank_btn_detail:hover{color:#FFF;background:#9D887D} #product a.rank_btn_cart{color: #fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; background: #DA3940; letter-spacing: .2em; width: 65%; float: right; margin: 10px 0;} #product a.rank_btn_cart:hover{color:#DA3940;background:#fff} .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: 96%;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: 110%;margin-bottom: 2px} .attention_set_des2{width: 96%;color: #582021;font-size: 100%} .attention_set img{display: none} .attention_liquor{font-size: 11px;color: #dc404c} .navi-review-wrapper .navi-review-form-wrapper table textarea{height: 75px !important} .review_post_on{text-align: center;background-color: #fff;color: #555;padding: 0.5em;cursor: default;display: inline-block;width: 100%;border: 1px solid #e0e0e0} .review_post_on:hover{background-color: #e0e0e0;color:#fff;border: 1px solid #e0e0e0} .review_login{text-align: center;padding:1em} .review_link{font-size:11px} .review #list{padding-top: 150px;margin-top: -150px;display: inline-block;} .review #re{padding-top: 150px;margin-top: -150px;display: inline-block;} .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} /*サイズアイコン ココカラ*/ #reco24{display: inline-block;width: 100%} /*以下やり直し中 180110 ************************************************************************/ .size_messse{padding:10px;} .size_messse:after {content: '';display: block;clear: both;height:0;} .size_messse { /zoom: 1; } /*サイズアイコン花束お供えS*/ .posb10,.posb11,.posb12,.posb13,.posb14,.posb15,.posb16,.posb17,.posb18,.posb19,.posb20,.posb21,.posb22,.posb23,.posb24,.posb25 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_small.png);background-size: cover;float:left} /*サイズアイコン花束お供えM*/ .posb26,.posb27,.posb28,.posb29,.posb30,.posb31,.posb32,.posb33,.posb34,.posb35,.posb36,.posb37,.posb38,.posb39,.posb40,.posb41,.posb42,.posb43,.posb44 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_middle.png);background-size: cover;float:left} /*サイズアイコン花束お供えL*/ .posb45,.posb46,.posb47,.posb48,.posb49,.posb50,.posb51,.posb52,.posb53,.posb54,.posb55,.posb56,.posb57,.posb58,.posb59,.posb60,.posb61,.posb62,.posb63,.posb64,.posb65,.posb66,.posb67,.posb68,.posb69,.posb60,.posb71,.posb72,.posb73,.posb74,.posb75,.posb76,.posb77,.posb78,.posb79,.posb80,.posb81,.posb82,.posb83,.posb84,.posb85 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_big.png);background-size: cover;float:left} /*サイズアイコン花束お祝いS*/ .poib10,.poib11,.poib12,.poib13,.poib14,.poib15,.poib16,.poib17,.poib18,.poib19,.poib20,.poib21,.poib22,.poib23,.poib24,.poib25 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_small.png);background-size: cover;float:left} /*サイズアイコン花束お祝いM*/ .poib26,.poib27,.poib28,.poib29,.poib30,.poib31,.poib32,.poib33,.poib34,.poib35,.poib36,.poib37,.poib38,.poib39,.poib40,.poib41,.poib42,.poib43,.poib44 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_middle.png);background-size: cover;float:left} /*サイズアイコン花束お祝いL*/ .poib45,.poib46,.poib47,.poib48,.poib49,.poib50,.poib51,.poib52,.poib53,.poib54,.poib55,.poib56,.poib57,.poib58,.poib59,.poib60,.poib61,.poib62,.poib63,.poib64,.poib65,.poib66,.poib67,.poib68,.poib69,.poib60,.poib71,.poib72,.poib73,.poib74,.poib75,.poib76,.poib77,.poib78,.poib79,.poib80,.poib81,.poib82,.poib83,.poib84,.poib85 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_big.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお供えS*/ .posa10,.posa11,.posa12,.posa13,.posa14,.posa15,.posa16,.posa17,.posa18,.posa19,.posa20,.posa21,.posa22,.posa23,.posa24,.posa25 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_small.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお供えM*/ .posa26,.posa27,.posa28,.posa29,.posa30,.posa31,.posa32,.posa33,.posa34,.posa35,.posa36,.posa37,.posa38,.posa39,.posa40,.posa41,.posa42,.posa43,.posa44 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_middle.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお供えL*/ .posa45,.posa46,.posa47,.posa48,.posa49,.posa50,.posa51,.posa52,.posa53,.posa54,.posa55,.posa56,.posa57,.posa58,.posa59,.posa60,.posa61,.posa62,.posa63,.posa64,.posa65,.posa66,.posa67,.posa68,.posa69,.posa60,.posa71,.posa72,.posa73,.posa74,.posa75,.posa76,.posa77,.posa78,.posa79,.posa80,.posa81,.posa82,.posa83,.posa84,.posa85 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_s_big.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお祝いS*/ .poia10,.poia11,.poia12,.poia13,.poia14,.poia15,.poia16,.poia17,.poia18,.poia19,.poia20,.poia21,.poia22,.poia23,.poia24,.poia25 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_small.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお祝いM*/ .poia26,.poia27,.poia28,.poia29,.poia30,.poia31,.poia32,.poia33,.poia34,.poia35,.poia36,.poia37,.poia38,.poia39,.poia40,.poia41,.poia42,.poia43,.poia44 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_middle.png);background-size: cover;float:left} /*サイズアイコンアレンジメントお祝いL*/ .poia45,.poia46,.poia47,.poia48,.poia49,.poia50,.poia51,.poia52,.poia53,.poia54,.poia55,.poia56,.poia57,.poia58,.poia59,.poia60,.poia61,.poia62,.poia63,.poia64,.poia65,.poia66,.poia67,.poia68,.poia69,.poia60,.poia71,.poia72,.poia73,.poia74,.poia75,.poia76,.poia77,.poia78,.poia79,.poia80,.poia81,.poia82,.poia83,.poia84,.poia85 {width: 80px;height: 80px; display:block;margin: 0 3% 0 0;background: url(//images.i879.com/image/common/detail_icon_size_o_big.png);background-size: cover;float:left} .set_option_label, .set_option_card{float:left;} .set_option_label, .set_option_card{width:80px;height:80px;margin: 0 3% 0 0;display:block;} .set_option_label img, .set_option_card img{width:100%;height:auto;} .soldout_lo{position: absolute; width: 100%; height: 100%; display: block; background-color: rgba(000,000,000,0.3); color: #fff; text-align: center; top: 0; line-height: 250px; } /* /PRODUCT DETAIL ------------------------------------------------------- */ /* SEARCH ------------------------------------------------------- */ #search_category{padding:0 0 2em} #search_category h2{font-size:1.5em;color:#dc404c;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;margin:0;font-weight:700;text-align:left;text-shadow:none} #search_category .product_des{clear: both} #search_category input[type=submit]{font-family: 'Noto Sans JP',FontAwesome;font-size:2em;margin-left:-5px;background-color: #9fa0a0;color: #FFF;} #search_category input[type=text]{font-size:1.25em;font-weight:700;padding:.15em;width: 85%} #search_category .search_narrow .search_nav_key.col12 .search_nav_narrow_titie.col6 p{font-size:1em;font-weight:700;text-align:center;border:3px solid #CCC;border-radius:5px 5px 0 0;border-bottom:none;padding-top:.5em;padding-bottom: 0.25em;margin-top:1em;color:#333;} #search_category #navi-keyword form span{font-size:1.25em;font-weight:700} #search_category .search_narrow .check_search_narrow.col12{border:3px solid #CCC;border-radius:5px;margin-top:-5px} .check_search_narrow{-webkit-transition:.3s ease;transition:.3s ease;height:0;overflow:hidden} input:checked+.check_search_narrow{height:auto;padding:0 0 10px} .check_search_narrow label{display:block;cursor:pointer} .search_nav_narrow div dl dt span{font-weight:700;margin: 1em 0;display: block;border-bottom: dotted} .search_nav_narrow div dl dd{font-size:0.9em} .search_nav_narrow div dl dd:before{content:"├"} .search_nav_narrow div dl dd:last-child:before{content:"└"} .result_header,.result_option,.page_navi{text-align: right;} #pagenavi_foot{text-align: center;font-size: 1em;line-height: 2em;font-weight: bold;} #pagenavi_foot span{border:1px solid; padding: .25em} #pagenavi_foot span.current{background-color: #eb6464;color:#FFF} /* /SEARCH ------------------------------------------------------- */ /* CART ------------------------------------------------------- */ h1.cart_title,h3.col12{padding:.5em;font-weight:800} #cart #content form div.col12.productlists input[type=checkbox],.cart_table .col4 input[type=radio]{width:20px;height:20px} #cart article{line-height:2em} h1.cart_title{font-size:1.5em;text-shadow:none;border:1px solid #eb6464} h3.col12{color:#eb6464;border-bottom:3px solid;border-left:1em solid;font-size:1.25em;margin:.5em 0} /* CART*/ h3.col12{font-family: 'Libre Baskerville', serif;} #cart #content form div.col12.productslistttl{border:2px solid #eb6464;background-color:#ffdfdf;text-align:left;font-size:.75em} #cart #content div form div.plist,#cart #content form div div.plist div{border:1px solid #eb6464} #cart #content form div div div.col12.cart.confirm div.plist div div.col5.service div,#cart #content form div div div.col12.cart.confirm div.plist div div.col5.service div div,#cart #content form div div.plist div.col1,#cart #content form div div.plist div.col3,#cart #content form div div.plist div.col4,#cart #content form div div.plist div.col5{border:none} #cart #content form div.col12.productlists{padding:1em} #cart #content form div.col12.productlists .col2,#cart #content form div.col12.productlists .col4{border-right:0;} #cart #content form div div div.col12.cart.confirm div.plist div div.col1{border-left:0;} #cart #content form div.col12.productlists input{font-size:.5em;float:right} #cart #content form div.col12.productlists .col1{text-align:center;position:relative;bottom:2em} #cart #content form div.col12.productlists p.date{font-size:.8em;clear: both} #cart #content form div.col12.productlists p.price{font-size:1.5em;text-align:center;display:inline-block} #cart #content form div.col12.productlists p.charge_notice{font-size:.5em;display:inline-block} #cart h3.pay_check{font-size:1.5em;text-align:center;color:#eb6464;text-shadow:none;margin-top:2em} #cart p.pay_subtext{text-align:center;margin-bottom:2em} .cart_table .col12{margin:0 0 10px;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .cart_table .col4,.cart_table .col8{border:1px dotted #eb6464;padding:1em} .cart_table .col4,.cart_table .col8 .att_sub{font-size:.8em;line-height:1em} .cart_table .col4{font-size:1.25em;font-weight:700} .cartpagebtn{margin:2em 0} .cartpagebtn .col3{width:50%;float:none;margin:1em 25%;font-size:.75em;display:inline-block} .cartpagebtn .col6{width:90%;float:none;margin:0 5%;font-size:1em;display:inline-block} /* 170719 */ h2.colum.pie {color: #eb6464;border-bottom: 3px solid;border-left: 1em solid;font-size: 1.25em;margin: .5em 0; width: 99.3%; font-family: 'Libre Baskerville', serif;line-height: 1.5; padding: .5em;font-weight: 800} h3.colum.pie {color: #eb6464;border-bottom: 3px solid;border-left: 1em solid;font-size: 1.25em;margin: .5em 0; width: 99.3%; font-family: 'Libre Baskerville', serif;line-height: 1.5; padding: .5em;font-weight: 800} #cart #content p.cart_att{font-size:.8em;padding-left:1em} #cart .loginform{margin:1em} #cart .loginform .loginpanel{border:2px solid #eb6464;font-size:1.25em;line-height:2em} #cart .loginform .loginpanel h3{background-color:#eb6464;text-align:center;color:#FFF} #cart .loginform .loginpanel input{width:90%;padding:.5em;margin:0 5%;font-size:1em} #cart .loginform .loginpanel span{margin:1em 0} #cart .loginform .loginpanel .btn_cart,#cart .loginform .loginpanel .btn_detail{width:90%;margin:1% 5%;float:none} #cart #content form div table tbody,#cart #content form div table td,#cart #content form div table th{border:1px solid silver;font-size:1em;padding:1em} #cart #content form div div.plist div div.col1.productlistnum select,#cart #content form div table tbody input:not([type="radio"]),#cart #content form div table tbody select{font-size:1em;font-weight:700;margin:5px;padding:7px;border-radius:5px} #cart .pink{background-color:#EF5252;color:#FFF;font-size:.8em} #cart th .pink{float:right} #cart #content form div div div.col12.cart.confirm div.plist div div.col4.goods p.photo,#cart #content form div table tbody tr td p.photo{float:left;margin-right:1em} #cart #delivTel1,#cart #delivTel2,#cart #delivTel3,#cart #delivTelSub1,#cart #delivTelSub2,#cart #delivTelSub3,#cart #delivZipCd1,#cart #orderTel1,#cart #orderTel2,#cart #orderTel3,#cart #orderTelSub1,#cart #orderTelSub2,#cart #orderTelSub3,#cart #orderZipCd1,#cart #zipCd1,#cart #tel1,#cart #tel2,#cart #tel3,#cart #telSub1,#cart #telSub2,#cart #telSub3,#cart #tel4LoginId1,#cart #tel4LoginId2,#cart #tel4LoginId3{width:29%} #cart #delivZipCd2,#cart #orderZipCd2,#cart #delivZipCd2,#cart #zipCd2{width:8em} #cart #cardExpirationMonth,#cart #cardExpirationYear{width:8em} #cart #delivAddress1,#cart #delivAddress2,#cart #delivName,#cart #delivNameKana,#cart #number,#cart #orderAddress1,#cart #orderAddress2,#cart #orderEmail,#cart #orderEmail2,#cart #orderName,#cart #orderNameKana,#cart #customerName,#cart #customerNameKana,#cart #address1,#cart #address2,#cart #birthday,#cart #pcEmail,#cart #pcEmail2,#cart #loginId,#cart #password,#cart #password2,#cart #email4LoginId,#cart #loginId4Password,#cart #email4Password{width:95%} #cart div#searchBox{height: auto} #cart #content form div.regulations dl dd div iframe{width: 100%;height: 145px;background: #FFFFFF;} #cart .ifbox {overflow: auto;height: 155px;width: 100%;-webkit-overflow-scrolling: touch;display: inline-block} #cart .regulations{background-color:#ffdfdf;padding:11px;border:#EF5252;text-align:center;font-size:1.1em} #cart tr.title{border-bottom: 3px solid #EF5252;border-left:1em solid #EF5252;color:#EF5252;font-weight:700} #cart #content form div table tbody tr td div.service_select{width:100%!important} #cart #content form div.regulations ul li{margin-top:1em} #cart #content form div.regulations ul li #yes{width: 20px;height: 20px;margin-top: -20px} #cart #content form div.regulations ul li #no{margin-top: -7px} #cart #content form div.paragraph table tbody tr td div div div.radiobtn div.radiobtn_inner,#cart #content form div.paragraph table tbody tr.endline td div div.radiobtn div.radiobtn_inner{font-size:1.5em;font-weight:700} #content form div div div.col12.cart.confirm div.plist div.col12.productlists{font-size:1em} #cart #content form div div div.col12.cart.confirm div.plist div div.col4.goods p.name{font-size:.75em;line-height:1.5em} #cart #content form div div div.col12.cart.confirm div.col12.cartttl{display:table;width:100%} #cart #content form div div div.col12.cart.confirm div.plist div div.col5.service{border:0} #cart #content form div div div.col12.cart.confirm div.col12.cartttl div div div.subtotalCart{border-bottom:1px dotted #ccc;display:inline-block;width:100%} #cart #content form div div div.col12.cart.confirm div.plist div div.col1.price,#cart hr.syokeiline{display:none} #cart #content form div div div.col12.cart.confirm div.col12.cartttl div div div p.price.col6{text-align:right} #cart #content form div div div.col12.cart.confirm div.col12.cartttl div.order{border:2px solid #ec6e6e} #cart #order_form div div.col4 table tbody td{padding:0 1em} #cart #main form div.paragraph div div.paragraph dl.totalprice,#cart #order_form div dl.totalprice{background-color:#FFD5D5;font-size:1.5em;display:inline-block;width:100%;text-align:right;padding:.5em;color:red;margin-top:.5em} #cart #card-wrapper td{display:none} #cart #order_form div div.col4 table tbody tr td p.price{float:right} #cart .loginpanel input{width: 90% !important;border-radius: 5px} #cart .reminder{text-align: center;font-size: 0.75em;font-weight:bold;display:inline-block;width:100%} /* 170306 */ .demo-txt01:after {content:attr(data-label)} .demo-txt01 img {display:none;} .demo-txt01:after{ font-family: 'Noto Sans JP', "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: block; width:50%; color: #9D887D; font-size: .75em; font-weight: bold; border: 1px solid #9D887D; padding: 8px 20px; margin: 20px auto; text-align: center; background:#fff url(https://images.i879.com/image/common/psyche_arrow_b_l.png) no-repeat; background-size:10px 10px; background-position: 10px; } .demo-txt01:hover:after{ color:#fff; background:#9D887D url(https://images.i879.com/image/common/psyche_arrow_w_l.png) no-repeat; background-size:10px 10px; background-position: 10px; } .demo-txt02:after {content:attr(data-label)} .demo-txt02 img {display:none;} .demo-txt02:after{ width: 90%; margin: 0 5%; font-size: 1em; display: inline-block; color: #fff; font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; text-align: center; font-weight: bold; letter-spacing: .2em; padding:5px 20px; margin-bottom:20px; background:#DA3940 url(https://images.i879.com/image/common/psyche_arrow_w_r.png) no-repeat; background-size:13px 13px; background-position: 235px; } .demo-txt02:hover:after{ color:#DA3940; background:#fff url(https://images.i879.com/image/common/psyche_arrow_r_r.png) no-repeat; background-size:13px 13px; background-position: 235px; } /* 180622 for_multipayment */ .delete_for_multi{display:none} #cart #inputSaveCardFlg td.delete_for_multi{display:none} .payment-cregit-bb1{border-bottom: 1px solid silver;display:block;} .payicon{width:90%;margin-left:5% } .payicon_spp{width: 55%;margin-left:10%} .payicon_cvs{width: 51%;margin-left:10%} /* /CART ------------------------------------------------------- */ /* HOWTO ------------------------------------------------------- */ #howto #category_herobnr .inner img.roomimg{position:relative;top:50%;left:50%;width:1000px;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-55%,-15%)} #howto article{text-align:center} #howto h1{font-size:1.5em;font-weight:800;color:#eb6464} #howto h1.subheader{font-size:.5em;font-weight:800;color:#eb6464} #howto #category_herobnr .inner h1,#howto h2{font-size:1.25em;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;color:#eb6464} #howto h2{font-weight:400;text-shadow:none} #howto #category_herobnr .inner h1{font-weight:800;left:10%;top:35%;text-shadow:1px 1px #FFF} #howto #category_herobnr .inner h1 span{font-size:.5em} #howto .collfull,#howto .howto_article{margin-top:3em} #howto .midashiimg{display:block;margin:2em auto 0;width:80%} #howto .deliv_flow,#howto div.col10{border:3px solid #eb6464;border-radius:5px;margin:1em 0;padding:1em} #howto div.col10 h2,#howto div.collfull div h2.midashi{background-color:#FFF;display:block;width:80%;margin:-35px auto 0;padding-bottom:1em} #howto div.colfull.howto_flow{display:inline-block} #howto .howto_flow .col2{width:90%;margin-left:1.5%;display:inline-block} #howto .howto_flow .col2:before{content:"▼";position:relative;bottom:0;left:0;color:#eb6464} #howto .howto_flow .col2 h3{background-color:#eb6464;border-top-right-radius:5px;border-top-left-radius:5px;color:#FFF;line-height:3em;height:3em} #howto .howto_flow .col2:nth-child(2) h3{line-height:1.5em} /*#howto .howto_flow .col2:last-child h3{background-color:#eb6464;border-radius:5px;margin-top:1em}*/ #howto .howto_flow .col2 ul{background-color:#ccc;border-bottom-right-radius:5px;border-bottom-left-radius:5px;height:8em;line-height:1.25em;padding:1em .5em;text-align:left;list-style:disc inside;font-size:.75em} #howto .subline{border-bottom:2px solid #eb6464} #howto section.service_guide ul li{border-radius:50%;border:2px solid #eb6464;background-color:#e7e6e6;padding:15px;width:230px;height:230px;line-height:1.75em;position:relative;margin:0 auto} #howto section.service_guide ul li h3{font-weight:700;color:#eb6464;position:absolute;top:0;left:5em;font-family: 'Noto Sans JP','Libre Baskerville',serif} #howto section.service_guide ul li h3 span{font-size:2em;font-weight:100} #howto section.service_guide ul li h4{font-weight:700;color:#eb6464;margin:2em 0 1em} #howto section.mymenu_function{width:100%;text-align:left;display:inline-block} #howto section.mymenu_function ul li{margin-bottom:1em;font-size:.85em} #howto section.mymenu_function a{width:100%;border:1px solid #eb6464;padding-bottom:.25em;text-align:center;display:inline-block;color:#eb6464;border-radius:5px} #howto .subdisc{color:#600;text-align:center;font-weight:700;margin:1em 0} #howto div.crumb_box ul{text-align: left} /* /HOWTO ------------------------------------------------------- */ /* HOWTOTEL ------------------------------------------------------- */ .calltable i{font-size: 2.5em;color: #EB6464} .calltable p.col2{width: 15%;float: left} .calltable .ctc{font-size: 2.5em;font-weight: bold;display: block} /* /HOWTOTEL ------------------------------------------------------- */ /* GNAV ------------------------------------------------------- */ .fixed{position:fixed;top:-10px;width:100%;z-index:10000} nav#nav_wrapper{clear:both;width:100%;margin:10px 0px 0px 0px;background:#EB6464;box-shadow:2px 2px 3px #C9C9C9;-webkit-box-shadow:2px 2px 3px #C9C9C9;-moz-box-shadow:2px 2px 3px #C9C9C9} nav #nav_menu-bar{width:1000px;margin:0 auto;padding:0;height:45px;line-height:100%;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:0 solid #6D6D6D;position:relative;z-index:9999} nav #nav_menu-bar>li{width:16.6%;margin:0;padding:0;float:left;position:relative;list-style:none;border-left:1px #FFF dotted} /* 170823_odd ------------------------------------------------------- */ nav #nav_menu-bar>li{height: 45px} nav #nav_menu-bar>li:nth-child(7){border-right:1px #FFF dotted} nav #nav_menu-bar>li>a{font-weight:700;font-size:1em;color:#FFF;text-decoration:none;display:block; padding:47px 0 13px;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} nav #nav_menu-bar>li>a{padding:20px 0 13px 45px} nav #nav_menu-bar .active a,nav #nav_menu-bar>li:hover>a{background-color:#943439!important} nav #nav_menu-bar li:hover li a,nav #nav_menu-bar ul li:hover a{background:0 0;border:none;-box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none} html[xmlns] nav #nav_menu-bar,nav #nav_menu-bar li:hover>ul{display:block} nav #nav_menu-bar ul{background:#FFF;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;display:none;margin:0;padding:0;width:220px;position:absolute;top:45px;left:0;border:1px solid #943439;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} nav #nav_menu-bar ul li{float:none;margin:0;padding:0;text-align:left} nav #nav_menu-bar ul a{color:#555;padding:5px 10px;line-height:2em;font-size:1em;font-weight:500;} nav #nav_menu-bar ul a{padding:0px 10px;display: block} nav #nav_menu-bar ul a:hover{color:#EB6464;text-decoration:none} /* 170929_odd for_birth_11 220px→300px ------------------------------------------------------- */ nav #nav_menu-bar li.nav_i879birth ul{width:300px} nav #nav_menu-bar li.nav_i879events ul{width:300px} /* 170917_odd ------------------------------------------------------- */ nav #nav_menu-bar ul li.mnt.mother{margin-bottom: 8px} nav #nav_menu-bar ul li.mnt.mother.chousei{margin-bottom: 0} nav #nav_menu-bar ul.meganav{width: 995px} nav #nav_menu-bar ul.meganav .col4 a{padding: 0px;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col4{float: left;display: block} nav #nav_menu-bar ul.meganav .col4 .mothermnavtitle{font-size: 1.25em;font-weight: bold;display: block;padding: 0.5em 1em} nav #nav_menu-bar ul.meganav .col4 .mothermnavimg{width: 100px;float: left;margin-left:1em} nav #nav_menu-bar ul.meganav .col4 .mothermnavlist{display: block;float: none;padding: 0 0 0 10em;line-height: 1.5em} /* 170822_odd----- */ nav #nav_menu-bar ul.meganav .col6 a{padding: 0px;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col6{float: left;display: block} nav #nav_menu-bar ul.meganav .col6 .mothermnavtitle{font-size: 1.25em;font-weight: bold;display: block;padding: 0.5em 1em} nav #nav_menu-bar ul.meganav .col6 .mothermnavimg{width: 100px;float: left;margin-left:1em} nav #nav_menu-bar ul.meganav .col6 .mothermnavlist{display: block;float: none;padding: 0 0 0 10em;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col5 a{padding: 0px;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col5{float: left;display: block} nav #nav_menu-bar ul.meganav .col5 .mothermnavtitle{font-size: 1.25em;font-weight: bold;display: block;padding: 0.5em 1em} nav #nav_menu-bar ul.meganav .col5 .mothermnavimg{width: 100px;float: left;margin-left:1em} nav #nav_menu-bar ul.meganav .col5 .mothermnavlist{display: block;float: none;padding: 0 0 0 10em;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col3 a{padding: 0px;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col3{float: left;display: block} nav #nav_menu-bar ul.meganav .col3 .mothermnavtitle{font-size: 1em;font-weight: bold;display: block;padding: 0.5em 1em} nav #nav_menu-bar ul.meganav .col3 .mothermnavimg{width: 100px;float: left;margin-left:1em} nav #nav_menu-bar ul.meganav .col3 .mothermnavlist{display: block;float: none;padding: 0 0 7px 9em;line-height: 1.5em} nav #nav_menu-bar ul.meganav .col4 .mothermnavlist{margin-bottom:5px} /* //170822_odd-----*/ nav #nav_menu-bar ul.meganav .mnt.mother{background-color: #ffe6e6;font-size:1.25em;} nav #nav_menu-bar ul.meganav .mnt.blue01{background-color: #ccdffb;font-size:1.25em;} nav #nav_menu-bar ul.meganav .mnt.yellow01{background-color: #fff7e3;font-size:1.25em;} nav #nav_menu-bar ul.meganav .mnt.green01{background-color: #d9f3f1;font-size:1.25em;} nav #nav_menu-bar ul.meganav .mnt.pink01{background-color: #fdd6f3;font-size:1.25em;} /* 170914_odd-----*/ nav #nav_menu-bar ul.meganav .col6 .mothermnavlist{margin-bottom:8px} nav #nav_menu-bar ul.meganav .col6 a.mothermnavlist{font-size:1.1em} /* //170914_odd-----*/ nav #nav_menu-bar ul.meganav .magnvend{clear: both;display: inline-block;width: 100%;border-top: 1px dotted;margin-top: 2em} nav #nav_menu-bar>li.nav_i879events>a,nav #nav_menu-bar>li.nav_i879events>a:hover{background:url(//images.i879.com/image/common/icon_nav_season.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar>li.nav_i879birth>a,nav #nav_menu-bar>li.nav_i879birth>a:hover{background:url(//images.i879.com/image/common/icon_nav_birth.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar>li.nav_i879userge>a,nav #nav_menu-bar>li.nav_i879userge>a:hover{background:url(//images.i879.com/image/common/icon_nav_userge.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar>li.nav_i879style>a,nav #nav_menu-bar>li.nav_i879style>a:hover{background:url(//images.i879.com/image/common/icon_nav_style.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar>li.nav_i879budget>a,nav #nav_menu-bar>li.nav_i879budget>a:hover{background:url(//images.i879.com/image/common/icon_nav_budget.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar>li.nav_i879home>a,nav #nav_menu-bar>li.nav_i879home>a:hover{background:url(//images.i879.com/image/common/icon_nav_home.png) 5px 50%/40px 27px no-repeat} nav #nav_menu-bar:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} nav #nav_float_logo{display:none;position:absolute;top:0px;left:-140px} nav #gnav_cart{position:absolute;top:0px;right:-66px;color:#FFF;font-size:1.1em;display:none} nav #gnav_cart a{display:block;background-color:#943439;padding:13px 13px 14px 13px;text-decoration:none} nav #gnav_cart a{padding:14px 13px 14px 13px} nav #gnav_cart a:active,nav #gnav_cart a:hover,nav #gnav_cart a:link,nav #gnav_cart a:visited{color:#FFF} nav #gnav_cart a:hover{opacity: 0.85;filter: alpha(opacity=85);-ms-filter: "alpha(opacity=85)"} nav #gnav_cart .fa-shopping-cart{display:block;font-size:2em;margin:0 0 3px 4px} nav #nav_menu-bar ul li.nav_menu_relation{margin-top: -10px} * html nav #nav_menu-bar{height:1%} /* 170627 */ nav #nav_menu-bar ul.use_known{background:#FFF;filter:alpha(opacity=90); -moz-opacity:.9;opacity:.9;display:none; margin:0;padding:0;width:400px; position:absolute;top:45px;left:0;border:1px solid #943439;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} nav #nav_menu-bar>li.nav_i879userge ul li:nth-child(n + 1):not(:nth-child(n + 11)) {float:left;margin:0;padding:0;margin-left:10px;text-align:left;width:180px;clear:left;} nav #nav_menu-bar>li.nav_i879events ul li.use_known_ttl, nav #nav_menu-bar>li.nav_i879userge ul li.use_known_ttl{font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#EB6464} nav #nav_menu-bar>li.nav_i879userge ul li:nth-child(1).use_known_ttl {font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#EB6464} /* 171130 */ nav #nav_menu-bar>li.nav_i879birth ul li.use_known_ttl{font-weight: 500;margin-top:4px;margin-left:10px;} nav #nav_menu-bar>li.nav_i879birth ul li.use_known_ttl a {font-weight: 700;padding: 0 0;color:#EB6464;font-weight: bold;} nav #nav_menu-bar>li.nav_i879birth ul li.use_known_ttl a:hover {text-decoration:underline;} nav #nav_menu-bar>li.nav_i879userge ul li:nth-child(11).use_known_ttl {font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#97B9FF} nav #nav_menu-bar>li.nav_i879style ul li:nth-child(4).use_known_ttl, nav #nav_menu-bar>li.nav_i879style ul li:nth-child(7).use_known_ttl, nav #nav_menu-bar>li.nav_i879style ul li:nth-child(10).use_known_ttl, nav #nav_menu-bar>li.nav_i879style ul li:nth-child(14).use_known_ttl {font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#EB6464} /* 171007 */ nav #nav_menu-bar>li.nav_i879style ul li:nth-child(n + 1):not(:nth-child(n + 10)) {float:left;margin:0;padding:0;margin-left:10px;text-align:left;width:220px;clear:left;} nav #nav_menu-bar>li.nav_i879style ul li:nth-child(3).list_mb10, nav #nav_menu-bar>li.nav_i879style ul li:nth-child(6).list_mb10{margin-bottom:10px} nav #nav_menu-bar ul.budget_list{width:200px} nav #nav_menu-bar ul.budget_list{width:400px} nav #nav_menu-bar>li.nav_i879budget ul li:nth-child(n + 1):not(:nth-child(n + 12)) {float:left;margin:0;padding:0;margin-left:10px;text-align:left;width:180px;clear:left;} nav #nav_menu-bar>li.nav_i879budget ul li:nth-child(1).use_known_ttl, nav #nav_menu-bar>li.nav_i879budget ul li:nth-child(8).use_known_ttl, nav #nav_menu-bar>li.nav_i879budget ul li:nth-child(12).use_known_ttl {font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#EB6464;} nav #nav_menu-bar>li.nav_i879budget ul li:nth-child(12).use_known_ttl {font-weight: bold; margin-top:10px; margin-left:10px; margin-bottom:3px; color:#97B9FF} nav #nav_menu-bar ul li.list_line2 a {padding: 0;padding-left: 10px} nav #nav_menu-bar ul .list_line2 a{line-height: 1.5em} /* 170823 nav fixed */ nav.fixed #nav_menu-bar>li{height: 72px} nav.fixed #nav_menu-bar>li>a {padding: 33px 0 26px 45px} nav.fixed #nav_menu-bar ul {top: 72px} .motherbannar_gnav{background-color: #fff;text-align: center;} .motherbannar_sp{height: 30px;text-align: center;font-size: 1.5em;background-color: #d1423a;color: #fff;position: fixed;width: 100%;z-index: 99998;} /* /GNAV------------------------------------------------------- */ /* 170627 i879 BANNER_ver04 ------------------------------------------------------- */ ul.i879_bunner_ver04:after {content: '';display: block;clear: both;height:0} ul.i879_bunner_ver04 { /zoom: 1; } /* IE */ ul.i879_bunner_ver04 li {width:300px;margin:0 auto } ul.i879_bunner_ver04 li {border:1px solid #dfbf9f; height: 80px;line-height: 3em;position: relative;overflow: hidden;} ul.i879_bunner_ver04 li a:hover{opacity: 0.5;} ul.i879_bunner_ver04 li h1{font-family: 'Libre Baskerville', serif} ul.i879_bunner_ver04 li h1{ font-size: 1.5em; font-weight: 700; z-index: 2; position: absolute; top:20px; left:10px; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em;padding: 0; } ul.i879_bunner_ver04 li img{position: absolute; top: -45%;;right: 0;width: 50%;height: auto;overflow: hidden;} ul.i879_bunner_ver04 li{background: url(//images.i879.com/image/home/backimg_mk00.jpg);} ul.i879_bunner_ver04 li h1{color:#701a09} ul.i879_bunner_ver04 li {border: 1px solid #dfbf9f} /* /170627 i879 BANNER_ver04 ------------------------------------------------------- */ /* 190617 i879 BANNER_ver04 ------------------------------------------------------- */ ul.i879_bunner_ver05 li {width:300px;margin:0 auto;} ul.i879_bunner_ver05 li {border:1px solid #dfbf9f;height: 80px;line-height: 3em;position: relative;overflow: hidden;} ul.i879_bunner_ver05 li a:hover{opacity: 0.5;} ul.i879_bunner_ver05 li h1{ font-size: 1.5em; font-weight: 700; z-index: 2; position: absolute; top:10px; left:10px; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em;padding: 0; } ul.i879_bunner_ver05 li img{position: absolute;top: -45%;right: -1%;width: 50%;} ul.i879_bunner_ver05 li{background: url(//images.i879.com/image/home/backimg_mk00.jpg);} ul.i879_bunner_ver05 li h1{color:#701a09} ul.i879_bunner_ver05 li {border: 1px solid #dfbf9f} ul.i879_bunner_ver05 li .read_link{background: rgba(255,255,255,.6);padding: 5px 10px 6px;position: absolute;bottom:0;width:100%;line-height: 1em;font-weight: 700;} /* /170627 i879 BANNER_ver04 ------------------------------------------------------- */ /* 210305 i879 BANNER_col3 ------------------------------------------------------- */ ul.i879_bunner_col3 {overflow: hidden;width:100%;} ul.i879_bunner_col3 li {position: relative;float: left;overflow: hidden;border:1px solid #dfbf9f;line-height: 3em;width:50%;height: 100px;} ul.i879_bunner_col3 li.wide{width:100%;} ul.i879_bunner_col3 li.wide img{top: -30%;right: -5%;width: 60%;} ul.i879_bunner_col3 li.wide h3 {font-size: 1.2em;margin: 3% 0 0 5%;} ul.i879_bunner_col3 li a:hover{opacity: 0.5;} ul.i879_bunner_col3 li h3, ul.i879_bunner_col3 li p { font-family: 'Libre Baskerville', serif; } ul.i879_bunner_col3 li h3{ font-size: .9em; font-weight: 500; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #fff; line-height: 1.4em; padding: 0; text-align: left; margin: 3% 0 0 1%; color: #4e3691; } ul.i879_bunner_col3 li img{position: absolute;top: 20%;right: -1%;width: 50%;} ul.i879_bunner_col3 li .read_link{ font-size: .9em; position: absolute; bottom: 0; text-align: left; width: 100%; padding: 5px; line-height: 1em; display: block; 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; color: #777777; } /* /210305 i879 BANNER_col3 ------------------------------------------------------- */ /* 170825 i879 BANNER FLICK ------------------------------------------------------- */ ul.i879_bunner_flick:after {content: '';display: block;clear: both;height:0} ul.i879_bunner_flick { /zoom: 1; } /* IE */ ul.i879_bunner_flick {width:710px;margin:0 auto} ul.i879_bunner_flick li {width:230px;float: left;margin-right: 10px} ul.i879_bunner_flick li:last-child {margin-right: 0} ul.i879_bunner_flick li img{width:100%;height: auto} ul.i879_bunner_ver04 li a:hover{opacity: 0.5} /* 170825 i879 BANNER FLICK ------------------------------------------------------- */ /* 170627 i879 BANNER_ver0 ------------------------------------------------------- */ .btn_more_ver02{position: relative;margin-bottom:20px;} .btn_more_ver02 img.btn_more_ver02_ttl{width:50px;height:auto;position: absolute;top:0;left:0} .btn_more_ver02 img.btn_more_ver02_item{display: none} .btn_more_ver02 a{ background: #fffae5; font-weight: bold; color:#795548; text-align: center; display: block; border: 3px solid #ffdf5c; 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_ver02_line a span:after{ font-family:'FontAwesome'; content: " \f138"; text-decoration: none; color: #795548;text-shadow: none; } .btn_more_ver02 a:hover{background: #FFF;color:#795548;text-decoration: none} .btn_more_ver02_line a:hover span:after{color: #795548;text-shadow: none;} .btn_more_ver02 a:active{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition-delay: 0s} /* // BTN_MORE ------------------------------------------------------- */ /* 170731 heading_pod ------------------------------------------------------- */ h3.heading_pod:after {content: '';display: block;clear: both;height:0} h3.heading_pod { /zoom: 1; } h3.heading_pod {color:#654619;font-weight: bold;font-size:1.8em;display: block;float:left;padding-top: 10px;margin-bottom: 10px;vertical-align: middle; font-family:'Libre Baskerville', serif;} h3.heading_pod img {width:60px;height: auto;display: block;float:left;margin-top: -10px} h3.heading_pod span {font-size:0.7em} /* /170731 heading_pod ------------------------------------------------------- */ /* FLOAT QUICK ------------------------------------------------------- */ @media screen and (max-width:640px){ #float_quick h2,#order_go-form{background:#EB6464;text-align:center} #float_quick{position:fixed;bottom:0;width:100%;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;z-index:1000} #float_quick h2{margin:0;padding:7px 0;font-size:.8em;color:#FFF;text-shadow:none;font-weight:700;font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif} #float_quick h2 span,#float_quick_contents>p span{font-size:1.4em} #float_quick li{list-style-type:none} #float_quick_contents{padding:0;background:#FFF} #float_quick_contents>ul li{float:left;color:#EB6464;font-size:1em;font-weight:700;line-height:1.2em;margin-left:15px} #float_quick_contents>ul li:last-child{margin:10px 0 0 10px} #float_quick_contents>ul li span{font-size:1.5em} #float_quick_contents>p{line-height:1.2em;clear:both;color:#943439;font-size:1em;font-weight:700;text-align:center} #order_date{font-size:.8em;font-weight:500;text-align:center;background:#FFF5E0;padding:7px 5px;border:2px solid #EB6464;margin:3px 10px 10px;line-height:1.6em} #order_date span{font-size:1.4em;font-weight:700;color:#EB6464} #order_go-form{margin:0;color:#FFF;font-weight:700;padding:10px 0} /* 191011_for_iphoneX */ #order_go-form {padding-bottom: env(safe-area-inset-bottom);} #order_go-form span{margin-bottom:10px;display: inline-block;} /* 191011_//for_iphoneX */ #float_quick_contents .q_omakase .form_select select{position:relative;width:100%;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;height:2em;font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #EB6464;background:url(//images.i879.com/image/common/float_quick_arrow_sp.png) right 50% no-repeat,linear-gradient(to bottom,#fff 0,#efebe1 100%);background-size:33px,100%;padding-left:5px;outline:0;pointer-events:none\9} #float_quick_contents .q_omakase .form_select select::-ms-expand{display:none} #float_quick_contents .fa-caret-down{font-size:2em;color:#EB6464;width:100%;text-align:center} #float_quick_contents .q_omakase_sty{float:left;width:50%;text-align:center} #float_quick_contents .q_omakase_sty label{font-size:.8em} #float_quick_contents .q_omakase_btn{background:#DA3934;display:block;color:#FFF;font-size:1.1em;font-weight:700;width:100%;text-align:center;padding:10px 0;margin:10px 0} #float_quick_contents .q_omakase_btn:hover{text-decoration:none} #float_quick_contents .fa-shopping-cart{margin-right:5px;font-size:1.2em} #float_quick_contents #float_quick_attention{font-size:.8em;font-weight:500;padding:0 10px 5px 5px} #float_quick>.q_omakase_more{cursor:pointer;display:block;-webkit-transition:.1s;transition:.1s} #float_quick>.q_omakase_more .fa-expand{margin-left:15px} #float_quick>#q_omakase_panel{display:none} #float_quick>.panel{-webkit-transition:.3s ease;transition:.3s ease;height:0;overflow:hidden} #float_quick>input#q_omakase_panel:checked+.panel{height:auto;padding:5px} /*#page-top{display: none !important;}*/ #float_quick_ver02{background:#EB6464;text-align:center;position:fixed;bottom:0;width:100%;z-index:1000;padding: 10px; font-family: 'Noto Sans JP', "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} #float_quick_ver02 a{color:#fff;text-decoration: none;display: block;} .phone_number{font-size:1.5em;letter-spacing: .1em;} .phone_number_txt{margin-left:8px;} #float_quick_ver02 span.ctc_tt{font-size:.8em;background: #fff;color:#696969;padding:3px 20px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;display: inline-block;} } /* FLOAT QUICK ------------------------------------------------------- */ /* FAQ ------------------------------------------------------- */ #faq_koumokuNav ul li.btn01.col2 a{background-color: #eb6464;font-weight: bold;color: #FFF;width: 100%;display: inline-block;padding: 1em} #faq_koumokuNav ul li.btn01_on.col2{border: 1px solid #eb6464;padding: 1em } #faq_koumokuNav{padding: 1em} #faq #category div.paragraph table tbody tr td a{font-weight: bold;line-height: 2em} /* /FAQ ------------------------------------------------------- */ /* OMAKASE ------------------------------------------------------- */ #omakase #category div form div table tbody{padding:0;width:100%;margin:0 auto;display:inline-block} #omakase #category div form div table tbody th{width:100%;padding:1em;text-align:left;border:1px solid #CCC;float:left} #omakase #category div form div table tbody td{border:1px solid #CCC;padding:.5em 1em;vertical-align:middle;width:100%;float:left} #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele{display:inline-block;width:100%} #omakase #category div form div table tbody td select{padding:.25em;font-size:1.25em;width:90%!important;margin-left:5%!important} #omakase #category_herobnr div img.icon{width: 75%;top:0;} #omakase #category div form div.btn.cartpagebtn.col12{margin:0 0 4em 0;} /* 170706 */ #omakase #category div form div table tbody th{width:100%;padding:1em} #omakase #category div form div table tbody th img{width:20%;height:auto} #omakase #category div form div table tbody th span{font-size: 0.9em;color:#573f34} #omakase #category div form div table tbody th span.omakase_required{color: #eb6464;margin-left: 2px;font-size: 0.8em} /* /OMAKASE ------------------------------------------------------- */ /* QUICK ------------------------------------------------------- */ #quick #category div form div table tbody{padding:0;width:100%;margin:0 auto;display:inline-block} /* #quick #category div form div table tbody th{width:100%;padding:1em;text-align:left;border:1px solid #CCC;float:left} #quick #category div form div table tbody th img{width: 50%;} */ #quick #category div form div table tbody td{border:1px solid #CCC;padding:.5em 1em;vertical-align:middle;width:100%;float:left} #quick #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele{display:inline-block;width:100%} #quick #category div form div table tbody td select{padding:.25em;font-size:1.25em;width:90%!important;margin-left:5%!important} #quick #category_herobnr div img.icon{width: 75%;top:0;} #quick #category div form div.btn.cartpagebtn.col12{margin:0 0 4em 0;} /* 170629 */ #quick #category div form div table tbody th{width:100%;padding: .5em 1em .8em;text-align:left;border:1px solid #CCC;float:left} #quick #category div form div table tbody th{font-weight: bold;font-size:1.2em;color:#573f34;} #quick #category div form div table tbody th span{font-weight: normal;font-size:0.8em;color:#eb6464;margin-left:10px} #quick #category div form div table tbody th img{width: 20%;margin-right:10px;margin-top:.3em;margin-bottom:-0.5em;} /* /QUICK ------------------------------------------------------- */ /* ABOUT ------------------------------------------------------- */ article#about {text-align: left;padding: 1em} article#about table td,article#about table th,article#about table tr{border: 1px solid #CCC;padding:1em;} article#about table th{width: 30% !important} article#about h3{font-size: 1.25em;line-height: 2em;margin-top:2em;} article#about strong{margin-top:10px;} /* ABOUT ------------------------------------------------------- */ /* mother_index ------------------------------------------------------- */ /* mother_index_title */ .m_index_title{margin:0 0 0px 0px; padding: 10px 10px 10px 75px; position: relative} .m_index_title{background: #ffd9ec; background-image: url(//images.i879.com/image/mother/mother_mark05.png); background-repeat: no-repeat; background-size: 100px auto; background-position: 98% 60%;} .m_index_title_des h1{ color: #714141; /* text-shadow: 2px 2px 3px #6f514c;*/ font-weight: bold; font-family: 'Libre Baskerville', serif, "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; text-align: left; line-height: 1.2em; margin: 0 0 0 0} .m_index_title img{position:absolute; width:70px;height: auto; top:0px; left:0px;} .m_index_title h1+p{color: #714141;font-weight: bold; font-family: 'Libre Baskerville', serif,"Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} /* mother_index */ ul.m_index{width:100%} ul.m_index li ul li{width:50%; float:left;padding:2% 2%} ul.m_index li ul li dt{width:70px; float:left;margin-right:5px} ul.m_index li ul li dt img{width:100%; line-height: auto; border: 1px solid #727171;} ul.m_index li ul li dd{width:50%;width:-webkit-calc(100% - 75px);width:calc(100% - 75px);float:left} ul.m_index li ul li h2{ font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif; margin: 0em 0 0.5em 0;font-weight: 700;text-align: left; } ul.m_index li ul li h2 span{color:#ff0000} ul.m_index li ul li h2{display:none} .mother_return_link{margin :20px 15px 40px 0;text-align: right} .mother_column_box .m_index_title{position: relative} .mother_column_box .m_index_title h1+p{position: absolute;top:8px} .mother_column_box .m_index_title h1{position: absolute;top:30px} .column_box .column_index_title{position: relative} .column_box .column_index_title h1+p{position: absolute;top:8px} .column_box .column_index_title h1+p{font-family:'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .column_box .column_index_title h1{position: absolute;top:15px} /* 170328 */ .m_index_wrapper{overflow: hidden} /* 171109 */ .column_box{width:1000px;margin:0 auto } .mother_return_link,.column_box{font-family: 'Noto Sans JP',"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} .column_box .column_index_title h1 {font-family:'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: 800;} .column_box .column_index_title h1+p {font-family:'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: 500;} /* 180406 */ .mode_4colmore ul.m_index.mode_4col_mt30{margin-top:30px;} .keirou_index.set_index.ver02 ul.m_index.mode_3col > li {width: 100%;} .keirou_index.set_index.ver02 ul.m_index li ul li {width: 25%;float: left;min-height: 100px;padding: 1% 2%;overflow: hidden;} /* /mother_index ------------------------------------------------------- */ /* keirou_index ------------------------------------------------------- */ .keirou_index .m_index_title{background: #fef6df;background-image: none} /* //keirou_index ------------------------------------------------------- */ /* xmas_index ------------------------------------------------------- */ .xmas_index .m_index_title{background: #ffd9ec;background-image: none} /* xmas_index 2018 ------------------------------------------------------- */ .contents-index-ttl--outer{position: relative;min-height: 75px;background: #fffae5;margin: 40px 0 20px 0px;padding: 5px 10px 5px 65px;position: relative;} .contents-index-ttl--outer img {position: absolute;width: 60px;height: auto;top: 0px;left: 0px;} .contents-index-ttl h1, .contents-index-ttl p {font-family: 'Libre Baskerville', serif;font-weight: bold;} .contents-index-ttl h1 {font-size: 1.2em;margin: 0 0 0 0;color: #714141;} .contents-index-ttl p {display: none;} /* //xmas_index ------------------------------------------------------- */ /* 180228 */ .gotoAnchorWrap {margin:20px 0;padding: 15px 0;text-align: right;border-top:1px solid #fec0cb;border-bottom:1px solid #fec0cb; } .gotoAnchorWrap.osonae {border-top:1px solid #92a3bc;border-bottom:1px solid #92a3bc; } .column_box .gotoAnchorWrap {padding: 10px 0 0;} .gotoAnchor span:after {content: "\A" ;white-space: pre;} .gotoAnchor { height: auto; padding: 0 20px; position: relative; display: inline-block; line-height: 46px; font-size: 15px; line-height: 1.8em; } .mt_detail .gotoAnchor{ font-size: 14px; } .gotoAnchorWrap a{color: #7a7a7a;} .gotoAnchorWrap a:hover{opacity: .6;} .gotoAnchor:hover, .gotoAnchor:focus { text-decoration: none; } /*210614*/ .mh00ver .gotoAnchor::before { background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat; } .gotoAnchorWrap.mh00ver { border-top:1px solid #ffa500;border-bottom:1px solid #ffa500; } /*210618*/ .mk00ver .gotoAnchor::before { background: url(//images.i879.com/image/season/obon01_gototop.png) 0 0 / cover no-repeat; left: 0; } .gotoAnchorWrap.mk00ver { padding: 15px 0 5px; border-top:1px solid #cc9900;border-bottom:1px solid #cc9900; left:0; padding: 15px 0 5px; } .gotoAnchorWrap.i879ver { padding: 5px 0 6px 0; } .gotoAnchorWrap.ml10ver { padding: 5px 0 6px 0; } .gotoAnchorWrap.nh01ver { padding: 5px 0 6px 0; } .gotoAnchorWrap.mm00ver { padding: 5px 0 6px 0; } .i879ver .gotoAnchor { padding: 10px; } .ml10ver .gotoAnchor::before { top: 0; left: 0; background: url(//images.i879.com/image/season/keirou_gototop.png) 0 0 / cover no-repeat; } .ml10ver .gotoAnchor { padding: 10px 10px 0 48px; } .nh01ver .gotoAnchor::before { background: url(//images.i879.com/image/father/father_gototop.png) 0 0 / cover no-repeat; width: 42px; height: 42px; left: 0; top:5px; } .nh01ver .gotoAnchor { padding: 10px 10px 0 48px; } .mm00ver .gotoAnchor::before { top: 0; left: 0; background: url(//images.i879.com/image/xmas/mmto_topicon.png) 0 0 / cover no-repeat; } /*210630YR00*/ .gotoAnchorWrap_yr00 { margin:20px 0; padding: 15px 10px; text-align: right; border-top:1px solid #92a3bc; border-bottom:1px solid #92a3bc; font-size: 100%; } .gotoAnchor_yr00::after { content: '▲'; margin-left: .3em; } .gotoAnchorWrap_yr00:hover { text-decoration: none; } /*//210630YR00*/ .gotoAnchor::after {content: '▲';margin-left: .3em;} .gotoAnchor_end{background-image: url(//images.i879.com/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} .gotoAnchor.birth {padding: 10px 10px 0 48px;} .gotoAnchor.birth::before { content: ''; width: 42px; height: 42px; position: absolute; top: 0; left: 0; display: block; } .gotoAnchorWrap.osonae { border-top: 1px solid #bbceec; border-bottom: 1px solid #bbceec; } /* .osonae .gotoAnchor {padding: 10px 10px 0 48px;} */ .gotoAnchor.rose_style::before { background: url(//images.i879.com/image/season/rose_gototop.png) 0 0 / cover no-repeat; left: 0; } /* 180912 odd ------------------------------------------------------- */ /* .special_index_ver00 ul.special_index_ver00--outer >ul {overflow: hidden;} */ .special_index_ver00 ul.special_index_ver00--outer li ul {overflow: hidden;} .special_index_ver00 ul.special_index_ver00--outer li ul li{width:25%;float: left;min-height: 100px;} .special_index_ver00 ul.special_index_ver00--outer li ul li dl{overflow: hidden;} .special_index_ver00 ul.special_index_ver00--outer li ul li dt{width:70px;float: left;margin-right: 5px;} .special_index_ver00 ul.special_index_ver00--outer li ul li dt img{width:100%;border: 1px solid #727171;} .special_index_ver00 ul.special_index_ver00--outer li ul li h3 {font-size: 0.75em;margin-bottom: 3px;} .special_index_ver00 ul.special_index_ver00--outer li ul li p {font-weight: normal;font-size: 0.7em;} .special_index_ver00 ul.special_index_ver00--outer li ul li a:hover {text-decoration: none;} /* INQ ------------------------------------------------------- */ #orderHno,#orderDelivDate,#orderDelivName,#inquiryName,#inquiryEmail,#inquiryEmail2,#inquiryName,#inquiryDetail{width: 100%} #inquiryTel1,#inquiryTel2,#inquiryTel3,#inquiryTelSub1,#inquiryTelSub2,#inquiryTelSub3{width: 29%;} /* /INQ ------------------------------------------------------- */ /* ORCHARD ------------------------------------------------------- */ #orchard article#category{width: 95%;margin: 0 2.5%} #orchard article#category p.subnvtxt{width: 80%;margin: 0 10%;text-align: center;font-weight: bold} #orchard article#category p.subnvtxt a{text-decoration: underline;} #orchard article#category div img.productimg{width: 90%;margin: 0 5%} #orchard article#category select{padding: 0.25em;font-size: 1em;width: 100%;margin-bottom: 2em} #orchard article#category img.datetime{width: 80%;margin: 0 10%} #orchard article#category p.btns{position: relative;} #orchard #category div.special.colfull,#orchard #category div.colfull{width: 100%} #orchard .special{text-align: center} #orchard .special .col4{border:1px solid #f1696c;height: 200px;line-height: 3em;position: relative; overflow: hidden;} #orchard .special .col4 img{position: absolute;top: 125%;left: 50%;transform: translate(-50%,-50%);width: 150%;height: auto;overflow: hidden;} #orchard .special h3{font-size: 1.1em;font-weight: bold;z-index: 2; position: relative;} #orchard .special h4{font-family: 'Noto Sans JP', 'Libre Baskerville', serif;font-size: 2.8em;font-weight: 100;padding: 0em;z-index: 2; position: absolute;text-align: center;width: 100%;text-shadow: 1px 1px #FFF} #orchard .special p{line-height: 1.5em;text-shadow: 1px 1px #fff;z-index: 2; position: relative;margin-bottom: 1em} #orchard .special p.read_link{ position: absolute; bottom: -17px; text-align: right; width: 100%; padding: 5px; display: block; 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; } #orchard div.special.colfull a div.col4.quick{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcdfdf', endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcdfdf', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#fcdfdf,transparent);background-image:-ms-linear-gradient(top,#fcdfdf,transparent);background-image:-o-linear-gradient(top,#fcdfdf,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#fcdfdf),to(transparent));background-image:-webkit-linear-gradient(top,#fcdfdf,transparent);background-image:linear-gradient(top,#fcdfdf,transparent)} #orchard div.special.colfull a div.col4.day3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce69a',endColorstr='transparent');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fce69a', endColorstr = 'transparent')";background-image:-moz-linear-gradient(top,#fce69a,transparent);background-image:-ms-linear-gradient(top,#fce69a,transparent);background-image:-o-linear-gradient(top,#fce69a,transparent);background-image:-webkit-gradient(linear,center top,center bottom,from(#fce69a),to(transparent));background-image:-webkit-linear-gradient(top,#fce69a,transparent);background-image:linear-gradient(top,#fce69a,transparent)} #orchard #category div.special.colfull a div.col4.day3 h4,#orchard #category div.special.colfull a div.col4.day3 h3{color:#b8860b} #orchard #category div.special.colfull a div.col4.quick h4,#orchard #category div.special.colfull a div.col4.quick h3{color:#c7000b} #orchard #category h2 span.subttl{font-size: 0.55em} #orchard #category div div div.col4.ocsubnv{background-color: #fce1e1;border: 1px solid #f1696c;} #orchard #category div div div.col4.ocsubnvos{background-color: #cef5fb;border: 1px solid #f1696c;} #orchard #category div div div.col4.ocsubnv h3{color: #ca000b;font-family: 'Noto Sans JP', 'Libre Baskerville', serif; font-size: 2em;font-weight: 100;text-align: center} #orchard #category div div div.col4.ocsubnvos h3{color: #8080ea;font-family: 'Noto Sans JP', 'Libre Baskerville', serif; font-size: 2em;font-weight: 100;text-align: center} /* 171031 */ #orchard #category div.special.colfull a div.col4.day3 h4,#orchard #category div.special.colfull a div.col4.day3 h3{font-family: 'Libre Baskerville', serif;font-weight: 500} #orchard .special p {font-family: 'Libre Baskerville', serif;font-weight: 500} #orchard #category div.special.colfull a div.col4.quick h4{font-family: 'Libre Baskerville', serif;font-weight: 500;} #orchard #category h2 {font-size: 1.6em} #orchard #category h2 span.subttl{font-size: 0.7em} /* 171208 */ #orchard #category h2.subttl_kotyouran{display: none;} #orchard #category h2.subttl_kotyouran,#orchard #category p.subttl{font-family: 'Libre Baskerville', serif;font-weight: 700} #orchard #category p.subttl{text-align: center;color:#dc404d;font-size:1.05em;margin-top:20px;} /* /ORCHARD ------------------------------------------------------- */ /* STAND ------------------------------------------------------- */ #stand article#category{width: 95%;margin: 0 2.5%} #stand article#category p.subnvtxt{width: 80%;margin: 0 10%;text-align: center;font-weight: bold} #stand article#category div img.productimg{width: 90%;margin: 0 5%} #stand article#category select{padding: 0.25em;font-size: 1em;width: 100%} #stand article#category img.datetime{width: 80%;margin: 0 10%} #stand article#category p.btns{position: relative;} #stand article#category p.btns .stand{width: 90%;margin:5%} #stand article#category ul li a img.nvimg{width: 100%} /* /STAND ------------------------------------------------------ /* BIRTH ------------------------------------------------------- */ #reco99 img,#reco98 img{width: 45%;margin: 0 5% 0 0;float: left} #birth #reco99 a.rank_btn_detail,#birth #reco98 a.rank_btn_detail{margin: 10px 3% 10px 2%} #birth #reco99 a.rank_btn_cart,#birth #reco98 a.rank_btn_cart{width: 63%;margin:10px 2% 10px 0%} #birth .rank_btns{margin-bottom:70px} /* /BIRTH ------------------------------------------------------ /* i879 BANNER ------------------------------------------------------- */ ul.i879_bunner:after {content: '';display: block;clear: both;height:0} ul.i879_bunner { /zoom: 1; } /* IE */ ul.i879_bunner {width:930px;margin:0 auto } ul.i879_bunner li {width:31%;float: left;margin-right: 1%} ul.i879_bunner li:last-child{margin-right: 0} ul.i879_bunner li {border:1px solid #dfbf9f;height: 100px;line-height: 3em;position: relative;overflow: hidden} ul.i879_bunner li a:hover{opacity: 0.5} ul.i879_bunner li h1{font-family: 'Libre Baskerville', serif;font-size: 1.1em;font-weight: bold;z-index: 2; position: relative;margin:0; text-shadow: 1px 1px #FFF;margin-left:1%} ul.i879_bunner li h2{ font-family: 'Libre Baskerville', serif; font-size: 2em; font-weight: 700; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em; margin: 0; padding: 0; text-align: left; } /*h2_2line*/ ul.i879_bunner li.bnr_2line02 h2{font-size: 1.8em;} ul.i879_bunner li.bnr_2lines h2{font-size: 1.8em;line-height: 0.6em} ul.i879_bunner li.bnr_2lines h2 span.bnr_2lines_small{font-size: 0.6em} ul.i879_bunner li.bnr_2lines h2 span.bnr_2lines_small::before {content: "\A" ;white-space: pre} #category ul.i879_bunner li h2 {margin: 0 0 0 1%} ul.i879_bunner li img{position: absolute;top: 75%;left: 80%;transform: translate(-50%,-50%);width: 50%;height: auto;overflow: hidden} ul.i879_bunner li img.tyousei_6th {top: 75%;left: 83%;width: 60%;} ul.i879_bunner li.big_img img{top: 75%;left: 80%;width: 70%;} ul.i879_bunner li.big_img.big_img_left img{top: 75%;left: 90%;width: 70%;} #category ul.i879_bunner li h2.new_line {font-size:1.8em;line-height: 1em;} ul.i879_bunner li h1.lineheight_tyousei {line-height: 1.5em;margin-top:0.5em;} ul.i879_bunner li.pink{ background: #fcdfdf; background: -moz-linear-gradient(top, #fcdfdf 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #fcdfdf 1%,#ffffff 100%); background: linear-gradient(to bottom, #fcdfdf 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdfdf', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.blue{ background: #caf4fb; background: -moz-linear-gradient(top, #caf4fb 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #caf4fb 1%,#ffffff 100%); background: linear-gradient(to bottom, #caf4fb 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caf4fb', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.green{ background: #b8d674; background: -moz-linear-gradient(top, #b8d674 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #b8d674 1%,#ffffff 100%); background: linear-gradient(to bottom, #b8d674 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d674', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.purple{ background: #ee82ee; background: -moz-linear-gradient(top, #ee82ee 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #ee82ee 1%,#ffffff 100%); background: linear-gradient(to bottom, #ee82ee 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee82ee', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.red{ background: #ffc0cb; background: -moz-linear-gradient(top, #ffc0cb 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffc0cb 1%,#ffffff 100%); background: linear-gradient(to bottom, #ffc0cb 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc0cb', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.yellow{ background: #fcea77; background: -moz-linear-gradient(top, #fcea77 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #fcea77 1%,#ffffff 100%); background: linear-gradient(to bottom, #fcea77 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcea77', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.orange{ background: #fcdfdf; background: -moz-linear-gradient(top, #fcdfdf 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #fcdfdf 1%,#ffffff 100%); background: linear-gradient(to bottom, #fcdfdf 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdfdf', endColorstr='#ffffff',GradientType=0 ); } ul.i879_bunner li.pink01{background: #ffe6e6} ul.i879_bunner li.pink01 h2,ul.i879_bunner li.pink01 h1{color:#fd517b} ul.i879_bunner li.red h1{color:#e51d9b} ul.i879_bunner li.red h2{color:#990000} /* 180215 odd*/ ul.i879_bunner.h1to_p{position: relative;} ul.i879_bunner.h1to_p li.pink01 p{color:#fd517b} ul.i879_bunner.h1to_p li.pink01 p {font-family: 'Libre Baskerville', serif;font-size: 1.1em;font-weight: bold;text-shadow: 1px 1px #FFF;margin-left: 1%;position: absolute;z-index: 2;top:0;left:0;line-height: 2em;} ul.i879_bunner.h1to_p li.pink01 h1 {font-size: 2em;position: absolute;z-index: 2;top:1em;left:0;} ul.i879_bunner li.pink h2,ul.i879_bunner li.pink h1{color:#f37334} ul.i879_bunner li.blue h2,ul.i879_bunner li.blue h1{color:#8080ea} ul.i879_bunner li.green h2,ul.i879_bunner li.green h1{color:#6fa000} ul.i879_bunner li.purple h2,ul.i879_bunner li.purple h1{color:#800080} ul.i879_bunner li.yellow h2,ul.i879_bunner li.yellow h1{color:#ff8c00} ul.i879_bunner li.orange h2,ul.i879_bunner li.orange h1{color:#f1696c} .i879_recomend_title{ color: #eb6464; border-bottom: 3px solid; border-left: 1em solid; font-size: 1.25em; margin: .5em 0; padding: .5em; font-weight: 800; width: 99.3%; } .foliage_plant_bunner ul.i879_bunner li{width:40%;height: 130px} .foliage_plant_bunner ul.i879_bunner li h2{font-size: 0.7em} .foliage_plant_bunner ul.i879_bunner li h2{font-size: 2em;line-height: 1.2em} .foliage_plant_bunner ul.i879_bunner li img{position: absolute;top: 65%;left: 80%;transform: translate(-50%,-50%);width: 48%;height: auto;overflow: hidden} .foliage_plant_bunner ul.i879_bunner li.green{ background: #b8d674; background: -moz-linear-gradient(top, #D0F086 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #D0F086 1%,#ffffff 100%); background: linear-gradient(to bottom, #D0F086 1%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0F086', endColorstr='#ffffff',GradientType=0 ); } /* i879 BANNER_ver02 ------------------------------------------------------- */ ul.i879_bunner_ver02:after {content: '';display: block;clear: both;height:0} ul.i879_bunner_ver02 { /zoom: 1; } /* IE */ ul.i879_bunner_ver02 li {width:31%;float: left;margin-right: 1%} ul.i879_bunner_ver02 li:last-child{margin-right: 0} ul.i879_bunner_ver02 li {border:1px solid #dfbf9f;height: 100px;line-height: 3em;position: relative;overflow: hidden} ul.i879_bunner_ver02 li a:hover{opacity: 0.5;} ul.i879_bunner_ver02 li h1, ul.i879_bunner_ver02 li p{font-family: 'Libre Baskerville', serif} ul.i879_bunner_ver02 li h1{ font-size: 2em;font-weight: 700;z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em; padding: 0; text-align: left; margin: 15% 0 0 1%; } ul.i879_bunner_ver02 li p{font-size: 1.1em;font-weight: bold;z-index: 2; position: relative; margin:0;text-shadow: 1px 1px #FFF;margin-left:1%} #category ul.i879_bunner_ver02 li h1 {margin: 0 0 0 1%} ul.i879_bunner_ver02 li img{position: absolute;top: 75%;left: 80%;transform: translate(-50%,-50%);width: 50%;height: auto;overflow: hidden} ul.i879_bunner_ver02 li.pink01{background: #ffe6e6} ul.i879_bunner_ver02 li.pink01 h1,ul.i879_bunner_ver02 li.pink01 p{color:#fd517b} ul.i879_bunner_ver02 li.yellow01{background: #fffde9} ul.i879_bunner_ver02 li.yellow01 {border: 1px solid #fedf8f} ul.i879_bunner_ver02 li.yellow01 h1,ul.i879_bunner_ver02 li.yellow01 p{color:#fd517b} ul.i879_bunner_ver02 li.pink p,ul.i879_bunner_ver02 li.pink h1{color:#f37334} ul.i879_bunner_ver02 li.blue p,ul.i879_bunner_ver02 li.blue h1{color:#8080ea} ul.i879_bunner_ver02 li.green p,ul.i879_bunner_ver02 li.green h1{color:#6fa000} ul.i879_bunner_ver02 li.purple p,ul.i879_bunner_ver02 li.purple h1{color:#800080} ul.i879_bunner_ver02 li.yellow p,ul.i879_bunner_ver02 li.yellow h1{color:#ff8c00} ul.i879_bunner_ver02 li.orange p,ul.i879_bunner_ver02 li.orange h1{color:#f1696c} /* i879 BANNER_ver03 ------------------------------------------------------- */ ul.i879_bunner_ver03:after {content: '';display: block;clear: both;height:0} ul.i879_bunner_ver03 { /zoom: 1; } /* IE */ ul.i879_bunner_ver03 li {width:31%;float: left;margin-right: 1%} ul.i879_bunner_ver03 li:last-child{margin-right: 0} ul.i879_bunner_ver03 li {border:1px solid #dfbf9f;height: 100px;line-height: 2em;position: relative;overflow: hidden} ul.i879_bunner_ver03 li a:hover{opacity: 0.5;} ul.i879_bunner_ver03 li h1, ul.i879_bunner_ver03 li p{font-family:'Libre Baskerville', serif} ul.i879_bunner_ver03 li h1{ font-size: 2em;font-weight: 700;z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em; padding: 0; text-align: left; margin: 10% 0 0 1%; } ul.i879_bunner_ver03 li p{font-size: 1.1em;font-weight: bold;z-index: 2; position: relative; margin:0;text-shadow: 1px 1px #FFF;padding-left:1%} /* #category ul.i879_bunner_ver03 li h1 {margin: 0 0 0 1%}*/ ul.i879_bunner_ver03 li img{position: absolute;top: 75%;left: 80%;transform: translate(-50%,-50%);width: 50%;height: auto;overflow: hidden} ul.i879_bunner_ver03 li{background: #ffe6e6} ul.i879_bunner_ver03 li h1,ul.i879_bunner_ver03 li p{color:#701a09} ul.i879_bunner_ver03 li{background: #ffe6e6} ul.i879_bunner_ver03 li {border: 1px solid #dfbf9f} ul.i879_bunner_ver03 li.quickred h1,ul.i879_bunner_ver03 li.quickred p{color:#fd517b} ul.i879_bunner_ver03 li p.read_link, ul.i879_bunner_ver03.oiwai_bnr li p.read_link{font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; font-size: .9em; position: absolute; bottom: 0; text-align: left; width: 100%; padding: 5px; line-height: 1em; display: block; 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; } /* 171016 */ ul.i879_bunner_ver03.oiwai_bnr li{background: #ffffef} ul.i879_bunner_ver03.oiwai_bnr li{border: 1px solid #fac549} ul.i879_bunner_ver03.oiwai_bnr li p {color: #cd9f12} ul.i879_bunner_ver03.oiwai_bnr li h3{font-size: 1.8em} ul.i879_bunner_ver03.oiwai_bnr li h3 span{font-size: .7em} ul.i879_bunner_ver03.oiwai_bnr li h1{font-size: 1.8em;} ul.i879_bunner_ver03.oiwai_bnr li br.display_sp{display:none;} /* ul.i879_bunner_ver03.oiwai_bnr li h1 span:after{content: "\A" ;white-space: pre} */ /* 171017 */ .i879_bunner_ttl{ padding: 5px; margin-bottom:5px; background: #e4f1fa; font-weight: bold; text-align: center; } ul.i879_bunner_ver03.osonae_bnr li h3, ul.i879_bunner_ver03.osonae_bnr li p{font-family: 'Libre Baskerville', serif} ul.i879_bunner_ver03.osonae_bnr{margin:0 auto 5px;width:830px} ul.i879_bunner_ver03.osonae_bnr li {width:400px} ul.i879_bunner_ver03.osonae_bnr.bnr03 li {width:271px} ul.i879_bunner_ver03.osonae_bnr.bnr03 li.green01 {background:#E9F8F0;} ul.i879_bunner_ver03.osonae_bnr li.osonae_bnr_qu h3 span:before{content: "\A";white-space: pre ;} ul.i879_bunner_ver03.osonae_bnr li h3{ font-size: 1.35em; font-weight: 500; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.4em; padding: 0; text-align: left; margin: 3% 0 0 1%; } ul.i879_bunner_ver03.osonae_bnr li{background: #e4f1fa} ul.i879_bunner_ver03.osonae_bnr li.green01{background: #E9F8F0} ul.i879_bunner_ver03.osonae_bnr li.for_49day{background: #faeaf7} ul.i879_bunner_ver03.osonae_bnr li h3, ul.i879_bunner_ver03.osonae_bnr li p {color: #4e3691;} ul.i879_bunner_ver03.osonae_bnr li{border: 1px solid #c1c1c1} ul.i879_bunner_ver03.osonae_bnr li img { position: absolute; top: 70%; left: 80%; transform: translate(-50%,-50%); width: 45%; height: auto; overflow: hidden; } ul.i879_bunner_ver03.osonae_bnr li p {color: #777777} ul.i879_bunner_ver03.osonae_bnr li h3 span{font-size: .7em} br.br_iphone5{display: none} ul.i879_bunner_ver03.osonae_bnr.bnr04 { margin: 0 auto 25px; width: 1000px; } ul.i879_bunner_ver03.osonae_bnr.bnr04 li {width:242px} ul.i879_bunner_ver03.osonae_bnr.bnr04 li.green01 {background:#E9F8F0;} ul.i879_bunner_ver03.osonae_bnr.bnr04 li h3 {font-size: 1.2em;} ul.i879_bunner_ver03.osonae_bnr.bnr05{ margin: 0 auto 25px; width: 1000px; } ul.i879_bunner_ver03.osonae_bnr.bnr05 li {width:192px} ul.i879_bunner_ver03.osonae_bnr.bnr05 li.green01 {background:#E9F8F0;} ul.i879_bunner_ver03.osonae_bnr.bnr05 li h3 {font-size: 1em;} ul.i879_bunner_ver03.osonae_bnr li img.set {top: 60%;} /* 180730 */ ul.i879_bunner_ver03.osonae_bnr.btn3-version li h3, ul.i879_bunner_ver03.osonae_bnr.btn3-version li p{font-family: 'Libre Baskerville', serif} ul.i879_bunner_ver03.osonae_bnr.btn3-version{margin:0 auto 25px;width:1000px} ul.i879_bunner_ver03.osonae_bnr.btn3-version li {width:326px} ul.i879_bunner_ver03.osonae_bnr.btn3-version li h3{ font-size: 1.35em; font-weight: 500; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.4em; padding: 0; text-align: left; margin: 3% 0 0 1%; } ul.i879_bunner_ver03.osonae_bnr.btn3-version li{background: #e4f1fa;} ul.i879_bunner_ver03.osonae_bnr.btn3-version li.for_49day{background: #faeaf7;} ul.i879_bunner_ver03.osonae_bnr.btn3-version li.for_obon{background: #d8f2e5;} ul.i879_bunner_ver03.osonae_bnr.btn3-version li h3, ul.i879_bunner_ver03.osonae_bnr.btn3-version li p {color: #4e3691;} ul.i879_bunner_ver03.osonae_bnr.btn3-version li{border: 1px solid #c1c1c1} ul.i879_bunner_ver03.osonae_bnr.btn3-version li img { position: absolute; top: 70%; left: 80%; transform: translate(-50%,-50%); width: 45%; height: auto; overflow: hidden; } ul.i879_bunner_ver03.osonae_bnr.btn3-version li p {color: #777777} ul.i879_bunner_ver03.osonae_bnr.btn3-version li h3 span{font-size: .7em} br.br_iphone5{display: none} ul.i879_bunner_1col {overflow: hidden;margin-bottom:30px;} ul.i879_bunner_1col li {width:100%;} ul.i879_bunner_1col li {border:1px solid #dfbf9f;height: 100px;line-height: 2em;position: relative;overflow: hidden;} ul.i879_bunner_1col.osonae_bnr li{background:#e4f1fa;} ul.i879_bunner_1col li a:hover{opacity: 0.5;} ul.i879_bunner_1col li img { position: absolute; top: 70%; left: 80%; transform: translate(-50%,-50%); width: 45%; height: auto; overflow: hidden; } ul.i879_bunner_1col li p.read_link { font-size: .9em; position: absolute; bottom: 0; text-align: left; width: 100%; padding: 5px; line-height: 1em; display: block; 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; } ul.i879_bunner_1col li h3, ul.i879_bunner_1col li p { font-family: 'Libre Baskerville', serif; } ul.i879_bunner_1col.osonae_bnr li p.read_link { color: #4e3691; } ul.i879_bunner_1col li h3 { color: #4e3691; font-size: 1.35em; font-weight: 500; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em; padding: 0; text-align: left; margin: 3% 0 0 2%; } ul.i879_bunner_1col li h3 span { font-size: .7em; } ul.i879_bunner_1col li h3 span::before { content: "\A" ; white-space: pre ; } ul.i879_bunner_img{ margin-bottom: 30px; } ul.i879_bunner_img li img{ width:100%; } /* i879 BANNER_birthset ------------------------------------------------------- */ .birth_choice{width:100%; margin:35px auto 0;max-width:1000px;} .birth_choice p {font-size:0.8em;padding-left:10px;} @-webkit-keyframes modify{ 0% {padding-top: 90px; margin-top: -90px;} 100% {padding-top: 0; margin-top: 0;} } @keyframes modify{ 0% {padding-top: 90px; margin-top: -90px;} 100% {padding-top: 0; margin-top: 0; } } #birthbutton:target{-webkit-animation: modify 1.5s; animation: modify 1.5s;} #birthbutton{display:block;} ul.i879_bunner_birthset:after {content: '';display: block;clear: both;height:0} ul.i879_bunner_birthset { /zoom: 1; } /* IE */ ul.i879_bunner_birthset {margin:0 auto 30px;width:100%;} ul.i879_bunner_birthset li {width:48%;float: left;margin: 1%} ul.i879_bunner_birthset li:last-child{margin-right: 0} ul.i879_bunner_birthset li {border:1px solid #dfbf9f;height: 100px;line-height: 3em;position: relative;overflow: hidden} ul.i879_bunner_birthset li a:hover{opacity: 0.5} ul.i879_bunner_birthset li h2{font-family: 'Libre Baskerville', serif;font-size: 2em; font-weight: 700; z-index: 2; position: absolute; width: 100%; text-shadow: 1px 1px #FFF; line-height: 1.2em; margin: 1em; padding: 0; text-align: left;color:#fd517b;} ul.i879_bunner_birthset li img{position: absolute;top: 75%;left: 80%;transform: translate(-50%,-50%);width: 50%;height: auto;overflow: hidden} ul.i879_bunner_birthset li.birth_notselected{background: #fff} ul.i879_bunner_birthset li.birth_notselected:hover{background: #ffe6e6} ul.i879_bunner_birthset li.birth_selected{background: #ffe6e6} /* 170421 */ /* Mother_RETOP STYLE ------------------------------------------------------- */ h2.m_retop_ttl {padding:8px 10px 6px;background: #f1696c;color:#fff;margin: 1em 0 0 0;font-weight: bold} h2.m_retop_ttl02 {padding:8px 10px 6px;background: #f1696c;color:#fff;margin: 1em -10px 10px -10px;font-weight: bold} .m_retop_wrapper{border:solid 3px #f1696c ;padding: 3%;background:#fff1ef} ul.m_retop:after {content: '';display: block;clear: both;height:0} ul.m_retop { /zoom: 1; } /* IE */ ul.m_retop li{width:47.5%;float: left} ul.m_retop li:nth-child(odd){margin-right: 5%} ul.m_retop li img{width:100%;line-height: auto} ul.m_retop li:nth-child(5){width:100%;margin-right: 0;text-align: left} ul.m_retop li dl dt{position: relative} ul.m_retop li dl dt span.m_retop_title{position: absolute;display:block;width:100%;padding:5px 2px;bottom:0;z-index: 2; background-color: rgba( 255, 255, 255, 0.5 ); color: #000; font-weight: bold; font-size: 0.6em;text-align: center; text-shadow: 1px 1px #FFF} ul.m_retop li dl dd{font-size: 0.9em;padding:2px} ul.m_retop li dl dd:nth-child(5){text-align: center} ul.m_retop li dl dt.special_moon img{display: none} ul.m_retop li dl dt.special_moon:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.special_moon:before{background: #f9e7f7;background-image:url(https://images.i879.com/image/mother/m_retop_moon_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.special_carnation img{display: none} ul.m_retop li dl dt.special_carnation:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.special_carnation:before{background: #f9e7f7;background-image:url(https://images.i879.com/image/mother/m_retop_521239_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.special_m_in_law img{display: none} ul.m_retop li dl dt.special_m_in_law:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.special_m_in_law:before{background: #f9e7f7;background-image:url(https://images.i879.com/image/mother/m_retop_613231_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.special_saian img{display: none} ul.m_retop li dl dt.special_saian:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.special_saian:before{background: #eec7da;background-image:url(https://images.i879.com/image/mother/m_retop_saian_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.special_beems img{display: none} ul.m_retop li dl dt.special_beems:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.special_beems:before{background: #f6d2a7;background-image:url(https://images.i879.com/image/mother/m_retop_beams_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.special_saian{} ul.m_retop li dl dt.special_beems{} /* 170830 */ /* KEIROU_RETOP STYLE */ h2.m_retop_ttl.keirou_style {background: #ffd322;color:#986d5c;font-size: 1.2em} .m_retop_wrapper.keirou_style{border:solid 3px #ffd322;background:#f9ece4} .keirou_style ul.m_retop li:nth-child(odd){margin-right: 0} .keirou_style ul.m_retop li:nth-child(even){margin-right: 5%} .keirou_style ul.m_retop li:nth-child(1){width:100%;margin-right: 0;text-align: center} s.keirou_style ul.m_retop li dl dd:nth-child(1){text-align: center} ul.m_retop li:nth-child(5){width:47.5%;float: left} /* ul.m_retop li dl dt.special_keirou img{display: none} ul.m_retop li dl dt.special_keirou:before{content: "";display: block;padding-top: 35%} ul.m_retop li dl dt.special_keirou:before{background: #f6d2a7;background-image:url(https://images.i879.com/image/keirou/m_retop_keirou_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} */ /* 180425 */ h2.m_retop_ttl.ver02 {background: #e63b7f;padding: 5px 10px 6px;} h2.m_retop_ttl.ver02{font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: 500;font-size:1.2em;} .m_retop_wrapper.ver02{border:none;background: repeating-linear-gradient(90deg, #fff6f7, #fff6f7 10px, #ffeff0 0, #ffeff0 20px);} .m_retop_wrapper.ver02 ul.m_retop li dl dt span.m_retop_title {color: #e63b7f;} .m_retop_wrapper.ver02 ul.m_retop li dl dd {font-size: .75em;text-align:center;color:#4d291b;} ul.m_retop li dl dt.vol01 img, ul.m_retop li dl dt.vol02 img, ul.m_retop li dl dt.vol03 img{display: none} ul.m_retop li dl dt.vol01:before, ul.m_retop li dl dt.vol02:before, ul.m_retop li dl dt.vol03:before{content: "";display: block;padding-top: 70%} ul.m_retop li dl dt.vol01:before{background: #eec7da;background-image:url(//images.i879.com/image/mother/m_retop_521257_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.vol02:before{background: #eec7da;background-image:url(//images.i879.com/image/mother/m_retop_poda01_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li dl dt.vol03:before{background: #eec7da;background-image:url(//images.i879.com/image/mother/m_retop_a63613241_re.jpg); background-repeat:no-repeat;background-size: 100% auto; background-position:0 0} ul.m_retop li.special_nav {width: 100%;float: none;} .m_retop_wrapper.ver02 ul.m_retop li:nth-child(odd) {margin-right: 0%;} .m_retop_wrapper.ver02 ul.m_retop li:nth-child(even) {margin-right: 5%;} /* /Mother_RETOP STYLE ------------------------------------------------------- */ /* 170427 */ /* Mother_COLUMN2017 ------------------------------------------------------- */ ul.mother_column03:after {content: '';display: block;clear: both;height:0} ul.mother_column03 { /zoom: 1; } /* IE */ ul.mother_column03 li{width:50%;float: left} ul.mother_column03 li img{width:100%;line-height: auto} ul.mother_column03 li dl dt{position: relative} ul.mother_column03 li dl dt span.mother_column03_title{position: absolute;display:block;width:100%;bottom:0;z-index: 2; background-color: rgba( 255, 255, 255, 0.6 ); padding: 0.8em 0;color: #a9063b;text-shadow: 1px 1px #FFF; font-weight: 700; font-size: 0.7em;text-align: center} ul.mother_column03 li dl dd{font-size: 0.9em;padding:0.8% 1% 1%} ul.mother_column03 li dl dd{width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} /* /Mother_COLUMN2017 ------------------------------------------------------- */ /* 170601 */ /* FATHER_COLUMN2017 ------------------------------------------------------- */ #father .mother_column03 li dl dt span.mother_column03_title {color: #146ceb} /* /FATHER_COLUMN2017 ------------------------------------------------------- */ /* 花解説　170629 ------------------------------------------------------- */ div#i879_kaisetsu { margin-top:10px; margin-bottom:10px; border: solid 3px #fdd5ef; background-color: #fff3f7; padding: 10px; min-height: 105px; } #i879_kaisetsu > p.img > img { float: left; padding:5px } #i879_kaisetsu > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } #i879_kaisetsu > p:nth-child(3){font-size:0.8em} /* 花解説　170629 ------------------------------------------------------- */ /* 花解説　1811219 ------------------------------------------------------- */ div#i879_kaisetsu01 { margin-top:10px; margin-bottom:10px; border: solid 3px #FFCC00; background-color: #FFFFE8; padding: 10px; min-height: 105px; } #i879_kaisetsu01 > p.img > img { float: left; padding:5px } #i879_kaisetsu01 > p.title{ color: #714141; font-size: 1.2em; font-weight:bold; } #i879_kaisetsu01 > p:nth-child(3){font-size:0.8em} /* 花解説　1811219 ------------------------------------------------------- */ /* SCHEDULE LIST TABLE ------------------------------------------------------ */ h4.schedule_list_ttl{font-weight:bold;text-align: left;margin-bottom: 10px} h4.schedule_list_ttl:before{content: "■"} h4.schedule_list_ttl+p span.today_red{color:#DA3940;text-decoration: underline;font-weight: bold;margin-left:5px;margin-right: 5px} h4.schedule_list_ttl+p span.time_brown{color:#663300;margin-left:10px} table.schedule_list{width:600px} table.schedule_list.long_table{width:720px} table.schedule_list.super_long_table{width:1000px} table.schedule_list.super_long_table{font-size: 0.9em} table.schedule_list{color:#663300;text-align: center;vertical-align: middle;margin-bottom: 20px} table.schedule_list{border-collapse:collapse;border-spacing:0;border:solid #FFF 2px} .schedule_list th{border-top:solid #FFF 2px;border-right:solid #FFF 2px;padding:10px} .schedule_list thead th{background:#e9ddd0} .schedule_list thead th:first-child{background:#663300;color:#fff;} .schedule_list.super_long_table thead th:nth-child(2){background:#663300;color:#fff;} .schedule_list tbody th{background:#f1e4c9;vertical-align: middle;} .schedule_list tbody td.sche_time{background:#e9ddd0} .schedule_list td{border-top:solid #FFF 2px;border-right:solid #FFF 2px;padding:10px;background:#f9f3ed;vertical-align: middle} .schedule_list tbody td span.not_deliveytime{font-size:0.8em} .schedule_list tbody td span.not_deliveytime:before{content: "\A" ;white-space: pre} .schedule_list.not_deliveytime_ver td{line-height:1em;height: 56px} /* SCHEDULE LIST TABLE ver02 ------------------------------------------------------ */ h4.schedule_list_ver02_ttl{font-weight:bold;text-align: left;margin-bottom: 10px;margin-top: 10px} h4.schedule_list_ver02_ttl+p span.today_red{color:#DA3940;text-decoration: underline;font-weight: bold;margin-left:5px;margin-right: 5px} h4.schedule_list_ver02_ttl+p span.time_brown{color:#663300;margin-left:10px} h4.schedule_list_ver02_ttl{font-size: 1.2em} h4.schedule_list_ver02_ttl span{background: linear-gradient(transparent 40%, #ffff66 40%);padding-left: 10px;padding-right: 10px;margin-bottom: 20px} table.schedule_list_ver02{width:600px} table.schedule_list_ver02{text-align: center;vertical-align: middle;margin-bottom: 20px} table.schedule_list_ver02{border-collapse:collapse;border-spacing:0;border:solid #c0c0c0 1px} .schedule_list_ver02 th{border-top:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;padding:10px 5px} .schedule_list_ver02 thead th{background:#e9ddd0;vertical-align: middle;color: #663333;} .schedule_list_ver02 tbody th{vertical-align: middle;color: #663333;} .schedule_list_ver02 tbody td.sche_kind{font-weight:bold;color: #663333} .schedule_list_ver02 thead th.payment{font-size: .8em;} .schedule_list_ver02 td{border-top:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;border-bottom:solid #c0c0c0 1px; padding:10px;vertical-align: middle;height: 63px;color: #663333} .schedule_list_ver02 tbody td span.not_deliveytime{font-size:0.8em} .schedule_list_ver02 tbody td span.not_deliveytime:before{content: "\A" ;white-space: pre} .schedule_list_ver02.not_deliveytime_ver td{line-height:1em;height: 56px} .schedule_list_ver02 th.th_last{border-bottom:solid #c0c0c0 1px;} /* SCHEDULE LIST TABLE ver_normal ------------------------------------------------------ */ h2.schedule_list_vernor_ttl{font-weight:bold;text-align: left;margin-bottom: 10px;margin-top: 10px} h2.schedule_list_vernor_ttl{font-size: 1.2em} h2.schedule_list_vernor_ttl span{background: linear-gradient(transparent 40%, #ffff66 40%);padding-left: 10px;padding-right: 10px;margin-bottom: 20px} table.schedule_list_vernor{width:600px} table.schedule_list_vernor{text-align: center;vertical-align: middle;margin-bottom: 20px} table.schedule_list_vernor{border-collapse:collapse;border-spacing:0;border:solid #c0c0c0 1px;color:#6633333;} .schedule_list_vernor th{border-top:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;padding:10px} .schedule_list_vernor th{width:13%} .schedule_list_vernor th:nth-child(1){width:22%} .schedule_list_vernor thead th{background:#e9ddd0;vertical-align: middle;color:#663333;} .schedule_list_vernor tbody th{vertical-align: middle;color:#663333;} .schedule_list_vernor td{border-top:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;border-bottom:solid #c0c0c0 1px; padding:10px;vertical-align: middle;color:#663333;} /* /SCHEDULE LIST TABLE ------------------------------------------------------- */ /* PET ANGEL GATE ------------------------------------------------------- */ a.link_head_pet_angel{margin-top:-60px;padding-top: 60px;display: block} /* INFO PET ANGEL ------------------------------------ */ .info_pet_angel p{margin-bottom:10px} .info_pet_angel p img{width:100%;height: auto} .info_pet_angel ul {padding:0 10px} /* .info_pet_angel ul li:nth-child(1){margin-bottom:10px;font-size:0.75em;text-align: right} .info_pet_angel ul li:nth-child(1) a{color:#9c9c9c} */ .info_pet_angel ul li:nth-child(1) dl {margin:0 -10px} .info_pet_angel ul li:nth-child(1) dl dd{padding:0 10px 20px 10px;margin-bottom:15px;border-bottom: 1px solid #cccccc} .info_pet_angel ul li:nth-child(1) dl dt{color:#990000;font-weight: bold;font-size:1em;margin-bottom:10px;text-align: center} .info_pet_angel ul li:nth-child(1) dl dd{padding-bottom:20px;margin-bottom:15px;border-bottom: 1px solid #cccccc} .info_pet_angel ul li:nth-child(1) dl dd img{width:100%;height: auto} .info_pet_angel ul li:nth-child(2){width:100%;margin-bottom:10px} .info_pet_angel ul li:nth-child(3){width:100%;margin-bottom:10px} .info_pet_angel ul li:nth-child(2) img,.info_pet_angel ul li:nth-child(3) img{width:100%;height: auto} .pet_angel_tel_pc{display: none} .pet_angel_tel_sp{width:96%;margin:0 auto;text-align: center} .pet_angel_tel_sp{color:#990000;font-weight: bold} .pet_angel_tel_sp li:nth-child(1) img{width:100%;height: auto} .pet_angel_tel_sp li:nth-child(2){font-size:2.5em;line-height:1.1em;font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif} .pet_angel_tel_sp li:nth-child(2) a{color:#990000} .pet_angel_tel_sp li:nth-child(3){color:#d22020;text-decoration: underline} .pet_angel_tel_sp li:nth-child(4){font-size:1em} /* //INFO PET ANGEL ------------------------------------ */ /* PET ANGEL HOME ------------------------------------ */ #category .angel_gate_home h2 {line-height: 1.5em;margin: 1em 0 0.5em 0}/* 初期設定 */ #category .angel_gate_home h2 {overflow: hidden} .angel_gate_home h2 img{width:200%} .angel_gate_home{margin-bottom:30px} .appeal_pet_angel {margin: 0 10px 30px} /* //PET ANGEL HOME ------------------------------------ */ /* ANGEL GATE HOME PLAN ------------------------------------ */ dl.angel_gate_home_plan_c{width:90%;margin:0 auto 30px;} .angel_gate_home_plan_c dt,.angel_gate_home_plan_c dd{width:100%} .angel_gate_home_plan_c dt img,.angel_gate_home_plan_c dd img {width:100%} .angel_gate_home_plan_ab{width:80%;margin:0 auto} .angel_gate_home_plan_ab dt,.angel_gate_home_plan_ab dd{width:100%} .angel_gate_home_plan_ab dd {margin-bottom:30px} .angel_gate_home_plan_ab dt img,.angel_gate_home_plan_ab dd img {width:100%} /* //ANGEL GATE HOME PLAN ------------------------------------ */ #category .angel_gate_under h2 {line-height: 1.5em;margin: 1em 0 0.5em 0}/* 初期設定 */ #category .angel_gate_under h2 {overflow: hidden} .angel_gate_under h2 img{width:200%} .angel_gate_under_hero img{width:100%} /* ANGEL GATE UNDERTAKER ------------------------------------ */ .angel_gate_discount{padding:0 10px 10px} .angel_gate_discount li:nth-child(2) span {color: #ff6699} .angel_gate_discount_02{padding:0 10px 10px} .angel_gate_discount_02 li:nth-child(2) span {color: #ff6699} .angel_gate_discount_02 li:nth-child(2) span.ttl_angel_gate_discount {color: #6b9cff} .angel_gate_discount_02:after {content: '';display: block;clear: both;height:0} .angel_gate_discount_02 li:nth-child(1) {width:100px;float: left} .angel_gate_discount_02 li:nth-child(1) img {width:100%;height: auto} .angel_gate_discount_02 li:nth-child(2) {width:70%;width: calc( 100% - 100px ) ;float: left;padding-top: 10px} .angel_gate_list:after {content: '';display: block;clear: both;height:0} .angel_gate_list {margin:0 10px} .angel_gate_list li img{width:100%;height: auto} .angel_gate_under_des{padding:0 10px 0} /* //ANGEL GATE UNDERTAKER ------------------------------------ */ /* /PET ANGEL GATE ------------------------------------------------------- */ /* COLMUN INDEX ver02_sp ------------------------------------------------------- */ /* mother_index ------------------------------------------------------- */ /* mother_index_title */ .column_index_title{margin:0 0 0px 0px; padding: 10px 10px 10px 75px; position: relative} .column_index_title{background: #ffd9ec; background-image: url(https://images.i879.com/image/mother/mother_mark05.png); background-repeat: no-repeat; background-size: 100px auto; background-position: 98% 60%;} .column_index_title_des h1{ color: #714141; /* text-shadow: 2px 2px 3px #6f514c;*/ font-weight: bold; font-family: 'Noto Sans JP', 'Libre Baskerville', serif, "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; text-align: left; line-height: 1.2em; margin: 0 0 0 0} .column_index_title img{position:absolute; width:70px;height: auto; top:0px; left:0px;} .column_index_title h1+p{color: #714141;font-weight: bold; font-family: 'Noto Sans JP', 'Libre Baskerville', serif, "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;} .mother_return_link{margin :20px 15px 40px 0;text-align: right} .column_box .column_index_title{position: relative} .column_box .column_index_title h1+p{position: absolute;top:8px} .column_box .column_index_title h1{position: absolute} .column_box .column_index_title{position: relative} .column_box .column_index_title h1+p{position: absolute;top:8px} .column_box .column_index_title h1{position: absolute;top:30px} /* 170328 */ .m_index_wrapper{overflow: hidden} /* /mother_index ------------------------------------------------------- */ /* OBON ------------------------------------------------------- */ .obon_column .column_index_title{background: #e9f8f0; background-image: url(https://images.i879.com/images/season/mk00_mark03.png); background-repeat: no-repeat; background-size: 15%; background-position: 98% 5%;} .obon_column ul.column_innner li dl dt span.column_innner_title {color: #537901} /* /OBON ------------------------------------------------------- */ /* FATHER 2018 ------------------------------------------------------- */ .father_column ul.column_innner li{font-family: 'Noto Sans JP', 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif} .father_column .column_index_title{background: #E9F4FC; background-image: url(//images.i879.com/image/father/mh00_mark.gif); background-repeat: no-repeat; background-size: 16%; background-position: 98% 5%; min-height: 75px; text-shadow: 1px 1px #FFF; } .father_column ul.column_innner li dl dt span.column_innner_title {color: #714141} .father_column .column_index_title p{color: #005da0;} .father_column .mother_column03_title { position: absolute; display: block; width: 100%; bottom: 0; z-index: 2; background-color: rgba( 255, 255, 255, 0.6 ); padding: 0.8em 0; color: #005da0; /*color: #146ceb; */ text-shadow: 1px 1px #FFF; font-weight: 700; font-size: 0.7em; text-align: center; } .father_column .mother_column03_title {font-size: 0.8em;top: 70px;} /* /KEIROU ------------------------------------------------------- */ /* 170427 */ /* Mother_COLUMN2017 ------------------------------------------------------- */ ul.column_innner:after {content: '';display: block;clear: both;height:0} ul.column_innner { /zoom: 1; } /* IE */ ul.column_innner li{width:50%;float: left} ul.column_innner li img{width:100%;line-height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: 100%; max-height: auto; margin: auto;} ul.column_innner li dl dt{position: relative;height:100px;overflow: hidden} ul.column_innner li dl dt span.column_innner_title{position: absolute;display:block;width:100%;bottom:0;z-index: 2; background-color: rgba( 255, 255, 255, 0.6 ); padding: 0.8em 0;color: #a9063b;text-shadow: 1px 1px #FFF; font-weight: 700; font-size: 0.7em;text-align: center} ul.column_innner li dl dd{font-size: 0.9em;padding:1% 1% 1.2%} ul.column_innner li dl dd{width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} /* /Mother_COLUMN2017 ------------------------------------------------------- */ /* /COLMUN INDEX ver02 ------------------------------------------------------- */ /* 171106 choice_delivery ------------------------------------------------------- */ .choice_delivery_2017 h1{position: relative;padding: 10px 10px 15px 5px;font-size: 1.2em;color:#c76915;} .choice_delivery_2017 h1:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: -webkit-repeating-linear-gradient(-45deg, #e3a64d, #e3a64d 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #e3a64d, #e3a64d 2px, #fff 2px, #fff 4px); } .choice_delivery_2017 h1+p{padding: 10px} .choice_delivery_2017 h1+p span{color:#ff0000;font-weight: 600} .other_otodokebi_2017{margin-bottom:10px;} .other_otodokebi_2017 li{display: inline-block;padding:10px;background: #ffe6e6;margin-left:10px;margin-bottom:10px;border-radius: 5px;} .other_otodokebi_2017 li:hover{background: #ff6f99;color:#fff} .other_otodokebi_2017 li a:hover{background: #ff6f99;color:#fff;text-decoration: none} .other_otodokebi_arrow{display: none} /* //171106 choice_deliverys ------------------------------------------------------- */ /* 171113 */ /* BIRTH MEDIA ------------------------------------------------------- */ .hero_banner_birth_media{position: relative;width:100%;height:30vh;overflow:hidden;margin-top:0} .hero_banner_birth_media h1{position: absolute;z-index: 2;padding:10px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:100%;background: rgba(255,255,255,.7);height: 20%;color:#5f2900;text-align:center;font-weight: 700;font-size: 1.7em;line-height: .7em} .hero_banner_birth_media img{position: absolute;z-index: 1;width:150%;top: 10%;left: -20%;right: 0;bottom: 0;margin: auto;} .birth_media_des{color:#5f2900;padding:18px 18px 20px;font-size:.9em;} .birth_media_linkbtn, .birth_media_linkbtn_more, .birth_column_btn_more{border: 3px solid #ff9c9c; background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/icon_presents.png); background-repeat: no-repeat; background-position: 10px 50%; padding:15px 15px 15px 50px; margin:0 15px 15px; font-weight: 700; } .birth_media_linkbtn{margin:0 15px 25px;} .birth_column_btn_more_2{ border: 3px solid #ff9c9c; background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/icon_presents_large.png); background-repeat: no-repeat; background-size: 50px auto; background-position: 20px 50%; padding:15px 15px 15px 80px; margin:0 15px 15px; font-weight: 700; font-size:1.2em; } .birth_media_linkbtn{font-size:1.2em;} .birth_media_linkbtn_more{font-size:1em;} .birth_media_linkbtn a, .birth_media_linkbtn_more a, .birth_column_btn_more a, .birth_column_btn_more_2 a{color: #5f2900;} .birth_media_linkbtn span:after, .birth_media_linkbtn_more span:after, .birth_column_btn_more span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_middle.png);margin: 2px;top: 3px;} .birth_column_btn_more_2 span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_large.png);margin-left: 30px;top: -10px;} .birth_column_btn_more_2 span.new_line:before{content: "\A" ;white-space: pre ;line-height: 0.5em} .birth_column_btn_more_2 span.new_line:after{content: ""; margin-left: 0;top: 0;} .birth_media_linkbtn a:hover, .birth_media_linkbtn_more a:hover, .birth_column_btn_more a:hover, .birth_column_btn_more_2 a:hover{text-decoration: none;} .birth_media_linkbtn:hover, .birth_media_linkbtn_more:hover, .birth_column_btn_more:hover, .birth_column_btn_more_2:hover{opacity: 0.6;} .birth_linkbtn { margin:10px 15px 30px; } .birth_linkbtn a{ padding: 20px 50px; background: #ea5f5f; color: #fff; box-shadow: 0px 5px 0px -2px #e5e5e5; border-radius: 30px; position: relative; width: 100%; display: block; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-align: center; position: relative; text-decoration: none; } .birth_linkbtn a:hover{ opacity: .6; } .birth_linkbtn.line02 a{ border-radius: 50px; } .birth_linkbtn a .fa { font-size: 22px; font-weight: bold; position: absolute; top: calc(50% - 0.5em); right: 0.5em; } .flower_meanings {padding: 0 15px} .flower_meanings:after {content: '';display: block;clear: both;height:0;} .flower_meanings li{width:48.5%;float:left;margin-bottom:25px;position: relative;} .flower_meanings li:nth-child(odd){margin-right:3%;} .flower_meanings li dl dt img{width:100%;height: auto;} .flower_meanings li.flower_meanings_this_month, .flower_meanings li.flower_meanings_next_month{width:100%;float:none;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl{margin:5px 0 5px;font-size:1.3em;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl span, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl span{color:#ed5a86;font-size:1em;font-weight: 500;margin: -1.5em 0 0 7.5em;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl span:before, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl span:before{content: "" ;white-space: normal;} /*odd 171122*/ .flower_meanings li dl dt{display:inline-block;line-height: 0;} .flower_meanings li dl dt a{display:inline-block;line-height: 0;} .flower_meanings li.flower_meanings_this_month dl dt img, .flower_meanings li.flower_meanings_next_month dl dt img{vertical-align: text-bottom;} .flower_meanings li dl dd{color:#6f6f6f;font-size:.9em;} .flower_meanings li dl dd.flower_meanings_des{height:1.5em;margin-left: 1em;} .flower_meanings li dl dd.flower_meanings_ttl{color:#ed5a86;font-size:1.1em;font-weight: 500;padding-left: 0;} .flower_meanings li dl dd.flower_meanings_ttl span{color:#6f6f6f;font-size:.9em;font-weight: 300;margin:-1.5em 0 0 1em;display: block} .flower_meanings li dl dd.flower_meanings_ttl span:before {content: "\A" ;white-space: pre;} .flower_meanings_more{ width:100%; border: 2px solid #ff9c9c; background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/icon_presents.png); background-repeat: no-repeat; background-size: 18px auto; background-position: 5px 50%; padding:5px 0 5px 22px; margin:10px auto 0; font-weight: 700; text-align: center; } .flower_meanings_more a{color: #5f2900;font-size:.6em;} /*odd*/ .flower_meanings_this_month .flower_meanings_more a, .flower_meanings_next_month .flower_meanings_more a{font-size:1.2em;} .flower_meanings_more a:hover{text-decoration: none} .flower_meanings_more:hover{opacity: .7} .flower_meanings_more span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_small.png);padding: 0;top:2px;} .flower_meanings_more{display: none;} .flower_meanings_this_month .flower_meanings_more, .flower_meanings_next_month .flower_meanings_more{display: block;} .flower_present_more{display: none;} .flower_meanings_this_month .flower_present_more, .flower_meanings_next_month .flower_present_more{display: block;} .flower_meanings li dl dt span.month_ttl{position: absolute;z-index: 3;top:0;left:0;width:55px;height:54px;overflow: hidden;} .flower_meanings li dl dt span.month_ttl img{width:55px;height: 110px;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl img {width: 55px;height: 110px;margin-top: -54px;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl, .flower_meanings li.flower_meanings_next_month dl dt span.month_ttl{width:80px;height:79px;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl img, .flower_meanings li.flower_meanings_next_month dl dt span.month_ttl img{width:80px;height: 160px;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl img {width: 80px;height: 160px;margin-top: -80px;} /*buttom ver02*/ .flower_meanings_more_2{ width:100%; border: 2px solid #ff9c9c; background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/icon_presents.png); background-repeat: no-repeat; background-size: 18px auto; background-position: 5px 50%; padding:5px 0 5px 22px; margin:30px auto 0; font-weight: 700; text-align: center; } .flower_meanings_more_2 a{color: #5f2900;font-size:1.2em;} .flower_meanings_more_2 a:hover{text-decoration: none} .flower_meanings_more_2:hover{opacity: .7} .flower_meanings_more_2 span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_small.png);padding: 0 0 0 3px;top:2px;} .flower_meanings li dl dt:hover {opacity: .6} .flower_gift_point{border: 3px dotted #ff9c9c;padding: 10px 5px 0;background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/flower_gift_point_back.jpg);background-repeat: no-repeat;background-size: 140% auto;background-position: 100% 0;margin-bottom: 40px;} .flower_gift_point h2{font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; ;font-weight: 700;color: #5f2900;margin: 0;text-align:left;font-size:1.3em;line-height: 1.2em} .flower_gift_point h2{text-shadow: 1px 0px 0px #FFF, 0px 1px 0px #FFF, -1px 0px 0px #FFF, 0px -1px 0px #FFF;} .flower_gift_point h2{border-bottom: 3px solid #ff9999;display: inline-block;} .flower_gift_point h2{background-image: url(//images.i879.com/image/birth/icon_presents.png);background-repeat: no-repeat;background-position: 10px 50%;padding:0 0 3px 50px;} .flower_gift_point_more{font-weight: 700;color: #5f2900;padding: 10px 50px;width:100%;} .flower_gift_point_more span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_middle.png);padding: 2px;top:4px;} .flower_gift_point_read_more input {display: none;} .flower_gift_point_read_more label {cursor: pointer;display: inline-block;padding: 10px 20px;border-radius: 4px;-webkit-transition: 0.1s;transition: 0.1s;} .flower_gift_point_read_more .panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden;margin-top: 10px;padding: 0;} .flower_gift_point_read_more input:checked + .panel {height: auto;padding: 5px 15px 15px;} .flower_gift_point_concrete{padding: 0 15px 20px;} .birth_fm_outer li{ margin:0 15px 10px; } .birth_fm_outer li a{ border: 3px solid #ff9c9c; background-color: #ffeeee; padding: 15px 5px; font-weight: 700; font-size: 1.1em; display: block; } .birth_fm_outer li a:hover{ text-decoration: none; background-color: #ff9c9c; color:#fff; } .birth_fm_outer li i{ margin-left:5px; } hr.birth_media_hr{margin-bottom: 20px;border-top: 1px solid #ccc;} .flower_present_column:after{content: '';display: block;clear: both;height:0;} .flower_present_column{ /zoom: 1; } .flower_present_column{margin:0 10px;} /*Basic*/ .flower_present_column li{position: relative;width:48%;float:left;background: #fff;overflow: hidden;margin-bottom: 15px;} .flower_present_column li dt picture source{width: 100%;height:auto;} .flower_present_column li:hover {opacity: .7} /*Application*/ .flower_present_column li.flower_present_column_right{float:right;} .flower_present_column li.flower_present_column_pickup{width:100%;float:none;margin: 0;padding: 0;background: #fff;overflow: hidden;margin-bottom: 15px} .flower_present_column li dl dt img {width: 100%;} .flower_present_column li dl dd{position: absolute;left:0;bottom:0;z-index: 2;padding: 5px;background: rgba(255,255,255,.7);width: 100%;text-align:right; color:#5f2900} .flower_present_column li dl dt img{vertical-align: text-bottom;} .flower_present_column li dl dt{display: inline-block;line-height: 0;} .flower_present_column li dl dd h3{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} /*171130*/ .flower_present_column li:nth-of-type(3), .flower_present_column li:nth-of-type(5){float:right;} .flower_present_column li:after{ content: "もっと見る >>"; font-family: 'Noto Sans JP', serif; 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; font-size:1em;font-weight: 300;color:#cc3666; position: absolute;bottom:35px;right:10px; font-weight: bold; } .flower_gift_column_ttl {width:80%;margin:0 auto 10px;} .flower_gift_column_ttl img{width:100%;height: auto} .flower_present_column li dl dd.flower_present_column_pickup_icon{left:0;top:0;z-index: 3;padding: 0;width:75px;background: none} .flower_present_column li.flower_present_column_booby{display:none;} .flower_present_column li.flower_present_column_last{display:none;} .bm_ranking_ttl{font-weight: 700;color:#5f2900;font-size:1.2em;margin-bottom:15px;} .bm_ranking_ttl span:before{position: relative;content: url(//images.i879.com/image/birth/crown.png);margin: 10px;top: 5px;} /*odd 190318*/ .more_btn_birth{background: #fcfaf1;border: 1px solid #d1c1a9;border-radius: 10px;margin:30px 15px;font-size: .95em;text-align: center;} .more_btn_birth a,.more_btn_birth a:hover{color:#a6865a;text-decoration: none;} .more_btn_birth a{display: block;padding: 15px;} .more_btn_birth a:hover{opacity: .6;} .more_btn_birth strong:after{font-family: 'FontAwesome';content: '\f0a9';font-size: 1.3em;vertical-align: middle;margin-left:3px;} .more_btn_birth.more_btn_birth_reco{background:#fadeea;margin:15px 15px 0;} .more_btn_birth.more_btn_birth_reco a,.more_btn_birth.more_btn_birth_reco a:hover{color:#df6555;text-decoration: none;} .birth_bnr_c{ margin:10px 30px 20px; width: calc(100% - 60px); } .birth_bnr_c img{ width: 100%; } /* //171113 BIRTH MEDIA ------------------------------------------------------- */ /* 171211 attention_index ------------------------------------------------------- */ .attention_index{clear:both;border-bottom: 1px solid #ccc; font-size: .9em;/*margin-top:2em;*/padding: 10px;} .attention_index h2 {border-bottom: 1px solid #353535;margin-left:-10px;margin-right:-10px;} .attention_index h2+p {margin-top: 0 10px 10px} /* //171211 attention_index ------------------------------------------------------- */ /* 180126 KOTYOURAN NOTICE ------------------------------------------------------- */ .kotyouran_notice {border: 2px solid #f1696c;padding: 1em;} .kotyouran_notice h2 { font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 1.1em; color: #f1696c; line-height: 1.5em; font-weight: 700; margin: 0 0 .5em 0; } /* //180126 KOTYOURAN NOTICE ------------------------------------------------------- */ .birth_index_outer{ padding-top:20px; padding-bottom:30px; border-top: 1px dotted #bfbfbf; } h2.birth_index_ttl { font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 1.1em; color: #81d8cf; line-height: 1.5em; font-weight: 700; margin: 0 1em .5em 1em; } h2.birth_index_ttl+p { font-size: .9em; margin: 0 1em 1em 1em; color: #555; } .special_index_outer{ padding-top:20px; padding-bottom:30px; } h2.special_index_ttl { font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: left; font-size: 1.1em; color: #ca8b6b; line-height: 1.5em; font-weight: 700; margin: 0 1em .5em 1em; } .special_index li dl dd p { font-size: .8em; text-align: center; } h2.special_index_ttl+p { font-size: .9em; margin: 0 1em 1em 1em; color: #555; } .springver h2.special_index_ttl { color: #4fbdda; color: #fca1ca; } .special_index .slick-prev, .special_index .slick-next {margin-left: 0px;} .special_index .slick-prev, .special_index .slick-next{ content: ''; width: 30px; height: 50px; position: absolute; top: 60%; display: block; background-color: rgba(102, 51, 0, 1); z-index: 1; outline: none; border: 0; cursor: pointer; color:#fff; font-weight: bold; padding: 10px 2px; } .special_index .slick-next{padding: 10px 2px 10px 10px;} .special_index .slick-prev{left: 0;} .special_index .slick-next{left: auto;right:0;} /* .special_index .slick-prev, .special_index .slick-next{ width: 60px; height: 50px; top: 42%; padding: 10px; } .special_index .slick-next{padding: 10px 10px 10px 30px;} */ .springver .special_index .slick-prev, .springver .special_index .slick-next{ background-color: rgba(128, 208, 229, 1); background-color: rgba(252, 161, 202, 1); } /* HANACUPID 181204 ------------------------------------------------------- */ .hc_means{margin-left: 15px;margin-right:15px;} .hc_means_ttl{font-size:1.2em;} .hc_means_ttl span{font-size:.8em;} .hc_means_ttl span::before{content: "\A" ;white-space: pre;} .hc_means_r{text-align: center;} .hc_means_l dt{margin-top: 20px;margin-bottom: 10px;} dt.hc_means_mini_ttl{color:#EF5252;font-weight: bold;font-size: 1.2em;margin:20px 0 10px;} .what_hanaokuri{margin-left: 15px;margin-right:15px;} .hc_companys_outline_ttl{margin-bottom: 10px;} .hc_companys_outline dt{ background:#E1F3FF;font-weight: bold;padding: 5px; border-bottom: 2px solid #fff; letter-spacing: .2em; } .hc_companys_outline dd{background:#FFFBEC;padding: 5px;border-bottom: 3px solid #fff;} .hc_companys_outline dt.hc_companys_outline_bnone{border-bottom: none;} .hc_companys_outline dd.hc_companys_outline_bnone{border-bottom: none;} .hc_companys_outline dd ul{padding: 5px 10px;color:#666;} .sign_ceo{margin:0 10px 30px;text-align: right;} .sign_ceo span{vertical-align:top;margin-right:15px;} .hc_means_ttl.mb20{margin-bottom: 20px;} .hc_idea{margin:0 0 30px;} /* .hc_idea dt{color:#EF5252;font-weight: bold;font-size: 1.2em;margin:0px 0 10px;} .hc_idea dt span:before{content: "◆ ";} */ .hc_idea dt{ font-family: 'Libre Baskerville', serif; color: #eb6464; border-bottom: 3px solid; border-left: 1em solid; font-size: 1.25em; margin: .5em 0; padding: .5em; font-weight: 800; } .hc_idea dd {margin:0 15px 30px;} .hc_idea dd a{word-break: break-all;color: #5B2626;font-weight: bold;} .hc_idea dd a:visited{color: #5B2626;} .hc_idea dd h2{font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#EF5252;font-weight: bold;font-size: 1.2em;text-align: left;margin: 0;} h2.hc_company_ttl{font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold;font-size: 1.2em;text-align: left;margin: 0 15px 10px;} .hc_company_sub{font-size: 1em;margin: 0 15px 20px;} .i879-browsing-history{ width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .i879-browsing-history .paragraph { width: auto; } .i879-browsing-history .check_history_scroll { display: inline-block; white-space: nowrap; } .i879-browsing-history .check_history_scroll li{ display: inline-block; width: 180px; margin: 0 0 0 5px; padding: 10px; white-space: normal; vertical-align: top; } .i879-browsing-history .check_history_scroll li:first-child{ margin-left: 0; } .i879-browsing-history .check_history_scroll li img { margin:5px; width:100%; } .i879-browsing-history .product_name{ font-size: 0.8em; min-height: 6em; } .i879-browsing-history .check_history_price{font-size: 1.25em; font-weight: bold;text-align: right;color:#000;} .browsing-history-empty{text-align:center;color:#808080;} /* 190319 odd QUICK ------------------------------------------------------- */ a.link_head{margin-top:-100px;padding-top: 100px;display: block} .quick-des{font-size: .8em;margin:0 15px 15px;} .closing-time{background: #fff5e0;padding: 10px;text-align: center;font-weight: 500;color:#404040 ;} .closing-time-line{color:#eb6464;font-size: 1.2em;font-weight: 900;} .closing-time-ph{overflow: hidden; text-align: center;} .closing-time-ph p{display: inline-block;} .closing-time-ph-des{ position: relative; display: inline-block; margin: 1.5em 15px 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #555; font-size: 13px; background:#984449; color:#fff; } .closing-time-ph-des:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -10px; border: 10px solid transparent; border-left: 10px solid #984449; } .closing-time-ph-des span { margin: 0; padding: 0; } .closing-time-ph-link{font-size: 1.2em;font-weight: 700;} .quick-list{overflow: hidden;} .quick-list li{width:47%;padding: 10px 10px 40px;margin:0 5px;float: left;position: relative;font-weight: 700;line-height: 1.2em;border-radius: 5px;} .quick-list li a{color:#fff;text-decoration: none;display: block;} .quick-list li a:hover{opacity: .6;} .quick-list li span{display: block;position: absolute;bottom:0;left:0;width:100%;padding: 5px;text-align: right;font-weight: 500;} .quick-list li span i{margin-left:5px;} .quick-list li:nth-child(1){background:#ff8700;border: solid 1px #ff8700;} .quick-list li:nth-child(1) span{ background: rgba(255,255,255,.5); } .quick-list li:nth-child(2){background:#f64459;border: solid 1px #f64459;} .quick-list li:nth-child(2) span{ background: rgba(255,255,255,.5); } .quick-ttl { background: #f64459; color: #fff; overflow: hidden; padding: 10px; position: relative; margin-bottom: 20px; text-align: left; } .quick-ttl:before { background: #fff; content: ''; display: block; opacity: 0.6; transform: rotate(-40deg); position: absolute; bottom: -30px; right: -100px; width: 200px; height: 200px; } .quick-ttl.five-step-ttl{background: #ff8700;} .quick-ttl-des{ margin: 0 10px 15px; font-size: 0.9em; } .quick-clock-list{width:100%;letter-spacing: -.4em;overflow: hidden;text-align: center;} .quick-clock-list li{width:33.3%;padding-top:20px;display: inline-block;vertical-align: middle;text-align: center;line-height: 1.2em;font-weight: 900;height: 60px;letter-spacing: normal;float: left;} .quick-clock-list li:nth-child(1){width:50%;} .quick-clock-list li:nth-child(2){width:50%;} .quick-clock-list li:nth-child(3){clear: left;} .quick-clock-list li a{color:#fff;display: block;width:100%;height:100%;} .quick-clock-list li a:hover{opacity: .6;text-decoration: none;} .quick-clock-list li:hover{opacity: .6;} .quick-clock-list li.birth{background: #f98484;border: 1px solid #f34444;} .quick-clock-list li.birth a{color:#fff;display: block;} .quick-clock-list li.taisyoku{background: #ff6c0a;border: 1px solid #ff2e00;} .quick-clock-list li.marriage{background: #ffe3e2;border: 1px solid #f98484;} .quick-clock-list li.marriage a{color: #f98484;} .quick-clock-list li.oiwai{background: #fbfc8a;border: 1px solid #ff6c0a;padding-top: 10px;} .quick-clock-list li.oiwai a{color: #fa8537;} .quick-clock-list li.osonae{background: #9bbbfc;border: 1px solid #5e89f9;} .quick-clock-card { min-height: 340px; position: relative; background: #ffffff; overflow: visible; margin: 2em auto; padding: 80px 0.5em 0.5em ; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .quick-clock-card-sttl { line-height: 50px; position: absolute; top: 15px; left: -8px; width: 80%; height: 50px; padding-left: 15px; color: #ffffff; background: #f98484; font-size: 1.3em; } .quick-clock-card-sttl:before, .quick-clock-card-sttl:after { position: absolute; content: ''; } .quick-clock-card-sttl:before { top: -8.5px; left: 0.1px; width: 0; height: 0; border-bottom: 9px solid #f35466; border-left: 9px solid transparent; } .quick-clock-card-sttl:after { right: -14.5px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #f98484; } .quick-clock-card-sttl.marriage { background: #ffe3e2; } .quick-clock-card-sttl.marriage:after { border-left: 15px solid #ffe3e2; } .quick-clock-card-sttl.marriage { color: #f98484; } .quick-clock-card-sttl.taisyoku { background: #ff6c0a; } .quick-clock-card-sttl.taisyoku:before { border-bottom: 9px solid #ff2e00; } .quick-clock-card-sttl.taisyoku:after { border-left: 15px solid #ff6c0a; } .quick-clock-card-sttl.oiwai { color:#ff6c0a; } .quick-clock-card-sttl.oiwai { background: #fbfc8a; } .quick-clock-card-sttl.oiwai:before { border-bottom: 9px solid #ff6c0a; } .quick-clock-card-sttl.oiwai:after { border-left: 15px solid #fbfc8a; } .quick-clock-card-sttl.osonae { background: #9bbbfc; } .quick-clock-card-sttl.osonae:before { border-bottom: 9px solid #7693cc; } .quick-clock-card-sttl.osonae:after { border-left: 15px solid #9bbbfc; } .quick-clock-card-sttl-des{ margin: 0 10px 15px; font-size: 0.8em; } .quick-clock-are h4{background: url(//images.i879.com/image/omakase/style/01.gif) no-repeat 0 1px;padding: 10px 20px 5px 55px;font-size: 1.2em;margin-bottom:5px;} .quick-clock-bu h4{background: url(//images.i879.com/image/omakase/style/02.gif) no-repeat 0 1px;padding: 10px 20px 5px 55px;font-size: 1.2em;margin-bottom:5px;} .quick-clock-are h4+p,.quick-clock-bu h4+p{ margin: 0 10px 15px; font-size: 0.8em; } .quick-clock-are dl, .quick-clock-bu dl{overflow: hidden;padding: 10px;} .quick-clock-are dt, .quick-clock-bu dt {width:43%;float: left;margin-right: 10px;} .quick-clock-are dt span, .quick-clock-bu dt span{font-size: 8px;line-height: 1.3em;display: inline-block;color:#984449;} .quick-clock-are dd, .quick-clock-bu dd {width:54%;float: right;} .quick-clock-are dt img, .quick-clock-bu dt img{width:100%;} .quick-clock-are dd li, .quick-clock-bu dd li{margin-bottom:10px;} .quick-clock-are dd li:last-child, .quick-clock-bu dd li:last-child{margin-bottom:0;} .quick-clock-are dd li a, .quick-clock-bu dd li a{background: rgb(218, 57, 64); display: block;padding: 10px;color:#fff;font-weight: bold;text-align: center;} .quick-clock-are dd li i, .quick-clock-bu dd li i{margin-right:5px;} .quick-clock-are dd li span, .quick-clock-bu dd li span{font-size: .8em;} .quick-clock-are dd li a:hover, .quick-clock-bu dd li a:hover{opacity: .6;text-decoration:none;} .quick-clock-card.mother_quick{box-shadow: none;border:solid 3px #e63b7f;} .quick-clock-card.mother_quick{box-shadow: none;border:solid 3px #f0912b;} .quick-clock-card.mother_quick h3{ font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1em; background: #e63b7f; background: #f0912b; color: #fff; margin: 0px -0.5em 0.5em; padding: 10px; } .quick-clock-card.mother_quick h3 span::after { content: "\A" ; white-space: pre ; } .quick-clock-card.mother_quick .quick-clock-are dd li a, .quick-clock-card.mother_quick .quick-clock-bu dd li a{border: #da3940 solid 1px;} .quick-clock-card.mother_quick .quick-clock-are dd li a:hover, .quick-clock-card.mother_quick .quick-clock-bu dd li a:hover{background: #fff;color: #da3940;} /* .ribbon-reco { display: inline-block; position: relative; width:80%; height: 30px; line-height: 30px; vertical-align: middle; text-align: left; padding: 0 30px 0 10px; font-size: 22px; font-weight: 700; color: #FFF; box-sizing: border-box; margin-bottom: 2px; border-top: dashed 1px #FFF; border-bottom: dashed 1px #FFF; background: #fdd003; background: -moz-linear-gradient(-45deg, #fdd003 0%, #ffea8e 98%); background: -webkit-linear-gradient(-45deg, #fdd003 0%,#ffea8e 98%); background: linear-gradient(135deg, #fdd003 0%,#ffea8e 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd003', endColorstr='#ffea8e',GradientType=1 ); } .ribbon-reco:after { position: absolute; content: ''; z-index: 1; top: 0; right: 0; width: 0px; height: 0px; border-width: 15px 15px 15px 0px; border-color: transparent #fff transparent transparent; border-style: solid; } */ .quick-clock-card.mother_quick { padding: 0 0.5em 0.5em ; } .ribbon-reco{ position: absolute; top:-13px; left:-25px; z-index: 2; height:55px; width:55px; background-color:#fdcf05; background-color:#fd9602; background-color:#fc6962; border-radius:50%; padding:17px 3px; font-size:0.8em; color:#fff; font-weight: 700; padding: 18px 2px; border: 3px dotted; } .quick-clock-are dd li span.ribbon-reco, .quick-clock-bu dd li span.ribbon-reco { font-size: .7em; } .mother_quick .quick-clock-are dd li, .mother_quick .quick-clock-bu dd li {position: relative;margin-bottom: 15px;} .attention_quick{ background: #fff5e0; padding: 10px 15px; font-weight: 500; color: #404040; margin-bottom: 30px; text-align: center; } .attention_quick strong{ margin-bottom: 5px; display: block; } .attention_quick-inner{ text-align: left; } .attention_quick-link{ font-size:1.3em; font-weight:bold; color:red; line-height:1.2em; margin-top:10px; } .attention_quick-link a { color:red; } /* //190319 odd QUICK ------------------------------------------------------- */ /* 190319 odd YA00　renew ------------------------------------------------------- */ .ya00_ranking_ttl { position: relative; display: inline-block; padding: 0 15%; text-align: center; color:#585858; margin-top: 20px; margin-bottom: 20px; width:100%; font-size: 1.5em; font-weight: 900; } .ya00_ranking_ttl:before, .ya00_ranking_ttl:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 15%; height: 3px; border-top: 5px double #fdc350; } .ya00_ranking_ttl:before { left:0; } .ya00_ranking_ttl:after { right: 0; } .contents--col5-dy{} .contents--col5-dy img{width:100%;} .contents--col5-dy .rank { text-align: center; font-size: 1.25em; font-weight: bold; padding: 5px; } .contents--col5-dy .rank:before { font-family: 'Noto Sans JP', FontAwesome; content: "\f005"; color: #fed466; } .contents--col5-dy {overflow: hidden;} .contents--col5-dy li:nth-child(1) {width:100%;} .contents--col5-dy li:nth-child(1) .contents--img{padding: 0 10px 10px 0;width:50%;float: left;} .contents--col5-dy li:nth-child(1) .row{width:100%;clear: both;} .contents--col5-dy li:nth-child(1) .price {float: left;width:50%;} .contents--col5-dy .tax{font-size:.8em;} .contents--col5-dy li{width:50%;float: left;} .contents--col5-dy .product_cd{font-size:.9em;} .contents--col5-dy li:nth-child(even){padding: 0 5px 10px 0;} .contents--col5-dy li:nth-child(odd){padding: 0 0 10px 5px;} .contents--col5-dy li:nth-child(even) .btn_detail a, .contents--col5-dy li:nth-child(odd) .btn_detail a { padding: 9px 3px; width: 34%; font-size: 11px; margin-right: 2px; } .contents--col5-dy li:nth-child(even) .btn_cart a, .contents--col5-dy li:nth-child(odd) .btn_cart a { padding: 10px 3px; font-size: 10px; width: 64%; } /* //190319 odd YA00　renew ------------------------------------------------------- */ /* 1900409 MOTHER SP NAV ------------------------------------------------------- */ .mt-spnav-outer{border:solid 3px #fe9fa1;margin-top: 40px;clear: both;} #home .mt-spnav-outer h2{background: #fe9fa1;color:#fff;padding: 10px;margin:0 0 15px;font-size:1em;border-bottom:none;} .mt-spnav-outer h2{background: #fe9faa;color:#fff;padding: 10px;margin:0 0 15px;font-size:1em;border-bottom:none;} .mt-spnav-outer h2 span:before{content: "▼";margin-right:5px;} .mt-spnav-outer h2 span:after{content: "▼";margin-left:5px;} .mt-spnav-des{padding: 0 15px 10px;font-size: .9em;color:#777;} .mt-spnav{margin-bottom: 20px} .mt-spnav.mb10{margin-bottom: 10px} .mt-spnav-pickUp {overflow: hidden;} .mt-spnav-pickUp li{width:50%;float: left;position: relative;overflow: hidden;} .mt-spnav-pickUp img{width:100%;} .mt-spnav-pickUp li span { display: block; position: absolute; left: -50px; top: -50px; width: 100px; height: 100px; line-height: 180px; font-size: .8em; font-weight: 700; text-align: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #ff8391; color: #fff; } .mt-spnav-ttl{ font-size: 1.2em; border-bottom: solid 3px #c1ab8c; padding: 5px 10px 10px; margin:0 15px 10px; position: relative; font-weight: 700; } .mt-spnav-ttl a{color: #a6865a;} .mt-spnav-ttl i{margin-left:3px;color:#a6865a;font-size: 1.2em;} .mt-spnav-ttl:before { content: ''; width: 100px; height: 3px; background-color: #a6865a; display: block; position: absolute; left: 0; bottom: -3px; } .icon_link_spNav{width:90%;margin:0 auto;} .icon_link_spNav dl{display: table; padding: 5px 10px;} .icon_link_spNav dl dt {display: table-cell;width:50px;} .icon_link_spNav dl dt img {width:100%;border-radius: 5px;border: 2px solid #9a6700;} .icon_link_spNav dl dd {display: table-cell;width: calc(100% - 50px);font-size: 1em;padding: 3px 10px;vertical-align: middle;} .icon_link_spNav dl dd span {display: block;font-size:.8em;color:#555;} .ending-notice{border: 2px solid #ffe567;background: #fffded;padding: 5px 10px;text-align: center;margin:0 15px 20px;font-weight: 700;font-size: 1.2em;line-height: 1em;color:#fa0418;} .ending-notice span{font-size: .8em;} .ending-notice span:before{content: "\A" ;white-space: pre ;} /* //1900409 MOTHER SP NAV ------------------------------------------------------- */ .mother_diagnosis-btn03{margin:10px 0;} .mother_diagnosis-btn03 a{display: block;background: #fadeea;color: #df6555;padding: 5px;text-decoration: none;border: 1px solid #d1c1a9;text-align: center;font-size: 1.2em;font-weight: 700;border-radius: 10px;} header #header_menu .subNav_cate p.mother_diagnosis-ttl03{font-size: 1em;color: #df6555;} header #header_menu .subNav_cate p.mother_diagnosis-des03 {color: #555;font-size: .75em;font-weight: 300;margin: 0 0 0 0;width: 100%;} header #header_menu .subNav_cate p.mother_diagnosis-dec03{font-weight: 700;font-size: 1.5em;color: #df6555;} header #header_menu .subNav_cate p.mother_diagnosis-dec03:after{font-family: 'FontAwesome';content: '\f0a9';margin-left: 3px;} /* 1900417 MOTHER CV ------------------------------------------------------- */ .cv_mother-list{padding: 15px;width:100%;} .cv_mother-list li img{width: 100%;} .cv_mother-list li a{text-decoration: none;} .cv_mother-list li a:hover{opacity: .6;} /* //1900417 MOTHER CV ------------------------------------------------------- */ .t_link_heading01 { background: #fcf1f8; color: #c7000b; margin-bottom: 5px; padding: 5px; font-weight: 700; } .t_link_heading01:before { color: #c7000b; content: " ● "; } .featured_product01{margin-bottom: 40px;margin-top: 20px;} .icon_link_ver01{margin-bottom: 30px;} .icon_link_ver01 li{width:24%;padding: 5px;display: inline-block;} .icon_link_ver01 li span{width:50px;display: inline-block;vertical-align: middle;margin-right:5px;} .icon_link_ver01 li span img {width:100%;border-radius: 5px;border: 2px solid #9a6700;} .xmas-ver .icon_link_ver01 li{width:33%;padding: 5px;display: inline-block;} /* VIDEO ------------------------------------------------------- */ /*M VIDEO*/ .i879_video{ position:relative; width:100%; padding-top:56.25%; } .i879_video iframe{ position:absolute; top:0; right:0; width:100%; height:100%; } .i879_video{margin-bottom:40px;} /* //VIDEO ------------------------------------------------------- */ /* TAX INCREASE ------------------------------------------------------- */ .tax-increase--ttl{ padding: 20px 15px; border-top: 1px solid #E91E63; border-bottom: 3px solid #E91E63; text-align: center; } .tax-increase--ttl h2{ text-align: center; margin: 0 0 15px; color:#E91E63; } .tax-increase{ padding: 20px 15px; } .tax-increase p{ color:#555; } .tax-increase p.mb10{ margin-bottom:10px; } .tax-increase-box{ font-size:.9em; background-color: #fffde9; border-color: #fedf8f; padding: 20px 15px; color:#E91E63; border-radius: 10px; } .tax-increase-box img{ width:100%; } .tax-increase-box ul{ margin-top:10px; margin-bottom:5px; } .tax-increase-box ul li{ margin-bottom:5px; } /* //TAX INCREASE ------------------------------------------------------- */ /* 190902 Amazon pay ------------------------------------------------------- */ div.footer p { float: none; } .fill-container .footer p { float: none; } /* //190902 Amazon pay ------------------------------------------------------- */ /* 190924 CASHLESS ------------------------------------------------------- */ /* 191010 ABテスト .c-fixed{ position: fixed; bottom:0px; left:0; right:0;z-index:9999;padding:5px 8px;background: rgba(255, 255, 255, 0.9); padding-bottom: env(safe-area-inset-bottom); } #product .c-fixed .btn_cart {margin:0 0 5px;} */ .cashless-top-bnr{margin-top:30px;} .cashless-top-bnr img{text-align: center;width:100%;} .cashless-detail-bnr{width:180px;margin:0;} dl.cashless-detail-bnr-dl:after { content: ''; display: block; clear: both; height:0; } dl.cashless-detail-bnr-dl { margin-left:8px; margin-right:8px; } .cashless-detail-bnr-dl dt img{width:100%;} .cashless-detail-bnr-dl dt {width:18%;float:left;} .cashless-detail-bnr-dl dd {width:82%;float:left;padding: 5px 5px 0;font-size:.65em;} .cashless-detail-bnr-dl dd.cashless-detail-smalltxt{font-size:.5em;padding: 0 5px 5px;color:#777;} /* //190924 CASHLESS ------------------------------------------------------- */ /* 191010 BIRTH LIST ------------------------------------------------------- */ .birth-list-ttl{background: #fbe7a3;} .birth-list-ttl.blue01{background: #c0e2fc;} .birth-list-ttl br.display_sp{display: block;} #category h2.birth-list-ttl {margin: 1em 0;padding: 10px;color: rgb(113, 65, 65);} .birth-list-outer{display: table;width:1000px;} .birth-list {margin-bottom:30px;} .birth-list li{display: table-cell;width:25%;} .birth-list li a:hover dl dt{background: #fddfdf;opacity: .6;} .birth-list li a dl dt{color: #fd517b;} .birth-list li dl dt {border:solid 1px #d4b5b6;background: #fffde9;overflow: hidden;position: relative;height: 70px;line-height: 1.2em;} .birth-list li dl dt img{width:100px;position: absolute;left:-5px;top:-5px;} .birth-list li dl dt.set-up img{top:-20px;} .birth-list-sttl{position: absolute;right:15px;font-weight: bold;font-size:1.2em; top: 50%; transform: translateY(-50%); text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff; } .birth-list-sttl.yaver{ top: 25%; transform: translateY(-25%); } .birth-list-sttl:after { font-family: 'FontAwesome'; content: '\f0a9'; vertical-align: middle; margin-left: 3px; } .birth-list-sttl span{font-weight: normal;font-size:.8em;} .birth-list-sttl span::after{content: "\A" ;white-space: pre ;} .birth-list li dl dd{font-size:.8em;padding: 5px;} .birth-list li.Present-location dl dt {background: #fd517b;color: #fddfdf;} .Present-location .birth-list-sttl{text-shadow: none;} /* //191010 BIRTH LIST ------------------------------------------------------- */ /* 191010 BIRTH LIST HALF ------------------------------------------------------- */ .birth-list-half { overflow: hidden; } .birth-list-half li { width: 50%; float:left; } .birth-list-half li a:hover dl dt{background: #fddfdf;opacity: .6;} .birth-list-half li {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;} .birth-list-half li dl dt {border:solid 1px #d4b5b6;background: #fffde9;overflow: hidden;position: relative;height: 70px;line-height: 1.2em;} .birth-list-half li dt img{width:90px;position: absolute;left:3px;top:-5px;} .birth-list-half li dl dd{font-size:.8em;padding: 10px;line-height:1.2em;height:5.5em;} .birth-list-half .birth-list-sttl { position: absolute; right: 15px; font-weight: bold; font-size: 1em; top: 50%; transform: translateY(-50%); } .birth-list-half li a dl dt { color: #fd517b; } /* //191010 BIRTH LIST HALF ------------------------------------------------------- */ .head-txt{font-size: 1.1em;font-weight:bold;text-align: center;padding: 10px 15px 0;} .head-txt a{color: #fd517b;} .head-txt a:hover{opacity: .6;text-decoration: underline;} .head-txt.small{font-size: 1em;} .head-txt.mt30{margin-top:30px;} .head-txt.osonae_ver a{color: #8368ab;} /* 191023 PRICE LIST ------------------------------------------------------- */ .price-list {margin-bottom: 30px;height:120px;} .price-list li{display: block;width:50%;float:left;text-align:center;height:60px;border: solid 1px #d4b5b6;background: #fffde9;line-height: 60px;} .price-list li:hover{background: #fddfdf;opacity: .6;} .price-list li a:hover{text-decoration:none;} .price-list li span{color:#fd517b;font-weight:bold;font-size:1.2em;} .price-list li span::before {content:"●\A";} /* //191023 PRICE LIST ------------------------------------------------------- */ .producer_panel {background: #FFFEEE;padding: 10px;font-size:0.8em;margin: 0 auto;max-width:700px;} .producer_panel dl dt{width:80%;margin:10px auto;} .producer_panel dl dt img{width:100%;} .producer_panel_co i {color: #943439;margin-right: 5px;} .producer_panel_co{text-shadow: 2px 2px #c5c4c4;font-size: 1.5em;color: #292929;font-weight: bold;} .producer_panel_ttl {font-size: 1.2em;color: #943439;border-bottom: 1px solid #943439;padding: 3px 10px 5px;margin-bottom: 10px;} .producer_panel_des{margin-bottom:15px;padding:0 13px;} /* 191118 Green desc ------------------------------------------------------- */ .green_title{color: #dc404c;} .green_desc{padding:10px 15px;font-size:1em;background-color: #fffde9;border: 2px solid #fedf8f;} .green_ttl02{ margin: 50px 0 0; padding: 10px; color: rgb(113, 65, 65); background: #fbe7a3; text-align: center; } a#green_product{ margin-top:-100px; padding-top:100px; display: block; } .green_ttl{ margin: 1em; padding: 10px; color: #8a734b; font-size: 1.2em; font-weight: 700; text-align: center; border-bottom: solid 2px #8a734b; } /* /191118 Green desc ------------------------------------------------------- */ /* 191028 Green navi ------------------------------------------------------- */ .green_navi{position:fixed;bottom:5px;left:1%;z-index:2005;width:98%;/*height:175px;*/background-color:#fff;border:solid 2px #eb6464;padding:5px;text-align: center;box-shadow: rgb(51, 51, 51) 0px 0px 8px;} .green_navi h3{font-weight:bold;margin: 5px;font-size: 1.2em;} .green_navi p{font-size:0.9em;text-align: center;margin:5px 0;} .green_navi p.green_navi_list a{display: block;} #green_navi_second p.green_navi_list a, #green_navi_third p.green_navi_list a { width:70%; height: auto; margin: 0 auto 15px; padding:5px 10px; font-size:0.7em; float: none; } .green_navi button{margin:10px 0;width: 70%;height: 35px;background-color:#DA3940;font-weight:bold;border:solid 1px #DA3940;color:#fff;} .green_navi button:hover{background-color:#fff;color:#DA3940;} .green_re{height:60px;font-size:1em;} .green_re div{margin: 15px 0;} #green_scroll{display:none;} #green_navi_start a,#green_navi_second a,#green_navi_third a,#green_navi_end a{margin:10px 1% 0;width: 48%;height:70px;background-color:#DA3940;font-weight:bold;border:solid 1px #DA3940;float:left;color:#fff;} #green_navi_start a:hover,#green_navi_second a:hover,#green_navi_third a:hover,#green_navi_end a:hover{background-color:#fff;color:#DA3940;text-decoration:none;} #green_navi_start a div{margin-top:20px;font-size:1.2em;} #green_navi_second a div{margin-top:5px;} #green_navi_start a div p,#green_navi_second a div p,#green_navi_third a div p{font-size:0.7em;margin:0;} #green_navi_second a{margin:10px 1% 0;} #green_navi_second button {height:30px;font-size:0.7em;margin:15px 0;} #green_navi_third p{margin-bottom:15px;} #green_navi_third a{margin:1px 1%;height:40px;} #green_navi_third a div{margin-top:5px;} #green_navi_third button{height:30px;font-size:0.7em;margin:5px 0;} #green_navi_end {height:60px;display:none;} #green_navi_end a{width:98%;height:30px;margin:10px 1%;} .green_navi button.floatBanner__btn_nav { width: 21px; height: 21px; position: absolute; z-index: 1; border-radius: 50%; line-height: 1; transition: .25s; display: block; margin: 0; padding: 0; vertical-align: middle; text-decoration: none; text-align: center; top: 7px; right: 7px; background: #bbb; color: #fff; font-size: 12px; cursor: pointer; outline: rgba(0,0,0,0); border: solid 1px #bbb; } #green_navi_start.marriage_ver a div{ margin-top: 10px; } #green_navi_second.marriage_ver a{height:70px;padding: 10px 2px;} #green_navi_second.marriage_ver a div{margin-top:0;} #green_navi_third.marriage_ver a{height:70px;padding: 20px 2px;} #green_navi_third.marriage_ver a div{margin:0;} #green_navi_third.marriage_ver button{margin: 15px 0;} /* /191028 Green navi ------------------------------------------------------- */ .typhoon-ate{padding: 10px; font-weight: bold;color:red;margin:0 15px 30px; } /* .safezone{ padding-bottom: env(safe-area-inset-bottom); } */ table.ft_ssl{width: 31%;float: left;margin:10px 2%;} footer #ft_contents .ft_copy-outer{background: #EB6464;/*overflow: hidden;overflow:auto;*/} footer #ft_contents .ft_copy-outer:after{ content: ""; display: block; clear: both; } /* i879-FAQ ------------------------------------------------------- */ .i879-faq-wrap { padding: 0 10px; } .i879-faq-bttl{ color: #265b89; border-bottom: 1px solid #265b89; padding: 10px; margin: 30px 0; font-size: 1.5em; text-align: center; } .i879-cando{ font-size:.8em; background-color: #e6edf5; padding: 10px 15px; margin-bottom:50px; } .i879-cando p{ font-weight:bold; color:#9D887D; text-align: center; margin-bottom:10px; white-space: nowrap; display: flex; align-items: center; justify-content: center; } .i879-cando p span { padding: 0 12px; font-weight: bold; color: #387870; } .i879-cando p::before, .i879-cando p::after { content: ''; width: calc(50% - 10px); border-top: 1px solid #bdcbc9; } .i879-cando ul li{ margin-bottom:3px; padding-left: 22px; position: relative; } .i879-cando ul li:before{ content: "\f058"; font-family:FontAwesome; font-size: 1.3em; margin-right: 3px; color:#466666; position: absolute; top: 0; left: 0; } .i879-faq-txt--em{ font-weight: bold; margin: 0 5px; } .i879-faq-outer{ margin:30px 0; } .i879-faq > li span.i879-faq-box-yr00-ttl{ display: block; margin: 0px 0 20px; line-height: 36px; letter-spacing: 2px; font-size: 1.1em; color: #466666; border-left: 5px solid #466666; background-color: #F5F5F5; padding: 8px 10px 8px 12px; } .i879-faq > li { margin-bottom:30px; } .i879-faq > li ul { margin:0 15px; } .i879-faq > li ul li{ margin-bottom:5px; } /* readmore */ .i879-faq-box .i879-faq-box-yr00-ttl{ display: block; margin: 0px 0 10px; letter-spacing: 2px; font-size: 1.1em; line-height: 1.2em; color: #265b89; border: 1px solid #97b3ca; background-color: #F5F5F5; padding: 18px 60px 18px 12px; font-weight: bold; cursor: pointer; position: relative; } .i879-faq-box *, .i879-faq-box *:before, .i879-faq-box *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .i879-faq-box { width: auto; margin: 0; } .i879-faq-box{ position: relative; } .i879-faq-box .i879-faq-box-yr00-ttl span { font-weight: bold; position: absolute; top: 50%; right: 10px; display: inline-block; width: 36px; height: 36px; line-height: 32px; margin: auto; margin-top: -18px; cursor: pointer; transition: all 0.3s; text-align: center; border: 1px solid #97b3ca; transition: all 0.3s; } .i879-faq-box .i879-faq-box-yr00-ttl:hover span{ transition: all 0.3s; color: #ffffff; background: #466666; } .i879-faq-box .i879-faq-box-yr00-ttl span::after { font-family: 'FontAwesome'; content: ' \f0d7'; color: #265b89; } .i879-faq-box .i879-faq-box-yr00-ttl:hover span::after { color: #ffffff; } .i879-faq-box input:checked ~ label span::after { font-family: 'FontAwesome'; content: ' \f0d8'; color: #265b89; } .i879-faq-box input:checked ~ label span:hover::after { color: #ffffff; } .i879-faq-box input { display: none; } .i879-faq-box .cp_container { position: relative; z-index: 10; overflow: hidden; height: 0; margin-top: -1px; padding: 0 15px; transition: height 0.3s ease-in-out,box-shadow 0.6s linear; background: rgba(255, 255, 255, 0.5); } .i879-faq-box input:checked ~ div { transition: height 0.5s ease-in-out,box-shadow 0.1s linear; } /* 続きを読むを押すと表示されるテキストの高さ */ .i879-faq-box input:checked ~ div.cp_container { /*height: 300px;*/ height: auto; } .i879-faq-box .cp_container ul { margin:10px 0 20px; } .i879-faq-box .cp_container li { margin-bottom:5px; } /* 少しだけ見える ------------------------------------------------------- */ .i879-faq-box-yr00 *, .i879-faq-box-yr00 *:before, .i879-faq-box-yr00 *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .i879-faq-box-yr00 { position: relative; } .i879-faq-box-yr00 label { position: absolute; z-index: 1; bottom: 0; width: 100%; height: 140px; /* グラデーションの高さ */ cursor: pointer; text-align: center; /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */ background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%); } .i879-faq-box-yr00 input:checked + label { background: inherit; /* 開いた時にグラデーションを消す */ } .i879-faq-box-yr00 label:after { line-height: 2.5rem; position: absolute; z-index: 2; bottom: 20px; left: 50%; width: 16rem; font-family: FontAwesome; content: '\f13a'' 続きをよむ'; transform: translate(-50%, 0); letter-spacing: 0.05em; color: #ffffff; border-radius: 20px; background-color: rgba(27, 37, 56, 1); } .i879-faq-box-yr00 input { display: none; } .i879-faq-box-yr00 .cp_container { overflow: hidden; height: 250px; /* 開く前に見えている部分の高さ */ transition: all 0.5s; } .i879-faq-box-yr00 input:checked + label { /* display: none ; 閉じるボタンを消す場合解放 */ } .i879-faq-box-yr00 input:checked + label:after { font-family: FontAwesome; content: '\f139'' 閉じる'; } .i879-faq-box-yr00 input:checked ~ .cp_container { height: auto; padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */ transition: all 0.5s; } /* //i879-FAQ ------------------------------------------------------- */ .ate-pd{ font-size: .75em; margin: 0; color:#dc404c; } .ate-pd.black { margin-left: 8%; width: 92%; } /* .ate-pd-ttl{ font-weight: bold; } */ /* COLUMN 2020 ------------------------------------------------------- */ .column_box *, .column_box *:before, .column_box *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .column_box { position: relative; } .column_box label { position: absolute; z-index: 1; bottom: 0; width: 100%; height: 140px; cursor: pointer; text-align: center; /*background: linear-gradient(to bottom, rgba(255, 198, 104, 0) 0%, rgba(250, 252, 252, 0.95) 90%); */ z-index: 10; } .column_box input:checked + label { background: inherit; /* 開いた時にグラデーションを消す */ } .column_box label:after { line-height: 2.5rem; position: absolute; z-index: 3; bottom: 20px; left: 50%; width: 16rem; font-family: FontAwesome; content: '\f13a'' 続きをよむ'; transform: translate(-50%, 0); letter-spacing: 0.05em; color: #ffffff; border-radius: 20px; background-color: rgba(255, 173, 40, 1); } .column_box input { display: none; } .column_box .column_box__container { overflow: hidden; height: 250px; /* 開く前に見えている部分の高さ */ transition: all 0.5s; } .column_box input:checked + label { /* display: none ; 閉じるボタンを消す場合解放 */ } .column_box input:checked + label:after { font-family: FontAwesome; content: '\f139'' 閉じる'; } .column_box input:checked ~ .column_box__container { height: auto; padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */ transition: all 0.5s; } a.link_head{margin-top:-100px;padding-top: 100px;display: block} .flower-column.mt50{ margin-top:50px; } .column-hero{ position: relative; } .column-hero__title{ position: absolute; top:10px;left:0; } .column-hero__img{ width:100%; } #home h2.column-hero__title { text-align: left; font-size: 20px; color: #fff; line-height: 1.2em; font-weight: 500; margin: 0 10px 10px 0; border-bottom: none; } #category h2.column-hero__title { text-align: left; font-size: 20px; color: #fff; line-height: 1.2em; font-weight: 500; margin: 0 10px 10px 0; border-bottom: none; } .column-hero__title { display: inline-block; position: relative; height: 70px;/*高さ*/ line-height: 70px;/*高さ*/ padding: 10px 40px 10px 18px;/*文字の左右の余白*/ background: #ffc668;/*背景色*/ box-sizing: border-box; } .column-hero__title:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; } .column-hero__title:after { top: 0; right: 0; border-width: 35px 15px 35px 0px; border-color: transparent #fff transparent transparent; border-style: solid; } .column-table-contents__title { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 20px; color: #701a09; white-space: nowrap; } .column-table-contents__title::after { content: ''; width: 100%; margin-left: 10px; display: block; border-top: 1px solid #b69eb0; } .column-hero__img{ margin:20px 0 20px; } .column-hero__des{ margin:0 15px 20px; } .column-table-contents{ padding: 15px 20px; margin:0 15px 20px; background-color: #fcf7ed; } .column-table-contents__item { margin-top: 5px; } .column-table-contents__item a { font-size: 18px; color: #0c7939; } .column-box-title{ font-size: 1.2em; color: #b8333b; line-height: 3em; padding: 0 1em; border-left: 3px solid; border-bottom: 1px solid; margin:0 15px 20px; } .column-box-photo{ width: calc( 100% - 30px ) ; margin:0 15px 10px; } .column-box-photo img{ width:100%; } .column-box-des{ font-size:.9em; margin:0 15px 30px; } .column-box-des p{ margin-bottom:5px; } .column-box-des strong{ } /* //COLUMN 2020 ------------------------------------------------------- */ .i879_episode-header-sp-img img{ width:100%; } td.ft_ssl {width:116px !important;} td.ft_ssl img{width:100%! important; height: auto;} #DigiCertClickID_-k1FfrqrSeal img{width:100% !important;} /* i879__list 2102226 ------------------------------------------------------- */ .i879__list{ overflow: hidden; } .i879__list li{ border: solid 1px #d4b5b6; background: #fffde9; overflow: hidden; position: relative; float: left; line-height: 1.2em; width:200px; height: 70px; } .col4-lock .i879__list li{ width:250px; } .center .i879__list-sttl { position: absolute; right: inherit; top: 50%; left: 50%; transform: translate(-50%,-50%); } .budget .i879__list-sttl { right: 60px; } .i879__list li a{ display: block; } .i879__list li a:hover{ opacity: .5; } .i879__list li img{ width: 100px; height: auto; position: absolute; left: -5px; top: -5px; } .i879__list-sttl { position: absolute; right: 15px; font-weight: bold; font-size: 1.2em; top: 50%; transform: translateY(-50%); color: #701a09; } .i879__list-sttl:after { font-family: 'FontAwesome'; content: '\f0a9'; vertical-align: middle; margin-left: 3px; } .i879__list-sttl{ text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff; } /* //i879__list 2102226 ------------------------------------------------------- */ /* MORE BTN 210218 ------------------------------------------------------- */ .more_btn_cate{background: #fcfaf1;border: 1px solid #d1c1a9;border-radius: 10px;margin:0 15px;font-size: .95em;text-align: center;} .more_btn_cate a,.more_btn_cate a:hover{color:#a6865a;text-decoration: none;} .more_btn_cate a{display: block;padding: 5px 15px;} .more_btn_cate a:hover{opacity: .6;} .more_btn_cate strong:after{font-family: 'FontAwesome';content: '\f0a9';font-size: 1.3em;vertical-align: middle;margin-left:3px;} .more_btn_cate.more_btn_cate_reco{background:#fadeea;margin:15px 15px 0;} .more_btn_cate.more_btn_cate_reco a,.more_btn_cate.more_btn_cate_reco a:hover{color:#df6555;text-decoration: none;} .more_btn_cate.more_btn_cate_reco.mb40{margin-bottom:40px} .more_btn_cate.mt10-mb10{margin-top:10px;margin-bottom:10px;} .more_btn_cate.mt10-mb00{margin-top:10px;margin-bottom:0;} .more_btn_cate.mt20-mb00{margin-top:20px;margin-bottom:0;} /* //MORE BTN 210218 ------------------------------------------------------- */ #home .i879-mother-sp-outer a.rank_btn_cart { width: 100%; } /* CATALOG DETAIL CUSTUM ------------------------------------------------------- */ /*div.sendmesse > a{ background-color:#FFF; border:1px solid #BBB ; color:#BBB; } */ #product .product_name, #product .product_title, #product .navi-review-average-star, #product .spec_size, #product .message { color: #000; } /* //CATALOG DETAIL CUSTUM ------------------------------------------------------- */ .fan-ttl{ background: red; color:#fff; font-size:1.2em; font-weight: bold; padding: 10px; text-align: center; letter-spacing: .2em; margin-bottom: 15px; } .top-in_time { margin:50px 10px 0; } .top-in_time img{ width:100%; height: auto; } .top-in_time a:hover{ opacity: .6; } /* FAQ 210531 ------------------------------------------------------- */ .contents-index-jump--outer { margin-bottom:30px; } #category .contents-index-jump--outer .contents-index-jump-ttl h2 { position: absolute; top: 25px; font-weight: 800; margin:0; color: #714141; } .contents-index-jump--outer .contents-index-jump-ttl{ position: relative; } #category .contents-index-jump--outer .contents-index-jump-ttl p { display: block; position: absolute; top: 5px; color: #714141; } .i879-faq{ margin:10px 0 0; } .i879-faq-list-outer{ width: auto; font-size:0px; } .i879-faq-list-outer label{ width: 100%; font-size: 15px; font-weight: bold; text-align: left; background: #ffd9ec; position: relative; display: block; padding:8px 35px 8px 10px; cursor: pointer; color: #f9576c; margin-bottom:10px; } .i879-faq-list-outer label:hover{ background: #fb9ca9; color: #fff; } .i879-faq-list-outer input{ display: none; } .i879-faq-list-outer label:after{ color: #fff; content:"▼"; color: #f9576c; position: absolute; top: 50%; right: 15px; margin-top: -0.5em; line-height: 1; } .i879-faq-list-outer input:checked ~ label::after { content:"▲"; color: #fff; } .i879-faq-list-outer div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s; } .i879-faq-list-outer input:checked ~ div{ height: auto; padding: 0; /* 開いた部分の枠内の余白 */ border-radius: 0px; background: #fff; /* 開いた部分の背景色 */ opacity: 1; } .i879-faq-list-outer .i879-faq-list p{ margin: 18px; } .i879-faq-list-outer input:checked ~ label { background: #f9576c; /* クリック後のラベルの背景色 */ } .i879-faq-list{ font-size: 15px; /* 開いた部分の文字サイズ */ color: #555555; /* 開いた部分の文字色 */ } .i879-faq-list a{ color: #eb6464; text-decoration: underline; } .i879-faq-list a:hover{ color: #fbbedc; text-decoration: none; } .i879-faq-list a:hover{ opacity: .6; } /*----------------------------------------------- OBON -----------------------------------------------*/ .obon_ver .i879-faq-list-outer label{ background: #F5F5F5; color: #265b89; border: 1px solid #97b3ca; } .obon_ver .i879-faq-list-outer label:hover{ background: #265b89; color: #F5F5F5; } .obon_ver .i879-faq-list-outer label:after { content: "▼"; position: absolute; top: 50%; right: 15px; margin-top: -0.5em; line-height: 1; color: #265b89; } .obon_ver .i879-faq-list-outer:hover label:after{ color: #fff; } .obon_ver .i879-faq-list a{ color: #2a6db0; } .contents-index-jump-ttl--outer.obon_ver { background: #e9f8f0; padding: 27px 20px 20px 75px; } .obon_ver .i879-faq-list-outer div { height: auto; overflow: visible; opacity: 1; } .obon_ver .i879-faq-list-outer div div{ height: 0px; overflow: hidden; opacity: 0; transition: 0.15s; } .obon_ver .i879-faq-list-outer input:checked ~ div div { height: auto; opacity: 1; } .obon_ver .i879-faq-list-outer input:checked ~ label { color: #fff; } .i879-cando { font-size: .8em; background-color: #e6edf5; padding: 10px 15px; margin: 10px 15px 30px; } .i879-cando ul li { margin-bottom: 3px; padding-left: 22px; position: relative; } .i879-cando ul li:before { content: "\f058"; font-family: FontAwesome; font-size: 1.3em; margin-right: 3px; color: #466666; position: absolute; top: 0; left: 0; } .i879-faq-list ul { margin: 10px 15px 20px; } .i879-cando p { font-weight: bold; color: #9D887D; text-align: center; margin-bottom: 10px; white-space: nowrap; display: flex; align-items: center; justify-content: center; } .i879-cando p::before, .i879-cando p::after { content: ''; width: calc(50% - 10px); border-top: 1px solid #bdcbc9; } .i879-cando p span { padding: 0 12px; font-weight: bold; color: #387870; } .i879-faq-list-outer br.display_sp{ display: block; } /*----------------------------------------------- //OBON -----------------------------------------------*/ a.i879_cate_btn{ display: block; margin: 1rem auto 2rem; width: 60%; padding: 0.5rem; border-radius: 5px; font-size: 1rem; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background: rgb(218, 57, 64); } a.i879_cate_btn:hover{ opacity: .4; } /* 210622 KEIROU COLUMN SP ------------------------------------------------------- */ .keirou_ver .column_index_title { background: #fdecd2; background-image: none; } .column_box label{ height: auto; } /* //210622 KEIROU COLUMN SP ------------------------------------------------------- */ .schedule_list_attention{ padding: 10px 15px; font-size: .9em; } .schedule_list_attention li:before { content: ""; width: 8px; height: 8px; display: inline-block; background-color: #663333; border-radius: 50%; margin-right:5px; } .pod_onepoint-outer{ background #f8f6ee; border:solid 2px #2c9557; background: #fce9f1; border: 2px solid #dc404c; padding: 10px 15px; margin:40px 0; } .pod_onepoint dt{ border-bottom: 2px solid #bbb; color: #c7398e; font-weight: bold; font-size: 1.2em; padding-bottom: 5px; margin-bottom: 10px; } .pod_onepoint dd{ padding: 0 10px 15px; color:#663333; } .pod_onepoint dd ul li { line-height: 1.2em; margin-bottom: 10px; } .pod_onepoint dd ul li::before { content: "・"; font-size: 1.1em; } .pod_onepoint-outer figure{ text-align: center; } /* 210824 KEIROU INDEX ---------------------------- */ .keirou_ver .contents-index-jump-ttl--outer{ background: #fcfaf1; background-image: none; padding: 27px 10px 10px 75px; } .keirou_ver .contents-index-jump-ttl p { display: block; position: absolute; top: 5px; left: 75px; font-size: .65em; color: #714141; } #category .keirou_ver .contents-index-jump-ttl p { font-size: .9em; } #category .keirou_ver .contents-index-jump-ttl h2 { font-size: 1.4em; text-align: left; color: #714141; line-height: 1.2em; font-weight: 700; margin: 0; } #category .hidden_box h2{ margin: 0; } .gotoAnchor.keirou_style::before { background: url(//images.i879.com/image/season/keirou_gototop.png) 0 0 / cover no-repeat; left: 0; } .contents-index-jump-ttl--outer .display_sp { display: none; } /* //210824 KEIROU INDEX ---------------------------- */ .birth_365 .sns-box { padding: 20px 20px 40px; } .birth_365 .gs--center { -ms-flex-pack: center; justify-content: center; } .birth_365 .gs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .birth_365 .gs__col { max-width: 100%; min-height: 1px; position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; } .birth_365 .gs__col--xs-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .birth_365 .sns-box a { cursor: pointer; text-decoration: none; transition: all 0.2s ease-in-out; vertical-align: baseline; background-color: transparent; } .birth_365 .sns-box img { max-width: 100%; height: auto; vertical-align: middle; border: 0; } .birth_365 .center { text-align: center !important; } .birth_365 .p10 { padding: 10px !important; } .notice_set { width: 96%; margin: 0 auto 30px; padding: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fdfdfd; border: 1px solid #d0c1ba; } .notice_set.mt30 {margin-top: 30px;} .notice_set_ttl { color: #ef8cb8; font-weight: bold; font-size: 1.2em; margin-bottom: 5px; text-align: center; } .notice_set_des1 { color: #74542c; font-weight: bold; font-size: .98em; margin-bottom: 2px; } .notice_set_des2 { color: #582021; font-size: .78em; } .notice_set img{display: none;} .lp-rt{ width:100%; display:block; margin-bottom: 20px; } .lp-rt img{ width:100%; height: auto; } /* 211217 -------------*/ /*------------------------------ ここからアコーディオンのCSS ------------------------------*/ /* チェックボックスを非表示にする */ .accordion-hidden{ display: none; } /* Question部分 */ .accordion-open { display: block; cursor: pointer; font-size:.75em; font-size: bold; } /* Answer部分は最初は表示しない */ .accordion-close { display: block; height: 0; overflow: hidden; padding: 0; opacity: 0; transition: 0.5s;/* 表示速度の設定 */ } /* チェックボックスにチェックが入ったらAnswer部分を表示 */ .accordion-hidden:checked + .accordion-open + .accordion-close { height: auto; opacity: 1; padding: 0 0 10px; font-size: normal; line-height: 1.2em; } /* 211217 -------------*/ /* 229127 Ranking -------------*/ #home .gridtab--0 >dt.is-active:after { content: "━"; color: #808080; font-size: .75em; bottom: 23px; animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; } #home .gridtab>dt:after { content: '╋'; color: #808080; font-size: .75em; bottom: 8px; animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; } #home .gridtab--0 dt.is-active { padding: 10px 5px 25px; border-bottom: none; } #home .gridtab dt { font-size: 0.8em; line-height: 1.2em; padding: 10px 5px 25px; } /* //229127 Ranking -------------*/ .bnr_i879_campaign{ margin:0 15px 25px; text-align: center; } .bnr_i879_campaign img{ width:100%; } .bnr_i879_campaign a:hover{ opacity: .6; } footer #ft_sitemap_contents .main_cam a { font-weight: bold; } .set_delivery_date{ margin:10px 0 0; padding-left:1.2em; text-indent:-1.2em; } .set_delivery_date a{ display: block; padding: 5px; } .set_delivery_date a:before { font-family: 'FontAwesome'; content: "\f138"; margin-right: 5px; } /* 220208 Cate contents-col1 -------------*/ #category .contents--col1{ width: calc(100% - 30px); overflow: hidden; margin:0 15px 20px; } #category .contents--col1 .contents--img{ width:calc(50% - 10px); float: left; margin-right: 10px; } #category .contents--col1 .contents--img img{ width:100%; height: auto; } #category .contents--col1 .contents--col1-r{ width:50%; float: left; } #category .contents--col1 .product_name a { color: #C7000B; font-weight: bold; } #category .contents--col1 .product_spec{ font-size: .75em; margin-bottom: 10px; } #category .contents--col1 .btn_cart a { margin-top:20px; padding: 10px 3px; font-size: 0.65em; width: 100%; } /* 220208 Cate contents-col1 -------------*/ /* 2200303 POD -------------*/ .pod-attention-outer{ border:3px dashed red; margin:20px 20px; padding: 15px 20px 20px; } #category .pod-attention-outer h2, .pod-attention-outer h2{ color:red; margin: 0 0 15px; } .pod-attention-outer h2 span{ color:#000; display: block; font-size:.6em; line-height: 1.5em; } .pod-attention-des strong{ color:red; } /* //2200303 POD -------------*/ /* 2200311 detail-history -------------*/ .detail-history-outer{ padding-top:30px; clear: both; } h2.detail-history-ttl { border-top: 1px solid #f5cdca; border-bottom: 1px solid #f5cdca; margin: 0 0 1em 0; clear: both; } #product .detail-history .product_name { font-size: .8em; } .detail-history .i879-browsing-history .check_history_scroll li { width: 40vw; } .detail-history .i879-browsing-history .check_history_scroll li img { margin: 0; } .detail-history .i879-browsing-history .check_history_scroll li { margin: 0 0 0 5px; padding: 0; } /* //2200303 detail-history -------------*/ .flower-size__img img{ width: 100%; } .flower-size__img{ margin:10px 0 30px; } a.howto_link{ text-decoration:underline; color: #000; } a.howto_link:hover{ opacity: .6; } a.howto_link i{ font-size: 1.2em; font-weight: bold; } .box-btn_reco a { padding: 12px 10px; font-size: 1em; background: #fadeea; color: #df6555; box-shadow: 0px 5px 0px -2px #e5e5e5; border-radius: 5px; border: 1px solid #a6865a; display: block; float: none; text-align: center; font-weight: bold; } .box-btn_reco a:hover{ opacity: .6; text-decoration: none; } .box-btn_reco.mt25 a{ margin-top:25px; } .box-btn_reco.mt30 a{ margin-top:30px; } .box-btn_reco.blue01 a{ background: #e8f4fc; color: #003b96; } .box-btn_reco.catever{ margin:30px 20px; } /* 母の日の商品詳細のみボタンの表示小さく */ .mother.box-btn_reco { width: 85%; margin: 0 auto; } /* 母の日の商品詳細のみボタンの表示小さく */ .inq_after.mb30{ margin-bottom:30px; } .inq_after a{ text-align: center; color: #555; padding: 0.5em; margin:20px 0 0; width: 100%; border: 1px solid #e0e0e0; display: block; font-weight: bold; overflow: hidden; } .inq_after a:hover{ opacity: .6; text-decoration: none; } .inq_after i{ margin-left: 5px; } .flower_present_more{ margin:10px auto 0; } .flower_present_more a{ padding: 12px 40px; background: #ea5f5f; color:#fff; box-shadow: 0px 5px 0px -2px #e5e5e5; border-radius: 30px; position: relative; width: 100%; display: block; font-size:1.5em; font-weight: bold; text-align: center; position: relative; text-decoration: none; } .flower_present_more a:hover{ opacity: .6; } .flower_present_more a .fa { font-size: 22px; font-weight: bold; position: absolute; top: calc(50% - 0.5em); right: 0.5em; } /* .flower_present_more a::before { content: ''; width: 36px; height: 37px; display: block; position: absolute; top: calc(50% - 18px); left: 10px; background: url(https://images.i879.com/image/mother-column/ico_flower.png) 0 0/cover no-repeat; } */ .contents-index-jump-ttl p { display: none; } .faq-design-list-outer{ margin:0 20px 10px; } .faq-design-list { color: #555; } .faq-design-list a{ color: #eb6464; text-decoration: underline; } .faq-design-list a:hover{ opacity: .6; color: #eb6464; text-decoration: none; } .faq-design-ttl{ width: 100%; font-size: 15px; font-weight: bold; text-align: left; background: #ffd9ec; position: relative; display: block; padding: 8px 35px 8px 10px; color: #f9576c; margin-bottom: 10px; } .obon_ver .faq-design-ttl{ background: #97b3ca; color: #fff; border: 1px solid #97b3ca; } .box-btn a { width: calc(100% - 30px); display: inline-block; padding: 12px 10px; font-size: 1em; background: #ea5f5f; color: #fff; box-shadow: 0px 5px 0px -2px #e5e5e5; border-radius: 10px; font-weight: bold; position: relative; font-size: 20px; } #category .contents-index-jump-ttl--outer{ position: relative; } #category .father_ver .contents-index-jump-ttl--outer{ background: #E9F4FC; min-height: 90px; } #category .father_ver .contents-index-jump-ttl p { font-size:.85em; } #category .contents-index-jump-ttl p { display: block; position: absolute; color: #714141; } #category .contents-index-jump-ttl h2 { position: absolute; top:30px; } span.i879-contents--ttl-deco{ color: #fff; background: #1e4b9e; border-radius: 75px; position: absolute; margin: -15px -75px; width:70px; height: 70px; text-align: center; line-height: 20px; transform: rotate(-21deg); padding: 5px; font-size: 15px; font-family: cursive; } span.i879-contents--ttl-deco.line02{ padding: 10px 5px; } .ml10 span.i879-contents--ttl-deco { color: #fff; background: #bb7e00; padding: 13px 5px; } .birth_ver span.i879-contents--ttl-deco{ margin: -20px -75px; padding: 10px 5px; } .birth_nav{ overflow: hidden; margin:0 30px 30px; text-align: center; } .birth_nav li{ border: 3px solid #ccc; width:25%; float: left; padding: 10px; border-radius: 10px; border: 2px solid #ff9c9c; background-color: #ffeeee; color: #ed5a86; font-weight: bold; font-size: 1.2em; position: relative; } .birth_nav li a{ color: #ed5a86; } .birth_nav li a:hover{ text-decoration: none; background-color: #ff9c9c; color: #ffeeee; text-decoration: none; } .birth_nav li:hover{ background-color: #ff9c9c; color: #ffeeee; text-decoration: none; } .birth_nav .fa { font-size: 22px; font-weight: bold; position: absolute; top: calc(50% - 0.5em); right: 0.5em; } .birth_pre_nav-outer{ margin-bottom:30px; } .birth_pre_nav { overflow: hidden; } .birth_pre_nav li{ position: relative; float: left; padding: 10px 10px 0; } .birth_pre_nav li span.birth_pre_nav-txt{ position: absolute; width:100px; bottom:0; left:0; right: 0; text-align: center; background: #fff; line-height: 1.2em; font-size: 0.75em; margin: 0 auto; padding-top:5px; height: 35px; } .birth_pre_nav li.line01 span.birth_pre_nav-txt{ padding-top:10px; } .birth_pre_nav-img{ width:100px; height: 100px; border-radius: 50%; background: #ffeded; overflow: hidden; display: block; } .birth_pre_nav-img img{ width:80px; padding: 2px 5px 5px; display: block; margin: 0 auto; } .birth_pre_nav li:hover{ opacity: 0.6; } #category .i879-contents--ttl h2{ font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* contents--ttl ------------------------------------------------------- */ .i879-contents--ttl{position: relative;padding: 25px 10px 15px 75px;background: #e8f8f7;margin-bottom: 10px;min-height: 82px;} .i879-contents--ttl{position: relative;padding: 25px 10px 15px 75px;background: #ffd9ec;margin-bottom: 10px;min-height: 82px;} #category .i879-contents--ttl {margin-top:30px; } .i879-contents--ttl img{position: absolute;top:0;left:0;} .i879-contents--ttl p{position: absolute;top:5px;left:0;padding: 0 0 0 75px;color: #714141;} #category .i879-contents--ttl h2{font-size: 1.3em;margin: 0 0 0 0;font-weight: 800;text-align: left;color: #714141;line-height: 1.2em;} .i879-contents--ttl.mt01{background: #fed2d2;} .i879-contents--ttl.mt01 p {color: #e95a76;} .i879-contents--ttl.mh00{background: #e8f4fc;} .i879-contents--ttl.mh00 p {color: #13a9cc;} span.i879-contents--ttl-deco{ color: #fff; background: #1e4b9e; background: #f9576c; border-radius: 75px; position: absolute; margin: -75px; margin: -45px -75px; width:70px; height: 70px; text-align: center; line-height: 20px; transform: rotate(-21deg); padding: 5px; font-size: 15px; font-family: cursive; } .i879-contents--ttl.ml10{background: #fefaef;} .i879-contents--ttl.ml10 p {color: #c39f09;} .i879-contents--ttl.ml10.v02{background: #fdecd2;} .i879-contents--ttl.ml10.v02 p {color: #c39f09;} .i879-contents--ttl.xmas.xmas{background-color: #f1ecd6;} .i879-contents--ttl.xmas.xmas h2, .i879-contents--ttl.xmas.xmas p {color: #996600;} .i879-contents--ttl.purple01{background: #fcfaf1;} .i879-contents--ttl.blue01{background: #e2ecfb;} .i879-contents--ttl.blue01 p {color: #244A9E;} .i879-contents--ttl.blue02{background: #E8F4FC;} .i879-contents--ttl.blue02 p {color: #244A9E;} .i879-contents--ttl.nude{background: #fcfaf1;} .i879-contents--ttl.nude p{color: #f1696c} .i879-contents--ttl.nude01{background: #fcfaf1;} .i879-contents--ttl.nude01 p{color: #f1696c} .i879-contents--ttl.nude02{background: #f9f5e4;} .i879-contents--ttl.nude02 p{color: #339e97;} .i879-contents--ttl.pink{background: #ffe6e6;} .i879-contents--ttl.pink p{color: #FF8AB0} .i879-contents--ttl.pink01{background: #ffe6e6;} .i879-contents--ttl.pink01 p{color: #f3447d} .i879-contents--ttl.pink02{background: #fed2d2;} .i879-contents--ttl.pink02 p {color: #e95a76;} .i879-contents--ttl.green01{background: #e9f8f0;} .i879-contents--ttl.green01 p{color: #00661a} .i879-contents--ttl.orange01{background: #f8d9b3;} .i879-contents--ttl.orange01 p{color: #e87f00} .i879-contents--ttl.yellow01{background: #fffaf0;} .i879-contents--ttl.yellow01 p{color: #e87f00;} .i879-contents--ttl.yellow02{background: #FFF4CB;} .i879-contents--ttl.yellow02 p{color: #e87f00;} /* //contents--ttl ------------------------------------------------------- */ /*TOC ------------------------------------------------------- */ .toc { padding: 15px 26px; background-color: #fdfcf6; border: 4px solid #f4d3dd; margin:0 15px 30px; } .toc__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1; font-weight: bold; color: #f082a2; white-space: nowrap; } .toc__title span { padding-right: 10px; } .toc__title::after { content: ''; width: 100%; margin-top: 1px; border-top: 1px solid #f6ccdd; } .toc-list__item { padding: 10px 0; line-height: 2; font-weight: 500; font-size: 18px; } .toc-list__item a { padding-left: 1em; display: block; position: relative; color: #f9576c; } .toc-list__item span:before { content: "◆"; } .toc-list__item i { position: absolute; top: 0; left: 0; line-height: 2; color: #ebaccb; } .toc-list__item img{ line-height: 2; vertical-align: middle; } .toc-list-child__item { padding: 0 0 0 14px; line-height: 1.75; font-weight: normal; font-size: 16px; } .toc-list__item:not(:first-child) { border-top: 1px solid #f6ccdd; } .faq-sttl{ font-weight: bold; color:#f9576c; font-size: 1.5em; margin: 1.2em 15px 1em; } .faq-sttl.bt_1{ border-top: 1px solid #97b3ca; } .faq-sttl-des{ font-size:1em; margin: 0 20px 1.5em; } .gotocontentsWrap{ margin: 20px 15px; padding: 15px 10px; text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /*//TOC ------------------------------------------------------- */ .navi-review-review-rate{ height: 22px; } a.SmBnLink_outer{ display: block; } a.SmBnLink_outer img:hover { opacity: 1; } .SmBnLink{ /*position: absolute;*/ position: absolute; top:0; z-index: 100001; } .inquiry_attention-box{ color:red; background: #fdfce9; border: #f8da8d solid 2px; border-radius: 5px; padding: 10px 15px; margin: 20px 15px; } .inquiry_attention-ttl{ font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 20px; text-align: center; } .inquiry_attention-box ul li{ margin-bottom: 10px; } .inquiry_attention-box ul li:last-child{ margin-bottom: 0; } .description_main{ margin:0 20px; padding: 10px 20px; background: #E9F8F0; font-size:.9em; } .description_main span{ font-weight: bold; font-size: 1.2em; text-align:center; display: block; margin-bottom:10px; line-height: 1.2em; } /* pc ------------------------------------------------------- */ @media screen and (min-width:641px), print{ .description_main{ width:800px; margin:0 auto; } .description_main span br.display_sp{ display: none; } /* catalog ------------------------------------------------------- */ .limit_quantity { display: inline-block; } .hero_product .soldout { display: inline-block; } /* あと残り◯個をPCの時にpriceの下に */ /* //catalog ------------------------------------------------------- */ .gotoAnchorWrap br.display_sp{ display: none; } .navi-review-review-rate{ height: 22px; } /* FAQ ------------------------------------------------------- */ #category .contents-index-jump-ttl p { font-size: 1em; } #category .contents-index-jump-ttl h2 { position: absolute; top: 30px; color: #714141; margin:0; } #category .contents-index-jump-ttl--outer { background: #ffd9ec; background-image:none; } #category .father_ver .contents-index-jump-ttl--outer{ background: #E9F4FC; background-image:none; } .faq-design-list-outer{ margin:0; } .contents-index-jump-ttl--outer.obon_ver{ margin-bottom: 10px; } .faq-design-list { margin: 10px 20px 20px; font-size: .9em; } .letter-list li a{ width: 250px; } /* //FAQ ------------------------------------------------------- */ .i879-contents--ttl{ padding: 35px 10px 10px 80px; } .i879-contents--ttl.mh00{ background: #e8f4fc; } .i879-contents--ttl .display_sp { display: none; } span.i879-contents--ttl-deco{ margin: -75px -90px; } .flower_present_more{ margin: 30px auto 0; } .inq_after a{ text-align: center; padding: 0.5em; margin:20px auto 0; width: 400px; border: 1px solid #e0e0e0; display: block; font-weight: bold; } .box-btn_reco { margin: 20px auto; width: 400px; } .box-btn_reco.catever{ margin:30px auto 10px; } /* 母の日の商品詳細のみボタンの表示小さく */ .mother.box-btn_reco { margin: 20px auto; width: 350px; } /* 母の日の商品詳細のみボタンの表示小さく */ /* 2200303 detail-history -------------*/ .detail-history-outer{ padding-top:20px; } h2.detail-history-ttl { margin: 0 0 1em 0; overflow: auto; } .detail-history .i879-browsing-history .check_history_scroll li { width: 180px; } .detail-history .i879-browsing-history .check_history_scroll li { margin: 0 0 0 5px; padding: 5px; } .detail-history .i879-browsing-history .check_history_price { margin-bottom: 20px; } /* 2200303 POD -------------*/ .pod-attention-outer{ margin:20px 0; padding: 15px 20px; } #category .pod-attention-outer h2, .pod-attention-outer h2{ color:red; margin: 0 0 15px; } .pod-attention-outer h2 span{ font-size:.75em; line-height: 1.2em; } .pod-attention-des p{ font-size:1.1em; } /* 2200303 POD -------------*/ /* 220208 Cate contents-col1 -------------*/ #category .contents--col1{ width: calc(100% - 0); margin:0 0 20px; } #category .contents--col1 .contents--img{ width:calc(15% - 10px); margin-right: 10px; } #category .contents--col1 .contents--col1-r{ width:85%; } #category .contents--col1 .product_title { margin-right:10px; } #category .contents--col1 .product_name { margin-right:10px; display: inline-block; } #category .contents--col1 .product_cd{ font-size: .9em; } #category .contents--col1 .product_spec{ display: inline-block; margin-right:10px; } #category .contents--col1 .price{ display: inline-block; margin-right:10px; padding: 0; } #category .contents--col1 .btn_detail a { padding: 8px 5px; } #category .contents--col1 .btn_cart a { margin-top:0; font-size: .9em; width: 40%; } /* 220208 Cate contents-col1 -------------*/ .set_delivery_date { margin: 0; } /* 220127 Ranking -------------*/ #home .gridtab dt { padding: 15px 15px 25px; font-size: .9em; } #home .gridtab--0 dt.is-active { padding: 15px 15px 25px; } #home .gridtab--0 >dt.is-active:after { content: "━"; color: #808080; font-size: .75em; bottom: 22px; animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; } #home .gridtab>dt:after { content: '╋'; color: #808080; font-size: .75em; bottom:5px; animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; } /* //229127 Ranking -------------*/ #product .product_name{ font-size: 1.5em; } .birth_365 .sns-box { padding: 40px 0 80px; } .birth_365 .gs__col--md-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .fan-ttl{ font-size:1.5em; margin-bottom: 0; } .fan-ttl .display_sp{ display: none; } .top-in_time { margin:60px 0 0; } .mt_detail.mh00ver .gotoAnchor{ font-size: 13px; padding: 8px 10px 48px 0; } footer #ft_contents{position: relative;} table.ft_ssl{position: absolute;bottom:30px;right:10px;width: 135px;float: none;margin:0;} .cv_mother-list{padding: 0;overflow: hidden;margin:30px auto;} .cv_mother-list li {width: 320px;float: left;margin-right: 1%;} .cv_mother-list li:last-child {margin-right: 0;} .cv_mother-list.wid650{width:650px;} .cv_mother-list.wid320{width:320px;} .cv_mother-list.single li{width: 49.5%;float: none;} .cv_mother-list.single li:last-child {margin: 0 auto;} .cv_mother-list.double li {width: 49.5%;} .cv_mother-list.wid495 {width:495px;} .cv_mother-list.wid495 li {width: 495px;float: none;margin: 0 auto;} .cv_mother-list.wid650 img{width:100%;} .cv_mother-list.wid494 img{width:100%;} /* 1900409 MOTHER SP NAV ------------------------------------------------------- */ .mt-spnav-outer h2{margin-bottom:20px;font-size:1.2em;} .mt-spnav-box{overflow: hidden;margin:20px 15px 0;} .mt-spnav-ttl {margin: 0 0 10px;} .mt-spnav{width:50%;float: left;padding: 0 10px;margin-bottom: 0} .mt-spnav-pickUp {padding:0 5px;} .mt-spnav-pickUp li{width:49%;float: left;overflow: hidden;margin-right:2%;} .mt-spnav-pickUp li:last-of-type{margin-right:0;} .mt-spnav-ttl{margin-bottom: 5px;margin-bottom:15px;padding:10px 10px 10px 0;} .mt-spnav-des {padding: 0 0 20px 10px;font-size: .85em;} .mt-spnav-pickUp {padding: 0 5px 0 0;} .icon_link_spNav{width: 95%;margin-top:10px;margin-bottom:20px;overflow: hidden;} .icon_link_spNav li{width:48%;float: left;} .icon_link_spNav li:nth-child(2), .icon_link_spNav li:nth-child(4){margin-left:25px;} .icon_link_spNav dl{padding: 5px 0;} .icon_link_spNav.one-line {width: 100%;margin-top:20px;} .icon_link_spNav.one-line li{width:100%;float: none;} .icon_link_spNav.one-line li:nth-child(2), .icon_link_spNav.one-line li:nth-child(4){margin-left:0;} .mt-spnav-des.line4 {min-height: 4.5em;} .ending-notice{padding:10px;margin:0 0 20px;} .ending-notice.display_in{padding:10px;margin:0 0 20px;display:table ;height: 60px;width: 100%;} .ending-notice.display_in p{text-align: center;display: table-cell;vertical-align: middle;} .position-ab{position: relative;} .position-ab .ending-notice{position: absolute;top:115px;left:30%;width:140%;z-index: 2;} .mt-spnav-pickUp.mt75{margin-top: 75px;} /* //1900409 MOTHER SP NAV ------------------------------------------------------- */ /* 190319 odd YA00　renew ------------------------------------------------------- */ .ya00_ranking_ttl br{display: none;} .ya00_ranking_ttl {margin-top:30px;margin-bottom:20px;} .ya00_ranking_ttl:before, .ya00_ranking_ttl:after {width: 25%;} .contents--col5-dy {margin-bottom:30px;} .contents--col5-dy li:nth-child(1), .contents--col5-dy li:nth-child(even), .contents--col5-dy li:nth-child(odd){ width:20%; padding: 10px; } .contents--col5-dy li:nth-child(1) .contents--img{padding: 0;width:100%;float: none;} .contents--col5-dy li:nth-child(1) .price {float: none;width: 100%;} #category .contents--col5-dy .price{margin-bottom: 10px;margin-top:10px;} #category .ranking .product_name{font-size: 1em; height:7.5em;} #category .ranking .price{text-align: right} /* //190319 odd YA00　renew ------------------------------------------------------- */ /* HANACUPID 181204 ------------------------------------------------------- */ .hc_means{margin-left: 0;margin-right:0;} .what_hanaokuri{margin-left: 0;margin-right:0;} .sign_ceo{margin-left: 0;margin-right:0;} .hc_means{overflow: hidden;} .hc_means_r{float:right;width:25%;} .hc_means_l{float:left;width:75%;} .hc_means_ttl span::before{content: "" ;white-space: normal;} .hc_companys_outline{overflow: hidden;background:#E1F3FF;} .hc_companys_outline dt{float:left;width:30%;border-bottom: 3px solid #fff;} .hc_companys_outline dd{margin-left: 30%;} h2.hc_company_ttl{font-size: 1.5em;margin: 0 0 10px;} .hc_company_sub{font-size: 1.2em;margin: 0 0 30px;} /* //HANACUPID 181204 ------------------------------------------------------- */ .attention_index{font-size: 1.1em} /* SCHEDULE LIST TABLE ------------------------------------------------------ */ h4.schedule_list_ttl{display: inline-block;font-size: 1.2em} h4.schedule_list_ttl+p{display: inline-block;margin-left: 20px} table.schedule_list,table.schedule_list.long_table,table.schedule_list.surper_long_table{width:100%} table.schedule_list{font-weight: bold} .schedule_list tr:hover td{background:#f1e4c9} .schedule_list_arrow{display: none} .schedule_list_ver02_arrow{display: none} /* SCHEDULE LIST TABLE ver02 */ table.schedule_list_ver02{width:100%} .schedule_list_ver02_arrow{display: none} .schedule_list_ver02.forset tr:hover td{background:#f1e4c9} /* SCHEDULE LIST TABLE ver_normal */ h2.schedule_list_ttl{display: inline-block;font-size: 1.2em} h2.schedule_list_ttl+p{display: inline-block;margin-left: 20px} table.schedule_list_vernor{width:100%} .schedule_list_vernor_arrow{display: none} .schedule_list_vernor.forset tr:hover td{background:#f1e4c9} /* /SCHEDULE LIST TABLE ------------------------------------------------------- */ body:before{content: "";display: block;padding-top: 0%;} /*orderflow_list_normal*/ .orderflow_list {margin: 0px 0 20px} .orderflow_list ul{margin:0 auto;width:98%} ul.orderflow_list ul i{margin:10px 5px 10px} .orderflow_list ul{display:table;table-layout:fixed} .orderflow_list ul li{display: table-cell;vertical-align:middle;text-align:center} .orderflow_list ul li{padding:2px;width:145px;font-size: 0.8em} article{width: 1000px;margin: 0 auto 2em} .col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{padding:.15%;float:left} .col1{width:8%}.col2{width:16.3%}.col3{width:24.6%}.col4{width:32.9%;}.col5{width:41.2%}.col6{width:49.5%}.col7{width:57.8%}.col8{width:66.1%}.col9{width:74.4%}.col10{width:82.7%}.col11{width:91%}.col12{width:99.3%}.colfull{width:100%;padding:2% .2%;clear:both} .col101,.col102,.col103,.col104,.col105,.col106,.col107,.col108,.col109{padding:.15%;float:left}.col101{width:9.7%}.col102{width:19.7%}.col103{width:29.7%}.col104{width:39.7%}.col105{width:49.7%}.col106{width:59.7%}.col107{width:69.7%}.col108{width:79.7%}.col109{width:89.7%} .display_pc{display:block}.dispaly_sp{display:none} .clearhr{clear:both;border:none;margin:2.5em} .crumb_box{width:1000px;margin:0 auto;clear:both;} #page-top{display: block;position:fixed;bottom:75px;right:10px;font-size:1em;z-index: 7;} #page-top a{background:#dc404c;text-decoration:none;color:#fff;width:3.5em;padding:1em;text-align:center;display:block;border-radius:5px} #page-top a:hover{text-decoration:none;background:#f27e83} .xmas #page-top a{background:green;} .xmas #page-top a:hover{background:#f27e83} p.columBoxTxt img{width: 50%;float: left;margin-right: 10px} p.columBoxTxt.nafuda_renew img{width: 56%;} /* HOME ------------------------------------------------------- */ #herobnr div div.bx-viewport ul li{height: auto;/*max-height: 415px*/} #home .head{text-align: center;color: #eb6464;font-size: 1em} #home #herobnr .bxslider {height: 400px;background: url(//www.i879.com/hanablog/wp-content/uploads/2017/03/loadlogo.gif)no-repeat center} #herobnr div div.bx-viewport ul li h1{position: absolute;left:25%;top:10%;font-size: 2em;z-index: 1} #herobnr div div.bx-viewport ul li p.description{position: absolute;left: 25%;bottom: 25%;font-size:1.5em;font-weight: bold;text-shadow: 1px 1px #FFF;z-index: 2} #herobnr div div.bx-viewport ul li p.subcaption{position: absolute;left:25%;top:25%;font-size: 450%; font-family: 'Noto Sans JP', 'Libre Baskerville', serif;z-index: 2} #herobnr div div.bx-viewport ul li p.subcaption img{width: 60%} #herobnr div div.bx-viewport ul li img.product{position: relative; width: 25.5%;right: 25%;bottom:-55px; float: right;z-index: 1} /* #herobnr div div.bx-viewport ul li img.sale_wappen{position:absolute;z-index: 10;width:15%;height: auto} #herobnr div div.bx-viewport ul li img.sale_wappen{top:10%;right:10%} */ #herobnr div div.bx-viewport ul li:nth-child(2) img.roomimg{top: 0} #herobnr div div.bx-viewport ul li:nth-child(2) img.product{width: 22%;bottom: -75px;right: 18%} #herobnr div div.bx-viewport ul li:nth-child(2) p.datetime{position:absolute;z-index:3;right:22.5%;font-size:155%;font-weight:800;background-image:url(//images.i879.com/image/home/hero/quickform.png);width:17.5%;background-repeat:no-repeat;padding: 11.5% 0 0 0%;text-align: center;color: #eb6464} #herobnr div div.bx-viewport ul li:nth-child(2) a:nth-child(1) p img{width: 85%} /*new*/ #herobnr div div.bx-viewport ul li:nth-child(3) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(4) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(5) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(6) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(7) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(8) img.roomimg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width:100%;max-width: 100%;max-height: auto;margin: auto} /* #herobnr div div.bx-viewport ul li:nth-child(5) img.roomimg, #herobnr div div.bx-viewport ul li:nth-child(6) img.roomimg{max-width: 100%;width: 100%;max-height: auto;/*bottom:70%;*//*}*/ /* #herobnr div div.bx-viewport ul li:nth-child(6) p.subcaption img, #herobnr div div.bx-viewport ul li:nth-child(7) p.subcaption img, #herobnr div div.bx-viewport ul li:nth-child(8) p.subcaption img{width: 60%} */ .bx-wrapper .bx-controls-direction a{display: block;text-indent: 0px !important;font-size: 2.5em;text-shadow: 0px 1px #fff;font-weight: bold} .bx-wrapper .bx-controls-direction a:hover{text-decoration: none} /*#home .whats{text-align: center;background-color: #f1696c;color: #FFF;font-family: 'Noto Sans JP', 'Libre Baskerville', serif}*/ #herobnr div div.bx-viewport ul li a.btn_detail{display: block;position: absolute;z-index: 10;right: 10%;width: 155px;bottom: 15%;background-color: rgba(255, 255, 255, 0);} #home #herobnr div div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-controls-direction a{display: block} #home .whatsnew{line-height: 1.5em; background-color: #f1696c;height: auto;display: flex;justify-content: center;align-items: center} #home .whatsnew .whats_ttl{} #home .gridtab dt{background-color: #FFF;border-color:#fedf8f;text-align: center;font-weight: bold} #home .gridtab--0 dd{background-color: #fffde9; border-color: #fedf8f} #home .gridtab--0 dt.is-active{background-color: #fffde9; border-color:#fedf8f} #home .gridtab {line-height: 1.25em} #home .gridtab p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #home .gridtab p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #home .gridtab img{width: 90%; margin: 5%} /*#home .gridtab .product_name{font-size: 1em;height: 6.5em}*/ /*#home .gridtab .product_name {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}*/ /*#home .gridtab .product_name{font-size: 1em;height: auto}*/ #home .gridtab .product_name {position: relative; font-size: 1em;height:2.4em;overflow: hidden; line-height: 1.3em;position: relative} #home .gridtab .product_name:before, #home .gridtab .product_name:after{background: #fffde9;position: absolute} #home .gridtab .product_name:before{content: "...";bottom: 0;right: 0;} #home .gridtab .product_name:after{content: "";height: 100%;width: 100%} #home .gridtab .price{text-align: right} #home .gridtab .rank_price {padding: 1em 0} #home .gridtab .rank_price {color: #666333;} #home .gridtab dd a.btn_detail{float: right} #home .categorylinks{display: inline-block;border-bottom: 1px solid #f1696c; margin-top: 2em} #home .special .col3{border:1px solid #f1696c;height: 385px;line-height: 3em;position: relative; overflow: hidden;} #home .special .col3 img{position: absolute;top: 100%;left: 50%;transform: translate(-50%,-50%);width: 150%;height: auto;overflow: hidden} #home .special .col3 img.tall_flower{top: 85%} /* 170330 */ #home .special .col3 img.index_clock {top: 35%;left: 20%;width: 30%;height: auto} #home .special a:nth-child(2) div.col3 h4 {font-size: 2.8em;position: absolute;text-align: left;margin-left:38%;top:30%} #home .special h3{font-size: 1.1em;font-weight: bold} #home .special h4{font-family: 'Noto Sans JP', 'Libre Baskerville', serif;font-size: 2.8em;font-weight: 100;padding: 0em;z-index: 2; position: absolute;text-align: center;width: 100%} #home .special p{line-height: 1.5em;padding: 1em} /* 180710 */ /* STATIC BANNER ------------------------------------------------------- */ /* static_bnr_ver01 */ .static_bnr_ver01 {margin-bottom: 1.5em;} .static_bnr_ver01 br{display: none} .static_bnr_ver01 li p.static_bnr--txt span.small_txt:before{content: "" ;white-space: normal ;} .static_bnr_ver01 li p.static_bnr--txt span.small_txt{font-size: .75em;} .static_bnr_ver01 li p.static_bnr--txt span.small_txt:after{content: "ギフト";} .static_bnr_ver01 li {height: 100px;} .static_bnr_ver01 li{font-size: 1.8em} .static_bnr_ver01 li p.static_bnr--sub{display: block;position: absolute; top:10px;left:85px;font-weight: 500;font-size: .6em;} .static_bnr_ver01 li.static_bnr--quick p.static_bnr--sub, .static_bnr_ver01 li.static_bnr--birth p.static_bnr--sub{color:#993333;} .static_bnr_ver01 li.static_bnr--osonae p.static_bnr--sub{color:#ac86dc;} .static_bnr_ver01 li p.static_bnr--txt{top:40px;left:80px;} .static_bnr_ver01 li p.static_bnr--icon img {left: 10px;} .static_bnr_ver01 li.static_bnr--quick p.static_bnr--icon img {top: 0;} .static_bnr_ver01 li.static_bnr--birth p.static_bnr--icon img {top: 0;} .static_bnr_ver01 li.static_bnr--osonae p.static_bnr--icon img {top: 0;} .static_bnr_ver01 li a:hover {opacity: 0.6;} .triangle01{width: 0;height: 0;border-style: solid;border-width: 0 0 25px 25px;border-color: transparent transparent #f1696b transparent; position: absolute;bottom:5px;right:5px;} .triangle02{width: 0;height: 0;border-style: solid;border-width: 0 0 25px 25px;border-color: transparent transparent #ff6699 transparent; position: absolute;bottom:5px;right:5px;} .triangle03{width: 0;height: 0;border-style: solid;border-width: 0 0 25px 25px;border-color: transparent transparent #ac86dc transparent; position: absolute;bottom:5px;right:5px;} /* static_bnr_ver02 */ .static_bnr_ver02 {margin-bottom: 1.5em;} .static_bnr_ver02 li p.static_bnr--txt{padding:5px 10px;font-size:1em;font-weight: 500;text-align: left;} .static_bnr_ver02 li p.static_bnr--txt span.odd_txt:after{content: "ギフト";} .static_bnr_ver02 li.static_bnr--quick p.static_bnr--icon img{width:78%;top:-38%;left:30%;} .static_bnr_ver02 li.static_bnr--birth p.static_bnr--icon img{width:120%;top:-120%;left:0;} .static_bnr_ver02 li.static_bnr--osonae p.static_bnr--icon img{width:120%;top:-320%;} .static_bnr_ver02 li p.static_bnr--txt:after{font-family:'FontAwesome';content: " \f138";} /* static_bnr_ver03 */ .static_bnr_ver03 li {font-size:1em;text-align: left;letter-spacing: .2em;} .static_bnr_ver03 li p.static_bnr--txt:after{font-family:'FontAwesome';content: " \f138";} .static_bnr--userge h2 {font-size: 1em;letter-spacing: .3em;} .static_bnr--userge h2 span { background: #fff url(//images.i879.com/image/home/icon_static_bnr_userge.png) no-repeat; padding:1.2em .5em 1.2em 40px; background-size:34px 28px; background-position:3px 10px; } .static_bnr_ver03 {margin-bottom: 1em;} article.home_test{margin: 0 auto;} /* static_bnr_ver04 pc*/ .static_bnr_ver04 li.static_bnr--birth, .static_bnr_ver04 li.static_bnr--osonae{background: none;} .static_bnr_ver04 li p.static_bnr--icon{display: block;} .static_bnr_ver04 li p.static_bnr--bk{display: block;} .static_bnr_ver04 li p.static_bnr--txt br{display: none;} .static_bnr_ver04 li.static_bnr--quick p.static_bnr--sub{display: block;} .static_bnr_ver04 li {position: relative;overflow: hidden;height: 100px;} .static_bnr_ver04 li p.static_bnr--txt{position: absolute;z-index: 4;width:100%;font-size:1.5em;top:20px;left:10px;line-height: 1.2em;} .static_bnr_ver04 li p.static_bnr--bk{position: absolute;z-index: 2;} .static_bnr_ver04 li p.static_bnr--icon{position: absolute;z-index: 3;bottom: -20px;right:-8px;} .static_bnr_ver04 li p.static_bnr--icon img{width:120px;height:auto;} .static_bnr_ver04 li p.static_bnr--txt br{display: none;} .static_bnr_ver04 li.static_bnr--birth p.static_bnr--bk{bottom:-50px;left:-10px;} .static_bnr_ver04 li.static_bnr--birth p.static_bnr--bk img{width:500px;height:auto;} .static_bnr_ver04 li.static_bnr--osonae p.static_bnr--bk{bottom:-6px;left:-10px;} .static_bnr_ver04 li.static_bnr--osonae p.static_bnr--bk img{width:350px;height:auto;} .static_bnr_ver04 li.static_bnr--quick p.static_bnr--sub{position: absolute;z-index: 4;width:100%;top:15px;left:10px;color:#ee8282;} .static_bnr_ver04 li.static_bnr--quick p.static_bnr--txt{top:45px;left:10px;color:#ee8282;} .static_bnr_ver04 li.static_bnr--birth, .static_bnr_ver04 li.static_bnr--osonae {font-family: 'Libre Baskerville', serif;} .static_bnr_ver04 li.static_bnr--birth p.static_bnr--txt{color:#ff85ad;} .static_bnr_ver04 li.static_bnr--osonae p.static_bnr--txt{color:#916db5;} .static_bnr_ver04 li a:hover{opacity: 0.6;} .static_bnr_ver04 li p.static_bnr--txt span.small_txt:after{content: "ギフト";} .static_bnr_ver04 li p.static_bnr--txt span.small_txt{font-size:.8em;} .static_bnr_ver04 li.static_bnr--birth p.static_bnr--txt br{display: block;} /* static_bnr */ .static_bnr {margin-bottom: 1.5em;} .static_bnr br{display: none} .static_bnr br.static_bnr-br-reset{display:block;} .static_bnr li {height: 100px;} .static_bnr li{font-size: 1.8em} .static_bnr li span.static_bnr--txt{top:33px;font-weight: 500;} .static_bnr li.static_bnr--birth span.static_bnr--txt{top:18px;} .static_bnr li span.static_bnr--icon img {border-radius: 50%;width: 75px;height: 75px;} .static_bnr li span.static_bnr--icon img {left: 75%;} .static_bnr li.static_bnr--birth {background: #ffc2d7;border: 1px solid #ff487b;text-shadow: none;} .static_bnr li.static_bnr--birth a {color:#ff487b;} .static_bnr li.static_bnr--osonae {background: #dbcbed;border: 1px solid #865ebe;text-shadow: none;} .static_bnr li.static_bnr--osonae a {color:#865ebe;} .static_bnr li a:hover {opacity: 0.6;} /* 170414 */ /* SPECIAL STYLE ------------------------------------------------------- */ .index_special_ver02 ul {margin:0 auto;} .index_special_ver02 ul.index_special_ver02--4col {width:800px;} .index_special_ver02 ul.index_special_ver02--3col {width:600px;} .index_special_ver02 ul li:nth-child(1) {width:200px;height: 288px} .index_special_ver02 ul li.linkbtn_wide {width:200px;height: 288px} .index_special_ver02 ul li {width:200px;height: 288px} .index_special_ver02 ul li img, .index_special_ver02 ul li:nth-child(1) img, .index_special_ver02 ul li.linkbtn_wide img,.index_special_ver02 ul li.linkbtn_wide img.top0-normal{top: 39%;left: 0%;width: 155%;} .index_special_ver02 ul li h3,.index_special_ver02 ul li:nth-child(1) h3,.index_special_ver02 ul li.linkbtn_wide h3 {width: 90%;top: 20px;right: 0%;left: 10%;text-align: center;font-size: 1.1em;line-height: 1.1em;} .index_special_ver02 ul li:nth-child(1) img.spe_title, .index_special_ver02 ul li.linkbtn_wide img.spe_title {top: 0;left: 0%;width: 70px;} .index_special_ver02 ul li h3,.index_special_ver02 ul li:nth-child(1) h3,.index_special_ver02 ul li.linkbtn_wide h3 {width: 90%;top: 20px;right: 0%;left: 10%;text-align: center;font-size: 1.1em;} .index_special_ver02 ul li h3+p,.index_special_ver02 ul li:nth-child(1) h3+p,.index_special_ver02 ul li.linkbtn_wide h3+p{width: 100%;top: 80px;right: 0%;text-align: center;font-size: 0.8em;} .index_special_ver02.fontsmall ul li:nth-child(1).linkbtn_wide h3 { top:20px; font-size: 1em; } .index_special_ver02.fontsmall ul li.linkbtn_wide h3+p { top: 80px; font-size: 0.8em; line-height: 1.1em; } .index_special_ver02.fontsmall ul li h3 { font-size: 1em; line-height: 1.1em; } .index_special_ver02.fontsmall ul li img{top: 39%;} .index_special_ver02.fontsmall ul li.step img{top: 30%;} .index_special_ver02.fontsmall ul li img.spe_title, .index_special_ver02.fontsmall ul li.step img.spe_title{top: 0;left: 0%;width: 70px;} .index_special_ver02 ul li.step img{ top: 45%;left: -8%;width: 120%; } .index_special_ver02 ul li.tree img{ top: 20%;left: -8%;width: 155%; } .index_special_ver02 ul li.line03 h3+p {top: 80px;} .index_special_ver02 ul li.special_nav--keirou_set img{top: 35%;} .index_special_ver02 ul li.special_nav--keirou_set img.spe_title {top: 0;left: 0%;width: 70px;} .index_special_ver02 ul.index_special_ver02--3col li:nth-child(1) h3{top:22px;} .index_special_ver02 ul.index_special_ver02--3col li h3+p {top: 80px;} .index_special_ver02 ul li.special_nav--mother_set img{top: 35%;} .index_special_ver02 ul li.special_nav--mother_set img.spe_title {top: 0;left: 0%;width: 70px;} .index_special_ver02 ul li.special_nav--mother_set img{top: 35%;left: 0;width: 100%;} .index_special_ver02 ul li:nth-child(1) img.spxmas01 {top: 20%;left: -25%;} .index_special_ver02 ul li.spxmas04 h3+p {top: 65px;} .index_special_ver02 ul li:nth-child(1).spxmasrank h3+p{top: 75px;right: 0%;font-size: 0.8em;} .index_special_ver02 ul li.spxmaswreath h3+p {top: 75px;} .index_special ul li:nth-child(1) {width:20%;height: 288px;} .index_special ul li {width:20%;height: 288px;} .index_special ul li img,.index_special ul li:nth-child(1) img{top: 38%;left: 0%;width: 155%;} .index_special ul li br.display_sp {display:none;} .index_special ul li h3,.index_special ul li:nth-child(1) h3{width:90%;top:20px;right:0%;left:10%;text-align:center;font-size:1.1em;} .index_special ul li h3+p, .index_special ul li:nth-child(1) h3+p{width: 100%;top: 75px;right: 0%;text-align: center;font-size: 0.8em;} .index_special ul li.line01 h3+p {top: 75px;} .index_special ul li.set img {top: 38%;left: 0%;width: 100%;} .index_special ul li.newyear img {top: 25%;left: -10%;width: 150%;} .index_special ul li.peach img {top: 25%;left: -10%;width: 150%;} .index_special ul li h3.stxt{font-size:1em;} .index_special ul li.line03 h3+p {top: 85px;} .index_special_ver02.two-two ul li:nth-child(1) { width: 200px; height: 288px; } .index_special_ver02.two-two ul li:nth-child(1) h3+p { width: 100%; top: 75px; right: 0%; text-align: center; font-size: 0.8em; } .index_special_ver02.two-two ul li h3+p { top: 77px; } .index_special_ver02.two-two ul li h3 { width: 90%; top: 20px; right: 0; left: 10%; text-align: center; font-size: 1.1em; } .index_special_ver02.two-two ul li h3+p br.display_sp{ display: none; } /* /SPECIAL STYLE ------------------------------------------------------- */ #home .categorylinks .col102 p{width:100%} #home .categorylinks .col102:first-child,#home .categorylinks .col102{width:19.7%} #home .categorylinks .col102:first-child{border-top:0} #home .categorylinks .col102:first-child img{width: 90%} #home .categorylinks .col102 p{font-size:1em;line-height: 1.25em;padding-top: 0.5em} #home .categorylinks .col102 p.okurete {margin-top: -1em} #home .categorylinks .categorylinks_des{margin-top:-25%} #home .relationalsites img{width: 92%; margin: 2% 4%;border:1px solid #999} .relation-list{overflow: hidden;margin-top: 0;} #home .relationalsites dl {width: 33.3%;} #home .relationalsites dl dt img{width: 92%;height:auto;margin: 2% 4% 1%;border:1px solid #999;} #home .relationalsites dl dt{min-height: auto;} #home .relationalsites dl dd{font-size:12px;min-height:auto;padding: 0 5px 10px;text-align: center;} #home .rank_box{width:19.7%;} #home .rank_price{text-align: left;} #home .rank_btns{width: 98%;} #home a.rank_btn_cart,a.rank_btn_detail{padding:8px 0;font-size:.65em;} #home a.rank_btn_detail{margin-right:0; width:25%;} #home a.rank_btn_cart{width: 70%;} #home div.np_search.homeft input{width: 90%;font-size: 1.25em;padding: 0.25em;background-color: #FFF} #home div.np_search.homeft .np-keyword-suggest{width:50%} /* #home .relationalsites img.psyche{padding:4% 12%;} #home .relationalsites img.artist{padding:5% 10%;} #home .relationalsites img.birthdaygift{padding:9.5% 5.5%;} */ #home .relationalsites img.bnr{border:0px;width: 92%} #home .relationalsites .psmothersp{display:none;} /* 170612 */ #home ul.categorylinks.subselection.colfull p span, #home ul.categorylinks.subseason.colfull p span {font-size:75%} /* 190305 */ .catelinks_outer{margin-top:40px;} .catelinks_ttl {padding: 30px 10px 10px;} #home .catelinks_ttl h2 {width:90%;margin:0 auto;} .catelinks_ttl p {margin-top:-15px;font-size: .9em;} .catelinks_box{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap-reverse; } .catelinks_ttl{width: 20%;} .catelinks_list {width: 80%;} .catelinks_list li {width: 25%;padding: 20px 10px 10px;} .catelinks_list li p {margin-bottom: 8px;} .line2 .catelinks_list li h3 {height: 2.2em;line-height: 1.2em;} .line02 .catelinks_list li p {height:2.5em;} /* INDEX_BANNER_MOTHER ------------------------------------------------------- */ #hero_mother_0512 img{display: none} #hero_mother_0512:before{content: "";display: block;padding-top: 25%} #hero_mother_0512:before{background: #f9e7f7; background-image:url(//images.i879.com/image/home/hero/170514mother_01.png); background-repeat:no-repeat;background-size: 100% auto; background-position:0 100%} /* /INDEX_BANNER_MOTHER ------------------------------------------------------- */ /* MOTHER QUICK STYLE ------------------------------------------------------- */ .mother_quick2017_wrapper {padding: 20px} .mother_quick2017_wrapper h2{font-size: 1.5em;margin: -20px -20px 0 -20px} .mother_quick2017_wrapper h2 span:before{content: "\A" ;white-space: normal} .mother_quick2017_wrapper h2+ul {font-weight: normal} .mother_quick2017:after {content: '';display: block;clear: both;height:0} .mother_quick2017 { /zoom: 1; } .mother_quick2017 dt{width:310px;float:left;margin-top:4px} .mother_quick2017 dt img{width:100%;height: auto} .mother_quick2017 dd{width:65%;float:left;margin-left: 2%;margin-bottom:10px} .mother_quick2017_contents h3 {margin-top: 0;display: inline-block;font-size: 1.3em;clear: both;margin-bottom: 0px} .mother_quick2017_contents h3+p{display: inline-block;border-bottom: none;margin-left: 1%;font-weight: bold;margin-bottom: 0px} .mother_quick2017_contents ul {margin-bottom: 0px} .mother_quick2017_contents ul li{width:32%;margin-right: 2%;margin-bottom: 0px} .mother_quick2017_contents ul li:nth-child(even){margin-right: 2%;} .mother_quick2017_contents ul li:nth-child(3){margin-right: 0} .mother_quick2017_contents ul li:nth-child(1) {background: url("//images.i879.com/image/home/cart_pr3240.gif")no-repeat;background-size: contain} .mother_quick2017_contents ul li:nth-child(2) {background: url("//images.i879.com/image/home/cart_pr4320.gif")no-repeat;background-size: contain} .mother_quick2017_contents ul li:nth-child(3) {background: url("//images.i879.com/image/home/cart_pr5400.gif")no-repeat;background-size: contain} .mother_quick2017_contents ul li:nth-child(4) {background: url("//images.i879.com/image/home/cart_pr8640.gif")no-repeat;background-size: contain} .mother_quick2017_contents ul li:nth-child(5) {background: url("//images.i879.com/image/home/cart_pr10800.gif")no-repeat;background-size: contain} .mother_quick2017_contents ul li a {display: block} .mother_quick2017_contents ul li a:hover img {visibility: hidden} .mother_quick2017_contents h3+p {font-size: 0.8em} .mother_quick2017_contents h3+p:before,.mother_quick2017_contents h3+p:after{content: " ～ "} .mother_quick2017_contents h3 i {display: none} .mother_quick2017_contents h3 {padding-left: 65px} .mother_quick2017_contents h3.omakase_ar {background: url("//images.i879.com/image/home/omakase_ar_mt.png") no-repeat left center;background-size:55px ;min-height: 55px;padding-top: 20px} .mother_quick2017_contents h3.omakase_bu {background: url("//images.i879.com/image/home/omakase_bu_mt.png") no-repeat left center;background-size:60px ;min-height: 50px;padding-top: 10px} .mother_quick2017_contents h3.omakase_ar {background: url("//images.i879.com/image/keirou/omakase_ar_ml.png") no-repeat left center;background-size:55px ;min-height: 55px;padding-top: 20px} .mother_quick2017_contents h3.omakase_bu {background: url("//images.i879.com/image/keirou/omakase_bu_ml.png") no-repeat left center;background-size:60px ;min-height: 50px;padding-top: 10px} ul.mother_quick2017_ate li:nth-child(1){text-align: left} ul.mother_quick2017_ate li:nth-child(1),ul.mother_quick2017_ate li:nth-child(2){display: inline} .mother_quick2017_wrapper {margin-bottom:80px} .mother_quick2017_wrapper {margin-bottom:40px} .mother_quick2017_wrapper.mode_2018 h2{font-size:1.2em;padding: 5px 3px;font-weight: 500;} .mode_2018 .mother_quick2017 dt {margin-top: 56px;} .mother_quick2017_contents h3.omakase_ar { background: url(//images.i879.com/image/season/omakase_ar_mt.png) no-repeat left center; background-size: 55px; min-height: 55px; padding-top: 20px; } .mother_quick2017_contents h3.omakase_bu { background: url(//images.i879.com/image/season/omakase_bu_mt.png) no-repeat left center; background-size: 60px; min-height: 50px; padding-top: 10px; } #home .mother_quick2017_wrapper.mode_2018 h2 { margin: -20px -20px 1em -20px; font-size: 1.5em; font-weight: 700; } .quick-clock-card.mother_quick h3 {margin: 0 -0.5em 0.5em;} .quick-clock-card.mother_quick {padding-top: 0} /* /MOTHER QUICK STYLE ------------------------------------------------------- */ /* /HOME ------------------------------------------------------- */ /* CATEGORY ------------------------------------------------------- */ #category_herobnr{position:relative;width:100%;overflow:hidden} #category_herobnr:before{content:"";display:block;padding-top:25%} #category_herobnr_rank{position:relative;width:100%;overflow:hidden} #category_herobnr_rank:before{content:"";display:block;padding-top:15%;} #category_herobnr .inner{position:absolute;top:0;left:0;bottom:0;right:0} #category_herobnr .inner .icon{width:20%;position:absolute;top:10%;z-index:2;left:15%} #category_herobnr .inner h1{position:absolute;color: #333;left:15%;top:45%; font-size:2.5em; /*font-size:2.5em;font-family: 'Noto Sans JP','Libre Baskerville',serif;*/ /* font-family: 'Noto Sans JP', Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/ /* font-family: 'Noto Sans JP', Helvetica , "メイリオ", Meiryo, sans-serif;*/ z-index:7} #category_herobnr_rank .inner h1{position:absolute;color: #333;left:15%;top:40%;font-size:2.5em;z-index:7} #category_herobnr .inner p.subcaption{position:absolute;color: #333;left:2%;top:25%;font-size:200%;font-family: 'Noto Sans JP','Libre Baskerville',serif;z-index:1} #category_herobnr .inner p.description{position:absolute;color: #333;left:5%;bottom:10%;width:50%;font-weight:700;text-shadow:0px 0px 11px #FFF;font-size: 1.25em;z-index:5} #category_herobnr .inner p.description.white_ver{color: #fff;text-shadow:none;} #category_herobnr .inner img.roomimg{width:100%;position:absolute;bottom:-50%} #category_herobnr_rank .inner img.roomimg{width:100%;position:absolute;bottom:-250%;} #category_herobnr .inner img.product{position:absolute;top:15px;z-index:4;width:25%;right:20%} .hero_product{padding: 0.5em;display: block;width: 1000px;margin: 0 auto} .category_no1_product_arrow{background-image:url(//images.i879.com/image/home/category_arrow.png);background-size:contain;background-repeat:no-repeat;padding:.5em;margin:.25em;color:#FFF} .category_no1_product_detail{border:2px solid #dc404c;padding:.2em 1em;border-radius:.2em;color:#dc404c;font-weight:700} h1.subheader{background-color:#EEE;text-align: center;font-size: 1em} article#category{padding: 0em} #category h2{margin: 1em} #category .product_des{display: block} ul.categorylist{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} li.list img{width:100%;margin:0} li.list{position:relative;padding-bottom:35px;margin-bottom:35px;padding-left: 10px;padding-right: 10px;padding-top: 10px;overflow: hidden;} #category .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em} #category .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #category .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #category .ranking img{width: 90%; margin: 5%} .rankingno{display:block;position:absolute;left:-80px;top:-80px;width:140px;height:140px;line-height:250px;font-size:1.5em;font-weight:700;text-align:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:rgba(235,100,100,.53);color:#fff} /*171115*/ #birth_media .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em;} #birth_media .ranking{width: 96%;margin-left:2%;margin-bottom:-5px;} #birth_media .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #birth_media .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #birth_media .ranking img{width: 90%; margin: 5%} #birth_media .ranking .product_name{font-size: 1em;height: 6.5em} #birth_media .ranking .price{text-align: right} #category .onepoint:before{content:"お花屋さんのワンポイントアドバイス";position:absolute;border:2px solid #df4e59;border-radius:50%;padding:5% 2.5%;width:22%;background-color:#fff;font-size:1.5em;font-weight:700;color:#f27e83;text-align:center;top:-25%;left:-5%} #category .onepoint{position: relative;border:2px solid #dc404c; padding: 1em 1em 1em 20%;margin-top:5%;background-color: #fce9f1} #category .onepoint h3{font-weight: bold;font-size: 1.25em;color:#dc404c} #category .onepoint a.onepoint_link{text-align: right} #category div.coution{margin-top:1em} #category div.coution p.col1{background-color:#dc404c;color:#FFF;font-weight:700;padding:.25em;text-align:center} #category div.coution p.col11{font-size:.75em} a.btn_cart,a.btn_detail,span.btn_cart{display:block;padding:8px 10px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em} a.btn_detail{background:#fff;color:#9D887D;border:1px solid #9D887D;margin:0 4px;width:23%;float:left;margin-left:2% } a.btn_detail.cateranking{width:100%;float:none;clear: both;} a.btn_detail:hover{color:#FFF;background:#9D887D} a.btn_cart,span.btn_cart{color:#fff;font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;border:1px solid #DA3940;background:#DA3940;letter-spacing:.2em;width:65%;float:right;margin-right: 8%} span.btn_cart{color:#fff;background:#7f7f7f;border-color:#7f7f7f;} a.btn_cart:hover{color:#DA3940;background:#fff} p.btns{position:absolute;bottom:0;width:100%} #quick p.datetime{position:absolute;z-index:3;right:11.5%; font-size:200%;font-weight:800; background-image:url(//images.i879.com/image/home/hero/quickform.png); margin-top: 3%; width:18%; background-repeat:no-repeat; padding: 12% 0 8% 0%; text-align: center; color: #eb6464; background-size: contain; right:20%} #quick #category_herobnr .inner .icon{width: 30%;left:15%;top:10%} #quick #category div form div.colfull div.col10 div{height: 7em} #quick #category div form div.colfull div.col10 div select{width: 70% !important;margin-left:5% !important; font-size: 1.5em !important;} #quick #category div form div.colfull div.col10 div.col7 span.col6{clear: none;display: inline-block} #quick #category div form div.colfull{padding:0%} #category .rank_box{width:19.7%;} #category .rank_price{text-align: left;} #category .rank_btns{width: 98%;} #category a.rank_btn_cart,a.rank_btn_detail{padding:8px 0;font-size:.65em;} #category a.rank_btn_detail{margin-right:0; width:25%;} #category a.rank_btn_cart{width: 70%;} #category .mt01s_area_prefecture a{margin-top: -100px;padding-top: 100px;display: block;} #mt01s_table li{width:20%;} .mt01s_desc h2{margin:5px;} #mt01s_table i {margin:0 1em;} #search_category .link_ranking{margin-bottom: -50px;padding-bottom: 50px;display: block;} #category .birth_ranking {margin-bottom:0;} .not_selected{width: 150px;margin:5px;} .selected{width: 150px;margin:5px;} .result_option{text-align: right;} /* 170718 mail_magazin */ a.btn_cart.maga_regist01{float: none;width: 60%;margin:20px auto 0} a.btn_detail.confirm_btn{width: 30%;margin:20px auto 0} a.btn_cart.maga_regist{float: right;width: 60%;margin-bottom:40px;margin-left:2%} /* 191023 PRICE LIST ------------------------------------------------------- */ .price-list {height:60px;margin-bottom:60px;} .price-list li{width:25%;} /* //191023 PRICE LIST ------------------------------------------------------- */ .producer_panel dl dt{width:225px;margin:10px 0 10px 10px;float: right;} .producer_panel_ttl{width:50%;padding:0 13px 10px;} .producer_panel_co {margin-top: 10px;width:50%;float: left;padding:0 13px 10px;} /* 191028 Green navi ------------------------------------------------------- */ .green_navi{max-width:600px;left:50%;bottom:10px;transform:translate(-50%,0);height:220px;height:270px;box-shadow: rgb(51, 51, 51) 0px 0px 15px;} .green_navi h3{font-size:1.5em;} .green_navi p{font-size:1.2em;} .green_navi button{font-size:1.2em;height:50px;margin:25px 0;} #green_navi_start a, #green_navi_second a{height:90px;} #green_navi_start.marriage_ver a{height:auto;} #green_navi_start a div{margin:25px 0;font-size:1.5em;} #green_navi_second a div{margin:15px 0;font-size:1.5em;} #green_navi_start a div p,#green_navi_second a div p,#green_navi_third a div p{font-size:0.6em;} #green_navi_second button,#green_navi_third button{height:45px;font-size:1em;} #green_navi_third a{height:50px;font-size:1.2em;} #green_navi_third a div{margin-top:8px;} #green_navi_end{height:90px;} #green_navi_end a{height:50px;margin:15px 1%;} #green_navi_end a div{margin-top:10px;} #green_navi_second button.floatBanner__btn_nav, #green_navi_third button.floatBanner__btn_nav {height:21px;} #green_navi_second.marriage_ver a{height:80px; padding: 5px;} #green_navi_second.marriage_ver a div{margin:0;font-size:1.5em;} #green_navi_third.marriage_ver a{height:80px; padding: 20px 5px;} #green_navi_third.marriage_ver a div{margin:0;font-size:1.2em;} #green_navi_third.marriage_ver button{margin:15px 0;} /* /191028 Green navi ------------------------------------------------------- */ /* /CATEGORY ------------------------------------------------------- */ /* PRODUCT DETAIL ------------------------------------------------------- */ #product div.col6 #bx-pager{display: block} #product div.col6 .col3 img{width: 90%;margin: 0 5%} #product .product_title{font-size: 0.75em} #product div div.col6.itemdetail .colfull.attentions{margin-top:0em} #product div.col6 .sendmesse a{clear: both;width: 100%;background-color: #fff;padding: 0.5em;border:1px solid #e0e0e0;border-radius: 3px;text-align: center;color: #555;font-weight: bold;display: block;font-size: 1em} #product div.col6 .sendmesse a:hover{background-color: #e0e0e0;color: #fff;text-decoration: none;} #product .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em;margin-bottom: 2em} #product .ranking{display: inline-block;width: 100%;background-color: #fffde9;border:2px solid #fedf8f;padding: 1em} #product .ranking p.rank:before{font-family: 'Noto Sans JP', FontAwesome;content: "\f005"; color: #fed466} #product .ranking p.rank{text-align: center;font-size: 1.25em;font-weight: bold} #product .ranking img{width: 90%; margin: 5%} #product .ranking .product_name{font-size: 1em;height: 6.5em} #product .ranking .price{text-align: right} #product .rank_box{width:19.7%;} #product .rank_price{text-align: left;} #product .rank_btns{width: 98%;} #product a.rank_btn_cart,a.rank_btn_detail{padding:8px 3px;font-size:.7em;} #product a.rank_btn_detail{margin-right:0; width:25%;} #product a.rank_btn_cart{width: 70%;} #product #reco7{display:inline-block;clear: both;width: 100%} .col_mother_ranking{width: 10%;padding:10px .5%;float:left;} /* /PRODUCT DETAIL ------------------------------------------------------- */ /* SEARCH ------------------------------------------------------- */ #search_category input[type=text]{font-size:1.5em;font-weight:700;padding:.15em;width: 55%} #search_category .search_narrow .search_nav_key.col12 .search_nav_narrow_titie.col6 p{font-size:1.25em;font-weight:700;text-align:center;border:3px solid #CCC;border-radius:5px 5px 0 0;border-bottom:none;padding-top:.5em;margin-top:0em} #home .np_search .np-keyword-suggest{width: 100%;line-height: 28px} #home .np_search .np-keyword-suggest div{width: 100%} /* /SEARCH ------------------------------------------------------- */ /* CART ------------------------------------------------------- */ #cart #content form div.col12.productlists{padding:.5em;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} #cart #content form div.col12.productlists p.price{font-size:1.25em;text-align:center;display:block} #cart #content form div.col12.productlists p.date{font-size:.8em;margin-top:0} #cart #content form div.col12.productlists p.charge_notice{font-size:.5em;display:block} #cart #content form div.col12.productlists .col1{text-align:center;position:relative;bottom:0} #cart #content form div.col12.productlists input{text-align:center;font-size:1em} .cartpagebtn .col3{width:23%;float:left;margin:0;font-size:.75em} .cartpagebtn .col6{width:50%;float:left;margin:0 2%} #cart #delivTel1,#cart #delivTel2,#cart #delivTel3,#cart #delivTelSub1,#cart #delivTelSub2,#cart #delivTelSub3,#cart #delivZipCd1,#cart #orderTel1,#cart #orderTel2,#cart #orderTel3,#cart #orderTelSub1,#cart #orderTelSub2,#cart #orderTelSub3,#cart #orderZipCd1,#cart #zipCd1,#cart #tel1,#cart #tel2,#cart #tel3,#cart #telSub1,#cart #telSub2,#cart #telSub3,#cart #birthday,#cart #tel4LoginId1,#cart #tel4LoginId2,#cart #tel4LoginId3{width:6em} #cart #delivZipCd2,#cart #orderZipCd2{width:8em} #cart #delivAddress1,#cart #delivAddress2,#cart #delivName,#cart #delivNameKana,#cart #orderAddress1,#cart #orderAddress2,#cart #orderEmail,#cart #orderEmail2,#cart #orderName,#cart #orderNameKana,#cart #customerName,#cart #customerNameKana,#cart #address1,#cart #address2,#cart #pcEmail,#cart #pcEmail2,#cart #cellEmail,#cart #cellEmail2,#cart #loginId,#cart #password,#cart #password2,#cart #email4LoginId,#cart #loginId4Password,#cart #email4Password{width:70%} #cart #content form div.col12.productlists .col2,#cart #content form div.col12.productlists .col4{border-right:1px dotted;} #cart #content form div div div.col12.cart.confirm div.plist div div.col1{border-left:1px dotted;} #cart .regulations ul{text-align:center;display:inline-block} #cart .regulations li{float:left;margin:0 2em} #cart #content form div table tbody tr td div.service_select{width:45%!important} #cart #content form div div div.col12.cart.confirm div.col12.productslistttl.display_pc{font-size:.75em} #cart #content form div div div.col12.cart.confirm div.col12.productslistttl.display_pc div{text-align:left} #cart #content form div div div.col12.cart.confirm div.col12.productslistttl.display_pc div:last-child{border:0} #cart #content form div div div.col12.cart.confirm div.plist{line-height:1.5em} #cart #content form div div div.col12.cart.confirm div.col12.productslistttl.display_pc div.col2.sm,#cart #content form div div div.col12.cart.confirm div.plist div hr.syokeiline,#cart #content form div div div.col12.cart.confirm div.plist div.col2.sm{display:none} #cart #content form div div div.col12.cart.confirm div.plist div div.col1.price{display:block} #cart #card-wrapper td{display:block;float:right;width:50%} #cart #card-wrapper td,#cart #inputCardExpiration td,#cart #inputCardNum td{border:0!important} #cart #inputSaveCardFlg td{width:100%!important;border:0!important;border-bottom:1px solid #CCC!important;display:block} #cart #newCard span table{border:1px solid #CCC} /* 170719 */ h2.colum.pie{text-align: left;margin-bottom: 10px} h3.colum.pie{text-align: left;margin-bottom: 10px} /* /CART ------------------------------------------------------- */ /* HOWTO ------------------------------------------------------- */ #howto #category_herobnr .inner img.roomimg{position:relative;top:50%;left:50%;width:2450px;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #howto h1.subheader{font-size:1em} #howto #category_herobnr .inner h1{font-size:3em;font-weight:800;color:#eb6464;text-shadow:none;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;left:10%;top:35%} #howto .howto_flow .col2{width:15%;margin-left:1.5%;display:inline-block} #howto .howto_flow .col2:before{content:"▶";position:relative;top:5.5em;left:-83px;color:#eb6464} #howto section.service_guide ul li{margin:1%} #howto section.mymenu_function a{width:25%} #howto .midashiimg{display:block;margin:2em auto 0;width:25%} /* /HOWTO ------------------------------------------------------- */ /* HOWTOTEL ------------------------------------------------------- */ .calltable i{font-size: 5em;color: #EB6464} .calltable p.col2{width: 15%;float: left} .calltable .ctc{font-size: 2.5em;font-weight: bold;display: block} /* /HOWTOTEL ------------------------------------------------------- */ /* i879 BUNNEER ------------------------------------------------------- */ ul.i879_bunner_ver04 li {width: 350px;margin: 30px auto} ul.i879_bunner_ver04 li img{top: -50px;right: 0;width: 50%;} ul.i879_bunner_ver04 li h1 {font-size: 1.5em;margin-top: 8px;left:10px;} /* /i879 BUNNEER ------------------------------------------------------- */ /* 210305 i879 BANNER_col3 ------------------------------------------------------- */ ul.i879_bunner_col3 li {width:33.3%;height: 100px;} ul.i879_bunner_col3 li.wide{width:33.3%;} ul.i879_bunner_col3 li img, ul.i879_bunner_col3 li.wide img{top: -20%;right: 0;width: 50%;} ul.i879_bunner_col3 li h3, ul.i879_bunner_col3 li.wide h3 {font-size: 1.2em;margin: 3% 0 0 5%;} ul.i879_bunner_col3.col2_ver li { width: 333px; height: 100px; } ul.i879_bunner_col3.col2_ver{width:666px;margin:0 auto;} /* /210305 i879 BANNER_col3 ------------------------------------------------------- */ /* btn_more_ver02 ------------------------------------------------------- */ .btn_more_ver02{width:500px;margin: 0 auto;font-size: 1em;margin-bottom:30px;min-height: 75px} .btn_more_ver02 a{font-size: 1em;padding:9px 10px 15px} .btn_more_ver02_line a span:after{font-size: 1.5em;top:4px;} .btn_more_ver02 img.btn_more_ver02_ttl {width:65px;top: 0px;left: 0px} .btn_more_ver02 img.btn_more_ver02_item{display:block;width:73px;height:auto;position: absolute;top:0;right:0;} /* /btn_more_ver02 ------------------------------------------------------- */ /* FLOAT QUICK ------------------------------------------------------- */ #float_quick{display:none;position:fixed;top:90px;right:-10px;width:240px;border:3px solid #EB6464;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;z-index:1000} #float_quick .float_quick_btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;position:absolute;top:-9pt;left:-9pt;line-height:1;color:#000;font-size:22px;background:0;border:0;cursor:pointer} #float_quick h2{margin:0;padding:9px 0;text-align:center;font-size:.8em;color:#FFF;text-shadow:none;font-weight:700;background:#EB6464;font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif} #float_quick h2 span,#float_quick_contents>p span{font-size:1.4em} #float_quick li{list-style-type:none} #float_quick_contents{padding:5px;background:#FFF;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-radius:0 0 10px 10px} #float_quick_contents>ul li{float:left;color:#EB6464;font-size:1em;font-weight:700;line-height:1.2em;margin-left:15px} #float_quick_contents>ul li:last-child{margin:10px 0 0 10px} #float_quick_contents>ul li span{font-size:1.5em} #float_quick_contents>p{line-height:1.2em;clear:both;color:#943439;font-size:1em;font-weight:700;text-align:center} #order_date{font-size:.8em;font-weight:700;text-align:center;background:#FFF5E0;padding:7px 5px;border:2px solid #EB6464;margin:0 10px 0 5px;line-height:1.6em} #order_date span{display:block;font-size:1.4em;font-weight:700;color:#EB6464} #order_go-form{margin:0 10px 10px 5px;text-align:center;color:#FFF; font-weight:700;padding:4px 0 9px;background-image:url(//images.i879.com/image/common/float_quick_go-form.gif)} #float_quick_contents .q_omakase .form_select select{position:relative;width:95%;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;height:2em;font-size:.8em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #EB6464;background:url(//images.i879.com/image/common/float_quick_arrow.png) right 50% no-repeat,linear-gradient(to bottom,#fff 0,#efebe1 100%);background-size:25px,100%;padding-left:5px;outline:0;pointer-events:none\9} #float_quick_contents .q_omakase .form_select select::-ms-expand{display:none} #float_quick_contents .fa-caret-down{font-size:2em;color:#EB6464;width:100%;text-align:center} #float_quick_contents .q_omakase_sty{float:left;width:50%;text-align:center} #float_quick_contents .q_omakase_sty label{font-size:.8em} #float_quick_contents .q_omakase_btn{background:#DA3934;padding:10px 30px 10px 35px;color:#FFF;font-size:1.1em;font-weight:700} #float_quick_contents .q_omakase_btn:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;text-decoration:none} #float_quick_contents .fa-shopping-cart{margin-right:5px;font-size:1.2em} #float_quick_contents #float_quick_attention{font-size:.8em;font-weight:500;padding:0 10px 5px 5px} #float_quick_contents .q_omakase_more{cursor:pointer;display:block;-webkit-transition:.1s;transition:.1s} #float_quick_contents .q_omakase_more:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8} #float_quick_contents #q_omakase_panel{display:none} #float_quick_contents .panel{-webkit-transition:.3s ease;transition:.3s ease;height:0;overflow:hidden} #float_quick_contents input:checked+.panel{height:auto;padding:1px} /* FLOAT QUICK ------------------------------------------------------- */ /* FAQ ------------------------------------------------------- */ /* 170711 */ #faq_koumokuNav ul li.btn01.col2 {width: 14%} #faq_koumokuNav ul li.btn01_on.col2 {width: 14%} /* /FAQ ------------------------------------------------------- */ /* SITEMAP ------------------------------------------------------- */ #sitemap #footer #ft_sitemap{display:none} #sitemappage .globalNav, #sitemappage .globalNav *:not(.fa){all:unset;display:revert} #sitemappage .globalNav{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none} #sitemappage .globalNav a:hover, #sitemappage .globalNav a:focus{text-decoration:underline} #sitemappage .globalNav .globalNav__item>span{display:block;color:#eb6464;border-bottom:3px solid;border-left:0;font-size:1.25em;margin:.5em 0;padding:.5em;font-weight:800} #sitemappage .subNav .subNav__item a{cursor:pointer} #sitemappage .subNav .subNav__item a, #sitemappage .subNav .subNav__item span{display:flex} #sitemappage .subNav .subNav__item .fa{line-height:1.5;color:#000} #sitemappage .subNavLv2 .subNavLv2__item a{display:flex} #sitemappage .globalNav .globalNav__item--firstUser{grid-column:1 / 2} #sitemappage .globalNav .globalNav__item--mypage{grid-column:2 / 4} #sitemappage .globalNav .globalNav__item--mypage .subNav{display:grid;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(2,1fr);column-gap:20px;grid-auto-flow:column} #sitemappage .globalNav .globalNav__item--often{grid-column:1 / 2} #sitemappage .globalNav .globalNav__item--reading{grid-column:1 / 4} #sitemappage .globalNav .globalNav__item--reading .subNavColumn{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} #sitemappage .globalNav .globalNav__item--reading .subNavColumn__cell:first-child{grid-column:1 / 3} #sitemappage .globalNav .globalNav__item--reading .subNavColumn__cell:first-child .subNav{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} #sitemappage .globalNav .globalNav__item--quick, #sitemappage .globalNav .globalNav__item--top, #sitemappage .globalNav .globalNav__item--sp{display:none} /* /SITEMAP ------------------------------------------------------- */ /* OMAKASE ------------------------------------------------------- */ #omakase #category div form div table tbody{padding:0 10%;width:100%;margin:0 auto;display:inline-block} #omakase #category div form div table tbody th{width:50%;padding:1em;text-align:left;border:1px solid #CCC;float:none} #omakase #category div form div table tbody td{border:1px solid #CCC;padding:.5em 1em;vertical-align:middle;float:none} #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele:nth-child(1){display:inline-block;width:60%} #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele:nth-child(2){display:inline-block;width:38%} #omakase #category div form div table tbody td select{padding:.25em;font-size:1.25em;width:75%!important;margin-left:0!important} #omakase #category_herobnr div img.icon{width: 35%;top:0;left:15%;} /* 170706 */ #omakase #category div form div table tbody th img{width:20%;height:auto} #omakase #category div form div table tbody th span{font-size: 1.2em} #omakase #category div form div table tbody th span.omakase_required{font-size: 0.9em} #omakase #category div form div table.bot-lp th{width: 30%} /* /OMAKASE ------------------------------------------------------- */ /* QUICK ------------------------------------------------------- */ #quick #category div form div table tbody{padding:0 10%;width:100%;margin:0 auto;display:inline-block} #quick #category div form div table tbody th{width:50%;padding:1em;text-align:left;border:1px solid #CCC;float:none} /*#quick #category div form div table tbody th img{width: 50%;}*/ #quick #category div form div table tbody td{border:1px solid #CCC;padding:.5em 1em;vertical-align:middle;float:none} #quick #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele:nth-child(1){display:inline-block;width:60%} #quick #category div form div.paragraph.formBox table tbody tr td span.sp_omakase_sele:nth-child(2){display:inline-block;width:38%} #quick #category div form div table tbody td select{padding:.25em;font-size:1.25em;width:75%!important;margin-left:0!important} #quick #category_herobnr div img.icon{width: 35%;top:0;left:15%;} /* 170629 */ #quick #category div form div table tbody th{padding-top:0.5em;padding-bottom:0.5em;} #quick #category div form div table tbody th img{margin-bottom:-0.3em;margin-top:0;} /* /QUICK ------------------------------------------------------- */ /* MOTHER INDEX ------------------------------------------------------- */ /* mother_index_title--- */ .m_index_title{margin:30px 0 20px 0px; padding: 15px 10px 10px 70px;min-height: 70px} .m_index_title{background-repeat:no-repeat;background-size:15%;background-position:98% 27%} .m_index_title img{width:60px;height: auto; top:0; left:0} .m_index_title h1{display: inline;font-size:1.5em;} .m_index_title h1:after{content: "\A" ;white-space: pre} /* mother_index--- */ ul.m_index:after,ul.m_index li:after{content: '';display: block;clear: both;height:0} ul.m_index,ul.m_index li { /zoom: 1; } /* IE */ ul.m_index li ul li{width:100%; float:none;min-height: 100px;overflow: hidden} ul.m_index > li{width:25%; float:left} ul.m_index li ul li h3{display:block} ul.m_index li ul li h4{display:block} ul.m_index li ul li h4{font-family: 'Noto Sans JP',"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} ul.m_index li ul li h3{font-size:0.8em;margin-bottom:3px} ul.m_index li ul li h3 span{font-size:0.8em;color:#DA3940;} ul.m_index li ul li h4{font-weight: normal;font-size:0.7em} ul.m_index li ul li dd {min-height: 90px} /* 180215 */ ul.m_index li ul li p{font-family: 'Noto Sans JP',"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} ul.m_index li ul li p{font-weight: normal;font-size:0.7em} .mother_index_more input {display: none} .mother_index_more label {display: none} .mother_index_more label {font-family: 'Noto Sans JP',"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;} .column_index_more input {display: none} .column_index_more label {display: none} /* 170328 */ .m_index_wrapper{overflow: visible;margin-bottom:40px;} /* 170511 */ ul.m_index > li.m_one_line{width:100%; float:none} ul.m_index li.m_one_line ul{width:100%; float:left} ul.m_index li.m_one_line ul li {width: 25%; float: left;min-height: 100px;overflow: hidden} ul.m_index li.m_one_line ul li {padding: .5% .5%} ul.m_index li.m_one_line.mode_col3 ul li {width: 33.3%} /* 180406 */ .mode_4colmore ul.m_index.mode_4col_mt30{margin-top:0px;} .mode_4col_horizon_v02 ul.m_index li.m_one_line ul li {width: 25%; float: left;min-height: 100px;overflow: hidden} .mode_4col_horizon_v02 ul.m_index li.m_one_line ul li {padding: .5% .5%} .mode_4col_horizon_v02 ul.m_index li.m_one_line ul li {border-bottom: none;} /* /MOTHER INDEX ------------------------------------------------------- */ .keirou_index .m_index_title{background-image: url(//images.i879.com/image/keirou/ml_illa.png);background-repeat:no-repeat;background-size:12%;background-position:98% 27%} .keirou_index ul.m_index li ul li h3{font-size:0.7em;margin-bottom:3px} .keirou_index ul.m_index.mode_3col li ul li h3{font-size:0.8em;margin-bottom:3px} /* 170914 */ ul.m_index.col3_mode > li{width:33.3%; float:left} .xmas_index .m_index_title{} .xmas_index ul.m_index li ul li h2 {font-size: 0.7em;} .keirou_index ul.m_index > li{width:25%; float:left} .keirou_index ul.m_index.mode_3col > li{width:33.3%;} /* 181002 ODD XMAS INDEX renew */ .contents-index-ttl--outer{ position: relative; min-height: 75px; margin: 0 0 20px 0; padding: 10px 10px 10px 80px; background: #ffd9ec; background-image: url(https://images.i879.com/image/mother/mother_mark05.png); background-repeat: no-repeat; background-size: 15%; background-position: 98% 27%; } .contents-index-ttl p { display: inline; font-size: 1.1em; position: absolute; top: 10px; color:#714141; font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .contents-index-ttl h1 { font-size: 1.5em; margin: 0 0 0 0; position: absolute; top: 35px; color: #714141; font-family: 'Noto Sans JP',"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 800; } /* 190228 for mother*/ .contents-index-ttl--outer{margin-top:50px;} .contents-index-ttl h1 br.display_sp {display: none;} /* 190228 for mother*/ .gotoAnchor span:after {white-space: normal;} .gotoAnchor {line-height: 3em;} .gotoAnchor::before {top: 2px;left: 2px;} .mh00ver .gotoAnchor::before {top: 4px;left: 2px;} .mk00ver .gotoAnchor::before {top: 4px;left: 2px;} .i879ver .gotoAnchor::before {top: 7px;left: 10px;} .ml10ver .gotoAnchor::before {top: 4px;left: 2px;} .nh01ver .gotoAnchor::before {top: 7px;left: 10px;} .gotoAnchorWrap, .gotoAnchorWrap.osonae {margin:20px 0;padding: 15px 0;border-top:none;border-bottom:none;} .gotoAnchorWrap.mt_detail{ margin:0; width:100%; } .mt_detail .gotoAnchor{ font-size: 12px; padding: 5px 10px; } .gotoAnchorWrap.mt_detail a { width: 100%; } /*210618*/ .gotoAnchorWrap.mh00ver { border-top:none;border-bottom:none; } .gotoAnchorWrap.mk00ver { border-top:none;border-bottom:none; } .mt_detail.mk00ver .gotoAnchor { font-size: 14px; } .mt_detail.i879ver .gotoAnchor { font-size: 14px; } /*210630*/ .mt_detail.ml10ver .gotoAnchor { font-size: 14px; padding: 6px 10px 48px 0; } /*210706*/ .mt_detail.nh01ver .gotoAnchor { font-size: 14px; padding: 6px 10px 48px 0; } /*210630YR00*/ .gotoAnchorWrap_yr00 { border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; font-size: 14px; } /*//210630YR00*/ .i879-set .gotoAnchorWrap {margin:20px 0 50px;} .gotoAnchorWrap a {border-top:solid 1px #7a7a7a;border-bottom:solid 1px #7a7a7a;} .gotoAnchor.birth{padding: 0 10px 0 48px;} /* .osonae .gotoAnchor {padding: 0 10px 0 48px;} */ .contents-index{width:1000px;} .contents-index-flexbox{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start; } .contents-index-flexbox li {padding: .2%;overflow: hidden;} .contents-index-flexbox li a:hover {text-decoration: none;} /*3col-set*/ .contents-index-flexbox{height:320px;} .contents-index-flexbox li {width: 33.3%;} /*4col-set*/ .contents-index-flexbox.col4ver li {width: 25%;} .contents-index-flexbox.col4ver{height:345px;} .contents-index-flexbox.col4ver{height:380px;} .contents-index-flexbox.col4ver li dd{height: 90px;overflow: hidden;} .contents-index-flexbox.col4ver li h3 {font-size: 0.75em;} .contents-index-flexbox li h3 {font-size: 0.8em;margin-bottom: 3px;} .contents-index-flexbox li h3 span {color:#c70006;font-size:.9em;} .contents-index-flexbox li dt {width: 70px;float: left;margin-right: 5px;} .contents-index-flexbox li img{width:100%;height: auto;border: 1px solid #727171;} .contents-index-flexbox li p {font-weight: normal;font-size: 0.7em;} .contents-index-flexbox li.new_line {border-bottom: transparent 5px solid;} .contents-index-flexbox.line02{height:200px;} .contents-index-flexbox.line01{height:100px;} /*3col-set-version*/ .set-version .contents-index-flexbox{height:240px;margin-bottom: 30px;} /*181218*/ .set-version .contents-index-flexbox{height:230px;margin-bottom: 30px;} /*181220*/ .set-version .contents-index-flexbox.line01{height:120px;} /* .set-version .contents-index-flexbox li.break {height: 100%;} */ /* .set-version .contents-index-flexbox li:nth-of-type(5) {border-bottom: transparent 2px solid;} */ .set-version .contents-index-flexbox li.new_line_set {border-bottom: transparent 100px solid;} /* 190228 for mother*/ .contents-index { width: 1000px; overflow: hidden; } .contents-index-flexbox.col4ver { height: 105px; overflow-x: scroll; -webkit-overflow-scrolling: touch; } /* 190304 for birth*/ .contents-index-renew {width: 100%; margin-left: 0;} .contents-index-renew li {width:365px;height: 113px;} .contents-index-renew.osonae.col4ver {display: flex;padding: 0;} .btn-osonae { padding: 0; } .btn-osonae a { width: 426px; min-height: 55px; margin: 70px auto 80px; } .btn-osonae a::before { top: 12px; } .btn-osonae br { display: none; } /* BIRTH INDEX ------------------------------------------------------- */ .birth_index_outer{ padding-bottom:0; } .birth_index{ background: #81d8cf; } .birth_index li { height: 360px; padding:20px; background: #fff; margin:20px 10px 30px; border: 1px solid #ccc; } .birth_index li img{ width:190px; height: auto; } .birth_index li dl dd h3{ padding: 5px 5px 20px; height: 5em; text-align: center; } .birth_index li dl dd p{ font-size: .7em; text-align: center; } .birth_index.slick-slider { } /* special INDEX ------------------------------------------------------- */ .special_index_outer{ padding-bottom:0; margin-bottom: 30px; } .special_index{ background: #eaccbb; } .springver .special_index{ background: #d6f2c7; } .special_index li { height: 410px; padding:20px; background: #fff; margin:20px 10px 30px; border: 1px solid #dfbf9f; } .springver .special_index li { border: 1px solid #88df80; } .special_index li img{ width:190px; height: auto; } .special_index li dl dd h3{ padding: 5px 5px 20px; height: 5em; text-align: center; } .special_index .slick-prev, .special_index .slick-next{ width: 40px; height: 50px; top: 42%; padding: 10px 12px 10px 0; } .special_index .slick-next{padding: 10px 5px 10px 20px;} /* //BIRTH INDEX ------------------------------------------------------- */ /* ORCHARD ------------------------------------------------------- */ #orchard article#category{width: 1000px;margin: 0 auto} #orchard article#category a img.subnv{width: 80%;margin: 0 10%} #orchard article#category a img.subnvtxt{width: 80%;margin: 0 10%;text-align: center;} #orchard article#category select{padding: 0.25em;font-size: 1em;width: 90%;margin: 0 5%} #orchard #category h2.subttl_kotyouran{display: block;margin: 1em 0 .8em;} #orchard #category p.subttl {color: #353535;font-size: 1.3em;margin: 0 0 1em;} /* /ORCHARD ------------------------------------------------------- */ /* STAND ------------------------------------------------------- */ #stand article#category{width: 1000px;margin: 0 auto} #stand article#category a img.subnv{width: 80%;margin: 0 10%} #stand article#category a img.subnvtxt{width: 80%;margin: 0 10%;text-align: center;} #stand article#category select{padding: 0.25em;font-size: 1em;width: 90%;margin: 0 5%} /* /STAND ------------------------------------------------------- */ /* BIRTH ------------------------------------------------------- */ #reco99 .col102,#reco98 .col102{width:25%;padding-bottom: 35px;margin-bottom: 35px;padding-left: 10px;padding-right: 10px;padding-top: 10px;height: 500px;position: relative} #reco99 img,#reco98 img{width:100%} #birth .rank_btns{position: absolute;bottom: 0;} #birth #reco99 a.rank_btn_detail{margin-left: 0.5%;} #birth #reco99 a.rank_btn_cart{width: 65%;margin-right: 6%;} #birth .clear{clear: both;} /* /BIRTH ------------------------------------------------------ /* INQ ------------------------------------------------------- */ #orderHno,#orderDelivDate,#orderDelivName,#inquiryName,#inquiryEmail,#inquiryEmail2,#inquiryName{width: 50%} #inquiryTel1,#inquiryTel2,#inquiryTel3,#inquiryTelSub1,#inquiryTelSub2,#inquiryTelSub3{width: 8em;} /* /INQ ------------------------------------------------------- */ /* CART_170306 ------------------------------------------------------- */ .demo-txt01:after{ background:#fff url(https://images.i879.com/image/common/psyche_arrow_b_l.png) no-repeat; background-size:10px 10px; background-position: 48px; margin-left:0; } .demo-txt01:hover:after{ background:#9D887D url(https://images.i879.com/image/common/psyche_arrow_w_l.png) no-repeat; background-size:10px 10px; background-position: 48px; } .demo-txt02:after{ background:#DA3940 url(https://images.i879.com/image/common/psyche_arrow_w_r.png) no-repeat; background-size:13px 13px; background-position: 310px; margin-top: 25px; margin-left:-220px; } .demo-txt02:hover:after{ background:#fff url(https://images.i879.com/image/common/psyche_arrow_r_r.png) no-repeat; background-size:13px 13px; background-position: 310px; } /* /CART ------------------------------------------------------- */ #home .special .col3 h4.small_h4{font-size: 2.5em} /* 170421 */ /* Mother_RETOP STYLE ------------------------------------------------------- */ h2.m_retop_ttl02 {display: none} .m_retop_wrapper{padding: 20px} .m_retop{margin-bottom:10px} ul.m_retop li{width:174px;float: left} ul.m_retop li,ul.m_retop li:nth-child(odd){margin-right: 21px} ul.m_retop li:nth-child(5){margin-right:0} ul.m_retop li:nth-child(5){width:174px;float: left} ul.m_retop li dl dt{width:174px;height:174px;overflow: hidden} ul.m_retop li dl dt span.m_retop_title{font-size: 0.75em;bottom:0} ul.m_retop li dl dd{font-size: 1em} ul.m_retop li img {transition: 0.3s} ul.m_retop li img:hover {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3)} ul.m_retop li:nth-child(5){text-align: left} ul.m_retop li dl dt.special_moon img{display: block} ul.m_retop li dl dt.special_moon:before{padding: 0} ul.m_retop li dl dt.special_moon:before{background:none} ul.m_retop li dl dt.special_carnation img{display: block} ul.m_retop li dl dt.special_carnation:before{padding: 0} ul.m_retop li dl dt.special_carnation:before{background:none} ul.m_retop li dl dt.special_m_in_law img{display: block} ul.m_retop li dl dt.special_m_in_law:before{padding: 0} ul.m_retop li dl dt.special_m_in_law:before{background:none} ul.m_retop li dl dt.special_saian img{display: block} ul.m_retop li dl dt.special_saian:before{padding: 0} ul.m_retop li dl dt.special_saian:before{background:none} ul.m_retop li dl dt.special_beems img{display: block} ul.m_retop li dl dt.special_beems:before{padding: 0} ul.m_retop li dl dt.special_beems:before{background:none} /* 170830 */ /* KEIROU_RETOP STYLE */ h2.m_retop_ttl.keirou_style {font-size: 1.5em} .keirou_style ul.m_retop li,.keirou_style ul.m_retop li:nth-child(even),.keirou_style ul.m_retop li:nth-child(odd){margin-right: 21px} .keirou_style ul.m_retop li:nth-child(5){margin-right:0} .keirou_style ul.m_retop li:nth-child(1){width:174px;float: left} .keirou_style ul.m_retop li:nth-child(1){text-align: left} ul.m_retop li dl dt.special_keirou img{display: block} ul.m_retop li dl dt.special_keirou:before{padding: 0} ul.m_retop li dl dt.special_keirou:before{background:none} /* 180425 */ ul.m_retop li dl dt.vol01 img, ul.m_retop li dl dt.vol02 img, ul.m_retop li dl dt.vol03 img{display: block} ul.m_retop li dl dt.vol01:before, ul.m_retop li dl dt.vol02:before, ul.m_retop li dl dt.vol03:before{padding: 0;background:none} .m_retop_wrapper.ver02 ul.m_retop li dl dd {font-size: .8em;} .m_retop_wrapper.ver02 ul.m_retop li:nth-child(odd) {margin-right: 22px;} ul.m_retop li.special_nav {width: 174px;float: left;} .m_retop_wrapper.ver02 ul.m_retop li:nth-child(even){margin-right: 22px;} .m_retop_wrapper.ver02 ul.m_retop li:nth-child(5) {margin-right: 0px;} /* /Mother_RETOP STYLE ------------------------------------------------------- */ /* 170427 */ /* Mother_COLUMN2017 ------------------------------------------------------- */ .mother_column03{margin-bottom:10px} ul.mother_column03 li{width:20%;float: left} ul.mother_column03 li dl dt span.mother_column03_title{font-size: 0.8em;top:70px} ul.mother_column03 li dl dd{font-size: 1em} ul.mother_column03 li dl dt{width:200px;height:106px;overflow: hidden} ul.mother_column03 li img {transition: 0.3s} ul.mother_column03 li img:hover {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3)} ul.mother_column03 li dl dd{width: 100%;height:6.5em;white-space: normal;text-overflow: clip;-webkit-text-overflow: clip;-o-text-overflow: clip;font-size: 0.7em} /* /Mother_COLUMN2017 ------------------------------------------------------- */ /* 170731 heading_pod ------------------------------------------------------- */ /* h3.heading_pod {font-size:2em;padding-top: 15px;margin-bottom: 20px;margin-top: 10px} h3.heading_pod img {width:90px;margin-top: -25px;margin-right:10px} */ h3.heading_pod {font-size:2em;padding-top: 15px;margin-bottom: 0;margin-top: 20px} h3.heading_pod img {width:90px;margin-top: -25px;margin-right:10px} h3.heading_pod:before {content: "";display: block;border-top: solid 3px #cd9a03;width: 545px;height: 1px;position: absolute; top: 40%;left:105%;z-index: 1} h3.heading_pod {background: #fff;position: relative;z-index: 5} h3.heading_pod.heading_oiwai:before {width: 645px;left:105%} /* /170731 heading_pod ------------------------------------------------------- */ /* PET ANGEL GATE ------------------------------------------------------- */ a.link_head_pet_angel{margin-top:-110px;padding-top: 110px;display: block} .info_pet_angel,.angel_gate_home,.angel_gate_under{color:#855932} /* INFO PET ANGEL ------------------------------------ */ .info_pet_angel p{margin-bottom:30px} /* .info_pet_angel ul li:nth-child(1){margin-bottom:20px;font-size:1em} .info_pet_angel ul li:nth-child(1) a {color:#990000} */ .info_pet_angel ul li:nth-child(1) dl {margin:0} .info_pet_angel ul li:nth-child(1) dl dd{padding-bottom:0} .info_pet_angel ul li:nth-child(1) dl dt{text-align: left;font-size:1.2em} .info_pet_angel ul li:nth-child(1) dl dd{padding:0;border-bottom:none} .info_pet_angel ul li:nth-child(1) dl dt{width:495px;float: left} .info_pet_angel ul li:nth-child(1) dl dd{width:450px;float: left} .info_pet_angel ul li:nth-child(2){width:450px;float:left;margin-right:45px;margin-bottom:30px} .info_pet_angel ul li:nth-child(3){width:450px;float:left;;margin-bottom:30px} .info_pet_angel ul li:nth-child(2) img,.info_pet_angel ul li:nth-child(3) img{width:100%;height: auto} .pet_angel_tel_sp{display: none} .pet_angel_tel_pc{display: block;width:94%;margin-left:4%;margin-bottom:30px} .pet_angel_tel_pc img{width:100%;height: auto} /* //INFO PET ANGEL ------------------------------------ */ /* PET ANGEL HOME ------------------------------------ */ .appeal_pet_angel {margin: 0 0px 15px;color:#990000;font-weight: bold} /* //PET ANGEL HOME ------------------------------------ */ /* ANGEL GATE HOME PLAN ------------------------------------ */ .angel_gate_home h2 img{width:100%} dl.angel_gate_home_plan_c{width:100%} dl.angel_gate_home_plan_c:after {content: '';display: block;clear: both;height:0} .angel_gate_home_plan_c dt {width:50%;float: left} .angel_gate_home_plan_c dd {width:50%;float: left} .angel_gate_home_plan_c dt img,.angel_gate_home_plan_c dd img {width:auto} .angel_gate_home_plan_c dt img {width:450px;height: auto} .angel_gate_home_plan_c dd img {width:450px;height: auto} .angel_gate_home_plan_ab{width:100%} .angel_gate_home_plan_ab:after {content: '';display: block;clear: both;height:0} .angel_gate_home_plan_ab dt,.angel_gate_home_plan_ab dd{width:400px} .angel_gate_home_plan_ab dt img,.angel_gate_home_plan_ab dd img {width:100%} .angel_gate_home_plan_ab dl {width:50%;float: left} .angel_gate_home_plan_ab dt {margin-bottom:30px} .angel_gate_home_plan_ab dd {margin-bottom:20px} /* //ANGEL GATE HOME PLAN ------------------------------------ */ /* ANGEL GATE UNDERTAKER ------------------------------------ */ .angel_gate_under h2 img{width:100%} .angel_gate_under {margin-bottom: 60px} .angel_gate_discount:after {content: '';display: block;clear: both;height:0} .angel_gate_discount {padding: 0 10px 0} .angel_gate_discount{margin-bottom: 15px} .angel_gate_discount li:nth-child(1) {width:122px;float: left;margin-right: 20px} .angel_gate_discount li:nth-child(1) img {width:100%;height: auto} .angel_gate_discount li:nth-child(2) {width:838px;float: left;padding-top: 10px} .angel_gate_discount_02 {padding: 0 10px 0} .angel_gate_discount_02{margin-bottom: 15px} .angel_gate_discount_02 li:nth-child(1) {width:122px;float: left;margin-right: 20px} .angel_gate_discount_02 li:nth-child(1) img {width:100%;height: auto} .angel_gate_discount_02 li:nth-child(2) {width:838px;float: left;padding-top: 10px} .angel_gate_discount_02 li:nth-child(2) span.ttl_angel_gate_discount {color: #855932} .angel_gate_under_hero{margin-bottom: 15px} .angel_gate_under_hero img{width:100%;height: auto} .angel_gate_list{margin:0 -10px 30px} .angel_gate_list li{width:450px;float: left;margin-right: 30px} .angel_gate_list li img{width:100%;height: auto} .angel_gate_list+p{margin-bottom: 20px} a.forpet_link{color:#855932} .angel_gate_under_des{padding:0 0 0} .angel_gate_under_des p{margin-bottom:10px} .angel_gate_under_des p+p{margin-bottom:0} /* //ANGEL GATE UNDERTAKER ------------------------------------ */ /* //PET ANGEL GATE ------------------------------------------------------- */ /* COLMUN INDEX ver02_pc ------------------------------------------------------- */ /* MOTHER INDEX ------------------------------------------------------- */ /* mother_index_title--- */ .column_index_title{margin:30px 0 20px 0px; padding: 15px 10px 10px 70px;min-height: 70px} .column_index_title{background-repeat:no-repeat;background-size:15%;background-position:98% 27%} .column_index_title img{width:60px;height: auto; top:0; left:0} .column_index_title h1{display: inline;font-size:1.5em;} .column_index_title h1:after{content: "\A" ;white-space: pre} .column_more input {display: none} .column_more label {display: none} .m_index_wrapper{overflow: visible} /* 170511 */ /* /MOTHER INDEX ------------------------------------------------------- */ /* 170427 */ /* Mother_COLUMN2017 ------------------------------------------------------- */ .column_innner{margin-bottom:10px} ul.column_innner li{width:20%;float: left} ul.column_innner li dl dt span.column_innner_title{font-size: 0.8em;top:70px} ul.column_innner li dl dd{font-size: 1em} ul.column_innner li dl dt{width:200px;height:106px;overflow: hidden} ul.column_innner li img {transition: 0.3s} ul.column_innner li img:hover {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3)} ul.column_innner li dl dd{width: 100%;height:7.5em;white-space: normal;text-overflow: clip;-webkit-text-overflow: clip;-o-text-overflow: clip;font-size: 0.7em} /* /Mother_COLUMN2017 ------------------------------------------------------- */ .column_index_title h1 {top: 30px} /* //COLMUN INDEX ver02_pc ------------------------------------------------------- */ /* 171113 */ /* BIRTH MEDIA ------------------------------------------------------- */ .hero_banner_birth_media{height:465px;} .hero_banner_birth_media img{position: absolute;z-index: 1;width:100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .birth_media_outer{background:#fef0ef;margin-bottom:-32px;} article.birth_media{background:#fff;} .hero_banner_birth_media h1{height: 125px;padding: 40px;font-size: 2.6em;line-height: 1em;} .birth_media_des {padding: 40px 35px 30px;font-size: 1.2em;font-weight: 500} .birth_media_linkbtn, .birth_media_linkbtn_more{background-image: url(//images.i879.com/image/birth/icon_presents_large.png);background-repeat: no-repeat;background-position: 30px 50%;padding:15px 15px 15px 125px;} .birth_column_btn_more, .birth_column_btn_more_2{ background-image: url(//images.i879.com/image/birth/icon_presents_large.png); background-repeat: no-repeat; background-size: 55px; background-position: 30px 50%; padding:15px 15px 15px 125px; margin:30px auto 40px; font-size:1.8em; width:780px; } .birth_linkbtn { width: 600px; margin:45px auto; } .birth_linkbtn a{ border-radius: 50px; } .birth_linkbtn.line02 a{ border-radius: 50px; } .birth_linkbtn br.display_sp{ display: none; } .birth_column_btn_more_2{margin:45px auto 45px;} .birth_column_btn_more span:after {content: url(//images.i879.com/image/birth/arrow_large.png);margin-left: 10px;top:3px;} .birth_column_btn_more_2 span.new_line:before{content: "";white-space: normal;} .birth_column_btn_more_2 span:after {position: relative;content: url(//images.i879.com/image/birth/arrow_large.png);margin-left: 10px;top:3px;} .birth_media_linkbtn{width:650px;margin:0 auto 40px;font-size:2em;} .birth_media_linkbtn_more{margin:30px auto 40px;font-size:1.8em;} .birth_media_linkbtn_more{width:650px;} .birth_media_linkbtn span:after, .birth_media_linkbtn_more span:after {content: url(//images.i879.com/image/birth/arrow_large.png);margin: 0;top: 5px;} /*171122 birth linkbtn_more*/ .birth_media_linkbtn_more{margin:45px auto 45px;font-size:1.8em;} .flower_meanings {padding: 0 10px;} .flower_meanings li{width:19%;} .flower_meanings li{margin-right:1%;} .flower_meanings li:nth-child(odd){margin-right:1%;} /* .flower_meanings li:nth-child(7),.flower_meanings li:nth-child(12){margin-right:0;} */ .flower_meanings li dl dd.flower_meanings_ttl span {margin: -1.5em 0 0 .8em;} .flower_meanings li dl dd.flower_meanings_des{margin-left: .8em;margin-right: .8em;height: 2.5em;} .flower_meanings li.flower_meanings_this_month{width:440px;margin-right:40px;margin-left:30px;margin-bottom:45px;float: left;} .flower_meanings li.flower_meanings_next_month{width:440px;margin-right: 0;margin-bottom:45px;float: left;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl{margin:30px 0 0;font-size:1.3em;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_des, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_des{color:#5f2900;font-weight: 500;font-size:1.3em;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl span, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl span{color:#ed5a86;font-size:1em;font-weight: 500;margin: -1.5em 0 0 0em;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl span:before, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl span:before{content: "" ;white-space: normal;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl, .flower_meanings li.flower_meanings_next_month dl dt span.month_ttl{top:-10px;left:-10px;width:125px;height: 124px;} .flower_meanings li.flower_meanings_next_month dl dt span.month_ttl img{width:125px;height: 250px;} .flower_meanings li.flower_meanings_this_month dl dt span.month_ttl img{width:125px;height: 250px;margin-top:-124px;} .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_ttl span, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_ttl span{display: inline;} /*odd 171122*/ .flower_meanings li.flower_meanings_this_month dl dd.flower_meanings_des, .flower_meanings li.flower_meanings_next_month dl dd.flower_meanings_des{height: 1.5em;} .flower_meanings li dl dd {color: #6f6f6f;font-size: .9em;} /*odd*/ .flower_meanings_this_month .flower_meanings_more, .flower_meanings_next_month .flower_meanings_more {font-size: 1.1em;} .flower_meanings_more{ width:395px; border: 3px solid #ff9c9c; background-image: url(//images.i879.com/image/birth/icon_presents.png); background-size: 40px auto; background-position: 10px 50%; padding:10px 10px 10px 60px; margin:30px auto 0; } .flower_meanings_more a{font-size:1.6em;} .flower_meanings_more span:after{position: relative;content: url(//images.i879.com/image/birth/arrow_large.png);padding-left: 10px;top:5px;} .flower_meanings_more_2{ width:395px; border: 3px solid #ff9c9c; background-image: url(//images.i879.com/image/birth/icon_presents.png); background-size: 40px auto; background-position: 10px 50%; padding:10px 10px 10px 60px; margin:30px auto 0; } .flower_meanings_more_2 a{font-size:1.6em;} .flower_meanings_more_2 span:after{content: "";padding-left: 0;top:0;} .flower_meanings_more_2 span.display_pc{display: inline;} .flower_meanings_more_2 span.display_pc:after{position: relative;content: url(//images.i879.com/image/birth/arrow_large.png);padding-left: 10px;top:5px;} .flower_gift_point {margin:0 35px 45px;padding: 20px;background-image: url(//images.i879.com/image/birth/flower_gift_point_back.jpg);background-repeat: no-repeat;background-size: 110% auto;background-position: 100% 0;min-height: 377px;} .flower_gift_point h2 {width:55%;margin-bottom: 20px;font-size: 2em;padding: 0 0 8px 50px;} .flower_gift_point h2{background-image: url(//images.i879.com/image/birth/icon_presents_large.png);background-repeat: no-repeat;background-position: 10px 50%;padding:0 0 3px 70px;} .flower_gift_point_more{display: none;} .flower_gift_point_concrete{display: block;width:55%;color:#797777;padding: 0;} .birth_fm_outer{ margin: 0 auto 20px; display: table; } .birth_fm_outer li{ width:25%; display: table-cell; margin: 0; } .birth_fm_outer li a { font-size: 1.2em; min-height: 30px; margin: 10px; } .flower_gift_point_read_more input {display: none;} .flower_gift_point_read_more label {display:none} .flower_gift_point_read_more .panel {height: auto;overflow: visible;margin-top: 0;padding: 0;} hr.birth_media_hr {margin-bottom: 0;border-top: 2px solid #ccc;margin:0 35px;} hr.birth_media_hr.btm_birth_gift{border-top: 2px solid #ccc;margin:0 35px 35px;} hr.birth_media_hr.btm_column, hr.birth_media_hr.btm_ranking {border-top: 2px solid #ccc;margin:0 25px 35px;} .flower_gift_column_ttl {width:516px;margin:45px auto 45px;} .flower_present_column {margin: 0 35px;} .flower_present_column li.flower_present_column_pickup{width:620px;height:404px;float:left;margin-bottom: 0px} .flower_present_column li {width: 310px;/*height: 202px;*/height: auto;float: left;margin-bottom: 0;} .flower_present_column li.flower_present_column_right{float:left;} .flower_present_column li.flower_present_column_booby{display:block;} .flower_present_column li dl dd {bottom:0px;padding: 10px;} .flower_present_column li dl dd.flower_present_column_pickup_icon {width: 125px;} /*171130*/ .flower_present_column li:after{ font-size:1.2em;/*1.4em*/ position: absolute;bottom:43px;right:10px; } .flower_present_column li.flower_present_column_pickup:after{} .bm_ranking_ttl{text-align: center;font-size: 2em;margin-bottom:25px;} .bm_ranking_ttl span:before{content: url(//images.i879.com/image/birth/crown_large.png);margin: 10px;top: 10px;} .bm_ranking_ttl span:after{position: relative;content: url(//images.i879.com/image/birth/crown_large.png);margin: 10px;top: 10px;} article.birth_media {padding-bottom: 1px;} /*190424*/ .flower_present_column li:nth-of-type(3), .flower_present_column li:nth-of-type(5){float:left;} /* odd 190318*/ .more_btn_birth{border-radius: 10px;margin:0 auto 50px;font-size: 1.2em;width:500px;} .more_btn_birth a{padding: 15px;} .more_btn_birth a:hover{opacity: .6;} .more_btn_birth.more_btn_birth_reco{margin:0 auto 40px;} .birth_bnr_c{ margin:10px auto 40px; width: 420px; } /* //171113 BIRTH MEDIA ------------------------------------------------------- */ /* SWIPE　NAV pc 181109 ------------------------------------------------------- */ .swipe_nav--outer{padding-left:50px;padding-right:50px;} .swipe_nav li{width:20%;height:110px;} .slider.swipe_nav .slick-list {padding: 0;} .slider.swipe_nav li {margin: 0;} .slider.swipe_nav .slick-list {margin-right: -12px; /* ガター分ネガティブマージン */} .slider.swipe_nav .slick-slide {margin-right: 12px; /* ガター */} .swipe_nav .slick-next { display: block; content: ''; width: 50px; height: 100%; position: absolute; color: gray; font-weight: bold; background: rgba(255, 255, 255, .85); border-left: 2px solid #b5b5b5; z-index: 1; cursor: pointer; padding: 10px 2px; margin-right: -50px; top: 0; right: 0; left:auto; text-align: center; padding-top:38px; } .swipe_nav .slick-prev { display: block; content: ''; width: 50px; height: 100%; position: absolute; color: gray; font-weight: bold; background-color: rgba(255, 255, 255, .85); border-right: 2px solid #b5b5b5; z-index: 2; cursor: pointer; padding: 10px 12px 10px 0; margin-left: -50px; top: 0; left: 0; right: auto; text-align: center; padding-top:38px; } /* //SWIPE　NAV 181109 ------------------------------------------------------- */ /* 190319 odd QUICK ------------------------------------------------------- */ .quick-des{font-size: 1em;font-weight:700;margin:0 auto 15px;text-align: center;background: #e5e2e2;} .closing-time-outer{width:1000px;overflow: hidden;margin:0 auto;display: table;} .closing-time{width:55%;display: table-cell;} .closing-time p{display: inline-block;} .closing-time-ph{width:44%;display: table-cell;} .closing-time-ph-des { display: inline-block; margin: 1em 15px 1em 0; min-width: 120px; max-width: 100%; font-size: 15px; } .closing-time-ph-link { font-size: 1.8em; font-weight: 900; } .quick-list{width:770px; margin:50px auto;} .quick-list li br{display:none;} .quick-list li {letter-spacing: .1em;font-size: 1.4em;padding: 20px 10px 50px;text-align: center;} .quick-list li span{letter-spacing: 0;font-size: .8em;} .quick-ttl{margin:0 auto 20px;padding: 10px 10px 10px 15px;} .quick-clock-flower{display: table;width: 100%;} .quick-clock-are, .quick-clock-bu {width:50%;display: table-cell;} .quick-clock-list li{border-radius: 8px;margin: 5px;} .quick-clock-list li {width: 24%;} .quick-clock-list li {width: 19%;} .quick-clock-list li:nth-child(1){width:19%;} .quick-clock-list li:nth-child(2){width:19%;} .quick-clock-list li:nth-child(3){clear: none;} .quick-clock-card.mother_quick h3 {font-size: 1.2em;} .mother_quick .quick-clock-card-sttl-des {font-size: 1em;} .mother_quick .quick-clock-are h4+p, .mother_quick .quick-clock-bu h4+p {min-height: 3em;} .quick-clock-card.mother_quick h3 span::after {content: "";white-space: normal;} .attention_quick{ padding: 10px 40px; } .attention_quick-inner br{ display: none; } .attention_quick-link a:hover { color:red; } /* //190319 odd QUICK ------------------------------------------------------- */ /* 190403 CONTENTS　INDEX JUMP ------------------------------------------------------- */ .contents-index-jump-ttl--outer { position: relative; min-height: 75px; margin: 0 0 20px 0; padding: 10px 10px 10px 80px; background: #ffd9ec; background-image: url(//images.i879.com/image/mother/mother_mark05.png); background-repeat: no-repeat; background-size: 15%; background-position: 98% 27%; } .contents-index-jump-ttl--outer.keirou_style { position: relative; min-height: 75px; margin: 0 0 20px 0; padding: 10px 10px 10px 80px; background: #fef6df; background-image: url(//images.i879.com/image/keirou/ml_illa.png); background-repeat: no-repeat; background-size: 10%; background-position: 98% 27%; } .contents-index-jump-ttl h1 { font-weight: 900;font-size: 1.5em;position: absolute;top:30px; } .contents-index-jump-ttl p { font-weight: 500;position: absolute; top:10px;font-size: 1.1em;color: #714141; } .contents-index-jump-ttl p{display: block;} .contents-index-jump-flexbox{display: flex;flex-direction: row; flex-wrap: wrap;} .contents-index-jump-flexbox li{width:25%;padding: 5px;overflow: hidden;} .contents-index-jump-flexbox li dt{width:28%;float: left;margin-right:2%;} .contents-index-jump-flexbox li dd{width:70%;float: left;} .contents-index-jump-flexbox li h3 {font-size: 0.75em;margin-bottom: 3px;} .contents-index-jump-flexbox li p {font-weight: normal;font-size: 0.7em;} .contents-index-jump-flexbox li img {width: 100%;height: auto;border: 1px solid #727171;} /* 220203 category mother_index -------------*/ #category .category_ver .contents-index-jump-ttl h2 { position: absolute; top: 35px; left: 75px; font-size: 1.6em; line-height: 1.2em; text-align: left; color: #714141; font-weight: 700; margin: 0; } #category .category_ver .contents-index-jump-ttl--outer { position: relative; min-height: 75px; margin: 0 0 20px 0; padding: 10; background: #ffd9ec; background-image: url(https://images.i879.com/image/mother/mother_mark05.png); background-repeat: no-repeat; background-size: 145px auto; background-position: 98% 60%; } /* //220203 category mother_index -------------*/ /*for catalog-detail-i879*/ .contents-index-jump-ttl--outer {margin-top:30px;} .contents-index-jump-ttl h1 br.display_sp{display: none;} .contents-index-jump-flexbox-outer{width: 100%;overflow: hidden;margin-top:20px;overflow-x: scroll;-webkit-overflow-scrolling: touch;} .contents-index-jump-flexbox {width: 6000px;} .contents-index-jump-flexbox {width: 3800px;} .contents-index-jump-flexbox {width: 7000px;} .contents-index-jump-flexbox {height: 105px;} .contents-index-jump-flexbox li{width:250px;display: inline-block;} /*210813*/ .contents-index-jump--outer .contents-index-jump-ttl--outer{ background-image: none; } #category .contents-index-jump--outer .contents-index-jump-ttl p { top: 0; } #category .contents-index-jump--outer .contents-index-jump-ttl h2 { top: 20px; } .contents-index-jump--outer .i879-faq-list-outer label { font-size: 15px; } .contents-index-jump--outer { margin-bottom:50px; } /*//210813*/ /* //190403 CONTENTS　INDEX JUMP ------------------------------------------------------- */ .birth-list-half li { width:25%; } .birth-list-half .birth-list-sttl { position: absolute; right: 15px; font-weight: bold; font-size: 1.2em; top: 50%; transform: translateY(-50%); } .birth-list-half li dt br.display_sp{ display: none; } .birth-list-half .birth-list li dl dt img { width: 100px; position: absolute; left: -5px; top: -5px; } /* VIDEO ------------------------------------------------------- */ .i879_video{width:80%;margin:0 auto 40px;} /* //VIDEO ------------------------------------------------------- */ /* TAX INCREASE ------------------------------------------------------- */ .tax-increase-box{ text-align: center; padding: 30px 20px; } .tax-increase-box img{ width:80%; } /* .tax-increase{ padding: 20px 30px; } .tax-increase p{ color:#000; } .tax-increase img{ width:80%; margin:60px 10%; } .tax-increase ul{ font-size:1em; padding: 20px; } */ /* //TAX INCREASE ------------------------------------------------------- */ /* 190924 CASHLESS ------------------------------------------------------- */ .cashless-top-bnr{width:728px;margin:30px auto 0;} .cashless-top-bnr img{text-align: center;width:100%;} .cashless-detail-bnr{margin:0 0;width:120px;} .cashless-detail-bnr img{width:100%;} .cashless-detail-bnr-dl dt {width:12%;float:left;margin-right:2%;} .cashless-detail-bnr-dl dd {width:86%;float:left;padding: 5px 2px 0;font-size:.75em;} .cashless-detail-bnr-dl dd.cashless-detail-smalltxt{padding: 0 5px 5px 0;} /* //190924 CASHLESS ------------------------------------------------------- */ .typhoon-ate{margin:10px auto 0;text-align: center;} ul.i879_bunner_1col {margin-bottom: 20px} ul.i879_bunner_1col li{width: 400px;height: 115px;margin:0 auto;} ul.i879_bunner_1col li h3 {font-size: 1.5em;} ul.i879_bunner_img {margin-bottom: 20px} ul.i879_bunner_img li{margin:0 auto} ul.i879_bunner_img li{width: 400px;} .green_title br.display_sp{display:none;} .green_ttl br.display_sp{display:none;} .green_ttl02 br.display_sp{display:none;} .green_ttl02{font-size:1.2em;} .head-txt br.display_sp{display:none;} /* i879-FAQ ------------------------------------------------------- */ .faq-design-ttl .display_sp{ display: none; } .i879-faq-wrap { padding: 0; } .i879-faq-outer{ margin: 15px auto 30px; } .i879-faq-bttl{ margin: 30px auto 30px; padding: 10px 0; } .i879-cando{ margin: 10px auto 50px; font-size: .9em; padding: 20px 25px 10px; } .i879-cando p { font-size: 1.2em; } .i879-faq > li ul { margin: 0 25px; } .i879-faq-box { margin: 0 auto; padding: 0; } .i879-faq-box.last { margin-bottom: 20px; } .i879-faq-box-yr00 .cp_container ul { padding: 0 30px; } .i879-faq-box-yr00 label { height: 120px; } .i879-faq > li span.i879-faq-box-yr00-ttl { border-left: 10px solid #466666; } .i879-faq-box span.i879-faq-box-yr00-ttl{ margin: 0px 0 3px; } .i879-faq-box-yr00 label.faqyrnone:after{ display: none; } /* 210601 odd --------------------------------*/ .i879-cando{ padding: 5px 25px 5px; margin-bottom: 30px; } .i879-faq-list-outer label { font-size:18px; } .i879-faq-list-outer br.display_sp{ display: none; } .i879-faq-bttl br.display_sp{ display: none; } /* //210601 odd --------------------------------*/ /* //i879-FAQ ------------------------------------------------------- */ /* COLUMN 2020 ------------------------------------------------------- */ .column-hero{ overflow: hidden; height: 300px; } .column-hero__img { margin: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .column-hero__img img { width:150%; } #home h2.column-hero__title { margin: 0; border-bottom: none; position: absolute; top:30px; left:0; z-index: 2; line-height: 1.2em; font-size: 1.8em; } #category h2.column-hero__title { margin: 0; border-bottom: none; position: absolute; top:30px; left:0; z-index: 2; line-height: 1.2em; font-size: 1.8em; color:#fff; } .column-hero__title { padding: 15px 40px 15px 18px; } .column-hero__title:after { border-color: transparent #e3e1df transparent transparent; } .column-hero__des { margin: 20px 15px 50px; } .column-table-contents { margin: 0 15px 50px; } /* //COLUMN 2020 ------------------------------------------------------- */ /* MORE BTN 210218 ------------------------------------------------------- */ .more_btn_cate{border-radius: 10px;margin:50px auto 40px;font-size: 1.2em;width:500px;} .more_btn_cate a{padding: 15px;} .more_btn_cate a:hover{opacity: .6;} .more_btn_cate.more_btn_cate_reco{margin:0 auto 40px;} .more_btn_cate.more_btn_cate_reco.mt40{margin:40px auto 40px;} .more_btn_cate br.display_sp{display: none;} .more_btn_cate.mt10-mb10 {margin-top: 20px;margin-bottom: 20px;} .more_btn_cate.cateranking{margin:10px auto 40px;} /* //MORE BTN 210218 ------------------------------------------------------- */ .col2-lock .i879__list{ width:500px; margin:0 auto; } .col2-lock .i879__list li{ width:250px; } .col3-lock .i879__list{ width:750px; margin:0 auto; } .col3-lock .i879__list li{ width:250px; } .schedule_list_attention { padding: 0px 15px 10px; font-size: .9em; } .pod_onepoint-outer{ overflow: hidden; padding: 20px 15px 10px; } .pod_onepoint{ float: left; } .pod_onepoint dd ul li:last-child { margin-bottom: 0; } .pod_onepoint-outer figure{ text-align: right; float: right; } .pod_onepoint dt { padding:0 10px 5px; } /* 210824 KEIROU INDEX ---------------------------- */ .contents-index-jump-ttl--outer .display_sp { display: none; } #category .keirou_ver .contents-index-jump-ttl p { font-size: 1.1em; } #category .keirou_ver .contents-index-jump-ttl h2 { font-size: 1.6em; } .keirou_ver .contents-index-jump-ttl--outer { padding: 30px 10px 10px 75px; } #category .keirou_ver .hidden_box h2 .display_sp{ display: none; } .keirou_ver .footer-index ul li { height: 110px; } .keirou_ver .contents-index-jump-ttl--outer { background: #fcfaf1; background-image: url(//images.i879.com/image/keirou/leaf02.png); background-repeat: no-repeat; background-position: 890px; background-size: 100px; background-repeat: no-repeat; } /* //210824 KEIROU INDEX ---------------------------- */ /* ========================================================================== set-product ========================================================================== */ .set-product-recomend-outer{ background: #ffebd1; clear: both; padding: 0 15px 10px; } .set-product { margin-top: 40px; font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .set-product--line { margin-bottom: 35px; border-bottom: 3px solid #e3c78e; } .set-product img { max-width: 100%; vertical-align: middle; } .set-product__body { margin-top: 20px; } .set-product__intro { line-height: 1.45; font-weight: 500; font-size: 22px; color: #5f1700; } .set-product__title { padding: 10px; font-weight: bold; font-size: 26px; color: #fff; text-align: center; background: #bc791e; background: linear-gradient(to right, #bc791e 0%, #e0cb63 50%, #bc791e 100%); margin:20px -15px 0; } .set-product__title .display_sp{ display: none; } .set-product-box__img { text-align: center; } .set-product-box__img--large { padding: 0 10px; margin-top: 40px; } .photo-style { padding: 10px; display: inline-block; box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2); } .photo-style img{ width: 100%; } .set-product-box { /* padding-bottom: 15px; */ } .set-product-box__title { margin-top: 20px; padding-bottom: 10px; position: relative; line-height: 1.33; font-weight: bold; font-size: 24px; color: #775a4a; text-align: center; border-bottom: 3px solid #c09742; } .set-product-box__title::after { content: ''; width: 100%; position: absolute; left: 0; bottom: 3px; border-top: 1px solid #c09742; } .set-product-box__title--single { font-size: 20px; color: #8c7569; border-bottom-width: 1px; border-bottom-color: #8c7569; } .set-product-box__title--single::after { display: none; } .set-product-box__text { margin-top: 15px; } .set-product-recomend { margin: 40px 0 12px; padding: 5px 10px; font-weight: 500; font-size: 20px; color: #827370; letter-spacing: .2em; text-align: center; background-color: #fce082; } .set-product-grid { width: calc(100% + 16px); margin: 0 -8px 30px; display: flex; flex-wrap: wrap; } .set-product-grid__col { width: 50%; padding: 18px; } .col1-side-by .set-product-grid__col {width: 100%;} .col1-side-by .set-product-box__img{float:left;} .col1-side-by .photo-style {width: 452px;} .col1-side-by .photo-style img{width: 100%;} .col1-side-by .set-product-box__body{float:left; width: calc(100% - 452px); padding: 0 30px} .col1-centering .set-product-grid__col{margin:0 auto;} /* ========================================================================== //set-product ========================================================================== */ .notice_set{overflow: hidden;} .notice_set_ttl {text-align: left;font-size: 1em;margin-bottom:0;} .notice_set_ttl, .notice_set_des1,.notice_set_des2 {float: left;width:75%;} .notice_set_des1 {font-size: 1em;} .notice_set_des2 {font-size: .9em;} .notice_set img{display: inline-block;margin-top: 15px;} .green_ttl{ margin: 1em 0 1em; font-size: 1.4em; } .lp-rt{ width:728px; margin: 0 auto 10px; } /* 211213 */ #home .whatsnew { height : 155px; justify-content : center; align-items : flex-start; overflow-y : scroll; overflow-x: hidden; max-height: 160px; -ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */ } #home .clear_box{ width:100%; clear: both; } #home .whatsnew::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 5px; background: #fde3e6; } /* スクロールの幅の設定 */ #home .whatsnew::-webkit-scrollbar { width: 10px; height: 10px; } /* スクロールの背景の設定 */ #home .whatsnew::-webkit-scrollbar-track { border-radius: 5px; box-shadow: 0 0 4px #aaa inset; } /* スクロールのつまみ部分の設定 */ #home .whatsnew::-webkit-scrollbar-thumb { border-radius: 5px; background: #eb6464; } /* 211213 */ .bnr_i879_campaign{ margin:0 auto 30px; } .bnr_i879_campaign img{ width:800px; } .flower-size__img{ margin:20px 0; } .contents-index-renew{ /*margin-left: -10px;*/ } .birth_pre_nav{ margin:0 auto 60px; width: 600px; } h2.footer-index-ttl { text-align: left; font-size: 1em; padding: 20px 0 0; margin: 0; text-decoration: underline; } h2.footer-index-ttl br.display_sp{ display: none; } h2.footer-index-ttl:after { font-family: 'FontAwesome'; content: '\f0ab'; vertical-align: middle; margin-left: 3px; } /* TOC ------------------------------------------------------- */ .gotocontentsWrap{ margin: 20px 0; padding: 15px 10px; border-top: none; border-bottom: none; } .gotocontentsWrap a { border-top: solid 1px #7a7a7a; border-bottom: solid 1px #7a7a7a; padding: 10px 40px; } /* //TOC ------------------------------------------------------- */ .inquiry_attention-box{ padding: 10px 15px; width:800px; margin: 20px auto; font-size: .9em; } .inquiry_attention-ttl{ margin-bottom: 10px; } .inquiry_attention-box ul li{ margin-bottom: 5px; } .inquiry_attention-box ul li:last-child{ margin-bottom: 0; } /*230821*/ #product div div.col6.itemdetail p.price{margin:1em 1em 0 0;} .birth-list-outer.horizon { background: #fffff8; display: flex; margin: 0 auto 20px; max-width: 1000px; width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; margin-bottom: 30px; } .horizon .birth-list { margin-bottom: 0; } .horizon .birth-list li { width: 230px; max-width: 230px; min-width: 230px; display: t able-cell; } /* //pc ------------------------------------------------------- */ } /* for flick ------------------------------------------------------- */ @media screen and (max-width: 640px) { /* SCHEDULE LIST TABLE ------------------------------------------------------ */ table.schedule_list{width:600px} .schedule_list_outer{overflow-x: auto;-webkit-overflow-scrolling: touch} .schedule_list_box{position: relative} .schedule_list_arrow{color:#eb6464;position: absolute; right: 0;top:0;background: rgba(255,255,255,0.6);padding:10px;padding-top: 40%;height: 100%} /* SCHEDULE LIST TABLE ver02*/ table.schedule_list_ver02{width:800px} .schedule_list_ver02_outer{overflow-x: auto;-webkit-overflow-scrolling: touch} .schedule_list_ver02_box{position: relative} .schedule_list_ver02_arrow{color:#eb6464;position: absolute;right: 0;top:0;background: rgba(255,255,255,0.6);padding:10px;padding-top: 20%;height: 100%} /* SCHEDULE LIST TABLE vernor*/ table.schedule_list_vernor{width:600px} .schedule_list_vernor_outer{overflow-x: auto;-webkit-overflow-scrolling: touch} .schedule_list_vernor_box{position: relative} .schedule_list_vernor_arrow{color:#eb6464;position: absolute;right: 0;top:0;background: rgba(255,255,255,0.6);padding:10px;padding-top: 25%;height: 90%} /* 180301 */ .schedule_list_ver02_outer table.ate_table{width:600px} /* /SCHEDULE LIST TABLE ------------------------------------------------------- */ /* MOTHER INDEX ------------------------------------------------------- */ .mother_index_more{margin-top: 0px;margin-bottom: 30px 10px} .m_index_title h1+p{display: none} .mother_index_more input {display: none;} .mother_index_more label {cursor: pointer;display: inline-block;padding:10px;width:100%;text-align: center;color: #714141; background:#ffd9ec; border-top: 1px solid #fff;font-weight: bold; -webkit-transition: 0.1s;transition: 0.1s} .mother_index_more :hover {color: #fff;background: #ff9dca} .mother_index_more .m_index_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden; background: #fff7e3;padding: 0} .mother_index_more input:checked + .m_index_panel {height: auto} ul.m_index li ul li h3{font-size:0.8em;margin-bottom:0px;margin-top:5px;line-height:1em; 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} ul.m_index li ul li h3 span{font-size:0.8em;color:red;} ul.m_index li ul li h3{display:block} ul.m_index li ul li h4{display:none} ul.m_index li ul li{min-height: auto} /* 180215 */ ul.m_index li ul li p{display:none} /* 170328 */ .m_index_wrapper{overflow: hidden} /* 180404 mother index open----------------------*/ /* 170427 */ .mother_column_box .m_index_title h1 {top: 15px;font-size: 1.3em} .mother_column_box .m_index_title {min-height: 58px} .mother_column_box .mother_index_more :hover {color: #000;background: #fff7e3} /* 180427 */ .mode_4colmore .mother_index_more label { cursor: pointer; display: inline-block; padding:10px; width:80%; margin:20px 0 20px 10%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; color: #714141; background:#ffd9ec; border-top: none; font-weight: bold; -webkit-transition: 0.1s; transition: 0.1s; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); text-decoration: none; color: #FFF; background: #ffb9da;/*色*/ border-radius: 5px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: bold; border: solid 2px #ff72ad;/*線色*/ } /* 180417 */ .mode_4col_verti ul.m_index li ul li{width:100%; float:left;padding:2% 4%;border-bottom: 2px dotted #ccc;} /* 180417 */ .mode_4col_verti ul.m_index li ul li p{display:block;font-size:.9em;} .mode_4col_verti ul.m_index li ul li h3{font-size:.95em;margin-bottom:5px;} .mode_4col_verti .mother_index_more input:checked + .m_index_panel{background:#fff;} .mode_4col_verti ul.m_index li ul li dt {width: 100px;margin-right: 10px;} .mode_4col_verti ul.m_index li ul li dd {width: 50%;width: -webkit-calc(100% - 110px);width: calc(100% - 110px);float: left;} /* 181002 ODD XMAS INDEX renew */ .contents-index-ttl--outer{ background: #ffd9ec; } .contents-index-ttl h1 { font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .contents-index-flexbox{ display: -webkit-flex;display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start; } .contents-index-flexbox {background:#fffeee;height:350px;} .contents-index-flexbox li dt {width: 130px;float: none;margin-right: 0;} .contents-index-flexbox li dt img {width: 100%;} .contents-index-flexbox li h3 {border-bottom: 1px solid #000;height:4.8em;margin-bottom:5px;} .contents-index-flexbox li h3 span {color:#c70006;font-size:.8em;} .contents-index-flexbox li p {font-size:.8em;} .contents-index-flexbox li{background:#fff;padding: 10px 10px;margin: 10px 5px;border: 1px solid #ccc;min-height: 330px;width:150px;} .contents-index-flexbox {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;} /* .contents-index-flexbox li.contents-index-flexbox--break {display: none;} */ .set-version .contents-index-flexbox li:nth-of-type(5) {border-bottom: 1px solid #ccc;} /* 190306 odd ------------------------------------------------------- */ /* reset */ .contents-index-flexbox {background: #fff;height: auto;} .contents-index-flexbox li { overflow: hidden; background: #fff; padding: .2%; margin: 0; border: none; min-height: auto; width: 260px; } .contents-index-flexbox.col4ver { height: 105px; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .contents-index-flexbox li dt { width: 70px; float: left; margin-right: 5px; } .contents-index-flexbox li img { width: 100%; height: auto; border: 1px solid #727171; } .contents-index-flexbox li h3 { font-size: 0.75em; border-bottom: none; height: auto; margin-bottom: 5px; } .contents-index-flexbox li p { font-weight: normal; font-size: 0.7em; } /* //190306 odd ------------------------------------------------------- */ /* 180912 odd ------------------------------------------------------- */ .special_index_ver00 ul.special_index_ver00--outer {margin-bottom: 20px;} .special_index_ver00 ul.special_index_ver00--outer li ul {overflow: visible;} .special_index_ver00 ul.special_index_ver00--outer {width: 1296px;background: #FFFEEE;padding-top: 10px;} .special_index_ver00{background:#FFFEEE;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;} .special_index_ver00 ul.special_index_ver00--outer li ul li{width: 152px;} .special_index_ver00 ul.special_index_ver00--outer li ul li{padding: 10px 10px;margin: 10px 5px;background: #FFF;border: 1px solid #ccc;min-height: 360px;} .special_index_ver00 ul.special_index_ver00--outer li ul li dt{width:130px;float: none;margin-right: 0;} .special_index_ver00 ul.special_index_ver00--outer li ul li h3 {border-bottom: 2px solid #ccc;margin-bottom: 10px;height: 4.6em;line-height: 1.5em;font-size: .9em;} .special_index_ver00 ul.special_index_ver00--outer li ul li p {font-size: .9em;color: #714141;display: block;} /* /MOTHER INDEX ------------------------------------------------------- */ /* /KEIOU INDEX ------------------------------------------------------- */ .keirou_index .mother_index_more label {color: #714141; background:#f9ece4} /* /KEIOU INDEX ------------------------------------------------------- */ .father_index_more label {color: #714141; background:#E9F4FC;} .father_index_more :hover {color: #000;background: #fff7e3} .father_index_more.father-column :hover {color: #000;background: #fff} #father .subtitle01 {margin: 0 0 1px 0} .father_column .mother_column03_title {display: none;} /* i879 BANNER ------------------------------------------------------- */ ul.i879_bunner {margin-bottom: 20px} ul.i879_bunner {width: auto} ul.i879_bunner li{max-width: 180px;min-width: 180px;height: 60px;margin-right:10px} ul.i879_bunner {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} ul.i879_bunner li h1{font-size: 1em;margin:-10px 0 0 1%;padding: 0} ul.i879_bunner li h2{font-family: 'Noto Sans JP', 'Noto Sans JP', sans-serif;font-size: 1.2em;line-height: 1em;text-align: left;margin:-10px 0 0 1%;padding: 0} /* 180215 odd*/ ul.i879_bunner.h1to_p li.pink01 p {font-size: .8em;margin-left: 1%;top:0;left:0;line-height: 1.8em;} ul.i879_bunner.h1to_p li.pink01 h1 {font-size: 1.6em;top:.9em;left:0;} .foliage_plant_bunner ul.i879_bunner li{max-width: 300px;min-width: 300px;height: 120px;margin:0 auto} /* 170929 odd h2_2lines ------------------------------------------------------- */ #category ul.i879_bunner li.bnr_2lines h2 {margin: -7px 0 0 1%} ul.i879_bunner li.bnr_2line02 h2{font-size: 1.1em;margin-top: .2em;} ul.i879_bunner li.mtyousei h2 {margin: .2em 0 0 1%;padding: 0;} ul.i879_bunner li.bnr_2lines h2{font-size: 1.1em;line-height: 0.6em} ul.i879_bunner li.bnr_2lines h2 span.bnr_2lines_small{font-size: 0.6em} /* 170130 ------------------------------------------------------- */ /* ul.i879_bunner li.big_img.big_img_left img{top: 75%;left: 90%;width: 70%;} */ #category ul.i879_bunner li h2.new_line {font-size:1.2em;line-height: 1em;} ul.i879_bunner li h1.lineheight_tyousei {line-height: 1em;margin-top:0.2em;} #category ul.i879_bunner li h2.margin_tyousei {font-size:1.2em;line-height: 1em;margin-top: 1em;} /* i879 BANNER_ver2 ------------------------------------------------------- */ ul.i879_bunner_ver02 {margin-bottom: 20px} ul.i879_bunner_ver02 li{max-width: 180px;min-width: 180px;height: 60px;margin-right:10px} ul.i879_bunner_ver02 {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} ul.i879_bunner_ver02 li h1{font-family: 'Noto Sans JP', 'Noto Sans JP', sans-serif;font-size: 1.3em;line-height: 1em;text-align: left;margin: 20% 0 0 1%;padding: 0} ul.i879_bunner_ver02 li p{font-size: 0.8em;margin:-10px 0 0 1%;padding: 0} /* i879 BANNER_ver03 ------------------------------------------------------- */ ul.i879_bunner_ver03 {margin-bottom: 20px} ul.i879_bunner_ver03 li{max-width: 180px;min-width: 180px;height: 80px;margin-right:10px} ul.i879_bunner_ver03 {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} ul.i879_bunner_ver03.osonae_bnr.nav04 {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;} ul.i879_bunner_ver03 li h1{font-size: 1.3em;line-height: 1em;text-align: left;margin: 15% 0 0 1%;padding: 0} ul.i879_bunner_ver03 li p{font-size: 0.8em;margin:0 0 0 1%;padding: 0} ul.i879_bunner_ver03 li img{top: 75%} ul.i879_bunner_ver03.oiwai_bnr li h1{font-size: 1.3em;} ul.i879_bunner_ver03.osonae_bnr {width: 100%} ul.i879_bunner_ver03.osonae_bnr li{max-width: 49%;min-width: 48%;height: 80px;margin-right:2%} ul.i879_bunner_ver03.osonae_bnr.nav04 li{-webkit-flex-grow: 1;flex-grow: 1;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;min-width: 49%;max-width: 49%;margin: 0;} ul.i879_bunner_ver03.osonae_bnr.bnr03 li{max-width: 220px;min-width: 220px;} ul.i879_bunner_ver03.osonae_bnr li:first-child{margin-right:0.5%} ul.i879_bunner_ver03.osonae_bnr li:last-child{margin-left:0.5%} ul.i879_bunner_ver03.osonae_bnr li h3 {font-size: .9em;margin: 3% 0 0 1%;} ul.i879_bunner_ver03.osonae_bnr.btn3-version {width: 100%;} ul.i879_bunner_ver03.osonae_bnr.btn3-version li{max-width: 300px;min-width: 300px;height: 80px;margin-right:1%} ul.i879_bunner_ver03.osonae_bnr.btn3-version li:last-child{margin-right:0} ul.i879_bunner_ver03.osonae_bnr.btn3-version li h3 {font-size: 1em;margin: 3% 0 0 1%} .link_birthbutton{margin-bottom: -60px; padding-bottom: 60px; display:block;} ul.i879_bunner_birthset {margin:0 0 32px} ul.i879_bunner_birthset li h2{font-family: 'Libre Baskerville', serif;text-align: center; text-shadow: 1px 1px #FFF; line-height: 1.2em; width: 100%; position: absolute; z-index: 2;margin:10px 0; padding: 0; letter-spacing: -1px;font-size: 15px;font-weight:bold;} ul.i879_bunner_birthset li img{left: 50%;width: 80%;} /* /i879 BANNER ------------------------------------------------------- */ /* COLMUN INDEX ver02_for flick ------------------------------------------------------- */ ul.i879_bunner_flick {margin-bottom: 20px} ul.i879_bunner_flick {width:auto;} ul.i879_bunner_flick li{max-width: 230px;min-width: 230px;height: auto;margin-right:10px} ul.i879_bunner_flick {display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} /* MOTHER INDEX ------------------------------------------------------- */ .column_index_title {min-height: 58px;padding: 10px 10px 10px 75px} .column_box .column_index_title h1 {top: 15px;font-size: 1.3em} .column_more{margin-top: 0px;margin-bottom: 30px 10px} .column_index_title h1+p{display: none} .column_more input {display: none;} .column_more label {cursor: pointer;display: inline-block;padding:10px;width:100%;text-align: center;color: #714141; background:#ffd9ec; border-top: 1px solid #fff;font-weight: bold; -webkit-transition: 0.1s;transition: 0.1s; font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;} .column_more :hover {color: #fff;background: #ff9dca} .column_more .column_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden; background: #fff7e3;padding: 0} .column_more input:checked + .column_panel {height: auto} .mother_index_more .m_index_panel {-webkit-transition: .3s ease;transition: .3s ease;height: 0;overflow: hidden; background: #fff7e3;padding: 0} .mother_index_more input:checked + .m_index_panel {height: auto} .column_box {width: 100%;margin-bottom: 40px} /* 170328 */ .m_index_wrapper{overflow: hidden} /* 170427 */ .column_index_title h1 {top: 15px;font-size: 1.3em} /* 180417 mother index for flic */ .mode_4col_verti .m_index_title img, .mode_4col_horizon_v02 .m_index_title img{display:none;} .mode_4col_verti ul.m_index li ul li h3{font-size:1em;} .mode_4col_verti .m_index_title, .mode_4col_horizon_v02 .m_index_title {padding: 20px 10px;margin-bottom:3px;} .mode_4col_verti .m_index_title_des h1, .mode_4col_horizon_v02 .m_index_title_des h1 { color: #ff6699; font-size: 1.2em; 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;} .mode_4colmore.mode_4col_verti ul.m_index.mode_4col_mt30 {margin-top: 10px;} .keirou_index.mode_4col_horizon_v02 .m_index_title_des h1 {color: #714141;} .m_index--mode_4col_horizon { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; background: #FFFEEE; } ul.m_index--mode_4col_horizon li { float: left; padding: 10px 10px; margin:10px 5px; background: #FFF; border: 1px solid #ccc; } ul.m_index--mode_4col_horizon li h3 {border-bottom: 2px solid #ccc;margin-bottom:10px;height: 3.5em;font-size: .95em} ul.m_index--mode_4col_horizon li:first-child {margin-left:10px;} ul.m_index--mode_4col_horizon li:last-child {margin-right:20px;} ul.m_index--mode_4col_horizon li img {width:140px;height: auto;} ul.m_index--mode_4col_horizon li p {font-size: .9em;color:#714141;} .m_index--mode_4col_horizon_v02 { display: -ms-flexbox; display: -webkit-flex; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; background: #FFFEEE; padding-top:10px; padding-bottom:20px; } ul.m_index.m_index--mode_4col_horizon_v02 li ul li dd {float: none;} ul.m_index.m_index--mode_4col_horizon_v02 li ul>li { float: left; padding: 10px 10px; margin:10px 5px; background: #FFF; border: 1px solid #ccc; min-height: 360px; } ul.m_index.m_index--mode_4col_horizon_v02 li ul > li img {width:130px;height: auto;} ul.m_index.m_index--mode_4col_horizon_v02 li ul > li h3 {border-bottom: 2px solid #ccc;margin-bottom:10px;height: 4.6em;line-height:1.5em;font-size: .9em;} ul.m_index.m_index--mode_4col_horizon_v02 li ul > li p {font-size: .9em;color:#714141;display: block} /* ul.m_index--mode_4col_horizon_v02 > li {float:left;}*/ ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--shs > ul {display: table;width:648px;} ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs > ul {display: table;width:486px;} ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--shs ul >li, ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs ul >li {width:152px;display: table-cell;} ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs {float:left;} ul.m_index.m_index--mode_4col_horizon_v02 li ul li dd {width: 100%;width: -webkit-calc(100%);width: calc(100%);clear: both;} .keirou_index ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs > ul{display: table;width:648px;} .keirou_index ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs.w490 > ul{display: table;width:490px;} /* 180912 odd ------------------------------------------------------- */ .keirou_index.set_index.ver02 ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs > ul { display: table; width: 690px; } .keirou_index.set_index.ver02 ul.m_index li ul li { width: 23.5%; float: left; min-height: 100px; padding: 1% 2%; overflow: hidden; } .set_index.ver02 ul.m_index.m_index--mode_4col_horizon_v02 li.mode_4col_horizon_v02--sbs {float:left;} .keirou_index.set_index.ver02 ul.m_index.mode_3col > li { width: 1380px; } /* /MOTHER INDEX ------------------------------------------------------- */ /* OBON ------------------------------------------------------- */ .obon_column .column_more label {background: #e9f8f0} .obon_column .column_index_title {background-size: 25%} /* /OBON ------------------------------------------------------- */ /* FATHER 2018 ------------------------------------------------------- */ .father_column .column_more label {background: #E9F4FC;} .father_column .column_index_title {background-size: 25%} /* /FATHER 2018 ------------------------------------------------------- */ /* XMAS 171114 ------------------------------------------------------- */ .xmas .mother_index_more .m_index_panel {overflow: visible;background: #fff7e3;} .xmas .mother_index_more label{display:none} .xmas ul.m_index li ul li{background: #fff7e3;} /* //XMAS ------------------------------------------------------- */ /* COLMUN INDEX ver02_for flick ------------------------------------------------------- */ .other_otodokebi_2017 li{max-width: 200px;min-width: 200px;height: auto;margin-right:10px;text-align:center } .other_otodokebi_2017{display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} .other_otodokebi_2017{margin-bottom: 40px} .other_otodokebi_outer{overflow-x: auto;-webkit-overflow-scrolling: touch} .other_otodokebi_box{position: relative;padding-right: 20px} .other_otodokebi_arrow{display: block;} .other_otodokebi_arrow{color:#eb6464;position: absolute;right: 0;top:0;background: rgba(255,255,255,0.6);padding:10px;padding-top: 3%;height: 50%} /* //COLMUN INDEX ver02_for flick ------------------------------------------------------- */ /* BIRTH INDEX ------------------------------------------------------- */ .birth_index{ background: #81d8cf; } .birth_index li { height: 320px; padding:10px; background: #fff; margin:10px 5px 20px; border: 1px solid #ccc; text-align: center; } .birth_index li dl dt{ width:100%; } .birth_index li img{ width:100%; height: auto; } .birth_index li dl dd h3{ padding: 5px 5px 20px; height: 5em; text-align: center; } .birth_index li dl dd p{ font-size: .7em; text-align: center; } .birth_index.slick-slider { } /* SPECIAL INDEX ------------------------------------------------------- */ .special_index{ background: #eaccbb; } .special_index li { height: 400px; padding:10px; background: #fff; margin:10px 5px 20px; border: 1px solid #dfbf9f; text-align: center; } .special_index li dl dt{ width:100%; } .special_index li img{ width:100%; height: auto; } .special_index li dl dd h3{ padding: 5px 5px 20px; height: 6.3em; text-align: center; } .special_index li dl dd p{ font-size: .8em; text-align: center; } .special_index.slick-slider { } .springver .special_index{ background: #d6f2c7; } .springver .special_index li { height: 360px; border: 1px solid #88df80; } .springver .special_index li dl dd h3{ padding: 15px 10px; height: 4.3em; } .springver .special_index .slick-prev, .springver .special_index .slick-next { top: 50%; } /* //BIRTH INDEX ------------------------------------------------------- */ /* 180710 */ /* OPENING BANNER PC ------------------------------------------------------- */ /* static_bnr */ .opening_bnr {margin-bottom: 1.5em;} .opening_bnr{display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} .opening_bnr li{max-width: 238px;min-width: 238px;margin-right: 10px;} .opening_bnr li:last-child{margin-right: 0;} /* static_bnr */ .opening_bnr_ver02 {margin-bottom: 1.5em;} .opening_bnr_ver02{display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} .opening_bnr_ver02 li{max-width: 238px;min-width: 238px;margin-right: 10px;} .opening_bnr_ver02 li:last-child{margin-right: 0;} /* static_bnr */ .dynamic_bnr_col4 {margin-bottom: 1.5em;} .dynamic_bnr_col4{display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;-webkit-overflow-scrolling: touch} .dynamic_bnr_col4 li{max-width: 238px;min-width: 238px;margin-right: 10px;} .dynamic_bnr_col4 li:last-child{margin-right: 0;} /* RANKING FLOWER ------------------------------------------------------- */ .ranking_f_outer_box .bm_ranking_ttl { font-size: 1em; } .ranking_outer{ width: 100%; overflow-x: auto; overflow-y: hidden; } #category .ranking_f_outer_box .ranking { display: inline-block; background-color: #fff; border: 2px solid #fedf8f; padding: 10px; margin-bottom: 0; height: auto; -webkit-overflow-scrolling: touch; width: 1175px; } #category .ranking_f_outer_box .ranking .col102 { width:230px; float: left; padding: 10px 10px 0; overflow: hidden; } #category .ranking_f_outer_box .ranking img { width: 100%; margin: 0; float: none; } #category .ranking_f_outer_box .ranking .product_name { font-size: 1em; height: 4.5em; } #category .ranking_f_outer_box a.rank_btn_cart { background: #DA3940; letter-spacing: 0; margin: 20px 0; font-size: .75em; padding: 20px 0; } #category .ranking_f_outer_box a.rank_btn_detail { padding: 20px 0; margin: 20px 0; } .bm_ranking_ttl { margin-bottom: 15px; margin-top:30px; } /* RANKING FLOWER ------------------------------------------------------- */ /* 190403 CONTENTS　INDEX JUMP ------------------------------------------------------- */ .contents-index-jump-ttl--outer { position: relative; min-height: 75px; margin: 0 0 20px 0; padding: 5px 3px 5px 80px; background: #ffd9ec; background-image: none; } .contents-index-jump-ttl h1 {font-weight: 700;font-size: 1.2em;position: static;} .contents-index-jump-flexbox{display: flex;flex-direction: row; flex-wrap: wrap;} .contents-index-jump-flexbox li dt{width:28%;float: left;margin-right:2%;} .contents-index-jump-flexbox li dd{width:70%;float: left;} .contents-index-jump-flexbox li h3 {font-size: 0.75em;margin-bottom: 3px;} .contents-index-jump-flexbox li p {font-weight: normal;font-size: 0.7em;} .contents-index-jump-flexbox li img {width: 100%;height: auto;border: 1px solid #727171;} .contents-index-jump-ttl--outer {margin-top:30px;} .contents-index-jump-ttl p {display: none;} .contents-index-jump-ttl h1 br.display_sp{display: block;} .contents-index-jump-flexbox-outer{width: 100%;overflow: hidden;margin-top:20px;overflow-x: scroll;-webkit-overflow-scrolling: touch;} .contents-index-jump-flexbox {width: 6000px;} .contents-index-jump-flexbox {width: 7000px;} .contents-index-jump-flexbox {height: 105px;} .contents-index-jump-flexbox {height: 110px;} .contents-index-jump-flexbox li{width:250px;display: inline-block;padding: 5px;overflow: hidden;} .t_link_heading01 {margin-bottom: 0;} .icon_link_ver01 { width:100%; padding:10px 0; white-space:nowrap; display: -ms-flexbox; display: -webkit-flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; background: #FFFEEE; } .icon_link_ver01 li{width:auto;padding: 5px 8px;display: inline-block;} .icon_link_ver01 li span{width:50px;display: inline-block;vertical-align: middle;margin-right:5px;} .icon_link_ver01 li span img {width:100%;border-radius: 5px;border: 2px solid #9a6700;} .xmas-ver .icon_link_ver01 li{width:100%;padding: 5px 8px;display: inline-block;} /* 191010 BIRTH LIST ------------------------------------------------------- */ .birth-list-outer { background: #fffff8; display: flex; margin: 0 auto 20px; max-width: 1000px; width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .birth-list li { width: 250px; max-width: 250px; min-width: 250px; height: 70px; } .birth-list{ margin-bottom: 10px; } #category h2.birth-list-ttl { margin: 1em 0 .5em; } /* //191010 BIRTH LIST ------------------------------------------------------- */ .i879__list { width: 1000px; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .col4-lock .i879__list { width: 720px; } .col3-lock .i879__list { width: 540px; } .col4-lock .i879__list li, .col3-lock .i879__list li { width: 180px; } .center .i879__list-sttl { position: absolute; right: inherit; top: 50%; left: 50%; transform: translate(-50%,-50%); } .budget .i879__list-sttl { right: 35px; } .i879__list-outer{ overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .i879__list-outer.mb30{ margin-bottom:30px; } .col2-lock .i879__list { width: 100%; } .col2-lock .i879__list li { width: 50%; } /* 210430 カラム化 ------------------------------------------------------- */ .colfull.row.js-displayPoint.listDisplay{ margin-top: 30px; } #category .col3, #form .col3{ width: 50%; } li.list img{ width: 94%; margin: 0 3%; } .product_name > span{ font-size: 0.8em; } #mt04 #category .product_name > span, #mt01 #category .product_name > span, #mt01r #category .product_name > span, #mt01ea #category .product_name > span, #mo00 #category .product_name > span, #mh00r #category .product_name > span{ font-size: 1.2em; } a.btn_detail{ width: 28%; } a.btn_detail.cateranking{ width: 100%; } #category .spec_size{ display: none; } /* #thumbnailDisplay{ display: none; } */ a.btn_cart, a.btn_detail{ font-size: 0.6em; } .product_code, .product_des{ display: none; } .product_name > span{ line-height: 1.2; display: block; padding: 0 7%; }); #category .price{ padding: 0 7%; } /* // 210430 カラム化 ------------------------------------------------------- */ /* ========================================================================== set-product ========================================================================== */ .set-product { margin-top: 30px; font-family: "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .set-product--line { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 3px solid #e3c78e; } .set-product img { max-width: 100%; vertical-align: middle; } .set-product__body { margin-top: 20px; padding: 0 10px; } .set-product__intro { line-height: 1.45; font-weight: 500; font-size: 16px; color: #5f1700; } .set-product__title { padding: 10px; line-height: 1.26; font-weight: bold; font-size: 23px; color: #fff; text-align: center; background: #bc791e; background: linear-gradient(to right, #bc791e 0%, #e0cb63 50%, #bc791e 100%); } .set-product-box__img { margin-top: 25px; } .set-product-box__body { padding: 15px 10px 0; } .set-product-box__title { padding-bottom: 15px; position: relative; line-height: 1.33; font-weight: bold; font-size: 23px; color: #775a4a; text-align: center; border-bottom: 3px solid #c09742; } .set-product-box__title::after { content: ''; width: 100%; position: absolute; left: 0; bottom: 3px; border-top: 1px solid #c09742; } .set-product-box__title--single { font-size: 20px; color: #8c7569; border-bottom-width: 1px; border-bottom-color: #8c7569; } .set-product-box__title--single::after { display: none; } .set-product-box__text { margin-top: 15px; } .set-product-recomend { margin: 20px 0 12px; padding: 5px 10px; font-weight: 500; font-size: 20px; color: #827370; letter-spacing: .2em; text-align: center; background-color: #fce082; } .set-product-grid { margin-bottom: 30px; } .set-product-recomend-outer { background: #ffebd1; clear: both; padding: 0 0 10px; margin-top:20px; } .photo-style img{ width: 100%; } /* //mother footer index mother ------------------------------------------------------- */ /* catalog-detail-i879 SP PC depart ------------------------------------------------------- */ #product .btn_cart{ margin-bottom:1em; } .navi-review-review-rate{ margin-bottom:1em; } /* //catalog-detail-i879 SP PC depart ------------------------------------------------------- */ /* 211222 -------------*/ .index_special_ver02.fontsmall ul li img.spe_title { display : none; } .index_special_ver02 ul li h3, .index_special_ver02 ul li:nth-child(1) h3 { width : 100%; left : 0%; text-align : center; font-weight : 800; } .index_special_ver02 ul li h3 + p { text-align : center; color : rgb(255, 255, 255); text-shadow : rgb(112, 26, 9) 0px 0px 8px; width : 100%; font-size : 12px; } .index_special_ver02 ul li.line03 h3 + p { top : 50px; } /* 211222 -------------*/ /* 220203 category mother_index -------------*/ #category .category_ver .contents-index-jump-ttl--outer { padding: 27px 10px 10px 75px; } #category .contents-index-jump-ttl h2 { font-size: 1.5em; text-align: left; color: #714141; line-height: 1.2em; font-weight: 700; margin: 0; } #category .category_ver .contents-index-jump-ttl--outer .display_sp { display: block; } #category .category_ver .contents-index-jump-ttl p { display: block; position: absolute; top: 5px; left: 75px; font-size: .8em; color: #714141; } /* //220203 category mother_index -------------*/ /* 220331 -------------*/ .quick-list { margin-top: 25px; } /* //220331 -------------*/ /* 220405 -------------*/ .index_special ul li:nth-child(1) h3+p{ text-align: center; color: rgb(255, 255, 255); text-shadow: rgb(112 26 9) 0px 0px 8px; width: 100%; font-size: 15px; right: 0; top: 40px; } .index_special ul li h3+p{ text-align: center; color: rgb(255, 255, 255); text-shadow: rgb(112 26 9) 0px 0px 8px; width: 100%; font-size: 12px; } .index_special ul li h3+p { right: 0; width: 100%; } .index_special ul li img.spe_title, .index_special ul li:nth-child(1) img.spe_title { display: none; } .index_special ul li h3 { text-align-last: center; color: #701a09; font-size: .85em; font-weight: 800; left:0; width: 100%; } .index_special ul li.line03 h3 { width: 100%; font-size: .9em; } /* //220405 -------------*/ .birth_nav-outer{ width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; margin-bottom: 30px; } .birth_nav{ width:1600px; } .birth_nav li { width: 200px; } .birth_pre_nav-outer{ width: 100%; padding: 5px 10px 20px; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background: #ffffff; /* Old browsers */ /*border-top: 1px solid #dfdfdf;*/ border-bottom: 1px solid #dfdfdf; } .birth_pre_nav { width:720px; } h2.footer-index-ttl { text-align: center; font-size: 1.2em; color: #701a09; background: #ffeeee; border: 1px solid #b69eb0; line-height: 1.1em; font-weight: 700; padding: 10px 20px; margin: 0; text-decoration: none; } h2.footer-index-ttl:after { font-family: 'FontAwesome'; content: '\f0ab'; vertical-align: middle; margin-left: 3px; } #category h2.footer-index-ttl { margin: margin-top:20px; } span.i879-contents--ttl-deco { margin: -115px -75px; } .ya_ver span.i879-contents--ttl-deco{ margin: -75px -75px; } .i879-contents--ttl { padding: 40px 10px 15px 75px; } .i879-contents--ttl p { line-height: 1em; } .birth_pre_nav-img img { width: 100px; } .birth_pre_nav li span.birth_pre_nav-txt { width: 120px; padding: 5px 0; } .birth_pre_nav-img { width: 120px; height: 120px; } /* //for flick ------------------------------------------------------- */ } @media screen and (max-width:320px), print{ /* for iphone5 ------------------------------------------------------- */ .index_special ul li h3{font-size:0.9em} h2.m_retop_ttl {font-size: 1.3em} h2.m_retop_ttl02 {font-size: 1.3em} ul.mother_column03 li dl dt span.mother_column03_title {font-size: 0.6em} .index_special ul li:nth-child(3) h3.okurete span{font-size: 0.7em} .index_special ul li:nth-child(3) h3.okurete {font-size: 0.7em} .index_special ul li:nth-child(4) h3.okurete span{font-size: 0.7em} .index_special ul li:nth-child(4) h3.okurete {font-size: 0.75em} .schedule_list tbody td span.not_deliveytime{font-size:0.6em} .schedule_list.not_deliveytime_ver td{line-height:1em;height: 56px} .info_pet_angel ul li:nth-child(1) {font-size: 0.6em;text-align: center} .index_special ul li:nth-child(3) h3.f_size085 {font-size: 0.85em} ul.i879_bunner_ver03.oiwai_bnr li h1 {font-size: 1em} ul.i879_bunner_ver03.oiwai_bnr li br.display_sp {display:block;} ul.i879_bunner_ver03.osonae_bnr li h3 {font-size: 1em;line-height: 1.1em;margin: 2% 0 0 1%} ul.i879_bunner_ver03.osonae_bnr li img {position: absolute;top: 50%;left: 80%;transform: translate(-50%,-50%);width: 45%} ul.i879_bunner_ver03.osonae_bnr li p.read_link {font-size: .8em} br.br_iphone5{display: block} .hero_banner_birth_media h1 {font-size: 1.4em;} .birth_media_linkbtn{font-size: .9em;} .flower_gift_point_more{width:80%;} .bm_ranking_ttl{font-size:1em;} .birth_column_btn_more_2{ border: 3px solid #ff9c9c; background-color: #ffeeee; background-image: url(//images.i879.com/image/birth/icon_presents_large.png); background-repeat: no-repeat; background-size: 35px auto; background-position: 10px 50%; padding:15px 10px 15px 50px; margin:0 15px 15px; font-weight: 700; } .birth_column_btn_more_2 span:after{ position: relative; content: url(//images.i879.com/image/birth/arrow_large.png); margin-left: 20px; top: -10px; } .category_no1_product_arrow_ver02 {padding: .5em;font-size: 1em;} .price_ver2{margin-left: 25%;} /* 171208 */ #orchard #category p.subttl{font-size:1.2em;} br.display_i5{display:block;} br.display_i6{display:none;} br.display_i5-6{display:block;} .slickContents h1.ttl_small {font-size: .8em;} /* 181023 */ .special_index li dl dd h3.takasa-7 {height: 7.5em;} /* 190320 QUICK ------------------------------------------------------- */ .quick-clock-are dd, .quick-clock-bu dd { width: 53%; float: right; } .quick-clock-are dd li a, .quick-clock-bu dd li a { padding: 10px 0; } /* //QUICK ------------------------------------------------------- */ /* 230821 price ------------------------------------------------------- */ #product div div.col6.itemdetail p.price .price { font-size: 1.7em; } .price { font-size: 1.1em; } /* //230821 price ------------------------------------------------------- */ /* /for iphone5 ------------------------------------------------------- */ } @media screen and (min-width: 321px) and (max-width: 375px) , print{ /* for iphone6s ------------------------------------------------------- */ ul.m_retop li dl dt span.m_retop_title{font-size: 0.7em} .index_special ul li:nth-child(3) h3.okurete span{font-size: 0.8em} .index_special ul li:nth-child(3) h3.okurete {font-size: 0.8em} .index_special ul li:nth-child(4) h3.okurete span{font-size: 0.8em} .index_special ul li:nth-child(4) h3.okurete {font-size: 0.85em} .info_pet_angel ul li:nth-child(1) {text-align: center} ul.i879_bunner_ver03.oiwai_bnr li br.display_sp {display:block;} .price_ver2{margin-left: 0;} br.display_i5{display:none;} br.display_i6{display:block;} br.display_i5-6{display:block;} /* static_bnr */ .static_bnr li span.static_bnr--icon img{left:55%;} /* /for iphone6 ------------------------------------------------------- */ } @media screen and (min-width: 376px) and (max-width: 414px), print{ /* for iphone6PLUS ------------------------------------------------------- */ ul.m_retop li dl dt span.m_retop_title{font-size: 0.8em} .index_special ul li:nth-child(3) h3.okurete span{font-size: 0.85em} .index_special ul li:nth-child(3) h3.okurete {font-size: 0.9em} .index_special ul li:nth-child(4) h3.okurete span{font-size: 0.85em} .index_special ul li:nth-child(4) h3.okurete {font-size: 0.9em} ul.i879_bunner_ver03.oiwai_bnr li br.display_sp {display:block;} .price_ver2{margin-left: 0;} br.display_i5{display:none;} br.display_i6{display:none;} br.display_i5-6{display:none;} /* static_bnr */ .static_bnr li span.static_bnr--icon img{left:53%;} .static_bnr li span.static_bnr--icon img{width: 58px;height: 58px;} /* /for iphone6PLUS ------------------------------------------------------- */ } @media only screen and (max-width: 639px) { /* 230404 sitemap */ #sitemap #footer #ft_sitemap{display:none} #sitemappage .globalNav, #sitemappage .globalNav *:not(.fa){all:unset;display:revert} #sitemappage .globalNav{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none} #sitemappage .globalNav a:hover, #sitemappage .globalNav a:focus{text-decoration:underline} #sitemappage .globalNav .globalNav__item>span{display:block;color:#eb6464;border-bottom:3px solid;border-left:0;font-size:1.25em;margin:.5em 0;padding:.5em;font-weight:800} #sitemappage .subNav .subNav__item a{cursor:pointer} #sitemappage .subNav .subNav__item a, #sitemappage .subNav .subNav__item span{display:flex} #sitemappage .subNav .subNav__item .fa{line-height:1.5;color:#000} #sitemappage .subNavLv2 .subNavLv2__item a{display:flex} #sitemappage .globalNav{padding:0 1em 1em;display:block} #sitemappage .globalNav .globalNav__item--quick, #sitemappage .globalNav .globalNav__item--top, #sitemappage .globalNav .globalNav__item--sp{display:none} #sitemappage .subNavLv2--budget .subNavLv2__item>a::before, #sitemappage .subNavLv2--budget .subNavLv2__item>span::before{content:'├';font:normal normal normal 16px/1.5 Noto Sans JP;color:#000} #sitemappage .subNavLv2--budget .subNavLv2__item:last-child>a::before{content:'└'} #sitemappage .globalNav .globalNav__item--mypage .subNav, #sitemappage .globalNav .globalNav__item--reading .subNavColumn, #sitemappage .globalNav .globalNav__item--reading .subNavColumn__cell:first-child .subNav{display:block} /* 230821 price ------------------------------------------------------- */ #product div div.col6.itemdetail p.price .price { font-size: 1.7em; } .price { font-size: 1.1em; } /* //230821 price ------------------------------------------------------- */ } /* 181105 */ /* カタログページ表示切り替え ------------------------------------------------------- */ #category .thumbnailDisplay .categorylist { margin-bottom: 15px; display: -ms-flexbox; display: -webkit-flex; display: flex; border-bottom: 1px solid #ccc; } /* #category .thumbnailDisplay .categorylist .list { width: 50%; padding: 10px 10px 100px; margin: 0; border: 1px solid #ccc; border-left: 0; border-bottom: 0; } */ #category .thumbnailDisplay .categorylist .list { width: 100%; padding-bottom:50px; margin-bottom:20px; border: 1px solid #ccc; border-right: 0; border-left: 0; border-bottom: 0; } #category .thumbnailDisplay .categorylist .list:nth-child(2n) { border-right: 0; } #category .thumbnailDisplay .categorylist .list img { width: 100%; margin: 0; } #category .thumbnailDisplay .categorylist .product_name { font-size: 1em; } #category .thumbnailDisplay .categorylist .product_code, #category .thumbnailDisplay .categorylist .product_des, #category .thumbnailDisplay .categorylist .spec_size { display: none; } /* #category .thumbnailDisplay .categorylist .btns { width: calc(100% - 20px); bottom: 5px; } */ /* #category .thumbnailDisplay .categorylist .btns a { width: 100%; float: none; margin: 5px 0; box-sizing: border-box; } */ #category .thumbnailDisplay .categorylist .btns a.btn_cart{width:66%;float:right} #category .thumbnailDisplay .categorylist .btns a.btn_detail{width:30%;float:left} .viewBtnWrap { display: none; } @media only screen and (max-width: 639px) { .viewBtnWrap { padding: 0 10px 10px; display: block; text-align: right; } .viewBtn { cursor: pointer; color: #fff; background-color: #da3940; border: 0; } .viewBtn .fa { margin-right: .3em; } .viewBtn[disabled] { display: none; } } .btnMore { min-width: 10em; margin: 0 auto; padding: 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; line-height: 1; font-size: 16px;font-weight: 800; cursor: pointer; color: #DA3940; background-color: #fff; border: 2px solid #DA3940; } /* ========================================================================== * * ここまで確認 * Last Modified: 2021/01/14 * Last Editor: Toshiyuki Hara * ========================================================================== */ #cart div#searchBoxH {height: auto} @media screen and (max-width: 640px), print{ #cart div#searchBoxHInner { height: auto; margin-bottom: 10px; } } /* SP ------------------------------------------------------- */ /* MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ .hidden_box h2:after { font-family: 'FontAwesome'; content: '\f0ab'; vertical-align: middle; margin-left: 3px; } .hidden_box input { display: none; } /*footer-index-l1*/ .footer-index-l1{ overflow: hidden; } .footer-index-l1 h3 { font-size: 1em; text-align: center; } .footer-index-l1 p { font-size: 0.8em; text-align: center; } .footer-index-l1 li dl dt { width: 70%; margin: 0 auto; } .footer-index-l1 li img, .footer-index ul li dl dt img { width: 100%; height: auto; border: 1px solid #727171; } .footer-index-l1 li { width: 25%; float: left; padding: 10px 5px; overflow: hidden; } /*footer-index*/ .footer-index ul li{ padding: 10px; } .footer-index ul li dl{ overflow: hidden; } .footer-index ul li dl dt{ width:28%; margin-right: 2%; float: left; } .footer-index ul li dl dd{ width:70%; float: left; } .footer-index ul li dl h3 { font-size: 0.85em; margin-bottom: 3px; } .footer-index ul li dl p { font-size: 0.8em; } /* //MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ /* pc ------------------------------------------------------- */ @media screen and (min-width:641px), print{ /* MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ .hidden_box h2 { text-align: left; font-size: 1em; padding: 20px 0 0; margin: 0; text-decoration: underline; } .footer-index ul{ overflow: hidden; } .footer-index ul li{ width:25%; float: left; } .footer-index ul li dl h3 { font-size: 0.75em; margin-bottom: 3px; } .footer-index ul li dl p { font-size: 0.7em; } .footer-index ul li dl dd{ min-height: 90px; } .hidden_box.half{ width:50%; float: left; } .half .footer-index ul li { width: 50%; } .birth-list-ttl br.display_sp{display:none;} /* //MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ } /* NAVI PLUS RECO fot catalog detail i879 211105 ------------------------------------------------------- */ .rankingForward__inr { width: 1800px !important; } #product .ranking.forward .col102 { width: 10%; } /* //NAVI PLUS RECO fot catalog detail i879 211105 ------------------------------------------------------- */ /* for flick ------------------------------------------------------- */ @media screen and (max-width: 640px), print{ /* MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ .footer-index-l1-outer { overflow-x: scroll; overflow-y: hidden; } .footer-index-l1 { -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background: #fff; width: 610px; } .footer-index-l1 li { width: 150px; padding: 15px 10px; } .footer-index-l1 h3 { font-size: .8em; } /*ボタン装飾*/ .hidden_box h2 { text-align: center; font-size: 1.2em; color: #701a09; background: #ffeeee; border: 1px solid #b69eb0; line-height: 1.1em; font-weight: 700; padding: 10px 20px; margin: 0; } .hidden_box h2:hover { color: #fff; background: #b69eb0; border: 1px solid #b69eb0; } /*全体*/ .hidden_box { margin: 0 0 15px; padding: 0; } /*ボタン装飾*/ .hidden_box label { cursor :pointer; } /*中身を非表示にしておく*/ .hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ .hidden_box input:checked ~ .hidden_show { padding: 10px 0; height: auto; opacity: 1; } .father_ver .hidden_box h2 { color: #701a09; background: #e8f4fc; border: 1px solid #b69eb0; } /* MOTHER FOOTER INDEX 200327 ------------------------------------------------------- */ /* NAVI PLUS RECO fot catalog detail i879 211105 ------------------------------------------------------- */ .rankingForward__inr { width: auto !important; white-space: nowrap; } #product .ranking.forward .col102 { width: calc(100% / 2.5); float: none; } #product .ranking img { float: none; } #product .ranking.forward .col102 p.product_name { float: none; min-height: inherit; white-space: normal; } /*220311*/ #product .ranking.forward .col102 p.product_name{ min-height: 7.5em; } /* //NAVI PLUS RECO fot catalog detail i879 211105 ------------------------------------------------------- */ /*211217*/ #product{padding:0 2.5%;} /*231211*/ .hero_product { display: none; } #category_herobnr:before { content:""; display:block; padding-top:35% } #category_herobnr .inner img.product { position: absolute; bottom: -30px; z-index: 1; width: 48%; right: -7%; } } .about-intro { padding: 20px 0 60px; text-align: center; } .about-intro img { max-width: 100%; } .about-intro__text { margin: 15px 0 10px; font-weight: bold; font-size: 18px; color: #990000; } .about-misson { text-align: center; } .about-misson img, .price-table img { max-width: 100%; } article#about h3.about-misson__title { padding: 5px; font-weight: 500; color: #fff; line-height: 1.3; background-color: #f38900; } .about-misson__sub-title { margin-top: 40px; font-size: 26px; color: #f04f00; border-bottom: 1px solid #eb9e78; } .about-misson__text1 { margin-top: 36px; padding-bottom: 10px; font-family: YuMincho, Hiragino Mincho ProN, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-size: 36px; color: #f04f00; } .about-misson__text2 { margin-top: 25px; font-size: 20px; } .about-misson__text3 { margin-top: 25px; font-size: 20px; } .about-misson__list { padding-left: 1em; margin-top: 25px; font-size: 16px; list-style: disc; text-align: left; } .about-misson .d-md-block { display: none; } .about-misson .d-md-inline-none { display: inline; } .price-table { margin: 35px 0; } @media only screen and (max-width: 768px) { .about-misson .d-md-block { display: block; } .about-misson .d-md-inline-none { display: none; } .about-misson__text3 { text-align: left; } } .ex-exhibition { margin-top: 30px; padding-bottom: 100px; overflow: hidden; text-align: center; } .ex-exhibition img { max-width: 100%; } .ex-exhibition .col6 { width: 50%; padding: 0; } .ex-exhibition__text { margin-bottom: 30px; font-weight: bold; font-size: 18px; color: #900; text-align: center; border-bottom: 1px solid #dab8b8; } .ex-exhibition__left { padding-right: 30px; } .ex-exhibition__right { padding-left: 30px; } .ex-exhibition__comment { padding: 10px 20px; margin-bottom: 20px; position: relative; display: inline-block; line-height: 1; font-weight: bold; font-size: 16px; background-color: #fef0dc; border-radius: 8px; } .ex-exhibition__comment::after { content: ''; width: 0; height: 0; position: absolute; pointer-events: none; border-color: transparent; border-style: solid; } .ex-exhibition__comment::after { margin-left: -6px; top: 100%; left: 50%; border-top-width: 11px; border-right-width: 6px; border-bottom-width: 11px; border-left-width: 6px; border-top-color: #fef0dc; } @media only screen and (max-width: 768px) { .ex-exhibition { padding: 0 10px 50px; } .ex-exhibition .col6 { width: 100%; } .ex-exhibition__left { padding-right: 0; padding-bottom: 30px; } .ex-exhibition__right { padding-left: 0; } } .contents-bag-wrap { width: 99.3%; clear: both; padding-top: 10px; } .contents-bag { padding: 5px; overflow: hidden; text-align: center; border: 1px solid #eb6464; } .contents-bag__title { font-weight: bold; font-size: 16px; } .contents-bag__body { width: 100%; display: flex; align-items: center; justify-content: space-around; font-size: 12px; } .contents-bag__btn .btn_cart { width: auto; margin: 0; padding: 2px; white-space: nowrap; } .contents-bag__br { display: none; } @media only screen and (max-width: 768px) { .contents-bag__body { flex-direction: column; } .contents-bag__title { font-weight: bold; font-size: 10px; } .contents-bag__text { order: 2; line-height: 1.3; margin-top: 10px; font-size: 10px; } .contents-bag__btn { order: 1; line-height: 1.2; } .contents-bag__br { display: block; } } /* ========================================================================== LINE連携ボタン ========================================================================== */ .btn-line-login { width: 312px; height: 64px; border: 0; outline: 0; cursor: pointer; background: url(https://images.i879.com/image/common/login/btn-line-login.png) 0 0 / cover no-repeat; } .btn-line-login:hover { background-image: url(https://images.i879.com/image/common/login/btn-line-login_hover.png); } .btn-line-login-short { width: 155px; height: 41px; border: 0; outline: 0; cursor: pointer; background: url(https://images.i879.com/image/common/login/btn-line-login-short.png) 0 0 no-repeat; } .btn-line-login-short:hover { background-image: url(https://images.i879.com/image/common/login/btn-line-login-short_hover.png); } .btn-line-logout { width: 184px; height: 41px; border: 0; outline: 0; cursor: pointer; background: url(https://images.i879.com/image/common/login/btn-line-logout.png) 0 0 / cover no-repeat; } .btn-amazon-logout { width: 184px; height: 41px; border: 0; outline: 0; cursor: pointer; background: url(https://images.i879.com/image/common/login/btn-amazon-logout.png) 0 0 / cover no-repeat; } .btn-line-logout:hover, .btn-amazon-logout:hover { opacity: .8; } @media only screen and (max-width: 768px) { .btn-line-login { background-image: url(https://images.i879.com/image/common/login/btn-line-login_sp.png); } .btn-line-login-short { background-image: url(https://images.i879.com/image/common/login/btn-line-login-short_sp.png); background-size: cover; } .btn-line-logout { background-image: url(https://images.i879.com/image/common/login/btn-line-logout_sp.png); } .btn-amazon-logout { background-image: url(https://images.i879.com/image/common/login/btn-amazon-logout_sp.png); } } /* 200729 ------------------------------------------------------- */ /* .ranking-outer-bottom{ display: none; } .ranking-outer-up{ display: none; } */ /* 200729 ------------------------------------------------------- */ /* ========================================================================== * * pickup.scss * * Last Modified: 2021/04/26 * Last Editor: Toshiyuki Hara * ========================================================================== */ .gs--pickup { width: calc(100% + 38px); margin-left: -19px; } @media screen and (max-width: 767px) { .gs--pickup { width: 100%; margin-left: 0; } } .card-pickup { padding: 0 19px 30px; } .card-pickup--pb0 { padding-bottom: 0; } .card-pickup__title { border: 1px solid #aaa; } .card-pickup img { width: 100%; height: auto; vertical-align: middle; } .card-pickup__lead { margin: 10px 0 0; line-height: 1.4; font-weight: bold; font-size: 18px; color: #eb6465; } .frame-hanadayori { width: calc(100% + 20px); margin-left: -10px; } @media screen and (max-width: 767px) { .card-pickup { padding: 0 10px 15px; } .frame-hanadayori { width: 100%; height: 610px; margin-left: 0; } } /* ========================================================================== * * _grid.scss * * Last Modified: 2021/04/26 * Last Editor: Toshiyuki Hara * ========================================================================== */ .gs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gs--center { -ms-flex-pack: center; justify-content: center; } .gs--right { -ms-flex-pack: end; justify-content: flex-end; } .gs--around { -ms-flex-pack: distribute; justify-content: space-around; } .gs--between { -ms-flex-pack: justify; justify-content: space-between; } .gs--middle { -ms-flex-align: center; align-items: center; } .gs--stretch { -ms-flex-align: stretch; align-items: stretch; } .gs--reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .gs__col { max-width: 100%; min-height: 1px; position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 320px) { .gs__col--xs-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .gs__col--xs-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .gs__col--xs-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .gs__col--xs-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .gs__col--xs-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .gs__col--xs-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .gs__col--xs-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .gs__col--xs-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .gs__col--xs-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .gs__col--xs-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .gs__col--xs-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .gs__col--xs-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gs__col--push-xs-1 { left: 8.33333%; } .gs__col--push-xs-2 { left: 16.66667%; } .gs__col--push-xs-3 { left: 25%; } .gs__col--push-xs-4 { left: 33.33333%; } .gs__col--push-xs-5 { left: 41.66667%; } .gs__col--push-xs-6 { left: 50%; } .gs__col--push-xs-7 { left: 58.33333%; } .gs__col--push-xs-8 { left: 66.66667%; } .gs__col--push-xs-9 { left: 75%; } .gs__col--push-xs-10 { left: 83.33333%; } .gs__col--push-xs-11 { left: 91.66667%; } .gs__col--push-xs-12 { left: 100%; } .gs__col--pull-xs-1 { right: 8.33333%; } .gs__col--pull-xs-2 { right: 16.66667%; } .gs__col--pull-xs-3 { right: 25%; } .gs__col--pull-xs-4 { right: 33.33333%; } .gs__col--pull-xs-5 { right: 41.66667%; } .gs__col--pull-xs-6 { right: 50%; } .gs__col--pull-xs-7 { right: 58.33333%; } .gs__col--pull-xs-8 { right: 66.66667%; } .gs__col--pull-xs-9 { right: 75%; } .gs__col--pull-xs-10 { right: 83.33333%; } .gs__col--pull-xs-11 { right: 91.66667%; } .gs__col--pull-xs-12 { right: 100%; } .gs__col--offset-xs-1 { margin-left: 8.33333%; } .gs__col--offset-xs-2 { margin-left: 16.66667%; } .gs__col--offset-xs-3 { margin-left: 25%; } .gs__col--offset-xs-4 { margin-left: 33.33333%; } .gs__col--offset-xs-5 { margin-left: 41.66667%; } .gs__col--offset-xs-6 { margin-left: 50%; } .gs__col--offset-xs-7 { margin-left: 58.33333%; } .gs__col--offset-xs-8 { margin-left: 66.66667%; } .gs__col--offset-xs-9 { margin-left: 75%; } .gs__col--offset-xs-10 { margin-left: 83.33333%; } .gs__col--offset-xs-11 { margin-left: 91.66667%; } .gs__col--offset-xs-12 { margin-left: 100%; } } @media screen and (min-width: 560px) { .gs__col--sm-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .gs__col--sm-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .gs__col--sm-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .gs__col--sm-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .gs__col--sm-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .gs__col--sm-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .gs__col--sm-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .gs__col--sm-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .gs__col--sm-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .gs__col--sm-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .gs__col--sm-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .gs__col--sm-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gs__col--push-sm-1 { left: 8.33333%; } .gs__col--push-sm-2 { left: 16.66667%; } .gs__col--push-sm-3 { left: 25%; } .gs__col--push-sm-4 { left: 33.33333%; } .gs__col--push-sm-5 { left: 41.66667%; } .gs__col--push-sm-6 { left: 50%; } .gs__col--push-sm-7 { left: 58.33333%; } .gs__col--push-sm-8 { left: 66.66667%; } .gs__col--push-sm-9 { left: 75%; } .gs__col--push-sm-10 { left: 83.33333%; } .gs__col--push-sm-11 { left: 91.66667%; } .gs__col--push-sm-12 { left: 100%; } .gs__col--pull-sm-1 { right: 8.33333%; } .gs__col--pull-sm-2 { right: 16.66667%; } .gs__col--pull-sm-3 { right: 25%; } .gs__col--pull-sm-4 { right: 33.33333%; } .gs__col--pull-sm-5 { right: 41.66667%; } .gs__col--pull-sm-6 { right: 50%; } .gs__col--pull-sm-7 { right: 58.33333%; } .gs__col--pull-sm-8 { right: 66.66667%; } .gs__col--pull-sm-9 { right: 75%; } .gs__col--pull-sm-10 { right: 83.33333%; } .gs__col--pull-sm-11 { right: 91.66667%; } .gs__col--pull-sm-12 { right: 100%; } .gs__col--offset-sm-1 { margin-left: 8.33333%; } .gs__col--offset-sm-2 { margin-left: 16.66667%; } .gs__col--offset-sm-3 { margin-left: 25%; } .gs__col--offset-sm-4 { margin-left: 33.33333%; } .gs__col--offset-sm-5 { margin-left: 41.66667%; } .gs__col--offset-sm-6 { margin-left: 50%; } .gs__col--offset-sm-7 { margin-left: 58.33333%; } .gs__col--offset-sm-8 { margin-left: 66.66667%; } .gs__col--offset-sm-9 { margin-left: 75%; } .gs__col--offset-sm-10 { margin-left: 83.33333%; } .gs__col--offset-sm-11 { margin-left: 91.66667%; } .gs__col--offset-sm-12 { margin-left: 100%; } } @media screen and (min-width: 768px) { .gs__col--md-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .gs__col--md-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .gs__col--md-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .gs__col--md-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .gs__col--md-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .gs__col--md-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .gs__col--md-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .gs__col--md-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .gs__col--md-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .gs__col--md-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .gs__col--md-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .gs__col--md-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gs__col--push-md-1 { left: 8.33333%; } .gs__col--push-md-2 { left: 16.66667%; } .gs__col--push-md-3 { left: 25%; } .gs__col--push-md-4 { left: 33.33333%; } .gs__col--push-md-5 { left: 41.66667%; } .gs__col--push-md-6 { left: 50%; } .gs__col--push-md-7 { left: 58.33333%; } .gs__col--push-md-8 { left: 66.66667%; } .gs__col--push-md-9 { left: 75%; } .gs__col--push-md-10 { left: 83.33333%; } .gs__col--push-md-11 { left: 91.66667%; } .gs__col--push-md-12 { left: 100%; } .gs__col--pull-md-1 { right: 8.33333%; } .gs__col--pull-md-2 { right: 16.66667%; } .gs__col--pull-md-3 { right: 25%; } .gs__col--pull-md-4 { right: 33.33333%; } .gs__col--pull-md-5 { right: 41.66667%; } .gs__col--pull-md-6 { right: 50%; } .gs__col--pull-md-7 { right: 58.33333%; } .gs__col--pull-md-8 { right: 66.66667%; } .gs__col--pull-md-9 { right: 75%; } .gs__col--pull-md-10 { right: 83.33333%; } .gs__col--pull-md-11 { right: 91.66667%; } .gs__col--pull-md-12 { right: 100%; } .gs__col--offset-md-1 { margin-left: 8.33333%; } .gs__col--offset-md-2 { margin-left: 16.66667%; } .gs__col--offset-md-3 { margin-left: 25%; } .gs__col--offset-md-4 { margin-left: 33.33333%; } .gs__col--offset-md-5 { margin-left: 41.66667%; } .gs__col--offset-md-6 { margin-left: 50%; } .gs__col--offset-md-7 { margin-left: 58.33333%; } .gs__col--offset-md-8 { margin-left: 66.66667%; } .gs__col--offset-md-9 { margin-left: 75%; } .gs__col--offset-md-10 { margin-left: 83.33333%; } .gs__col--offset-md-11 { margin-left: 91.66667%; } .gs__col--offset-md-12 { margin-left: 100%; } } @media screen and (min-width: 1000px) { .gs__col--lg-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .gs__col--lg-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .gs__col--lg-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .gs__col--lg-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .gs__col--lg-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .gs__col--lg-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .gs__col--lg-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .gs__col--lg-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .gs__col--lg-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .gs__col--lg-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .gs__col--lg-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .gs__col--lg-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gs__col--push-lg-1 { left: 8.33333%; } .gs__col--push-lg-2 { left: 16.66667%; } .gs__col--push-lg-3 { left: 25%; } .gs__col--push-lg-4 { left: 33.33333%; } .gs__col--push-lg-5 { left: 41.66667%; } .gs__col--push-lg-6 { left: 50%; } .gs__col--push-lg-7 { left: 58.33333%; } .gs__col--push-lg-8 { left: 66.66667%; } .gs__col--push-lg-9 { left: 75%; } .gs__col--push-lg-10 { left: 83.33333%; } .gs__col--push-lg-11 { left: 91.66667%; } .gs__col--push-lg-12 { left: 100%; } .gs__col--pull-lg-1 { right: 8.33333%; } .gs__col--pull-lg-2 { right: 16.66667%; } .gs__col--pull-lg-3 { right: 25%; } .gs__col--pull-lg-4 { right: 33.33333%; } .gs__col--pull-lg-5 { right: 41.66667%; } .gs__col--pull-lg-6 { right: 50%; } .gs__col--pull-lg-7 { right: 58.33333%; } .gs__col--pull-lg-8 { right: 66.66667%; } .gs__col--pull-lg-9 { right: 75%; } .gs__col--pull-lg-10 { right: 83.33333%; } .gs__col--pull-lg-11 { right: 91.66667%; } .gs__col--pull-lg-12 { right: 100%; } .gs__col--offset-lg-1 { margin-left: 8.33333%; } .gs__col--offset-lg-2 { margin-left: 16.66667%; } .gs__col--offset-lg-3 { margin-left: 25%; } .gs__col--offset-lg-4 { margin-left: 33.33333%; } .gs__col--offset-lg-5 { margin-left: 41.66667%; } .gs__col--offset-lg-6 { margin-left: 50%; } .gs__col--offset-lg-7 { margin-left: 58.33333%; } .gs__col--offset-lg-8 { margin-left: 66.66667%; } .gs__col--offset-lg-9 { margin-left: 75%; } .gs__col--offset-lg-10 { margin-left: 83.33333%; } .gs__col--offset-lg-11 { margin-left: 91.66667%; } .gs__col--offset-lg-12 { margin-left: 100%; } } @media screen and (min-width: 1200px) { .gs__col--xl-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .gs__col--xl-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .gs__col--xl-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .gs__col--xl-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .gs__col--xl-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .gs__col--xl-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .gs__col--xl-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .gs__col--xl-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .gs__col--xl-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .gs__col--xl-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .gs__col--xl-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .gs__col--xl-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gs__col--push-xl-1 { left: 8.33333%; } .gs__col--push-xl-2 { left: 16.66667%; } .gs__col--push-xl-3 { left: 25%; } .gs__col--push-xl-4 { left: 33.33333%; } .gs__col--push-xl-5 { left: 41.66667%; } .gs__col--push-xl-6 { left: 50%; } .gs__col--push-xl-7 { left: 58.33333%; } .gs__col--push-xl-8 { left: 66.66667%; } .gs__col--push-xl-9 { left: 75%; } .gs__col--push-xl-10 { left: 83.33333%; } .gs__col--push-xl-11 { left: 91.66667%; } .gs__col--push-xl-12 { left: 100%; } .gs__col--pull-xl-1 { right: 8.33333%; } .gs__col--pull-xl-2 { right: 16.66667%; } .gs__col--pull-xl-3 { right: 25%; } .gs__col--pull-xl-4 { right: 33.33333%; } .gs__col--pull-xl-5 { right: 41.66667%; } .gs__col--pull-xl-6 { right: 50%; } .gs__col--pull-xl-7 { right: 58.33333%; } .gs__col--pull-xl-8 { right: 66.66667%; } .gs__col--pull-xl-9 { right: 75%; } .gs__col--pull-xl-10 { right: 83.33333%; } .gs__col--pull-xl-11 { right: 91.66667%; } .gs__col--pull-xl-12 { right: 100%; } .gs__col--offset-xl-1 { margin-left: 8.33333%; } .gs__col--offset-xl-2 { margin-left: 16.66667%; } .gs__col--offset-xl-3 { margin-left: 25%; } .gs__col--offset-xl-4 { margin-left: 33.33333%; } .gs__col--offset-xl-5 { margin-left: 41.66667%; } .gs__col--offset-xl-6 { margin-left: 50%; } .gs__col--offset-xl-7 { margin-left: 58.33333%; } .gs__col--offset-xl-8 { margin-left: 66.66667%; } .gs__col--offset-xl-9 { margin-left: 75%; } .gs__col--offset-xl-10 { margin-left: 83.33333%; } .gs__col--offset-xl-11 { margin-left: 91.66667%; } .gs__col--offset-xl-12 { margin-left: 100%; } } .bnr_outer img { width: 100%; } @media screen and (min-width:641px) { .bnr_outer { margin: 1em 0; } .bnr_outer img{ width: 1000px; } } @media screen and (max-width:641px) { .bnr_outer { padding: 15px; } } /* not foundページ egift導線 */ .egift_bnr_outer a { cursor: pointer; } .egift_bnr_outer .img-egift { text-align: center; } .egift_bnr_outer .img-egift img{ width: 100%; } . @media screen and (min-width:641px) { .egift_bnr_outer .img-egift { margin: 1em 0; } .egift_bnr_outer .img-egift img{ width: 1000px; } } @media screen and (max-width:641px) { .egift_bnr_outer .img-egift { padding: 15px; } }