@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

html {
    font-size: 14px;
}
body{
 font-family: "Zen Kaku Gothic New", "Helvetica Neue", 'Open Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif!important;
 font-weight: 400;
}
a:hover {
    color: #a79b86;
    text-decoration: none;
}

     .pc{ display: block;}
     .sp{ display: none;}
section {
  position: relative;
  padding: 50px 0;
}

h2.myfont {font-family: 'Caveat', cursive;
  /*text-transform: uppercase; */
  letter-spacing: .04rem;
  color: #000;
    font-size: 1.8em;
}
h2.myfont span{ font-size: 0.4em;font-weight: normal;}
h2.myfont span::before{content: "/"; margin:0 10px;}

/* HEADER */  
    .pc_header{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding: 20px 50px;}
    .pc_header div{ display: flex; align-items: center;}
    .hd_part1 img{ width: 130px; margin-right: 30px; vertical-align: middle;}
    .hd_part1 ul{ display: flex;}
.hd_part1 li{ margin-left: 15px;font-size: 16px;}
.hd_part1 li::after{ content: "┃";padding-left: 15px;}

.hd_part2 a{ font-size: 30px; margin-left: 25px; color:#00d9f4;}
.hd_part2 a:visited{ color:#00d9f4!important;}

    #kensaku_form{display: flex; justify-content: space-between; border-bottom: 1px solid #666;}
#kensaku_form input{ padding: 0;}
input#kensaku_box {
    border: none;
    font-size: 14px;
}
#kensaku_btn{
background:none;
color:#00d9f4;
border:none;padding: 0;
}
    #kensaku_btn span{ vertical-align: middle; font-size: 30px;}

/* top_slider */  

