@charset "utf-8";
/* CSS Document */

/*--------------------------------------
 container rightbody
---------------------------------------*/
#container #rightbody {
    float: right;
    width: 785px;
}

.maincontent {
    background: #FFFFFF;
    margin-bottom: 60px;
    text-align: left;
}

/*-----　ライトボディ ニューアイテム -----*/
#newitem_frame {
    width: 785px;
    height: 287px;
    margin-bottom: 30px;
}

#newitem {
    width: 100%;
    padding: 0 26px 0 35px;
}

#newitem img {
    width: 165px;
    height: 165px;
    margin-bottom: 5px;
}

#newitem .newicon {
    font-size: 12px; // IE8
    font-size: 0.8rem;
    font-family: Montserrat, sans-serif;
    color: #FFFFFF;
    padding: 2px 5px;
    background: #e91c24;
    width: 30px;
}

#newitem .price {
    font-weight: bold;
}

#newitem p {
    width: 165px;
    font-size: 12px; // IE8
    font-size: 0.8rem;
}

#newitem .slick-prev,
#newitem .slick-next {
    top: 35%;
}

#newitem .slick-prev {
    left: 0;
}

[dir='rtl'] .#newitem .slick-prev {
    right: 0;
}

#newitem .slick-next {
    right: 0;
}

[dir='rtl'] #newitem .slick-next {
    left: 0;
}

/*-----　ライトボディ おすすめアイテム -----*/
#recommend .text {
    font-size: 13px; // IE8
    font-size: 0.8rem;
    padding: 12px 5px;
}

#recommend .text .lead {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 0.95rem;
    margin-bottom: 5px;
    font-weight: bold;
}

/*-----　ライトボディ ピックアップ -----*/
#pickup {
    position: relative;
    width: 785px;
    height: 600px;
}

#pickup .pickup_category {
    float: left;
}

#pickup .tab {
    display: block;
    width: 110px;
    padding: 8px 0;
    background: #EFEFEF;
    cursor: pointer;
    border-right: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px; // IE8
    font-size: 0.85rem;
}

#pickup .tab:hover {
    background: #bd272d;
    color: #fff;
}

#pickup input[type="radio"] {
    display: none;
}

#pickup input[type="radio"]:checked ~ .tab-contents {
    opacity: 1;
    z-index: 999;
}

#pickup .tab-active {
    background: #bd272d !important;
    cursor: default;
    color: #FFFFFF;
}

#pickup .tab-contents {
    position: absolute;
    top: 55px;
    left: 0;
    background-color: white;
}

#pickup .tab-contents .point {
    display: block;
    color: #bd272d;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 12px; // IE8
    font-size: 0.75rem;
    letter-spacing: -0.5px;
}

#pickup .tab-contents img {
    display: block;
    margin-bottom: 10px
}

#pickup .tab-contents > div {
    width: 165px;
    margin-bottom: 30px;
    float: left;
    margin-right: 40px;
    font-size: 12px; // IE8
    font-size: 0.8rem;
}

/*-----　ライトボディ 季節の特集 -----*/
.season {
    width: 210px;
    float: left;
    margin-right: 32px;
}

.season .text {
    font-size: 12px; // IE8
    font-size: 0.8rem;
    padding: 12px 5px;
}

.season .text .lead {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: bold;
}

.season .text .minilead {
    font-size: 0.95rem;
    display: block;
}

.carousel_season {
    width: 785px;
    padding: 0 10px 0 28px;
}

.carousel_season .slick-prev,
.carousel_season .slick-next {
    top: 31%;
}

.carousel_season .slick-prev {
    left: -2px;
}

[dir='rtl'] .carousel_season .slick-prev {
    right: -2px;
}

.carousel_season .slick-next {
    right: 10px;
}

[dir='rtl'] .carousel_season .slick-next {
    left: 10px;
}


/*-----　ライトボディ 特集 -----*/
.feature {
    width: 240px;
    float: left;
    margin-right: 32px;
    /*    追記*/
    margin-bottom: 10px;
}

.feature .text {
    font-size: 12px; // IE8
    font-size: 0.8rem;
    padding: 12px 5px;
}

.feature .text .lead {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: bold;
}

.feature .text .minilead {
    font-size: 0.95rem;
    display: block;
}

/*-----　ライトボディ ギフトシーン -----*/
#giftscene {
    position: relative;
    width: 785px;
    height: 400px;
}

#giftscene .scene_category {
    float: left;
}

#giftscene .tab {
    display: block;
    width: 128px;
    padding: 8px 0;
    background: #EFEFEF;
    cursor: pointer;
    border-right: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px; // IE8
    font-size: 0.85rem;
}

