/*---------------------------
レイアウト共通
---------------------------*/

/*クリア*/
ul, li 
{
    list-style: none;
    padding: 0;
    margin:0;
}



.cf{
    zoom:1;/*for IE 5.5-7*/
}
.cf:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .cf{
    display:inline-table;
    /*\*/display:block;/**/
}


.FullInner {
    width: 100%;
    max-width: 1180px;
    min-width: 640;
    margin-right: auto;
    margin-left: auto;
}


.NMB {margin-bottom: 0!important;}
.MB40 {margin-bottom: 40px!important;}
.FL {float: left;}
.FR {float: right;}
.PDT40 {padding-top:40px;}
.PDTB40 {padding-top:40px; padding-bottom: 40px;}
li.FFL { margin-right: 3%; }
li.FFR { margin-left: 3%;}
.Gray {
    background: #EFEFEF;
}
/*---------------------------
商品詳細ページ
---------------------------*/

/*販売説明文*/

.ItemPage {
    width: 730px;
    margin: 0 auto;
}
.ItemPage p.title_copy {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px;
}
.ItemPage p.body_copy {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 170%;
}




.ItemPage .BN {
    margin: 0 auto 20px;
}
.ItemPage .BN img {
    width: 100%;
}
.ItemPage ul.ItemLinenap {
    margin: 0;
    padding: 0;
}
.ItemPage ul.ItemLinenap li {
    float: left;
    width: 173px;
    height: 300px;
    margin: 0 10px 20px 0;
    border: 1px solid #CCC;
}
.ItemPage ul.ItemLinenap li:last-child {
    margin: 0 0 20px 0;
}
.ItemPage ul.ItemLinenap li p {
    font-size: 12px;
    margin: 5px;
    text-align: center;
}
.ItemPage ul.ItemLinenap li dl {
    width: 90%;
    display: table;
    margin: 10px auto 0;
    font-size: 12px;
    border-bottom: 1px dotted #ccc;
}
.ItemPage ul.ItemLinenap li dl dt {
    width: 50%;
    display: table-cell;
    text-align: left;
}
.ItemPage ul.ItemLinenap li dl dd {
    width: 50%;
    display: table-cell;
    text-align: right;
    color: red;
}
.ItemPage .ItemPageAttention {
    padding: 20px;
    border:1px solid red;
    color: red;
    font-size: 14px;
    text-align: center;
}

/*スペック部分*/
.ItemSpec {
    font-size: 12px;
}
.ItemSpec p {
    
}
.ItemSpec p.Attention {
    color: red;
}
.ItemSpec table.SpecTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    border:1px solid #CCC;
}
.ItemSpec table.SpecTable th {
    padding: 10px;
    color: #333;
    font-weight: normal;
    text-align: left;
    background: #CCC;
    border-bottom:1px solid #FFF;
}
.ItemSpec table.SpecTable td {
    padding: 10px;
    border-bottom:1px solid #CCC;
}

/*---------------------------
ヘッダー
---------------------------*/
#HeaderContentsWrapper {
    position: relative;
    height: 110px;
}
    #HeaderContentsWrapper .PcHeaderLogoArea {
        display: block;
        position: absolute;
        left: 10px;
        width: 260px;
    }
    #HeaderContentsWrapper .HeaderRight {
        display: block;
        position: absolute;
        right: 10px;
        width: 640px;
    }
#header_shipp {
    background: #192858;
}
    #header_shipp p {
        color: #F2E633;
        font-size: 16px;
        text-align:center;
        padding:10px;
    }
        #header_shipp p span {
            font-size: 20px;
        }
#HeaderCateNav {
    width: 640px;
}
    #HeaderCateNav ul {
        width: 100%;
    }
        #HeaderCateNav ul li {
            float: left;
            border-right: 1px solid #CCC;
            width: calc(100% / 6);
        }
            #HeaderCateNav ul li:first-child {
                border-left: 1px solid #CCC;
            }
            #HeaderCateNav ul li a {
                display: block;
                text-align: center;
            }
/*ヘッダーハック*/
.fs-p-headerUtilityMenu__list a::before {
    content: "";
    border: none;
    border-right-width: 0px;
}
.fs-l-header {
    padding: 0px;
}

.fs-l-header__welcomeMsg.is-ready {
    float: left;
    padding:8px;
}
.fs-l-header__utility {
    padding: 8px;
}
.fs-p-inputGroup {
    border:1px solid #CCC;
    margin:0 0 10px;
}
.fs-p-inputGroup__button {
    background: #192858;
}
.fs-p-logo a {
    display: block;
    width: 270px;
    height: 93px;
    background: url(https://senshu.itembox.design/item/footer_logo_231101.svg) no-repeat 0 0;
    background-size: 270px;
}
.fs-c-slick .slick-dots li button:before {
    font-size: 12px
}
.fs-c-slick .slick-dots {
    padding:10px;
}


@media screen and (max-width: 1200px) {
    #HeaderContentsWrapper .PcHeaderLogoArea {
        left: 50px;
        top: 0px;
    }
    #HeaderContentsWrapper .HeaderRight {
        top:0;
    }

}

