/*全体*/
@charset "euc-jp";
* {margin: 0;
 padding: 0; /* 全てのプロパティの余白とパディングをリセットしています。*/
 font: 12px / 1.7 "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", "Lucida Grande", Verdana, sans-serif;
 letter-spacing: .11em;
 text-decoration: none;
 color:#333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 
*:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html{min-width:1000px;}

#wrapper{
min-width:1000px;
max-width:1200px;
margin: 0 auto;
}

#contents{
width: 100%;
float: left;
margin-right: -200px;
}

#main-wrapper{
width: 100%;
float: right;
margin-left: -200px;
}

#main{
min-width:800px;
max-width:1000px;
position: relative;
margin-left:200px;
padding-left: 25px;
}

#side{
width: 200px;
margin-right:0px;
float: left;
}

a{
color: #333;
text-decoration: none;
}

a:hover {
color: #333;
opacity: 0.8;
transition: 0.3s;
text-decoration: none;
}

li, ol, ul {
margin: 0;
padding: 0;
list-style: none;
}

p{margin: 0;}

.clearb{clear:both;}
.bold{font-weight:bold;}
.svg{filter: invert(41%) sepia(0%) saturate(6%) hue-rotate(14deg) brightness(95%) contrast(86%);}

/*ヘッダー*/

/* ヘッダーh1 */
#header{width: 100%;
background:#f9f9f9;}
#head-toparea{
min-width: 1000px;
max-width:1200px;
margin:0 auto;
overflow: hidden;
}
#head-toparea h1{
color:#777;
font-size:10px;
padding-left:10px;
}

#head-toparea p{
color:#777;
font-size:10px;
padding-left:10px;
}

/* お知らせ */
.information_box {
width:100%;
background:#eee;
}
.information {
max-width:1200px;
min-width: 1000px;
overflow: hidden;
margin: 0 auto;
}

.information li{
padding:10px 100px 10px 0;
}

.information_box li{
border-bottom:solid 1px #ddd;
}

.information_box li:last-child{
border-bottom:none;
}

/* ナビゲーション */
 .srnavi{
height: 52px;
min-width:1000px;
}
.srnavi.fixbar {
position: absolute;
width: 100%;
top: 52px;
}
.srnavi.fixed .fixbar {
position: fixed;
top: 0px;
z-index:999;
width: 100%;
opacity:0.99;
min-width:1000px;
} 

.global_menu {　/* メニュー全体 */
width: 100%;
position: relative;
background: #fff;
border-bottom: 1px solid #ddd; 
}

.global_menu-ul{
max-width: 1200px;
min-width: 1000px;
margin:0 auto;
}

.global_menu li {
display: inline-block;
vertical-align:middle;
}

.global_menu a { /* 各項目のスタイル */
font-size: 14px;
display: block;
padding: 7px 15px 7px 15px;
}

.menu-title{
padding: 16px 15px 13px 15px;
}

.child_menu { /* 下層メニューのスタイル */
position: absolute;
top: 100%; /* 親項目の直下に配置 */
padding: 25px;
background: #f9f9f9; /* 背景色 */
text-align: center;
visibility: hidden; /* 下層メニューを非表示 */
opacity: 0; /* 不透明度を最小に */
transition: 0.5s opacity; /* アニメーション設定 */
}

.menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
opacity: 0.99; /* 不透明度を最大に */
visibility: visible; /* 下層メニューを表示 */
z-index:999;
}

#logo a{
padding-left:5px;
}

#logo img{
height:40px;
}

/* ナビ右側 */
#navi-right {
display:inline-block;
float:right;
padding: 6px 15px 6px 0px;
border:none;
}

#navi-right li {
display:inline-block;
vertical-align: middle;
text-align: center;
margin-right:0px;
}

#navi-right a {
padding-right:0;
display: block;
font-size: 10px;
font-weight: normal;
}

.navi-icon{
width:auto;
height:23px;
}

.navi-icon2{
width:auto;
height:23px;
filter: invert(55%) sepia(41%) saturate(1193%) hue-rotate(312deg) brightness(97%) contrast(107%);
}

#login{
letter-spacing: .18em;
}

#login a {
font-size: 14px;
}

/* ナビカート */
#cart{position: relative;}

#badge {
position: absolute;
top: -4px;
right: -12px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #ff6670;
z-index: 999;
}
.cartno {
letter-spacing: 0px;
display: block;
padding: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
color: #fff;
text-align: center;
font-size: 11px;}

