@charset "Shift_JIS";

.mt_10{ margin:10px 0 0 0 !important;}
.mt_20{ margin: 20px 0 0 0 !important; }
.mt_30{ margin:30px 0  0 0;}
.mb_4{ margin: 0 0 4px 0 !important;}

/* mainArea
----------------------------------- */
body {max-width: 680px;margin: 0;}
header#body_header p#body_header_h {margin: 0!important; border-bottom: none!important;}
.h1_outer { position: relative;}
.h1_pic img {width: 100%;height: auto;}
.h1_txt_outer {position: absolute;top: 0;left: 0;width: 53%;}
.h1_txt {color: #3b3423;font-size: min(6vw, 36px);font-family: 'Noto Serif JP', serif;padding: 12px 6% 3px 2%;font-weight: 500;border-bottom: 1px solid #3b3423;line-height: 1;white-space: nowrap;}
.h1_sub {color: #fff;padding: 6px 2.5%;font-size: min(3vw, 14px);font-weight: 400;line-height: 1.3; white-space: nowrap;}

/* intro
----------------------------------- */
.intro_outer {display: flex;margin: 10px 2%;align-items: end;}
p.intro_pic {width: 25%;}
.intro_txt {padding: 10px 3%;font-size: 13px;line-height: 1.3;background: #eae2cf;margin: 0 0 0 12px;position: relative;border-radius: 10px;width: calc(69% - 12px);}
.intro_txt:before {content: "";position: absolute;top: 50%;left: -17px;transform: translateY(-50%);border: 7px solid transparent;border-right: 11px solid #eae2cf;}
span.intro_span {color: #c45d18;font-weight: bold;}

/* flower_navi
----------------------------------- */
.flower_navi_outer {display: flex;flex-wrap: wrap;padding: 10px 2%;}
.flower_navi {width: 44%;padding: 10px 3% 20px;}
.flower_navi_pic { text-align: center; padding: 0 5%;}
.flower_navi_pic img {border-radius: 50%;border: 4px solid #c8b689;width: calc(100% - 8px);}
.flower_navi_name {text-align: center;color: #dd4938;font-family: 'Noto Serif JP', serif;font-size: 20px;font-weight: 500;border-bottom: 2px solid #c8b689;padding: 5px 0 0px;white-space: nowrap;}
.flower_navi_name.small {font-size: 18px;letter-spacing: -3px;padding: 9px 0 0;white-space: nowrap;}
.flower_navi_txt {text-align: center;white-space: nowrap;padding: 6px 0;font-size: 12px;line-height: 1.4;color: #514934;}
.flower_navi_btn {background: #a19371;color: #fff;font-size: 15px;font-weight: bold;padding: 5px 0;text-align: center;}
.arrow {position: relative;}
.arrow::before {content: '';width: 7px;height: 7px;border-top: solid 2px #ffffff;border-right: solid 2px #ffffff;position: absolute;right: 10px;top: 12px;transform: rotate(45deg);transition: .2s;}
.flower_navi a:hover .flower_navi_btn {opacity: 0.8;}



/* --------------------------------
	グローバルナビ
-------------------------------- */

nav#global_nav { margin-top:35px; }

/* --------------------------------
	下部バナー
-------------------------------- */
.bnr{ width:300px; margin:10px auto; }

.top-slider{ background: url(/s/selection/summer/img/index/bg_img.jpg); border-bottom: #FFF 3px dotted;}
.top-slider ul.btns_{clear: both;}

/* 複数商品 */
.bx-viewport{height:100% !important;}
.bx-viewport ul li div{width:46%;float:left;margin:5px;}
.bx-viewport ul li div p.price{font-size: 12px; color:#7b0d0d;}
.top-slider #slide-counter-main01,
.top-slider #slide-counter-main02,
.top-slider #slide-counter-main03,
.top-slider #slide-counter-main04,
.top-slider #slide-counter-main05,
.top-slider #slide-counter-main06{position:absolute;right:10px;bottom:0;font-size:12px;color:#1d170e;}
.top-slider #slide-counter-main01 span,
.top-slider #slide-counter-main02 span,
.top-slider #slide-counter-main03 span,
.top-slider #slide-counter-main04 span,
.top-slider #slide-counter-main05 span,
.top-slider #slide-counter-main06 span{font-size:18.5px;/*カウント文字サイズ*/ font-weight:bold;color:#1d170e;}
.top_grada:after{background:none !important;}
.free_price{text-align:right;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100% !important;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #fff !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #000 !important;}

/*コラム*/
.one-link-content{padding: 0 !important;}

article#item section.accordion ul li.purpose ul {display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul li {display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li a:link,article#item section.accordion ul li.purpose ul li a:visited,article#item section.accordion ul li.purpose ul li a:hover,article#item section.accordion ul li.purpose ul li a:active { color:#000; text-decoration:none; }