@media screen and (max-width: 960px) {
    .menu,
    .fs-p-searchForm {
        display: none;
    }
    #HeaderContentsWrapper .HeaderRight {
        display: none;
    }
    /*#HeaderContentsWrapper .PcHeaderLogoArea {
        left: 50%;
        margin-left:-122px;
    }*/
}

/*---------------------------
ヘッダー闇市
---------------------------*/
#YamiCompanyArea {
    text-align:center;
    position: absolute;
    right: 0;
    top:0;
}
#YamiCompanyArea #YamiCompanyName {
    background: #EFEFEF;
    font-size: 18px;
    padding:10px;

}
#YamiCompanyArea p {}



/*---------------------------
フッター
---------------------------*/
/*フッターナビ*/
#FooterNav {
    padding:0 0 20px;
}
    #FooterNav ul {
    }
        #FooterNav ul li {
            width: 48%;
            margin:0 0 20px;
        }
            #FooterNav ul li .FooterNavSubTitle {
                text-align:center;
                font-size: 18px;
                font-weight: bold;
                border-bottom: 1px solid #FFF;
                padding:0 0 20px;
                margin:0 auto 20px;
            }
            #FooterNav ul li p {
                font-size: 14px;
            }
                #FooterNav ul li p span {
                    font-size: 22px;
                    color: #F2E633
                }



/*コピーライト*/
#CopyrightWrapp {
    width: 100%;
    background:#FFF;
}
    #CopyrightWrapp .FooterLogo {
        float: left;
        margin:10px;
    }
    #CopyrightWrapp .Copyright {
        float: right;
        margin:10px;
    }
        #CopyrightWrapp .Copyright p {
            color: #333;
            font-size: 10px;
            text-align: right;
        }

/*カレンダーハック*/
th.caltitle_rakuten {display: none;}
table.calbase_rakuten {
    width: 100%!important;
}
.calbase_rakuten table {
   width: 100%;
}
.calbase_rakuten table table.calframe_rakuten {
    float: left;
}




/*フッターハック*/
.fs-l-footer {
    background: #192858;
    color:#FFF;
    padding:50px 0 0;
}




/*---------------------------
闇市LP
---------------------------*/
.YamiCaWrapp img {
    width: 100%;
    display: block;
}
.TextBox {
    padding: 20px;
}
    .TextBox .Title {
        font-size: 16px;
        font-weight: bold;
    }
    .TextBox .Catch {
        font-size: 16px;
    }
    .TextBox .RCopy {
        font-size: 14px;
    }



.YamiCaWrapp {
    width: 100%;
    overflow: hidden;
}

    .YamiCaInner {
        max-width: 980px;
        margin:0 auto 40px;
    }

.YamiCaInner ul {
    display:flex;
}
    .YamiCaInner ul.Column2 li {
        width: 48%;
        background: #FFF;
    }


.sankaku {
width: 0;
height: 0;
border-style: solid;
border-width: 80px 50vw 0 50vw;
border-color: #efefef transparent transparent transparent;
}

#HowToUenoWrapp {
    display: flex;
    background: #FFF;
    margin:0 auto;
}
#HowToUenoWrapp #HowToUenoImg {
    width: 50%;
    border-bottom: 1px solid #FFF;
}
#HowToUenoWrapp #HowToUenoCopy {
    width: 50%;
    padding: 20px;
}
#HowToUenoImages ul li {
    width: calc( 100% / 3);
    border-right: 1px solid #FFF;
}
#HowToUenoImages ul li:last-child {
    border-right: none;
}

.ItemListTitle {
  border-bottom: solid 3px #192858;
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom:40px;
}

.ItemListTitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 10px #192858;
  bottom: 0px;
  width: 30%;
}

ul.ItemList4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ItemList4 li {
    width: calc((100% - 60px) / 4);
    position: relative;
    /* padding-bottom: 50px; */
    margin-right: 20px;
    /* margin-bottom: 40px; */
}
.ItemList4 li:nth-child(4n) {
    margin-right: 0px;
}
p.ItemName {
    font-size: 16px;
    font-weight: bold;
}
p.ItemDetail {
    font-size: 12px;
}
.ItemQt {
    position: absolute;
    left: 0;
    bottom:0;
    display: none!important;
    width: 100%;
}
.ItemQt li {
    width: calc(100% / 3);
    text-align:center;
    font-size: 10px;
    height: 50px;
    margin:0;
}
.ItemQt li a {
    display: block;
    padding:10px 0;
}
.ItemQt li.QtS {
    background: #E8EAEF;
}
.ItemQt li.QtS a {
    color: #192858;
}
.ItemQt li.QtM {
    background: #8B94AB;
}
.ItemQt li.QtM a {
    color: #192858;
}
.ItemQt li.QtL {
    background: #192858;
}
.ItemQt li.QtL a {
    color: #FFF;
}
.BrandCopy {
    text-align:center;
    margin:0 auto 40px;
}