/* 検索窓 */
#navi-right #search{
border-bottom:1px solid #666;
margin-left:0px;
} 

#navi-right form{
margin:0px;
} 
#navi-right #form{
padding: 1px;
font-size: 14px;
border-style:none;
line-height: 1.7em;
}

#navi-right #searchbtn {
border: none;
background: transparent;
cursor: pointer;
padding: 3px;
line-height: 1.5em;
}

#navi-right .search-icon{
width:auto;
 height:15px;
}

/* 発送日とポイント */
.hottext{
background: #fcfbf9;
color:#B38E46;
padding:10px 0px;
text-align:center;
font-weight:bold;
margin-bottom: 5px;}

.hottext span{
color:#B38E46;
font-weight:bold;}

/*左カラム*/
/* サイドカテゴリ */
.side-title{
font-size: 15px;
padding: 5px 15px;
margin-top: 50px;
letter-spacing: .20em;
font-weight: 600;
}
/* 大カテゴリ */
.big-cate{
text-align:center;
margin: 0 auto;
padding-top:10px;
}
.big-cate a{
display:block;
font-size:15.5px;
color:#fff;
font-weight:bold;
border-radius: 15px;
padding: 8px 0px;
}
.big-cate a span{
color:#fff;
}

.flower{background:#F3B080;}
.fakegreen{background:#97C3B5;}
.vase{background:#C1B1D2;}
.accessory{background:#9bcef2;}

/* 小カテゴリ */
.sub-cate{
padding:10px 0px;
}
.sub-cate li a{
font-size:13px;
padding: 5px 0px 5px 5px;
display:block;
}
.sub-cate img{
border-radius:50%;
border:1px solid #eee;
width:40px;
height:40px;
margin-right:10px;
}

.side-list{padding-top:10px;}

.side-list a{
display: inline-block;
float: left;
padding: 5px;
margin: 5px;
border-radius: 15px;
border: 1px solid #eee;
}

.side-list a:hover {
background:#f9f9f9;
}

/* サイドカラー */
.color li{
width:25%;
float:left;
padding-top: 20px;
text-align: center;
}
.color a{
height: 23px;
width: 23px;
display: inline-block;
border-radius: 23px;
border:1px solid #eee;
}

.ivory{
background: linear-gradient(90deg, #FFFFFF, #FCEDD7);}
.pink{
background: linear-gradient(90deg, #EFBCD0, #D52E7D);}
.yellow{
background: linear-gradient(90deg, #FEFC53, #FF7F50);}
.green{
background: linear-gradient(90deg, #B6D5B8, #3E8D35);}

.brown{
background: linear-gradient(90deg, #ECDBAA, #AF8745);}
.purple{
background: linear-gradient(90deg, #D0B1CA, #915385);}
.blue{
background: linear-gradient(90deg, #B2DBF1, #7AA9CD);}
.red{
background: linear-gradient(90deg, #E16747, #BF362D);}

/* サイドバナーエリア */
.side-bannerarea{
margin-top:25px;
text-align: center;
}

.side-bannerarea img{
width:100%;
margin-top:25px;
}

/* セクション関連 */
.section-title{
font-size: 25px;
font-weight: bold;
letter-spacing: .2em;
text-align: center;
padding-top:50px;
}

.section-subtitle{
text-align: center;
font-size: 14px;
color: #666;
margin-top:10px;
margin-bottom:40px;
}

.section-subtitle a {
font-size: 14px;
color: #666;
}

.swiper-title{
font-size: 14px;
font-weight: bold;
color: #666;
padding-top: 50px;
padding-left: 25px;
padding-bottom: 20px;
}

/* 商品リスト枠組 */
.boxlist {
list-style: none;
margin: 0;
padding: 0px;
}

.u-cf:before {
content: "";
display: table;
}
.u-cf:after {
content: "";
display: table;
clear: both;
}

.box {
display: block;
float: left;
width: 25%;
padding-left: 25px;
margin-bottom:30px;
}

.u-tile:nth-child(4n+1) {
clear: both;
}

.box3 {
display: block;
float: left;
width: 25%;
padding-left: 25px;
margin-bottom:30px;
}

.u-tile3:nth-child(4n+1) {
clear: both;
}

.box33 {
display: block;
float: left;
width: 33%;
padding-left: 25px;
padding-right: 25px;
margin-bottom:30px;
}

.u-tile33:nth-child(3n+1) {
clear: both;
}

.u-hidden {
display: none;
}

.box .box__inner {
display: block;
}

.box .box__image {
display: block;
margin: 0px;
text-align: center;
position: relative;
}

.box .box__image img{
max-width: 100%;
height: auto;
}

.box .box__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
}

/* 商品リスト */
.topitem{
font-size:9px;
}

.itemname{
margin-top: 10px;
margin-bottom: 7px;
color:#666;
line-height:1.2em;
font-size: 10px;
height: 22px;
overflow-y: hidden;
}

.item-badge {
font-size: 9px;
line-height: 1.6;
letter-spacing: .1em;
display: inline-block;
vertical-align: top;
margin-right: 5px;
padding: 0px 3px 0px 4px;
color: #fff;
border-radius: 2px;
}
.restock{
color: #fff;
background: #FFBFC3;
font-weight:bold;
}
.reorder{
color: #fff;
background: #97C3B5;
font-weight:bold;
}

.pblk{
font-size:13px;
display:inline;
font-weight:bold;
}

.pline{
display:block;
text-decoration: line-through;
font-size:11px;
}

.pred{
color:#c60038;
font-size:13px;
display:inline;
font-weight:bold;
}

.poff{
color:#c60038;
font-size:11px;
display:inline;
font-weight:bold;
}

.block-right{
display: inline-block;
float: right;
}
.nyuuka{
font-size: 10px;
display: inline-block;
padding: 1px 3px 1px 3px;
color: #B38E46;
}

.favorite-icon{
width:auto;
height:19px;
filter: invert(97%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(92%) contrast(93%);
}

.favorite-button{
display:inline-block;
cursor: pointer;
border: 0;
background: transparent;
margin-top:-2px;}

.fav-items img{
filter: invert(55%) sepia(41%) saturate(1193%) hue-rotate(312deg) brightness(97%) contrast(107%);
}

/* もっと見るボタン */
.view-more {
text-align: center;
}

.view-more span {
cursor: pointer;
width: 230px;
display: inline-block;
border-radius:20px;
background: #fff;
border: 1px solid #666;
font-size:15px;
letter-spacing: .25em;
padding: 15px 0;
margin-bottom:20px;
}

.view-more span:hover {
background:#f9f9f9;
}

.view-more a:hover {
opacity:1;}

/*メインバナーエリア*/
.bannerarea{
padding-top:50px;
text-align:center;
}

/*フッタートップ*/
.footer-top {
background: #f8f3f2;
width:100%;
margin-top:50px;
}
.footer-top ul {
min-width: 1000px;
max-width: 1200px;
overflow: hidden;
margin: 0 auto;
}
.footer-top ul li {
width: 25%;
height: 200px;
float: left;
display: block;
text-align: center;
padding: 30px 0px 0px 0px;
}
.footer-top ul li h4 {
font-size:14px;
color: #B38E46;
letter-spacing: .08em;
margin-bottom: 5px;
font-weight: bold;
}
.footer-top ul li p {
font-size: 11px;
letter-spacing: .04em;
color: #666;
}
.footer-icon{
width: auto;
height: 35px;
margin-bottom:20px;
}

/*フッターメイン*/
.footer-main-wrapper{
background: #fff;
height:auto;
width:100%;
border-top:solid 1px #ddd;
}

.footer-main{
min-width: 1000px;
max-width: 1200px;
overflow: hidden;
margin: 0 auto;
padding-top:30px;
padding-bottom:30px;
}

/*フッターメイン左*/
.footer-parts{
display:inline-block;
width: 35%;
float:left;
border-right:1px solid #ddd;
padding-right: 25px;
text-align:center;
}

.footer-logo{
height:50px;
margin-bottom:20px;
}

#cantact{text-align: center;
line-height: 2;
}

#contactform{
display:block;
font-size:15px;
padding:10px;
border:1px solid #666;
margin-top:10px;
margin-bottom:20px;
border-radius: 5px;
}
#contactform a:hover {
background:#f9f9f9;
}
.contact-icon{
width: auto;
height: 15px;
padding-right:3px;
}

/* カレンダー */
.side_section{
margin-top:20px;
}
.tbl_calendar caption {
width: 150px !important;}

.side_cal{display: table;
margin:0 auto;
}

.tbl_calendar {
display: table-cell;
vertical-align: top;
border: none !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
width: 50%;
padding:5px;
}
.tbl_calendar th, .tbl_calendar td {
padding: 2px !important;
text-align: center !important;
border-bottom: 1px solid #eee !important;
}

/* SNS */
.sns-area{padding-bottom: 10px;
text-align:center;
}
.sns-area li{
display:inline-block;
vertical-align: middle;}

.sns-icon{
width:auto;
height:30px;
margin:10px;
}
.sns-icon2{
width:auto;
height:23px;
margin:10px;
}

/* フッターメイン右 */
.footer-parts2{
display:inline-block;
width: 65%;
padding-left:25px;
float:left;
text-align:center;
}

.footer-parts2 h5{
font-size:14px;
margin-bottom:20px;
}

.footer-nav ul {
overflow: hidden;
border-top: 1px solid #ddd;
margin-top: 20px;
}

.footer-nav ul li {
width: 25%;
float: left;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.footer-nav ul li a {
text-align: center;
letter-spacing: .08em;
display: block;
padding: 13px 0;
}

.footer-nav ul li:nth-child(1),
.footer-nav ul li:nth-child(5) {
border-left: 1px solid #ddd;
}

/*フッターボトム*/
footer{
width:100%;
background: #f9f9f9;
border-top:1px solid #ddd;
padding:10px;
margin:0 auto;
text-align: center;
}
.about-fullr{
margin: 0;
padding: 10px 10px;
font-size: 10px;
line-height: 1.3em;
color: #999;
}

/*ページトップ*/
.pagetop {
display: none;
position: fixed;
bottom: 25px;
right: 20px;
z-index:99999;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #333;
font-size: 18px;
text-decoration: none;
padding: 5px 10px;
opacity: 0.7;
}

.col-lg-2{width:23%;}


#topicsDetail{
      width: 820px;
    margin-top: 50px;
}

#topicsDetail h1{
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.5;
}

.topicsDetail_mvImage{
    margin-bottom: 22px;
}

.topicsDetail_headArea,.topicsDetail_ctsArea{
    margin-bottom: 42px;
}

#topicsDetail p,#topicsDetail span,#topicsDetail strong{
    font-size: 16px;
}

.topicsDetail_ctsArea p{
    margin-bottom: 22px;
}

.topicsDetail_ctsArea img{
    margin-bottom: 12px;
}

.pageContentsList{
    background: #FFF;
    border: 1px solid #b7e2e3;
    margin-bottom: 22px;
    padding: 32px;
}

.pageContentsList li{
    margin-bottom: 15px;
}

.pageContentsList li:last-child{
    margin-bottom: 0;
}

.pageContentsList li a{
    display: block;
    border-bottom: 1px solid #84afcd;
    padding: 0 5px 3px;
    font-size: 16px;
}

.pageContentsList li a:hover{
    border-bottom: none;
    transition: 0.4s;
}

#topicsDetail h2{
    background: #e9fbbf;
    margin-bottom: 22px;
    padding: 15px 22px;
    font-size: 20px;
    font-weight: 900;
}

#topicsDetail h3{
    border-bottom: 1px dashed #b7e2e3;
    margin-bottom: 22px;
    font-size: 24px;
    color: #459193;
    font-weight: 900;
}

#topicsDetail h4{
    border-left: 4px solid #afd6d7;
    margin-bottom: 22px;
    padding: 0 0 0 12px;
    font-size: 20px;
    font-weight: 900;
}

#topicsDetail table{
    margin-bottom: 12px;
}

#topicsDetail table th,#topicsDetail table td{
  border: 1px solid #9fd1d1;
    padding: 12px;
    font-size: 16px;
}

#topicsDetail table th{
    background: #e5fbfb;
}

.topicsDetail_ctsList{
     margin: 0 0 22px 32px;
}

.topicsDetail_ctsList li{
    list-style: disc;
    font-size: 16px;
    margin-bottom: 5px;
}

#topicsDetail .itemLinkBtn{
  width: 350px;
  margin: 0 auto;
  text-align: center;
}

#topicsDetail .itemLinkBtn a{
  display: block;
  background: #559fc1;
  border: 1px solid #559fc1;
  border-radius: 10px;
  padding: 12px 0;
  color: #FFF;
  font-size: 18px;
  font-weight: 900;
}

#topicsDetail .itemLinkBtn a:hover{
  background: #FFF;
  border: 1px solid #559fc1;
  color: #559fc1;
  transition: 0.5s;
}