@charset "shift_jis";

/*--------------------------------------------------------------------------
   MV
---------------------------------------------------------------------------*/
#MV{
position: relative;
overflow: hidden;
width: 100%;
min-width: 520px;
height: 400px;
background: #FFF;
}

#MV ul.list{
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}

#MV ul.list li{
float: left;
width:950px;
margin-right: 10px;
}

#MV ul li { text-align:center; }

#MV ul li a{  }

#MV ul li img{margin:0;}

.slide-arrow.next-arrow {
    position: absolute;
    left: -50px;
    top: 350px;
    z-index: 999;
}

.slide-arrow.prev-arrow{
    position: absolute;
    right:-50px;
    top: 350px;
    z-index: 999;
}



#MV p.prev,
#MV p.next {
visibility: hidden;
position: absolute;
top: 50%;
margin-top: -22px;
}

#MV p.prev{ left: 0; margin-left: 0; }
#MV p.next{ right: 0; margin-right: 0; }

#MV p.loader{
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
}

/* 0423 */
#cover {width:1230px; margin: 0 auto; position: absolute; top: 0;}

/*--------------------------------------------------------------------------
   LoopMv
---------------------------------------------------------------------------*/
#LoopMv { margin-bottom: 40px; }

/*--------------------------------------------------------------------------
   BnrSlider
---------------------------------------------------------------------------*/
#BnrSlider {
width: 680px;
margin: 0 20px 40px;
}

#BnrSliderInner {
position: relative;
background-color: #fff;
width: 680px;
height: 280px;
overflow: hidden;
}

#BnrSliderInner ul li {
width: 228px;
float:left;
margin-left: 15px;
overflow: hidden;
}

#BnrSliderInner ul li img {
width: 228px;
height: 228px;
}

#BnrSliderInner .prev{
position: absolute;
top: 0;
left: 0;
}
#BnrSliderInner .next{
position: absolute;
top: 0;
right: 0;
}

#BnrSlider .prev,
#BnrSlider .next {
opacity:0.8;
}


/*--------------------------------------------------------------------------
   TopBnrArea
---------------------------------------------------------------------------*/
.TopBnrArea {
margin: 0 auto 30px auto;
width: 950px;
}

.TopBnrArea ul {
margin-left: -10px;
}

.TopBnrArea ul li {
float: left;
margin: 0 0 10px 10px;
}


/*20180202 index.htmlより移設*/
#TopSubBanner { width: 1230px; margin: 40px auto}
#TopSubBanner ul.TopSubslider:after { content: ''; display: block; clear: both; }
/*#TopSubBanner ul { margin-left: 15px; }*/
#TopSubBanner .slick-list{margin:0 -9px;}
#TopSubBanner ul{display:flex; margin-bottom:20px;}
#TopSubBanner ul li { font-size:85%; margin:0 9px; width:20%;}
#TopSubBanner ul li a { display: block; text-decoration:none;}
#TopSubBanner ul li p { margin: 4px; }
#TopSubBanner .slick-dots{bottom:0;}
#TopSubBanner .slide-arrow{top:100px;}
#TopSubBanner a:hover{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.8; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}

/* サブバナー 
#SubBnrArea { width:1230px; margin:0 auto; font-size:0;}
#SubBnrArea div{font-size:14px;}
#SubBnrArea #rakutenbnr,#SubBnrArea #amazonbnr{width:230px; display:inline-block; vertical-align:top;}
#SubBnrArea #rakutenbnr div{border:1px solid #CCC; text-align:center; height:229px;}
#SubBnrArea #rakutenbnr p{font-size:90%;}
#SubBnrArea #SubBnrSlider{width: 1230px; display: inline-block; height:192px; margin:80px 0 40px;}
#SubBnrArea #SubBnrSlider ul li {margin:0 10px;}


.slide-arrow.next-arrow{
    display: inline;
    position: absolute;
    top: 72px;
    left: 10px;
    z-index: 999;
}
.slide-arrow.prev-arrow{
display: inline;
position: absolute;
top: 72px;
right: 8px;
z-index: 999;
}
*/

/*メルマガ画像*/
#TopFeature { width: 1230px; margin: 40px auto;}
#TopFeature ul{margin: 0 auto; text-align: center;}
#TopFeature a:hover{opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.8; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}

#TopFeature li.TopFeatureLi { width: 49%; display: inline-block;}
#TopFeature li.TopFeatureLi img{ width: 100%;}


#TopFeature .slick-dots { margin-top: 50px;

}

/*--------------------------------------------------------------------------
   Ranking
---------------------------------------------------------------------------*/
.TopRankingArea { width: 1230px; margin:0 auto 50px; }
.TopRankingArea h2{padding: 10px; color: #fff; font-size: 110%; background: #000; text-align: center; margin-bottom: 30px;}
.TopCategoryRanking{ width:width:50%;display:inline-block; margin-bottom:50px; font-weight: bold;}
.TopRankingTitle{background-image: url(https://www.suit-select.jp/images/menu/MenuRanking.png); background-repeat: no-repeat; background-position: left; background-size: contain; padding-left: 40px; font-size: 16px; font-weight: bold; margin-bottom: 20px; line-height:35px;}
.TopCategoryRanking .moreBtn{font-weight: bold; color: #333; text-decoration: underline; margin-right: 40px;}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/
#Footer .History {
display: none;
}

#Footer .pagetopinner{width:1230px;}
#Footer .BackTop{margin-left:0;}


.logoutButton, .loginButton { display: none; }
.AllNotice, .HeadTop, .FollowHead, #FooterCommonMenu, #FooterLink{ width:1230px!important; }

.AllNotice{margin-top:20px; }

.AllNotice:hover{opacity:0.7;}

.salesalesale{
margin-bottom:0;
}

.salesalesale img{
width:1230px;
}

h2.TopTitle{
width:1230px; padding:10px 0; color: #fff; font-size: 110%; background: #000; text-align: center; margin: 20px auto;
}

.slick-dots{
bottom: 40px;
position: relative;
}

.TopSubCategory { width:1230px; margin: 0 auto;}

.TopSubCategory ul li{ display: inline; }


/*--------------------------------------------------------------------------
   コンセプト
---------------------------------------------------------------------------*/

.cencept-area{width: 1140px;margin: 0 auto 20px;}
.cencept-area .slick-dots{bottom:0;}
.cencept-content.split{display: flex;}
.cencept-content.split .concept-common-img{flex:none;}
.concept-common-txt{padding: 40px;}
.concept-common-txt h2{font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.concept-common-txt p{margin-bottom: 20px;}
.cencept-area .slide-arrow.next-arrow,.cencept-area .slide-arrow.prev-arrow{top:370px;}
.cencept-area .slide-arrow.next-arrow{left:-45px;}

/*--------------------------------------------------------------------------
   各リンク有りバナー
---------------------------------------------------------------------------*/

.linkedbnr a:hover { 
filter: alpha(style=0, opacity=70);
-moz-opacity:0.7;
-webkit-opacity:0.7;
-o-opacity:0.7;
-ms-opacity:0.7;
opacity:0.7;
transition: all 0.1s;
}