.top_slider { margin: 0 auto 50px; width: 100%; max-width: 1200px;}
.top_slider img { width: 100%; border: 15px solid #fff;}
.top_slider .slick-next { z-index: 5;}
.top_slider .slick-prev { z-index: 6;}

.topbanner { background: #eee;}
.topbanner div{ max-width: 1200px; margin: 0 auto;}
.topbanner p{ text-align: center; padding: 10px 0; font-weight: bold; font-size: 14px;}
.topbanner span{font-weight: normal; margin-left: 10px;}


.slick-next:before {
    content: 'arrow_forward_ios'!important;
}
.slick-prev:before {
    content: 'arrow_back_ios'!important;
}
.slick-prev:before, .slick-next:before {
    font-family: 'Material Icons'!important;
    font-size: 20px!important;
    opacity: 1!important;
    color: black!important;}

.slick-dots li button:before {
    font-size: 25px!important;}

.newbox { margin: 30px 0;}
.newbox li{ width: 25%; padding: 5px 5px 15px;}
.newbox img{ width: 100%;}
.newbox p{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    font-size: 0.8em;
    margin: 5px 0;}
.newbox b{ font-weight: normal; font-size: 0.7em; display: block;}
.newbox b:before{ content: "¥";}

.more_btn {
    display: block;
    margin: 80px auto;
    width: 20%;
    border: 1px solid #525252;
    position: relative;
    color: #525252;
    padding: 7px 10px;
    font-size: 0.8em;
}

.more_btn:after{
    content:"";
    position:absolute;
    display: block;
    width: 7px;
    height: 18px;
    top:50%;
    right: 2.5rem;
    box-shadow:2px -2px 0 #fff;
    border-top: solid 2px #525252;
    border-right: solid 2px #525252;
    transform: translateY(-50%) rotate(45deg) skewX(-45deg);
}
/* トップベージュ背景
.begu_bg{background: rgb(255 218 133 / 20%) url(https://minority.itembox.design/item/bg.jpg?t=20250527174651) no-repeat;
    background-blend-mode: soft-light;
    background-size: 100% auto;
}

 トップグレー背景
section.gray_bg {background: rgb(255 255 255 / 20%) url(https://minority.itembox.design/item/bg.jpg?t=20250527174651) no-repeat;
    background-blend-mode: multiply;
    background-size: 100% auto;
}
*/

.gray_bg, .begu_bg{
 background: url(https://minority.itembox.design/item/bg_blue.jpg?t=20250527174651) no-repeat;
 background-blend-mode: multiply;
 background-size: 100% auto;
}


.container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
.wrapper {
  position: relative;
  padding: 15px;
  margin: 0 auto;
}
.container.stretch, .wrapper.stretch {
  height: 100%;
}
.absolute-center {
  display: inline-table;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}



.title-box h1, .title-box h2, .title-box p {
  position: relative;
}
.title-box h1, .title-box h2 {
  padding: 0 .5em;font-size: 2.5rem;
    font-weight: bold;

}
.title-box p {
  letter-spacing: .5px;
    margin: 0 0 10px;
}
.title-box p span {
  font-size: 1rem; display: block;
  padding: 0 25px;
}


.style_slider div{width: 95%; margin: 5px auto;}
.style_slider img{width: 90%; margin: 0 auto; border: 10px solid #fff;}


.rankingbox{ margin: 30px 0;}

.rankingbox li {
  counter-increment: rank;
    width: 20%; padding: 5px;position: relative; margin-bottom: 30px;}
.rankingbox li img{ width: 100%;}
.rankingbox li::before {
  content: counter(rank);
position: absolute;
    top: 2px;
    left: 2px;
    background: #f5edcb;
    padding: 0 8px;
    font-size: 0.7em;
    display: inline-block;
    text-align: center;

}

.rankingbox p{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 0.8em;
    margin: 0;}
.rankingbox b{ font-weight: normal; font-size: 0.7em; display: block;    line-height: 1.5em;}
.rankingbox b:before{ content: "￥";}

.reitem_slide li{ margin: 5px; }
.reitem_slide img{ width:100%; }
.reitem_slide p{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 0.85em;
    margin: 10px 0 0;}
.reitem_slide b{ font-weight: normal; font-size: 0.8em;
    display: block;
    margin-top: -5px;
    text-align: right;}
.reitem_slide b:before{ content: "￥";}



.blogbox{ display: flex; margin: 30px 0;}
.blogbox li{width: 33%; padding: 10px;}
.blogbox li img{ width: 100%; border: 1px solid #eee;}
.blogbox li p{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 14px;}
.btn01{ font-size: 12px; background: #eee; padding: 5px 10px; margin-top: 5px; display: inline-block; font-weight: normal;border-radius: 5px;}
.btn01::after{content: "open_in_new"; 
font-family: "Material Icons"; font-size: 15px; margin-left: 7px; vertical-align: middle;
}


.itemcategory_box{ width: 100%; display: flex; flex-wrap: wrap; margin: 15px 0;}
.itemcategory_box li{ width: 33%; padding: 0 5px;}
.itemcategory_box li img{ width: 100%;}

#about{ max-width: 800px; margin: 0 auto; display: flex;}
#about div:first-child{width: 30%; text-align: center;}
#about h2{text-transform: none;}
#about h3{ font-size: 14px;}
#about p{ font-size: 14px;line-height: 200%;}
#about b{display: block;}
.grad-wrap{width: 70%;}


footer{ background: #f9f9f9;}
footer > div{ max-width: 1200px; margin: 0 auto;display: flex; flex-wrap: wrap; padding-top: 10px;}
footer.container{ width: 33%; float: left;}
footer h2.myfont{ color: #333; font-weight: normal;margin-bottom: 20px;}
footer svg{color: #fff;}
.sns_icons{width: 80%; margin: 0 auto; display: flex; justify-content: space-between;}
.sns_icons a{width: 18%;}
#insuta{width: 30px;}
#twitter{width: 50px; margin: 0 5px;}
#line{width: 30px;}
#youtube{width: 30px; margin-left: 15px}

.fbox01{width: 25%!important;}
.fbox02{width: 50%!important;}
.fbox03{width: 25%!important;}

.info_box {display: flex; flex-wrap: wrap; }
.info_box li{ width: 50%;font-size: 1.2rem;margin-bottom: 15px;}
.info_box li a{color: #fff;}
.info_box li span{ vertical-align: middle; margin-right: 10px; color: #737373;}

.copyright_fd{ width: 100%; text-align: center;letter-spacing: 0.1em; padding: 20px 0; font-size: 0.9rem;
    margin-top: 10px;
    color: #727272;}


footer .more_btn {
    margin: 15px auto;
    width: 100%;
    border: 1px solid #333;
    color: #333;
}
footer .more_btn span{ vertical-align: middle; margin-right: 10px;}
footer .title-box p{ color: #333; font-size: 1rem;}
.more_btn:after{
    box-shadow:2px -2px 0 #222222;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

footer .container ul li,
footer .container a {
 color: #333333;
}

/* info_banner */
.info_banner {text-align: center;}
.info_banner img {width: 60%;}

/* パンくずリスト */
nav.fs-c-breadcrumb {margin: 20px auto; background: #f7f7f7;}
.fs-c-breadcrumb__list{width: 100%; max-width: 1200px; margin: 0 auto; padding: 5px; font-size: 1rem;}

/* 商品グループ */
button.fs-c-button--addToCart--list.fs-c-button--plain {
    display: none;
}

span.fs-c-productName__name {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.fs-c-productName__copy {
    font-size: 0.8rem;
    margin: -35px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


span.fs-c-productPrice__addon {
    font-size: 0.8rem;
}

.fs-c-productListItem__control button.fs-c-button--particular {
    padding: 10px;
    background: #eee;
}

.fs-c-productListItem__control button.fs-c-button--addToWishList--icon::before {
    font-size: 1.3rem;
}

.fs-c-productListItem__control button.fs-c-button--addToWishList--icon::after {
    content: "お気に入り";
    font-size: 1rem;
    padding: 3px 0 0 5px;
    vertical-align: middle;
}


/*商品ページ*/
.fs-c-productMainImage{width: 50%;float: left;}
.fs-c-productThumbnail{width: 45%; margin-left: 55%;}
.fs-c-productThumbnail:before{content: "ItemImages";font-family: 'Caveat', cursive, sans-serif;font-size: 2rem; width: 100%; margin-bottom: 15px;}
.fs-c-productThumbnail__image{flex-basis: 80px;}
.fs-c-productThumbnail__image.is-active > img{border: 1px solid #666666;}
.fs-c-productNameHeading__copy {font-size: 12px; display: block;}
span.fs-c-productNameHeading__name {font-size: 16px;}
.fs-c-productNumber{ border: none; font-size: 1.1rem; padding: 10px 15px; background-color: #eee; margin-top: 30px;}
.fs-c-productPointDisplay {background: #fff;color: #bf0000;font-size: 16px;padding: 0;}
.fs-c-productThumbnail__image__caption{margin-top: -5px;
    font-size: 12px;
    text-align: left;}
.fs-c-productThumbnail__image__caption::before {
    content: "▲";
    margin-right: 5px;
}
.fs-c-button--plain{color: #000;}
.fs-c-productMainImage .fs-c-buttonContainer{padding: 0;margin-top: -50px;}

.fs-c-variationLabel{display: none;}
.fs-c-variationList__item__title{background: #fff; text-align: center; padding: 20px; border-top: 1px solid #dcdcdc;margin-top: 20px; font-size: 15px; font-weight: bold;}
.fs-c-variationCart--withImage > li{grid-template-columns: auto 35% 10% 50%;padding: 0 15px 0 0;background-color: #eee;}
.fs-c-button--primary.fs-c-button--addToCart--variation{font-size: 15px;}
ul.fs-c-variationList__item__cart button {padding: 15px 0;margin: 10px 0 10px;}
.fs-c-variationCart--withImage .fs-c-variationCart__variationName{font-size: 16px;}
.fs-c-variationCart__wishlist{padding-right: 20px;}
.fs-c-variationList__item__image{width: 20%;}
.fs-c-variationList__item__cart{width: 80%;}
.fs-c-variationList__item__image > img{ max-width: 100px;}
.fs-c-button--primary {background: #a79e6f;border: 1px solid #b5b095;}
.fs-c-variationCart__variationName__stock{ font-size: 12px; margin: 10px;color: #5a5a5a;}
.fs-c-variationCart__variationName{display: inline;}
.fs-c-variationCart__variationName__name {font-weight: bold; font-family: 'Hind Madurai', sans-serif;}
.fs-c-productNotice--outOfStock{background-color: #000; padding: 20px; color: #fff;}
.pcsetumei i{vertical-align: middle;}

    #blowoff{text-align: center;font-weight: bold; font-size: 1rem; background: #eee; padding: 10px;
    margin: 0 0 20px;}
    #blowoff span{ font-size: 1.3rem; margin: 10px 0 0; font-weight: normal;display: block;}
#blowoff span::before {content: "＼";}
#blowoff span::after {content: "／";}

    #wear{ width: 100%;} 
    #wear ul{ width: 100%;list-style: none;padding-inline-start: 0px;}
    #wear ul li{ width: 100%;display: flex;margin-bottom: 50px;}
    #wear ul li img{ width: 50%;}
    #wear ul li div.right{ width: 48%; margin-left: 2%;}

.style_link {
    width: 80%;
    padding: 10px;
    background: #395064;
    text-align: center;
    margin: 0 auto 40px;
    font-size: 1rem;
}
.style_link a{color: #ffffff !important;}

/*商品ページ案内リスト*/
    #item_infolist{width: 100%;}
    #item_infolist ul{ width: 100%; margin: 20px auto;}
    #item_infolist ul li{ margin: 10px; padding: 10px; font-size: 14px; border: 1px solid #b5b5b5;}
    #item_infolist ul li i{ margin-right: 10px;}
    #item_infolist ul li:hover{ border: 1px solid #910000;}

 /*商品説明*/
    .pcsetumei {width: 90%;font-size: 14px; line-height: 180%;}
    .pcsetumei > div{ margin-top: 30px;}
    .pcsetumei h4{font-family: 'Hind Madurai', sans-serif; font-size: 16px;font-weight: bold; margin-bottom: 15px;border-bottom: 2px solid #000; padding-bottom: 5px;color: #000;}
    .pcsetumei h4 span{ font-size: 12px; font-weight: normal;}
    .pcsetumei h4 span::before {content: "　/ ";}

/*関連商品案内*/
.related div{ width:50%; float:left;}
.related div img{ width:80%; margin:0 auto; display:block;}
.related div span{ width:96%; margin:10px auto; display:block; font-size:12px;}


 /*商品問い合わせボタン*/
    .fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct {text-align: right;display: block;}
    button.fs-c-button--inquiryAboutProduct.fs-c-button--plain {padding: 20px;background-color: #000;color: #fff;font-size: 14px;}
    button.fs-c-button--inquiryAboutProduct.fs-c-button--plain:hover{ text-decoration: none; background-color: #98282d;}

 /*セレクトボックス*/
    .fs-c-productSelection__name{font-size: 14px;padding: 10px 0 0 10px;background-color: #eee;color: #a50000;}
    dl.fs-c-productSelection {background-color: #eee;padding: 20px;margin: 30px 0;}

 /*商品ページレビュー表示*/
    .fs-c-productReview {font-size: 14px;line-height: 180%;background-color: #eee;padding: 15px;}
    .fs-c-aggregateRating__rating::before{font-size: 12px;margin-bottom: 10px;}
    .fs-c-aggregateRating__rating{font-size: 18px;}
    .fs-c-aggregateRating__count{font-size: 12px;margin-left: 10px;}
    .fs-c-reviewerStatus{    background: #222;font-size: 12px;    margin: 0 15px;min-width: 60px;}
    .fs-c-reviewer__profile{font-size: 12px;}
    .fs-c-reviewInfo__date{font-size: 12px;}
    .fs-c-rating__value{color: #ffa700;}
    .fs-c-reviewStars::before{color: #ffa700;}
    .fs-c-reviewBody{background-color: #fff;line-height: 180%;}
.fs-c-reviewRating {margin-bottom: 10px;}
.fs-c-reviewer__name {margin: 10px 0;}

    .stafffit hr.dot{border-top: 1px dashed #8c8b8b; margin: 20px auto;}
    .stafffit b{ font-weight: bold;}

    .sizetable{width: 100%;margin: 20px auto;}
    .sizetable table {width: 100%;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;font-size: 16px;table-layout: fixed;}
    .sizetable table th,.sizetable table td {line-height: 1;border-left: 1px solid #ececec;border-top: 1px solid #ececec;text-align: center;line-height: 1.6;}
    .sizetable table th {padding: 7px 5px 5px;background: #ececec;}
    .sizetable a{ width: 100%; text-align: right; padding: 15px 0; display: block; font-size: 11px;}

/*この商品を見た人は、こちらの商品もチェックしています！*/
div#_rcmdjp_display_1 {
    margin-top: 100px;
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
    /*background: #f9f9f9;*/
}
h2.fs-p-heading--lv2 {
    font-size: 1.3rem;
    padding-bottom: 15px;
    border-bottom: none;
    font-weight: bold;
}

h3.fr2-listItem__productName {
    font-size: 1rem;
    margin: 10px 0 0;
    line-height: 150%;
}

/*今までにチェックした商品はこちら*/
div#_rcmdjp_display_2 {
    margin-top: 100px;
    border: 1px solid #b5b5b5;
    padding: 20px;
}

/*ショッピングカート*/
.amazonpay_cart {
    padding: 30px;
    margin: 30px auto;
    max-width: 900px;
    background: #fff4d5;
    border: solid 3px #f90;
    font-size: 14px;
    line-height: 180%;
}

.fs-p-announcement__body {
    background: #f5f5f5;
    padding: 25px;
    font-size: 14px;
    line-height: 180%;
}
.fs-p-flexibleColumn a {
    padding: 15px;
    margin: 15px;
    background: #395064;
    color: #fff;
}
.fs-c-continueShopping {
    margin: 50px auto 100px;
    text-align: center;}

th.fs-c-cartTable__headerCell {
    font-size: 12px;
}
tr.fs-c-cartTable__row {
    font-size: 14px;
    line-height: 180%;
}
td.fs-c-cartTable__dataCell {
    vertical-align: middle;
}
button.fs-c-button--cancel--cart.fs-c-button--plain {
    font-size: 14px;
    color: #2a67d6;
    font-weight: bold;
}
.fs-c-cartDiscountInfo__body {
    font-size: 18px;
    border-bottom: 1px solid #cc3434;
    display: inline-block;
    color: #cc3434;
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-align: right;
}
.fs-c-cartDiscountInfo {
    margin: 30px 20px;
}
.fs-c-cartDiscountInfo__note > li {
    margin: 10px 0;
    font-size: 16px;}
.fs-c-button--primary{
font-size: 18px;
    padding: 20px 0;
    margin: 10px 0 20px;}
.fs-c-button--secondary{font-size: 18px;}

.fs-c-payWithAmazon__message p {
    font-size: 14px;
    line-height: 150%;
}
/*注文画面ボタン*/
.fs-c-button--standard{
 font-size: 1.4rem;
 padding: 0.8em 1.6em;
 /*padding: 25px;
 width: 40%;*/
}
.fs-l-checkout__mainColumn li {
    margin-top: 15px;
}
.fs-c-totalAndActions button:not(.fs-c-button--image) {
    font-size: 18px;}

.fs-p-announcement__title {
    font-size: 1.5rem;
    margin: 50px 0 10px;
    line-height: normal;
}

/*お客様情報入力*/
.fs-c-dropdown { border: 1px solid #ccc;}
div#fs_registrationCheckedMessage {margin: 15px 0 40px; font-size: 1.1rem;}
.fs-c-agreementConfirmation__accordion { margin: 30px 0 50px;}
.fs-c-agreementConfirmation__message.fs-c-agreementConfirmation__message--newsletterChecked{margin: 15px 0 20px; font-size: 1rem;}
.fs-c-checkbox__checkMark::before{top: -0.15em; left: -0.15em;}
label.fs-c-checkbox__label {font-size: 1.3rem;}
.fs-c-requiredMark::before {content: "*"; font-size: 1rem; color: #da4453;}
.fs-c-requiredMark{width: 2em; height: 1.2em;}

/*会員登録*/
.member_entry {width: 100%; max-width: 800px; margin: 0 auto 50px;}
.member_entry h3 {border-bottom: 1px solid #80775e; padding-bottom: 15px; font-weight: bold; color: #80775e;}

/*会員ランクページ*/
.fs-c-specTableContainer {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    font-size: 0.9rem;
    overflow-x: hidden;
}
.fs-c-specTableContainer table{
    width: 100%;
    max-width: 900px;
}

/*ログインページ*/
.fs-c-subSection__title{font-size: 1.5rem; padding: 10px; text-align: center; margin-bottom: 40px;}
.fs-c-newUsers__message.fs-c-subSection__message {line-height: 180%; margin-bottom: 30px;font-size: 1.2rem;}
.fs-c-anotherLogin.fs-c-anotherLogin--amazon {padding: 20px; border: 3px solid #ffb500;}
.fs-c-anotherLogin.fs-c-anotherLogin--amazon p {line-height: 180%; font-size: 14px; margin-bottom: 20px;}
label.fs-c-inputTable__label {padding-bottom: 10px; display: block;}

/*記事ページ*/
#con_wrap{ width: 100%; max-width: 750px; margin: 0 auto; padding: 15px;font-size: 17px; line-height: 200%; color: #4d4d4d;}
span.con_copy{ font-size: 30px; line-height: 180%; color: #28709a;border-bottom: dotted 2px #ccc;}
div.editer{  position: relative; display:flex; align-items: flex-start; padding: 10px; max-width: 55%; color: #555; font-size: 14px; background: #ececec;border-radius: 15px; margin-top: 30px;}
div.editer::before {content: ""; position: absolute;top: 100%; left: 20%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #ececec;}
div.editer img{ width: 70px;margin-right: 15px;}
time.con_day{font-size: 14px; color: #28709a; display: block;}
time.con_day::before{ content:"today"; font-family:"Material Icons"; margin-right:5px;vertical-align: middle; font-size: 18px;}
#con_wrap img.main_img{ width: 100%; max-width: 700px; margin: 50px auto 0;}
.con_box{ width: 100%; margin-top: 80px;}
.con_box h2{font-size: 1.6rem; color: #28709a; background: #F6F6F6; padding: 15px; border-left: 8px solid #28709a; margin: 100px 0 30px 0;}
.con_box h3{font-size: 1.3rem; color: #28709a; border-bottom: 2px solid #28709a; padding-bottom: 0.2rem; margin-top: 70px;}
.con_box > p{ margin-top: 20px;}
.con_box > img{ width: 100%; max-width: 700px; margin: 20px auto; }
.con_box .bege_box{ background: #fff7ef; padding: 20px; } 
.con_box .end{ text-align: right;}
.con_box .zikan{ letter-spacing:10px;}
.con_box span.line{background: linear-gradient(transparent 50%, #fff366 50%);}
.con_box span.sml{ font-size: 14px;}
.con_box span.red{ color: #FF3333;}
.con_box span.pink{ color: #ff00cd;}
.con_box span.bold{ font-weight: bold;}
.con_box span.wavy{ text-decoration:underline wavy #FF3333;}
.con_box span.under{ border-bottom: double 6px #FF9999;}
.con_box ul{list-style: disc; color: #28709a; border: dashed #28709a 1px; padding: 0.5em 0.5em 0.5em 2em; font-weight: bold;}
.con_box ul li{line-height: 2; padding: 0.5em 0;}
.con_box .jr1{font-size: 1.6rem; color: #FFFFFF; background: #5e0d0c; padding: 15px; border-left: 8px solid #d26d6c; margin: 100px 0 30px 0;}
.con_box .jr2{font-size: 1.3rem; color: #5e0d0c; border-bottom: 2px solid #5e0d0c; padding-bottom: 0.2rem; margin-top: 100px;}	
.con_box .jr3{font-size: 1.6rem; color: #FFFFFF; background: #726612; padding: 15px; border-left: 8px solid #ccbf64; margin: 100px 0 30px 0;}
.con_box .jr4{font-size: 1.3rem; color: #726612; border-bottom: 2px solid #726612; padding-bottom: 0.2rem; margin-top: 100px;}	
.con_box .jr5{font-size: 1.6rem; color: #FFFFFF; background: #234129; padding: 15px; border-left: 8px solid #70a07a; margin: 100px 0 30px 0;}
.con_box .jr6{font-size: 1.3rem; color: #234129; border-bottom: 2px solid #234129; padding-bottom: 0.2rem; margin-top: 100px;}	
.con_box .jr7{font-size: 1.6rem; color: #FFFFFF; background: #35496c; padding: 15px; border-left: 8px solid #7a94c1; margin: 100px 0 30px 0;}
.con_box .jr8{font-size: 1.3rem; color: #35496c; border-bottom: 2px solid #35496c; padding-bottom: 0.2rem; margin-top: 100px;}
.con_box .jr9{font-size: 1.6rem; color: #f7b2f5; background: #f7b2f5; padding: 15px; border-left: 8px solid #ffdefe; margin: 100px 0 30px 0;}
.con_box .jr10{font-size: 1.6rem; color: #FFFFFF; background: #545160; padding: 15px; border-left: 8px solid #0E001B; margin: 100px 0 30px 0;}
.con_box .jr11{font-size: 1.6rem; color: #FFFFFF; background: #4a3939; padding: 15px; border-left: 8px solid #858181; margin: 100px 0 30px 0;}
.con_box .jr12{font-size: 1.3rem; color: #4a3939; border-bottom: 2px solid #6e5d5d; padding-bottom: 0.2rem; margin-top: 100px;}
.con_box .jr13{font-size: 1.6rem; color: #000000; background: #ffff33; padding: 15px; border-left: 8px solid #fafaa5; margin: 100px 0 30px 0;}
.con_box .jr14{font-size: 1.6rem; color: #FFFFFF; background: #000000; padding: 15px; border-left: 8px solid #a19f9f; margin: 100px 0 30px 0;}
.con_box .jr15{font-size: 1.6rem; color: #000000; background: #FFFFFF; padding: 15px; border-left: 8px solid #a19f9f; margin: 100px 0 30px 0;}
.con_box .jr16{font-size: 1.6rem; color: #FFFFFF; background: #8819f7; padding: 15px; border-left: 8px solid #e9d4ff; margin: 100px 0 30px 0;}
.con_box .fj1{font-size: 1.6rem; color: #FFFFFF; background: #333333; padding: 15px; border-left: 8px solid #d26d6c; margin: 100px 0 30px 0;}
.con_box .fj2{font-size: 1.5rem; color: #5e0d0c; border-bottom: 2px solid #5e0d0c; padding-bottom: 0.2rem; margin-top: 50px;}
.con_box .fj3{font-size: 1.3rem; color: #3399cc; border-bottom: 2px solid #3399cc; padding-bottom: 0.2rem; margin-top: 100px;}
.con_box .fj4{font-size: 1.3rem; color: #cc0033; border-bottom: 2px solid #cc0033; padding-bottom: 0.2rem; margin-top: 100px;}
.con_box .fj5{font-size: 1.3rem; color: #ffffff; padding-bottom: 0.2rem; margin-top: 10px; background-color: brown;}
.con_box .fj6{font-size: 1.9rem; color: #5e0d0c; border-bottom: 2px solid #5e0d0c; border-left: 8px solid #5e0d0c; padding-bottom: 0.2rem; margin-top: 100px;}
.con_box span.line2{background: linear-gradient(transparent 50%, #e0ffff 50%);}
.con_box .fj_quort{font-size: 20px;}
.con_box span.line_fj{background: linear-gradient(transparent 50%, #F4AC90 50%);}	
.mokuzi{ width: 100%; padding: 15px;border: 5px solid #e0e0e0; margin: 80px 0;}
.mokuzi_hd{ font-size: 1.3rem; }
.mokuzi_hd::before{ content:"beenhere"; font-family:"Material Icons"; margin-right:5px;vertical-align: middle; color: #28709a;}
.mokuzi ol{ list-style: none;}
.mokuzi li a {color: #28709a;font-weight: bold;}

    .donna{ width: 100%; padding: 10px;border: 10px solid #edebb3; margin: 50px 0;}
    .donna_hd{ font-size: 1.3rem; }
    .donna_hd::before{ content:"beenhere"; font-family:"Material Icons"; margin-right:10px;vertical-align: middle; color: #28709a;}
    .donna ol{ list-style: none;padding: 0;}
    .donna li a {color: #28709a;font-weight: bold; margin-bottom: 50px;}


.con_itemlink{ max-width: 350px; margin-bottom: 15px; background:#ececec; padding: 10px;}
.con_itemlink a{width: 100%;display: flex; color:#28709a; font-size: 0.9em;}
.con_itemlink a img{margin: 0 10px 0 0; max-width: 90px;flex-grow: 1;}
.con_itemlink a p{ line-height: 150%;margin: 0;display: flex; flex-direction: column;flex-grow: 3;}
.con_itemlink a span{ display: block;}
.con_itemlink a span.price{ font-size: 0.8em;}
.con_itemlink a span.price::after{ content: "円（税込）"; font-size: 0.8em;}
.con_itemlink a span.btn{text-align: center; background: #28709a; border-radius: 5px; padding: 5px; margin-top: auto; color: #fff;align-self: flex-end;font-size: 0.8em;}
.con_itemlink a span.btn::before{ content:"verified"; font-family:"Material Icons"; margin-right:5px;vertical-align: middle;font-size: 1.3em;}
.con_itemlink_box { display: flex; flex-wrap: wrap; justify-content:space-between;}
.con_itemlink2{ width: 33%; padding: 5px;margin-bottom:10px;display: flex; }
.con_itemlink2 a{width: 100%;display: flex; color:#28709a; font-size: 0.85em;background:#ececec; padding: 7px;}
.con_itemlink2 a img{margin: 0 10px 0 0; min-width: 90px; height: 90px;}
.con_itemlink2 a p{ line-height: 150%;margin: 0;display: flex; flex-direction: column;flex-grow: 3;font-size: 12px;}
.con_itemlink2 a span{ display: block;}
.con_itemlink2 a span.price{ font-size: 0.8em; text-align: right;}
.con_itemlink2 a span.price::after{ content: "円（税込）"; font-size: 0.8em;}
.con_itemlink2 a span.btn{text-align: center; background: #28709a; border-radius: 5px; padding: 5px; margin-top: auto; color: #fff;align-self: flex-end;font-size: 0.8em;}
.con_itemlink2 a span.btn::before{ content:"verified"; font-family:"Material Icons"; margin-right:5px;vertical-align: middle;font-size: 1.3em;}
.con_footer{ width: 100%; border-top: 1px solid #000; margin: 100px 0;}
.editer_box{ width: 70%; margin: 50px auto; padding: 40px;position: relative;background-color: #fffbec; text-align: center;}
.editer_box > img{ width: 120px; height: 120px; }
.editer_box a {width: 60%; margin: 15px auto; border: 3px solid #007fca; border-radius: 5px; padding: 5px; display: flex; align-items: center; justify-content: center; color: #007fca;}
.editer_box a img {width: 35px; padding-right: 5px;}
.editer_box div.comment {display: flex; position: absolute; right: 5%; top: 0; transform: rotate( 25deg ); line-height: 150%; font-size: 12px;}
.editer_box div.comment {display: flex; position: absolute; left: 48%; top: 0; transform: rotate( 25deg ); letter-spacing: 3px; line-height: 120%;}
.editer_box div.comment b {font-size: 20px; padding: 30px 10px;}
.editer_box div.comment p {font-size: 13px;}
p.ed_name{ font-weight: bold; text-align: center; line-height: 120%; color: #28709a;}
p.ed_name span{ display: block; font-size: 0.7em;}
p.pf_text{ text-align: left; font-size: 14px; border-top: 1px solid #28709a; border-bottom: 1px solid #28709a; padding: 20px 0;}

/*吹き出し*/
.oneArea {display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1024px; margin: 50px auto; padding: 0 10px;}
.oneArea .onebox_left {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 20px;}
.oneArea .onebox_right {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row-reverse; margin-top: 20px;}
.oneArea .onebox_left .imgArea {width: 16%; position: relative;}
.oneArea .onebox_right .imgArea {width: 16%; position: relative;}
.oneArea .onebox_left .imgArea img {width: 100%; max-width: 100px; position: absolute; top: -20px; left: 0; padding-right: 30px; padding-top: 20px;}
.oneArea .onebox_right .imgArea img {width: 100%; max-width: 100px; position: absolute; top: -20px; left: auto; right: 0; padding-left: 30px; padding-top: 20px;}
.oneArea .onebox_left .fukiArea {width: 63%;}
.oneArea .onebox_right .fukiArea {width: 63%;}
.oneArea .onebox_left .fukidasi {width: 100%; position: relative; padding: 25px; background-color: #fde5e5; font-size: 18px; color: #231815; border-radius: 12px; box-sizing: border-box;}
.oneArea .onebox_right .fukidasi {width: 100%; position: relative; padding: 25px; background-color: #f2f3f7; font-size: 18px; color: #231815; border-radius: 12px; box-sizing: border-box;}
.oneArea .onebox_left .fukidasi_w {width: 100%; position: relative; padding: 25px; background-color: #fde5e5; font-size: 18px; color: #231815; border-radius: 12px; box-sizing: border-box;}
.oneArea .onebox_right .fukidasi_w {width: 100%; position: relative; padding: 25px; background-color: #f2f3f7; font-size: 18px; color: #231815; border-radius: 12px; box-sizing: border-box;}
.oneArea .onebox_left .fukidasi::before {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 22px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: -15px; border-left: 25px solid #fde5e5; border-top: 25px solid transparent;}
.oneArea .onebox_right .fukidasi::before {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 22px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: auto; right: -15px; border-left: 25px solid transparent; border-top: 25px solid #f2f3f7;}
.oneArea .onebox_left .fukidasi_w::before {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 22px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: -15px; border-left: 25px solid #fde5e5; border-top: 25px solid transparent;}
.oneArea .onebox_right .fukidasi_w::before {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 22px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: auto; right: -15px; border-left: 25px solid transparent; border-top: 25px solid #f2f3f7;}
.oneArea .onebox_left .fukidasi::after {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 40px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: -25px; border-left: 25px solid #fff7ef; border-top: 25px solid transparent;}
.oneArea .onebox_right .fukidasi::after {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 40px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: auto; right: -25px; border-left: 25px solid transparent; border-top: 25px solid #fff7ef;}
.oneArea .onebox_left .fukidasi_w::after {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 40px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: -25px; border-left: 25px solid #ffffff; border-top: 25px solid transparent;}
.oneArea .onebox_right .fukidasi_w::after {content: ''; position: absolute; display: block; width: 0; height: 0; border-radius: 50%; transform: rotate(45deg); top: 40px; border-right: 25px solid transparent; border-bottom: 25px solid transparent; left: auto; right: -25px; border-left: 25px solid transparent; border-top: 25px solid #ffffff;}

/* スタッフ一覧 */
.fs-c-staffListItem__profile {font-size: 14px;line-height: 1.5;}
.fs-c-staffListItem__profile__name {font-size: 1.1rem;}
.fs-c-staffCoordinationSearch__heading {border-bottom: 1px solid #000; font-size: 1.1rem; padding: 15px;}

/* スタッフ詳細 */
.fs-c-staffDetail {max-width: 800px; margin: 0 auto; margin-bottom: 80px; grid-template-columns: 150px 25% 1fr;}
.fs-c-staffDetail__data {font-size: 1rem; line-height: 1.5;}
.fs-c-staffDetail__name { font-size: 1.2rem;}
.fs-c-staffDetail__profile { font-size: 15px; line-height: 1.5; background: #fffc; padding: 15px; border-radius: 10px;}
h2.fs-c-coordinationCatalog__title { font-size: 1.2rem; text-align: center; color: #395064; border-bottom: none; margin: 25px 0;font-weight: bold;}
.fs-c-coordinationListItem__imageContainer { margin-bottom: 10px;}
span.fs-c-coordinationNewMark { font-size: 1rem; padding: 0 5px; background-color: #000;}
.fs-c-coordinationListItem__publicationDate { font-size: 1rem; padding: 5px;}

/* コーディネート一覧 */
.fs-c-staffCoordinationSearch__heading{border-bottom: 1px solid #000; font-size: 1.1rem; padding: 15px;}
.fs-c-coordinationList__list { grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);}
.fs-c-coordinationNewMark{ font-size: 14px; padding: 5px; background-color: #395064;}
.fs-c-coordinationListItem__publicationDate{ font-size: 1rem; padding: 5px;}
.fs-c-coordinationListItem__staffInfo__profile { font-size: 14px; line-height: 1.5;}
.fs-c-coordinationListItem__staffInfo__name { font-size: 1.1rem;}
.fs-c-coordinationTagList > li { padding: 10px; background: #fff; border-radius: 7px; border: 1px solid #c1c1c1;}

/* コーディネート詳細 */
.fs-c-coordinationStaffInfo__profile {font-size: 14px; line-height: 1.5;}
.fs-c-coordinationComment {line-height: 1.5;}
.fs-c-coordinationStaffInfo__name { font-size: 1.1rem;}
.fs-l-coordinationDetails .fs-l-coordinationLayout__item > * + * { margin-top: 25px;}
h2.fs-c-coordinationProduct__title { font-size: 17px; border-bottom: 0; color: #000; margin: 50px 0 20px 0; font-weight: bold;}

/* スタッフスタート関連 */
.fs-c-coordinationCatalog.is-sortedByPopularity { max-width: 1000px; margin: 100px auto;overflow: hidden;}
.fs-c-coordinationCatalog.is-sortedByNewestFirst { max-width: 1000px; margin: 0 auto 100px;overflow: hidden;}
h2.fs-c-staffCatalog__title { text-align: center; border: none; margin-bottom: 50px; color: #395064; font-size: 1.2rem; font-weight: bold;}
.fs-c-staffCatalog.is-sortedByPopularity { max-width: 1000px; margin: 0 auto 100px;}
.fs-c-staffCatalog:not(:first-child){ max-width: 1000px; margin: 0 auto 100px;}
.fs-c-coordinationCatalog.is-sortedByPopularity .fs-c-coordinationCatalog__list__item::before { background-color: #000; border: none;}
.fs-c-staffCatalog.is-sortedByPopularity .fs-c-staffCatalog__list__item::before { background-color: #2f588a; border: none;}
a.fs-c-staffCatalog__viewAllStaff.fs-c-viewAllStaffLink { width: 20%; padding: 15px; background-color: #dedede; overflow: hidden; margin: 3% auto 1% auto; float: right; font-size: 14px; text-align: center;}
a.fs-c-coordinationCatalog__viewAllCoordination.fs-c-viewAllCoordinationLink{ width: 20%; padding: 15px; background-color: #dedede; overflow: hidden; margin: 3% auto 1% auto; float: right; font-size: 14px; text-align: center;}

/*過去のスタイルブック*/

.thum{
	margin:0;
	padding:0;
	width:970px;
	margin:100px auto;}	
	
.thum > li{
	width:460px;
	margin-right:40px;
	margin-bottom:50px;
	float:left;
	}
	
.thum > li:nth-child(even){
	margin-right:0;}

.thum li > img{
	width:460px;}	
h2#blowoff {
width:400px;
position:relative;
margin:20px 0;
padding:10px 20px;
font:bold 20px/1.2 Arial, Helvetica, sans-serif;
color:#333;
border:#333 solid 3px;
border-radius:18px;
background:#fff;
box-shadow:
-7px -5px 0 0 #e8e8e8 inset,
2px 3px 0 0 #000;
}
h2#blowoff:before{
content:" ";
position:absolute;
top:100%;
left:14px;
width:0;
height:0;
border-width:20px;
border-style:solid;
border-color:transparent;
border-top-color:#333;
}
h2#blowoff:after{
content:" ";
position:absolute;
bottom:-27px;
left:18px;
width:0;
height:0;
border-width:14px;
border-style:solid;
border-color:transparent;
border-top-color:#e8e8e8;
}

h2#blowoff>span{
font:bold 14px/0.8 Arial, Helvetica, sans-serif;
margin-left:15px;}


#codenate{
display:block;
overflow: hidden;
width:438px;
border:1px solid #505050;
padding:10px;
margin-top:10px;
}

#codenate h1{
margin:0 0 10px; 
font-size:12px;
color:#505050;}

#codenate li {
display: inline-block;
width: 22%;
height: 25px;
padding:5px;
text-decoration: none;
outline: none;
background-color: #505050;
color: #fff;
font-size:10px;
margin-right:10px;
text-align:center;
float:left;
}
#codenate li::before,
#codenate li::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
#codenate li,
#codenate li::before,
#codenate li::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}

#codenate li:hover {
background-color: #59b1eb;
}

#codenate li a{
text-decoration:none;
color:#FFF;}

.yellow:after { background:#ccff00; }
.blue:after   { background:#00d2ff; }
.green:after  { background:#FFFEC3; }
.pink:after   { background:#ff00ae; }

.backno{
	display:block;
	width:100%;
	margin:30px 0;}
	
	
.backno h1{
	width:100%;
	  text-align: center;
	  font-size:36px;
	}
	
.backno h1 p{
	border-bottom:10px solid #000;
	display:block;
	font-size:40%;
	width:100%;
	color:#999;
	margin-top:-5px;}


ul.kako {
	overflow:hidden;
	display:block;
	width:100%;
	list-style:none;
}


ul.kako li{
	float:left;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px;
	}
	

ul.kako li:last-child{
	margin-right:0;
}
	
.fbtn{
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	width: 300px;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	display: block;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.fbtn span{
	font-size:9px;
	display:block;
	color:#666;}

.fbtn:hover {
    background: #ffffff;
	border: 1px solid #000;
}

.cdlink{
	width:360px;
	margin-bottom:50px;
}
.cdlink h3{
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
}
.cdlink div{
	overflow:hidden;
}
.cdlink dl{
	float:left;
	margin:0 5px 5px 0;
	width:68px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.cdlink dt{
	color:#000;
	background-color:#eee;
	padding:3px;
	margin-bottom:5px;
}
.cdlink dd{
	margin:0;
	height:68px;
	background-color:#fff;
	border:1px solid #eee;
	color:#999;
}
.cdlink dl:last-of-type{
	margin:0;
}
.cdlink p{
	margin:5px 0 0;
	font-size:10px;
	color:#808080;
}

.cdlink dd img{
	width:95%;}
.stylemore{width: 90%;padding: 15px;background-color: #dedede;overflow: hidden;margin: 3% auto 1% auto;float: right;font-size: 14px;}
.ftin_more{width:50%; padding:15px; background-color:#dedede; overflow:hidden; display:block; margin:0 auto; font-size:14px; text-align:center;}

/*週間ランキング*/
#main{ width:100%; margin:0 auto; background-color:#FFF; overflow:hidden;}
#main > p.update {text-align: center;}
ol.rank{ width:100%; overflow:hidden;margin:50px auto;}
ol.rank li {position: relative;overflow: hidden;float:left;width:25%;padding: 20px;counter-increment: rank;height: 415px;}
ol.rank li img{ width:100%;}
ol.rank li:before{position: absolute;content: counter(rank);top: -10px;left: 10px;z-index: 3;color: #000;  background: rgba(255,234,0,.9);margin-top: 20px;padding: 5px;font-weight: bold;font-size: 12px;}
ol.rank li p{width:100%; margin:10px 0; text-align:left;font-size: 12px;line-height: 150%; height:40px;}
ol.rank li span{ display:block; width:100%; text-align:right; font-weight:bold; color:#C0152A; font-size:80%;}
ol.rank li span:after{content: "円(税込)" ;}

/* 新商品 */
.item_list{width: 100%; max-width: 1200px; margin: 4% auto; text-align: center; clear: both; overflow: hidden;}
.item_list h2{font-weight: bold; color: #395064; font-size: 120%;}
.item_list h2 span{font-size: 50%;}
.item_list h3{width: 30%; padding: 1%; font-size: 90%; background-color: #8da3b1; margin: 2% auto 4% auto; color: #fff; font-weight: bold;}
.item_list ul{width: 100%; overflow: hidden;}
.item_list ul li{width: 23%; float: left;margin: 0 1% 2% 1%;}
.item_list ul li p{font-size:80%;margin-top:5%; line-height:150%; height:40px; text-align:left;}
.item_list ul li b{font-size:80%; font-weight:bold; text-align:right; display:block;}
.item_list ul li b:after{content: "円(税込)" ;}
.item_list ul li em{font-weight:bold; margin-right:2%;}

/* 再入荷一覧 */
.re_list{width:100%; max-width:1000px; margin:0 auto;}
.re_list ul{width:100%; overflow:hidden; padding-left: 0px;}
.re_list ul li{width:23%; float:left; margin: 1% 1%; height:330px;}
.re_list ul li img{width:100%;}
.re_list ul li p{font-size:80%; margin:2% 0; line-height:150%;}
.re_list ul li em{font-weight:bold; margin-right:2%;}
.reitem_up{width:100%; margin:6% 0 3% 0; text-align:center; color: #395064; font-weight:bold;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 2px #395064;/*上線*/
  border-bottom: solid 2px #395064;/*下線*/
}

/*コンテンツリスト*/
    .content_list{ display: flex; flex-wrap: wrap; margin-bottom: 100px;}
    .content_item{display: flex; flex-direction: column; background: #eee; padding: 10px; margin: 10px; width: 31%;}
    .content_item > img{ width: 100%;}
    .content_item p{ margin: 15px 0; line-height: 180%; font-size: 16px;font-weight: bold;}
    .content_item p.soon{ text-align: center; font-size: 20px; font-weight: bold;color: #2f588a73;}
    .content_btn{ margin-top: auto; text-align: center;}
    .content_btn a{ padding: 10px; width: 80%; font-size:14px; display: block; margin: 0 auto; background: #2f588a; border-radius: 10px; color: #fff;}


/*ページ基本*/
.fs-c-documentArticle, .fs-p-aboutPoints, .fs-p-memberAgreement, .fs-p-announcement{max-width: 900px;width: 100%;margin: 0 auto 10px auto;}
.fs-c-documentArticle__content section, .fs-p-aboutPoints section, .fs-p-memberAgreement section {background-color: #f5f5f5;padding: 15px;}
.fs-c-documentArticle dt{line-height:150%;}
.fs-c-documentArticle dd{line-height:150%;}

/*カテゴリページ*/
.fs-c-subgroupList{margin: 10px 0;}
.fs-c-subgroupList__link{border: none; padding: 5px 15px;}
li.fs-c-subgroupList__item {margin: 3px; font-size: 0.9rem;}
a.fs-c-subgroupList__link:hover {background: #d0d0d0; font-weight: bold;}
@media screen and (min-width: 960px){
.fs-c-subgroupList__item {flex-basis: calc(19% + 1px);}}
.fs-c-productName__copy{font-size: 10px;line-height: 180%;}
.fs-c-productName__name{font-size: 12px;line-height: 180%;}
.fs-c-productPrice{font-size: 12px;}
.fs-c-productPrice__addon{font-size: 12px;}
.fs-c-button--addToCart--list{display: none;}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before{font-size: 1.5rem;}


/*支払方法について*/
.fs-c-documentArticle__heading{background: #395064; padding: 15px;}
.fs-c-documentColumn__content{line-height: 180%;font-size: 14px;padding: 15px;}
.fs-c-documentSubColumn{margin: 30px 0;}
.fs-c-documentColumn__heading{border: none; font-size: 20px; margin: 15px 0; font-weight: bold;}
.fs-c-documentColumn__content div {padding: 20px;}
p.fs-c-note__item {margin-top: 15px; font-size: 14px;}

/*ご利用ガイド*/
.guidelist {width: 100%; max-width: 900px; margin: 0 auto; line-height: 180%;font-size: 14px;}
.guidelist div.botan {display: none;}
.guidelist > div {background-color: #eee; padding: 20px; margin: 30px auto;}
.guidelist > div i {font-size: 18px; margin-right: 10px;}
.guidelist h5 { font-weight: bold;font-size: 20px; margin: 40px 0 10px;}
.guidelist ul {width: 90%; overflow: hidden; margin: 0 auto;}
.guidelist li { width: 40%; float: left; padding: 20px; margin: 10px; border: 1px solid #bfbfbf; background-color: #dcdcdc;}
.guidelist li a { display: block;}
.guidelist li ahover{color: #000;}
.guidelist li:hover{background-color: #eee;}
.guidelist li i{font-size: 20px;margin-right: 10px;}

/*中継料文言*/
p.relay {
    margin: 0 auto 50px;
    max-width: 800px;
    width: 100%;
    line-height: 180%;
    padding: 20px;
    border: 1px solid #8c0000;
}
/*支払い可能クレジットカード*/
.fs-c-creditCardIcons__image{width: 48px;}


/*返品交換について*/
    #return-change{ width: 100%; max-width: 900px; margin:0 auto;}
    #return-change div.rcbox{ background-color: #f5f5f5; padding: 25px; line-height: 180%; margin: 30px auto; font-size: 14px;}
    #return-change div.rcbox > img{ width: 100%; max-width: 730px; margin: 0 auto;display: block;}
    #return-change div.rcbox h5{ font-size: 20px; margin: 15px 0; font-weight: bold; color:#1d9a66;}
    #return-change div.rcbox b{ font-weight: bold; display: block; margin: 20px 0 5px;font-size: 14px;}
    #return-change div.rcbox p{ font-size: 12px;}
    #return-change div.rcbox p i {font-size: 18px;}

/* ebisu */
.btn-circle-flat {
 display: inline-block;
 text-decoration: none;
 background: #87befd;
 color: #FFF;
 width: 120px;
 height: 120px;
 line-height: 120px;
 border-radius: 50%;
 text-align: center;
 overflow: hidden;
 transition: .4s;
}
.arrow_u {
 position: relative;
 display: inline-block;
 padding-left: 20px;
 color: #333;
 text-decoration: none;
}
.arrow_u:before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0;
 border-bottom: solid 7px #333;
 border-right: solid 7px #333;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -6px;
 transform: rotate(45deg);
}

/* タイトル付　枠（影）3　*/
.kakomi-box14 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 60%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 4px double #CC0033; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc;/* 影の色 */
}
.title-box14 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #CC0033; /* タイトル文字色 */
}

.box27 {
 position: relative;
 margin: 2em 0;
 padding: 0.5em 1em;
 border: solid 3px #62c1ce;
}
.box27 .box-title {
 position: absolute;
 display: inline-block;
 top: -27px;
 left: -3px;
 padding: 0 9px;
 height: 25px;
 line-height: 25px;
 font-size: 17px;
 background: #62c1ce;
 color: #ffffff;
 font-weight: bold;
 border-radius: 5px 5px 0 0;
}
.box27 p {
 margin: 0; 
 padding: 0;
}

.box28 {
 position: relative;
 margin: 2em 0;
 padding: 0.5em 1em;
 border: solid 3px #ff3700;
}
.box28 .box-title {
 position: absolute;
 display: inline-block;
 top: -27px;
 left: -3px;
 padding: 0 9px;
 height: 25px;
 line-height: 25px;
 font-size: 17px;
 background: #ff3700;
 color: #ffffff;
 font-weight: bold;
 border-radius: 5px 5px 0 0;
}
.box28 p {
 margin: 0; 
 padding: 0;
}

.box28 {
 position: relative;
 margin: 2em 0;
 padding: 0.5em 1em;
 border: solid 3px #d6d6d6;
 border-radius: 8px;
}
.box28 .box-title {
 position: absolute;
 display: inline-block;
 top: -13px;
 left: 10px;
 padding: 0 9px;
 line-height: 1;
 font-size: 19px;
 background: #FFF;
 color: #a8a7a7;
 font-weight: bold;
}
.box28 p {
 margin: 0; 
 padding: 0;
}

/* ウェルカムメッセージ　*/
.fs-l-header__welcomeMsg.is-ready { display: flex;}
.fs-p-memberInfo { padding-left: 15px;}
.fs-p-memberInfo__points { color: #395064; font-size: 1rem; font-weight: bold;padding-left: 15px;}


/* えのき記事 */
.btn04 { position: relative; display: inline-block; padding: 16px 32px; background: #406e94; border: 2px solid #406e94; border-radius: 4px; color: #e41313; text-decoration: none; font-size: 18px; font-weight: bold; line-heigt: 1.2em; -webkit-transition: .8s; transition: .8s;}
.btn04 span { position: relative; z-index: 1;}
.btn04::before,
.btn04::after { content: ""; position: absolute; top: 0; display: block; width: 51%; height: 100%; background-color: #ffffff; -webkit-transition: .2s; transition: .2s; }
.btn04::before { left: 0;}
.btn04::after { right: 0;}
.btn04:hover::before,
.btn04:hover::after {width: 0; background: #ffffff;}
.btn04:hover {color: #ffffff;}

/* 星CSS */
.star5_rating{position: relative; z-index: 0; display: inline-block; white-space: nowrap; color: #CCCCCC;}
.star5_rating:before, .star5_rating:after{content: '★★★★★';}
.star5_rating:after{position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: #ffcf32;}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

/*brodiaea kizi*/
.brodiaea-slide{
 scroll-snap-type: x mandatory;
 width: 100%;
 overflow-x: scroll;
 display: flex;
 -webkit-overflow-scrolling: touch; 
 overflow-scrolling: touch;}

.brodiaea-slide > div{
 scroll-snap-align: center;
 height: 100%;
 width: 100%;
 flex: none; }

 .brodiaea-slide{
 scroll-snap-type: none;
 overflow-x: visible;
 height: auto;
 -webkit-flex-direction: column;
 flex-direction: column;
 }
 .brodiaea-slide.responsible > div{
 height: 100px;
 width: auto;
 }






/* えのき記事14 */


EBI5 {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #dbebf8;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

EBI5:before {
  content: '●';
  color: white;
  margin-right: 8px;
}




/* えのき記事15 */
EBI2 {
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}



EBI3 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff0fd;
}

EBI3:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}




EBI6 {
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #ff1493;
}



.con_box .EBI7 {
	background-color: #1e90ff; /* 背景色 */
	color: #000000; /* 文字色 */
	overflow: hidden;
	padding: 10px; /* 余白 */
	position: relative;
}
.con_box .EBI7:before {
	background-color: #edfbfc; /* 大きな円の色 */
	border-radius: 50%;
	content: '';
	display: block;
	opacity: 0.6; /* 大きな円の不透明度 */
	position: absolute;
	top: -20px;
	left: 0px;
	width: 200px; /* 大きな円の幅 */
	height: 200px; /* 大きな円の高さ */
}
.con_box .EBI7:after {
	background-color: #cef1f5; /* 小さな円の色 */
	border-radius: 50%;
	content: '';
	display: block;
	opacity: 0.6; /* 小さな円の不透明度 */
	position: absolute;
	bottom: -50px;
	left: 180px;
	width: 100px; /* 小さな円の幅 */
	height: 100px; /* 小さな円の高さ */
}









/* container */
.wrapper{
    width:100%;
}
.wrapper .container{
    max-width:1000px;
    margin:0px auto;
    padding:40px 0px;
}
/* content */
.wrapper .content .heading{
    margin:0px 0px 40px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}
@media (min-width: 992px) {
    .wrapper .content .list {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.wrapper .content .list-item {
    margin:50px 0px;
    padding:0px 50px;
    text-align:center;
}
@media (min-width: 992px) {
    .wrapper .content .list-item {
        margin:0px;
        width:calc(100% / 3);
    }
}
.wrapper .content .list-item .image{
    display:block;
    width:100%;
    max-width:300px;
    margin:0px auto 20px auto;
    border-radius:100%;
}
.wrapper .content .list-item .text{
    line-height:1.8rem;
    font-size:0.8rem;
    color:#666666;
}






/* えびす */

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #1b2538;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #a9bce2;
}
ul.topnav li a.active {
	background-color: #da3c41;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}



EBI20 {
  padding: 1rem 2rem;
  border: 3px dotted #000;
}



/* えのき記事関連ツール */


div.kizipage{ 
    width: 100%; /*全体ボックスの横幅を指定*/
    max-width: 800px; /*PCで横いっぱいにならないよう、最大値を指定*/
    background: #eee; /*背景色を指定*/
    margin:0 0 10px 0;
    }
    
div.kizipage a{
    display: flex; /*リンク内の直下の子要素を横並び指定*/
    }
    
div.kizipage a img{
    width: 38%; /*画像の横幅を指定*/
    object-fit: cover; /*画像の比率が崩れないよう指定*/
    margin-right: 10px; /*右側の余白を指定*/
    }
    
div.kizipage a p{
    margin-right: 10px; /*右側の余白を指定*/
    font-size: 14px; /*フォントサイズの指定*/
    font-weight: bold; /*太字の指定*/
    }
    
div.kizipage a span{
    display: block; /*改行の指定*/
    text-align: right; /*右端寄せの指定*/
    font-size: 12px; /*フォントサイズの指定*/
    font-weight: normal; /*太字解除の指定*/
    }



.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}






/* えのき記事関連ツール(en25) */

.balloon3-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #ffcc75;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffcc75;
  z-index: 0;
}



/* えのき記事関連ツール(en26) */

.style_link26 {
    width: 80%;
    padding: 10px;
    background: #ffffff;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 1rem;
}
.style_link a{color: #ffffff !important;}
/* インスタボタン */
.insuta_botan {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}




/* えのき記事関連ツール(en30) */

.en30box{flex-wrap:wrap;}

/*関連記事*/
.related-entry {
    margin: 1em auto 1.5em;
}
.related-entry a {
    display: flex;
    padding: 25px;
    background: #f2f0f1;
    text-decoration: none;
}
.related-entry a:hover {
    opacity: 0.7;
}
#post-style .related-entry img {
    width: 23%;
    margin-right: 20px;
    margin-bottom: 0;
}
.js-lazyload {
    border-style: none;
    max-width: 20%;
}
.related-entry .entre-title span {
    display: inline-block;
    border: 1px solid #444;
    padding: 2px 7px;
    margin-bottom: 7px;
}
.related-entry .entre-title p {
    text-decoration: underline;
    margin-bottom: 0;
}


/* 春特集ページ */


<style>
.season-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0 auto 3rem;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
.season-select li {
    width: 20%;
    border-right: 1px solid #666;
}
    .season-select li:first-child {
        border-left: 1px solid #666;
    }
    .season-select li a {
        display: block;
        padding: 1rem;
        text-decoration: none;
    }
.season-select li a br {
    display: none;
}
    .season-select li:hover {
        background: #ddd;
    }

@media screen and (max-width: 768.98px) {
.season-select {
    flex-wrap: wrap;
}
.season-select li {
    width: 25%;
}
.season-select li:nth-child(n+5) {
    width: 33.3%;
    border-top: 1px solid #666;
}
.season-select li:nth-child(5) {
    border-left: 1px solid #666;
}
.season-select li a {
    padding: 0.8rem 0;
    line-height: 1;
    font-size: 0.8rem;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.season-select li a br {
    display: block;
}

}
</style>



/* 目次css */
<style>
details {
  /*font: 16px "Open Sans", Calibri, sans-serif;
  width: 620px;*/
margin-top: 5px;
}

.donna > details > summary {
  padding: 10px;
  width: 90%;
  border: none;
  box-shadow: 3px 3px 4px black !inmprtant;
  cursor: pointer;
  background-color: white;
font-size: 1.2em;
    border-bottom: solid #edebb3;
}

details > summary {
  padding: 10px;
  width: 10em;
  background-color: #ddd !inmprtant;
  border: none;
  box-shadow: 3px 3px 4px black !inmprtant;
  cursor: pointer;
}

details > p {
  border-radius: 0 0 10px 10px;
 /* background-color: #ddd;*/
  padding: 2px 6px;
  margin: 0;
  /*box-shadow: 3px 3px 4px black;*/
}

details > summary {
  background-color: #ccc;
}



.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;}


/*タグハッシュ*/

#takahash-modal .comment.half {
    height: 223px;
    margin-bottom: 9px;
    margin-top: 15px;
}


#takahash-modal .link_title .h4 {
    margin-bottom: 10px;
    color: #000;
    padding: 0.5em 0;
    border-top: solid 3px #000;
    border-bottom: solid 3px #000;
}



</style>





/*コンテンツen51*/


.cp_hr01 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #43a047;
}













/* 注文履歴ページの構成を変えるCSS */
@media screen and (min-width: 768px) {
    .fs-c-orderHistoryItem__product {
        grid-template-columns: 112px auto 100px 80px;
    }
   
    .fs-c-orderHistoryItem__unitPrice {
        grid-column: 3;
        grid-row: 1;
    }
   
    .fs-c-orderHistoryItem__productQuantity {
        grid-column: 4;
        grid-row: 1;
    }
   
    dl.fs-c-orderHistoryItem__deliveryInfo {
        grid-column: 2;
        grid-row: 2;
    }
   
    .fs-c-orderHistoryItem__button {
        grid-column: 2;
        grid-row: 3;

    }
}





 
/*￥マークのサイズの縮小*/
.fs-c-price__currencyMark {
    font-size: 70%;
    align-self: end;
}

/* フィーチャー */
.feature2025{
 width:90%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 50px 0;
}
.feature2025 div:last-of-type{
 display: flex;
 justify-content: space-between;
 gap: 0 10px;
}
.feature2025 a{
 display: block;
}
.feature2025 img{
 vertical-align: middle;
}
/*コンテンツ商品カルーセル*/
.content_carousel {
    margin: 20px 0;
}
.content_carousel h2{
    color: #333333 !important;
    background: none !important;
    padding: 5px 0 !important;
    border-left: none !important;
    margin: 0 !important;
}

/*ショッピングカートAmazonPay 注意書き*/
.amazonpay_limit{
 font-size: 0.7em;
 line-height: 1.5em;
}