#HowSensyutowel {
    padding:40px 0;
}
#HowSensyutowelWrapp {
    display: flex;
    margin:0 auto;
}
#HowSensyutowelWrapp #HowSensyutowelImg {
    width: 50%;
}
#HowSensyutowelWrapp #HowSensyutowelCopy {
    width: 50%;
    padding: 20px;
}
#HowSensyutowelCopy .Title {
    background: url(https://senshu.itembox.design/item/sensyu_towel_logo.png) left center no-repeat;
    background-size: 70px;
    padding:10px 10px 10px 90px;
}

@media screen and (max-width: 980px) {
    .YamiCaInner {
        width: 98%;
    }
}
@media screen and (max-width: 720px) {
    .FL {float: none;}
    .FR {float: none;}
    #FooterNav ul {
        width: 96%;
        margin:0 auto;
    }
    #FooterNav ul li {
        width: 100%;
        margin:0 0 20px;
    }

    .YamiCaInner ul.Column2 {
        display:block;
    }
    .YamiCaInner ul.Column2 li {
        width: 100%;
        margin-bottom:20px;
    }

    li.FFL { margin-right: 0%; }
    li.FFR { margin-left: 0%;}
    #HowToUenoWrapp {
        display: block;
    }
    #HowToUenoWrapp #HowToUenoImg {
        width: 100%;
    }
    #HowToUenoWrapp #HowToUenoCopy {
        width: 100%;
        padding: 20px;
    }
    #HowToUenoImages ul.Column2 {
        display: flex;
    }
    .ItemList4 li {
        width: calc((100% - 30px) / 2);
        padding-bottom: 50px;
        margin-right: 30px;
    }
    .ItemList4 li:nth-child(2n) {
        margin-right: 0px;
    }
    .ItemQt li {
        margin:0;
    }


    #HowSensyutowelWrapp {
        display: block;
    }
    #HowSensyutowelWrapp #HowSensyutowelImg {
        width: 100%;
    }
    #HowSensyutowelWrapp #HowSensyutowelCopy {
        width: 100%;
    }


    .ItemPage {
        width: 96%;
        margin:0 auto;
    }

}

/*---------------------------
トップ
---------------------------*/
.MainColumn1Wrapp {}
    .MainColumn1Wrapp .MainColumn1Inner {
        max-width: 980px;
        margin:0 auto 40px;
    }
    .MainColumn1Wrapp .MainColumn1Inner.BBCCC {
        border-bottom: 1px solid #CCC;
        padding-bottom: 40px;
    }
ul.Column3Bn {
    display: flex;
}
    ul.Column3Bn li {
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
        padding-bottom: 40px;
        border-bottom: 1px solid #CCC;
    }
    ul.Column3Bn li:last-child {
        margin-right: 0;
    }
        .BnName {
            font-size: 16px;
            font-weight: bold;
            padding:10px 0;
            text-align:center;
        }
        .BnCaption {
            font-size: 12px;
        }
ul.Column2Bn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    ul.Column2Bn li {
        width: calc((100% - 30px) / 2);
        margin-right: 30px;
        padding-bottom: 30px;
    }
    ul.Column2Bn li:nth-child(2n) {
        margin-right: 0;
    }
ul.Column5Bn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    ul.Column5Bn li {
        width: calc((100% - 80px) / 5);
        margin-right: 20px;
    }
    ul.Column5Bn li:nth-child(5n) {
        margin-right: 0;
    }
.RecoTitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin:0 auto 20px;
}

