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

#knit {
    font-weight: normal;    
}
/* ///////////////////////////////////////////////////////////////////
タイトル・リード  CSS
/////////////////////////////////////////////////////////////////// */

h2.ti {
    padding-top: 40px;
    font-family: 'Marcellus', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif; 
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.03em;
}

.read {
    text-align: center;
    line-height: 2em;
    font-size: 14px;
    font-family: 'Marcellus', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif; 
    margin-top: 50px;
}
#knit h3 {
    font-family: 'Marcellus', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif; 
    width: 50%;
    margin: 120px auto;
    font-size: 2.4em;
    line-height: 1.3;
    text-align: center;
}
#knit h3 span {
    font-weight: bold;
    font-size: 1.7em;
    letter-spacing: 0.15em;
}

#knit .list_search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
#knit .icon .block_item  {
    position: relative;
}
#knit .icon .block_item::before  {
    content: '';
    background-size: contain;
    position: absolute;
    top: -35px;
    left: 40%;
    width: 40px;
    height: 28px;
    z-index: 10;
}
#knit .icon .block_item:nth-of-type(1)::before  {
    background-image: url("/s/brand/indivi/topics/hit-item/img/icon_gd.png");
}
#knit .icon .block_item:nth-of-type(2)::before  {
    background-image: url("/s/brand/indivi/topics/hit-item/img/icon_slv.png");
}
#knit .icon .block_item:nth-of-type(3)::before  {
    background-image: url("/s/brand/indivi/topics/hit-item/img/icon_br.png");
}

/* ///////////////////////////////////////////////////////////////////
ライン  CSS
/////////////////////////////////////////////////////////////////// */
hr {
    width: 800px;
    margin: 120px auto;
}

.line {
    border-bottom: 1px solid #d1d1d1;
    width: 600px;
    margin: 45px auto 0;
}
	
/* ///////////////////////////////////////////////////////////////////
ボタン全体  CSS
/////////////////////////////////////////////////////////////////// */

.check--btn__each {
    margin: 6px;
}

/* ///////////////////////////////////////////////////////////////////
ALLボタン  CSS
/////////////////////////////////////////////////////////////////// */

.check--btn__area {
    text-align: center;
    margin-top: 50px;
}
.check--btn__area a {
    width: 260px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-family: 'Marcellus', serif, 'Noto Sans JP', sans-serif; 
    color: #000;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
}
.check--btn__area a span {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.check--btn__area a:hover {
    /* opacity: 0.6; */
    color: #fff;
    background: #000000;
    cursor: pointer;
}

.check--btn__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 43px;
}
.check--btn__all {
    margin: 0 auto 6px;
}
.check--btn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* .check--btn__area .check--btn__each:nth-child(3n) {
    margin-right: 0;
} */

/* ///////////////////////////////////////////////////////////////////
ボタン1 (ボタン：2カラム)  CSS
/////////////////////////////////////////////////////////////////// */

.btnlist,
.btnlist03 {
    text-align: center;
    margin-top: 50px;
}

.btnlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btnlist a span {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.btnlist03 a span {
    line-height: 1.4;
}
.btnlist03 a span.font_s {
    font-size: 0.85em;
}
.btnlist a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #000;
}
.btnlist03 a:hover {
    border: #a2a2a2 solid;
    cursor: pointer;
}

.btnlist01 a {
    width: 400px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
}
.flex_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
}
.flex_btn span {
    font-size: 0.85em;
    font-weight: 300;
}
/* ///////////////////////////////////////////////////////////////////
ALL  CSS
/////////////////////////////////////////////////////////////////// */

.btnlist03 a {
    width: 300px;
    height: 50px;
    line-height: 1.6;
    display: inline-block;
    padding-top: 0.15vw;
    color: #000;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5e1d0;
    font-weight: 400;
}


/* ///////////////////////////////////////////////////////////////////
ボタン2 (ボタン：4カラム)  CSS
/////////////////////////////////////////////////////////////////// */

.btnlist02 a {
    width: 100px;
    height: 100px;
    line-height: 130px;
    display: inline-block;
    font-family: 'Marcellus', serif, 'Noto Sans JP', sans-serif;
    color: #000;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
}