@charset "utf-8";
/* CSS Document */
/* index（トップページ） */

/* メインエリア */
.fs-l-main{
    width: 95%;
    margin: 0 auto;
    padding: 0;
}

/* スライダー */
.top_carousel img{
    max-width: 35vw;
}

@media (max-width: 799px) {
    .top_carousel img{
        max-width: 100vw;
    }
}

@media (min-width: 1200px) {
    .top_carousel img{
        max-width: 450px;
    }
}
 


/* h2(見出しデザイン) */
.fs-p-heading--lv2{
    border-bottom: none;
    text-align: center;
    font-size: 2.6rem;
}

.fs-p-heading--lv2 span{
    margin-top: 0.5em;
    padding-top: 0.5em;
    display: block;
    font-size: 1.2rem;
    border-top: 1px solid;
}

/* h2下テキスト */
.fs-p-heading_txt{
    font-size: 1.6rem;
    width: 80%;
    margin: 0 auto 2rem;
    text-align: center;
}

/* メッセージエリア */
.fs-p-messageBoard2 {
    background-color: #f7f7f7;
    color: #3c3c3c;
    margin: 2% auto;
    padding: 1px 0;
    text-align: center;
}

.fs-p-messageBoard2 p{
    margin: 0.35em 0;
    font-size: 0.85em;
}
/* top h1用 */
.fs-p-messageBoard3 {
    background-color: #FFF;
    color: #3C3C3C;
    margin: 0 auto 1em;
    padding: 1px 0;
    text-align: center;
}

.fs-p-messageBoard3 h1{
    margin: 0.35em 0;
    font-size: 0.85em;
}

/* 最新情報 */
.fs-p-dateList{
    padding: 1em 0;
    background: #f7f7f7;
}

.fs-p-dateList > li{
    border: none;
    padding: 8px 5px;
}

.fs-p-dateList > li time:first-child{
    background: none;
    color: #646464;
}

.welcome_prisila{
    padding: 1.5em;
    background: #f7f7f7;
    font-size: 1.2rem;
    color: #696969;
}

/* 人気ランキング */
/*タブ切り替え全体のスタイル*/
.tabs {
    margin-top: 50px;
    background-color: #fff;
    margin: 0 auto;
    border: 1px solid rgba(208,208,208,0.5);
    border-top: none;
}

/*タブのスタイル*/
.tab_item {
    width: calc(100%/4);
    height: 50px;
    border: 1px solid rgba(208,208,208,0.5);
    background-color: #eee;
    line-height: 50px;
    text-align: center;
    color: #696969;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
}

.tab_item:hover {
    opacity: 0.75;
}

@media (max-width: 799px){
    .tab_item{
        font-size: 0.85rem;
    }
}

.fs-c-productPrice__main__label{
    font-size: 0.85rem;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    /* padding: 40px 40px 0; */
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#ranking1:checked ~ #ranking1_content,
#ranking2:checked ~ #ranking2_content,
#ranking3:checked ~ #ranking3_content,
#ranking4:checked ~ #ranking4_content{
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #daa8c3;
    color: #fff;
}

/* カテゴリー一覧 */
.category_top .grid li a{
    border: 1px solid #646464;
    border-radius: 20px;
    margin: 0.5em;
    padding: 1em;
}

@media (max-width: 799px){
    .category_top .grid li{
        width:45%;
        border-radius: 10px;
    }
}

.category_top .grid li{
    margin: 0;
    padding: 0;
}  

.category_top img{
    display: block;
    margin: 0 auto;
    width: 80%;
}

/* メディアカルーセル */
.media_carousel img{
    max-width: 25vw;
    height: 220px;
    margin: 0;
}

@media (max-width: 799px) {
    .media_carousel img{
        max-width: 100vw;
    }
}

/* 特集一覧 */
/* 600px以下では4カラム、600px以上では2カラム(システム上書き) */
.fs-pt-column--2{
    grid-template-columns:1fr 1fr;
}

.fs-pt-column--2 > *:nth-child(2){
    grid-column: 2;
    grid-row: 1;
}

.fs-pt-column--2 > *:nth-child(3){
    grid-column: 1;
    grid-row: 2;
}

.fs-pt-column--2 > *:nth-child(4){
    grid-column: 2;
    grid-row: 2;
}

@media screen and (min-width: 600px){
    .fs-pt-column--2{
        grid-template-columns:1fr 1fr 1fr 1fr;
    }

    .fs-pt-column--2 > *:nth-child(3){
        grid-column: 3;
        grid-row: 1;
    }

    .fs-pt-column--2 > *:nth-child(4){
        grid-column: 4;
        grid-row: 1;
    }

}

.NGbnr_img{
    text-align: center;
    margin: 0 auto;
}
.NGbnr_img img {
	width: 100%;
	height: auto;
}