@media screen and (max-width: 720px) {
    .MainColumn1Wrapp {}
        .MainColumn1Wrapp .MainColumn1Inner {
            width: 96%;
        }
        .MainColumn1Wrapp .MainColumn1Inner.BBCCC {
        }
    ul.Column3Bn {
        display: block;
    }
        ul.Column3Bn li {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #CCC;
        }
    ul.Column2Bn {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
        ul.Column2Bn li {
            width: 100%;
            margin-right: 0px;
            padding-bottom: 30px;
        }
    ul.Column5Bn {
    }
        ul.Column5Bn li {
            width: calc((100% - 20px) / 2);
            margin-right: 20px;
            padding-bottom: 20px;
        }
        ul.Column5Bn li:nth-child(2n) {
            margin-right: 0;
        }

}

/*---------------------------
サイドメニュー
---------------------------*/
/*ハック*/
.SideCaTitle {
    background: #192858;
    color: #FFF;
}
.SideCaTitle .fs-pt-menu__heading.fs-pt-menu__heading--lv1 {
    border:1px solid #192858;
}
.fs-p-drawer__heading {
    font-size: 14px;
    font-weight: bold;
}










/*ドロップメニュー*/
.menu {
position: absolute;
width: 100%;
height: 50px;
top: 123px;
right: 0px;
max-width: 650px;
margin: 0 auto;
z-index: 2;
background: #EFEFEF;
}

.menu > li {
    float: left;
    width: 50%; /* グローバルナビ4つの場合 */
    height: 50px;
    background:  transparent;
    text-align:center;
}

.menu > li a {
display: block;
color: #333;
text-align: left;
padding: 16px 0 0 20px;
font-size: 14px;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 15px;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 40px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 280px;
    padding: 20px 2%;
    background-color: rgba(255,255,255,0.9);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
    font-size: 18px;
    color: #FFF;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}

.menu__second-level li dl {
    font-size: 20px;
}
.menu__second-level li dl dd {
    font-size: 16px;
}
.menu__second-level li dl dd a span {
    color: #a37e39;
    font-weight: bold;
}


.menu__second-level#Gift {
    display: flex;
    flex-wrap: wrap;
}
.menu__second-level#Gift li {
    width: calc(( 100% - 40px) / 3);
    margin:0 20px 20px 0;
}
.menu__second-level#Gift li:nth-child(3),
.menu__second-level#Gift li:nth-child(6),
.menu__second-level#Gift li:nth-child(9) {
    margin:0 0 20px 0;
}
.menu__second-level#Gift li a {
    display: block;
    padding:20px 10px 20px 70px;
    font-size: 14px;
    line-height: 110%;
}
.menu__second-level#Gift li a.Cate1 {background: url(../images/pc_cate1.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate2 {background: url(../images/pc_cate2.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate3 {background: url(../images/pc_cate3.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate4 {background: url(../images/pc_cate4.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate5 {background: url(../images/pc_cate5.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate6 {background: url(../images/pc_cate6.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate7 {background: url(../images/pc_cate7.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate8 {background: url(../images/pc_cate8.jpg) no-repeat left center;}
.menu__second-level#Gift li a.Cate9 {background: url(../images/pc_cate9.jpg) no-repeat left center;}

/* 2211新商品LP */
#ItemPage {
    font-size: 16px;
    letter-spacing: 0.1em;
}
    #ItemPage img {
        display: block;
        width: 100%;
    }
    #ItemPage .MB10 {
        display: block;
        margin-bottom: 1vw;
    }
    #ItemPage section {
        margin-bottom: 3vw;
    }
        #ItemPage .Inner {}
            #ItemPage .ImgWrapp {}
            #ItemPage .ComentWrapp {
                padding: 2vw;
            }
            #ItemPage .MainCatch{
                padding: 2.5vw 1vw;
                border-bottom: 2px solid #333;
                font-size: 2.0625em;
                font-weight: bold;
                text-align: center;
                letter-spacing: 0.2em;
                margin-bottom: 2vw;
            }
            #ItemPage p {
                font-size: 1.125em;
                line-height: 200%;
            }
            #ItemPage h3.title {
                background: #4D4D4D;
                color: #FFF;
                font-size: 1.75em;
                padding: 1.5vw;
                margin-bottom: 0;
            }
            #ItemPage h4.SubCatch {
                font-size: 1.5em;
                margin: 1vw 0 2vw;
                font-weight: bold;
                line-height: 160%;
            }
            #ItemPage ul.SizeWrapp{}
                #ItemPage ul.SizeWrapp li{
                    margin-bottom: 1vw;
                }
    #ItemPage section#SDGs {
        background: #FAF9EF;
        padding: 1vw;
    }
    #ItemPage section#SDGs h3.title {
        position: relative;
        display: inline-block;
        margin-bottom: 1em;
        background: transparent;
        color: #333;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }
    #ItemPage section#SDGs h3.title:before {
        content: '';
        position: absolute;
        bottom: 0px;
        display: inline-block;
        width: 130px;
        height: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: black;
        border-radius: 2px;
    }


    #ItemPage .AttentionWrapp {
        border: 1px solid #D31245;
    }
        #ItemPage .AttentionWrapp H4 {
            background: #D31245;
            color: #FFF;
            text-align: center;
            font-weight: bold;
            font-size: 1.5em;
            margin: 0;
            padding: 10px;
        }
        #ItemPage .AttentionWrapp p {
            padding: 1vw 2vw;
            font-weight: bold;
            color: #D31245;
            margin: 0;
            text-align: center;
        }