@charset "Shift-JIS";
#top #gheader,
#brand_top #gheader {
    border-bottom: none;
}

#top #gheader.ghd_fixed {
    border-bottom: 1px solid #EEE;
}

#top_mainVisual {
    width: 1200px;
    display: block;
    margin:0px auto 75px auto;
}

#top_main_slider {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

#top_main_slider img {
    width: 100%;
    height: auto;
}
.brand_catch_slider a{
    display: block;
    color: #000;
}
.mv .slick-arrow,
.brand_catch_slider .slick-arrow {
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 1;
    outline: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    cursor: pointer;
    top: 0px;
    height: 570px;
    width: 80px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}
.mv .slick-dots,
.brand_catch_slider .slick-dots{
bottom: -35px;

}
.mv .slick-prev,
.brand_catch_slider .slick-prev {
    left: -70px;
    background: url(../images/common/slider_arrow_prev.png) no-repeat;
    background-position: 0% 50%;
}

.mv .slick-prev.navOp1,
.brand_catch_slider .slick-prev.navOp1 {
    opacity: 1;
}

.mv .slick-next,
.brand_catch_slider .slick-next {
    right: -70px;
    background: url(../images/common/slider_arrow_next.png) no-repeat;
    background-position: 100% 50%;
}

.mv .slick-next.navOp1,
.brand_catch_slider .slick-next.navOp1 {
    opacity: 1;
}

.image a:hover {
    opacity: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: flash;
    animation-duration: 1s;
    animation-name: flash;
}

@-webkit-keyframes flash {
    0% {
        opacity: .7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .7;
    }
    100% {
        opacity: 1;
    }
}

.container_feature {
    background: #F5F5F5;
    padding: 80px 0px 40px;
    width: 100%;
    margin: 80px 0.83% 0 0;
}

.container_feature .container_inner {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.container_feature_contents {
    margin: 0px -20px;
}

.container_feature_slider .slick-slide {
    margin: 0px 20px;
}

.container_feature_slider .slick-slide img {
    width: 100%;
    margin-bottom: 10px;
}

.container_feature_slider .slick-dots li {
    float: none;
    position: relative;
    padding: 0;
    margin: 5px;
    display: inline;
}

.container_feature_slider .slick-dots li button {
    overflow: hidden;
    text-indent: -300%;
    white-space: nowrap;
    background: #BBBBBB;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    min-height: 0;
    outline: 0;
    border: none;
    font-size: 0px;
    padding: 0px;
}

.container_feature_slider .slick-arrow {
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 1;
    outline: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    cursor: pointer;
    top: 0px;
    padding: 0px;
    height: 370px;
    width: 95px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.container_feature_slider .slick-dots li.slick-active button {
    background: #CA2934;
}

.container_feature_slider .slick-prev {
    left: -65px;
    background: url(../images/common/slider_arrow_prev.png) no-repeat;
    background-position: 0% 42%;
    opacity: 0;
}

.container_feature_slider .slick-next {
    right: -65px;
    background: url(../images/common/slider_arrow_next.png) no-repeat;
    background-position: 100% 42%;
    opacity: 0;
}

.container_feature_slider .slick-prev.navOp1 {
    opacity: 1;
}

.container_feature_slider .slick-next.navOp1 {
    opacity: 1;
}

.container_feature_slider .slick-prev.slick-disabled.navOp1,
.container_feature_slider .slick-next.slick-disabled.navOp1 {
    opacity: 0;
}

.container_feature_slider p {
    line-height: 1.6;
}

.topic .contents_block_heading h2:after {
    position: absolute;
    top: -20px;
    right: -28px;
    background: url(../images/common/pc_common_ico.png);
    background-position: 0px -235px;
    content: "";
    display: block;
    width: 28px;
    height: 29px;
}
@media screen and (max-width: 961px) {
    .topic .contents_block_heading h2:after{
        position: absolute;
        top: -20px;
        right: -28px;
        background: url(../images/common/sp_common_ico.png);
        background-position: 0px -446px;
        background-size: 40px;
        content: "";
        display: block;
        width: 30px;
        height: 27px;
    }
}

.contents_block.topic {
    width: 740px;
    margin: 0 auto;
    padding: 80px 0px;
}

.contents_block.cf {}

.contents_block.topic {}

.topic_List {
    display: inline-block;
    color: #666666;
}

.topic_List > li {
    width: 100%;
    display: table;
    margin-bottom: 30px;
}

.topic_List_date {
    display: table-cell;
    padding-right: 30px;
    color:#000;
    width:90px
}

.topic_List li p {
    display: table-cell;
}

.topic_List li p a {
    color: #666666;
    font-family: Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック",Osaka,sans-serif;
}

.more {
    display: none;
}

#bestSeller {
	display: block;
    padding-top: 90px;

}
@media screen and (max-width: 961px) {
    #top_mainVisual{
width: 100%;
    }
    .mv .slick-dots {
        text-align: center;
        margin-top: 7px;
    }
    .mv .slick-dots li button {
        width: 7.5px;
        height: 7.5px;
        border-radius: 7.5px;
    }
    .container_feature {
        padding: 45px 2.5% 40px;
        margin: 0px;
    }
    .container_feature .contents_block_heading {
        padding-left: 1.875%;
    }
    .container_feature .container_inner {
        width: 92%;
        max-width: 1200px;
    }
    .container_feature_slider .slick-prev {
        display: none;
    }
    .slick-arrow.navOp1{
        opacity: 1px;
    }
    .container_feature_slider .slick-next {
        display: none;
    }
    .container_feature_slider {
        width: 100%;
    }
    .container_feature_contents {
        margin: 0px;
    }
    .container_feature_slider div:nth-child(n+5) {
        display: none;
    }
    .contents_block.topic {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0px;
    }
    .container_feature_contents {
        width: 100%;
        box-sizing: border-box;
    }
    .container_feature_slider {
        margin: 0%;
    }
    .container_feature_slider div {
        width: 47.66%;
        float: left;
        margin-right: 4.68%;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    .container_feature_slider div:nth-child(2n) {
        margin-right: 0%;
    }
    .container_feature_slider div img {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    .container_feature_slider div a {}
    .container_feature_slider div p {
    	font-size: 12px;

    }
    .topic_List {
        display: inline-block;
        width: 100%;
    }
    .topic_List > li {
        width: 100%;
        display: inline-block;
        margin-bottom: 17px;
    }
    .topic_List_date {
        display: table-cell;
        padding-right: 0px;
        font-size: 12px;
        width:50px
    }
    .topic_List li p {
        display: table-cell;
        padding-left:10px;
    }
    .topic_List li p a {
        font-size: 12px;
    }
    .more {
        display: block;
    }
    .more_inner {
        text-align: center;
    }
    .more_btn {
        font-size: 16px;
        position: relative;
        display: inline-block;
        margin-left: -25px;
        padding-right: 25px;
        cursor: pointer;
    }
    .more_btn:after {
        position: absolute;
        background: url(../images/common/sp_common_ico.png)no-repeat;
        background-position: 0px -117px;
        background-size: 33px;
        width: 16px;
        height: 14px;
        content: "";
        display: block;
        right: 0px;
        top: calc(50% - 7px);
    }
    .more_btn.open:after {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}