#giftscene .tab:hover {
    background: #c09200;
    color: #fff;
}

#giftscene input[type="radio"] {
    display: none;
}

#giftscene input[type="radio"]:checked ~ .tab-contents {
    opacity: 1;
    z-index: 999;
}

#giftscene .tab-active {
    background: #c09200 !important;
    cursor: default;
    color: #FFFFFF;
}

#giftscene .tab-contents {
    position: absolute;
    width: 785px;
    top: 55px;
    left: 0;
    background-color: white;
}

.carousel_scene {
    width: 785px;
    padding: 0 10px 0 28px;
}

.carousel_scene .slick-prev,
.carousel_scene .slick-next {
    top: 31%;
}

.carousel_scene .slick-prev {
    left: -2px;
}

[dir='rtl'] .carousel_scene .slick-prev {
    right: -2px;
}

.carousel_scene .slick-next {
    right: 10px;
}

[dir='rtl'] .carousel_scene .slick-next {
    left: 10px;
}

.carousel_scene .text {
    width: 210px;
    font-size: 12px; // IE8
    font-size: 0.8rem;
    padding: 12px 5px;
}

.carousel_scene .text .lead {
    font-size: 14px; // IE8
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
}

/*-----　ライトボディ 送料無料 -----*/
#free {
    width: 785px;
    padding: 0 26px 0 35px;
}

#free p {
    width: 135px;
    font-size: 12px; // IE8
    font-size: 0.8rem;
    margin-top: 5px;
}

#free .slick-prev,
#free .slick-next {
    top: 35%;
}

#free .slick-prev {
    left: 0;
}

[dir='rtl'] #free .slick-prev {
    right: 0;
}

#free .slick-next {
    right: 0;
}

[dir='rtl'] #free .slick-next {
    left: 0;
}

/*-----　ライトボディ ブランド -----*/
#brand {
    position: relative;
    width: 785px;
    /*	height: 315px;*/
}

#brand .brand_category {
    float: left;
}

#brand .tab {
    display: block;
    width: 110px;
    padding: 8px 0;
    background: #EFEFEF;
    cursor: pointer;
    border-right: 1px solid #FFFFFF;
    text-align: center;
    font-size: 14px; // IE8
    font-size: 0.85rem;
}

#brand .tab:hover {
    background: #006837;
    color: #fff;
}

#brand input[type="radio"] {
    display: none;
}

#brand input[type="radio"]:checked ~ .tab-contents {
    opacity: 1;
    z-index: 999;
}

#brand .tab-active {
    background: #006837 !important;
    cursor: default;
    color: #FFFFFF;
}

#brand .tab-contents {
    /*	position: absolute;*/
    width: 785px;
    /*	top: 35px;*/
    left: 0;
    line-height: 0;
    background-color: white;
}

#brand .tab-contents a {
    width: 150px;
    padding: 0;
    margin: 10px 15px 0 15px;
    text-align: center
}

/*-----　ソーシャル部分　-----*/
.social {
    width: 780px;
    margin-bottom: 60px;
}

/*  Instagram 20201114追記
------------------------*/
.instagram {
    box-sizing: border-box;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    padding: 25px 15px;
    margin-top: 100px;
}

.instagram_ttl {
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px;
}

.instagram_ttl:before {
    position: relative;
    font-family: FontAwesome;
    content: "\f16d";
    font-size: 2rem;
    font-weight: normal;
    margin-right: 10px;
    top: 4px;
    color: #000;
}

.instagram_subttl {
    font-size: 0.9rem;
    margin: 0 0 10px;
    padding: 0;
}

.instagram_gallery a:link {
    display: inline;
}

.instagram_more {
    display: block;
    border: 1px solid #000;
    text-align: center;
    width: 240px;
    margin: 20px auto 0;
    padding: 10px 0;
    border: 1px solid #000;
    transition: background-color 0.5s ease-in;
}

.instagram_more:hover {
    background-color: #000;
    color: #fff;
}

.instagram:after {
    content: "";
    clear: both;
    display: block;
}

h2.title {
    font-family: Montserrat, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 18px; // IE8
    font-size: 1.2rem;
    -webkit-text-stroke: 0.2px #000;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/*  baby商品 20201208追記
------------------------*/
.baby_contents li {
    display: inline-block;
    width: 184px;
    margin-right: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}

.baby_contents li img {
    width: 100%;
    margin-bottom: 10px;
}

.baby_contents li:nth-child(4n) {
    margin-right: 0;
}

.baby_goods_lead {
    font-size: 0.9rem;
    margin-bottom: 5px;
    line-height: 1.4;
    font-weight: bold;
}

.baby_goods_name {
    font-size: 0.8rem;
    line-height: 1.4;
}