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




#sideNav{background:#eee;width:300px; overflow:hidden; margin-bottom:20px}

/*メインバナー・ブランドバナー*/
#bnrBox{ width:300px; text-align:center; margin:0 auto; overflow:hidden; float:left}
#bnrBox a{margin:10px auto; display:block; text-align:center}
#bnrBox a img{width:280px; border:1px solid #fff;}

/*ロングバナー*/
#bnrBoxL{ width:100px;margin-left:20px; float:left}
#bnrBoxL img{ width:100px;}

/*カテゴリメニュー*/
#ctgBoxR{ width:170px; background:#fff; filter: drop-shadow(6px 0px 0px 6px rgba(0,0,0,0.8)); float:right; padding:0 0 50px 0}
#ctgBoxR h3{margin-top:30px; float:right}
#ctgBoxR ul{margin: 0 0 0 12px; padding:0}
#ctgBoxR ul li{border-bottom:1px solid #ccc}
#ctgBoxR ul li a{padding:7px 0 7px 10px; display:block; font-size:12px}
#ctgBoxR ul li a: hover{background:#ccc;}

/*ブランド一覧*/
#brandBox{margin:20px 10px; background:#fff; width:280px; overflow: hidden; float: left;}
#brandBox h3{padding:20px; text-align: center; font-weight: bold;}
#brandBox ul.list-brand.big{margin: 5px;overflow: hidden; padding:0}
#brandBox ul.list-brand.big li{float:left; width:50%; text-align:center; margin-bottom:20px}
#brandBox ul.list-brand.big li span{font-size:10px}
#brandBox ul.list-brand.big li img{width:100%; display:block}
#brandBox ul.list-brand.small{margin: 40px 5px 20px;overflow: hidden; padding:0}
#brandBox ul.list-brand.small li{float:left; width:29%;margin:0 2% 20px}
#brandBox ul.list-brand.small li span{display:none}
#brandBox ul.list-brand.small li img{width:100%;  display:block}


/**/
.streamBlock{width:300px; text-align:center}
.mailMagagineWrap{text-align:center}

/*トップ共通デザイン*/
.week5starWrap {
    margin-bottom: 35px
  }

.week5starTitle {
    background: #E9E9E9;
    margin-bottom: 0;
    padding-top: 15px;
  }

.week5starBody {
    padding: 8px;
  }

.streamBlock {
    padding: 0!important;
  }

.columnSnsWrap {
    min-width: auto;
    margin-bottom: 45px;
  }

.columnSnsWrap > div {
    flex-basis: calc((100% - 5px) / 2);
  }

.voiceFreeWrap {
    border-top: none!important;
    padding-top: 0;
    display: block !important;
    box-sizing: border-box;
  }

.voiceFreeWrap > p {
    width: 100%;
    background: #eee;
    border: 1px solid #CBCBCB;
    line-height: 3.5;
    font-size: 17px;
    box-sizing: border-box;
  }

.voiceFreeWrap > p:first-of-type {
    margin-bottom: 10px;
  }

.guideWrap li {
    width: 85%;
    margin: auto;
    border-bottom: 1px solid #CBCBCB;
  }

.supportWrap {
    margin: 0 20px;
    border-bottom: 1px solid #CBCBCB ;
    padding-bottom: 30px;
  }

.guideWrap{}
.guideWrap li a {
  font-size: 16px;
  display: block;
  padding: 15px 0
}

.guideWrap li {
  letter-spacing: 2px;
}

.supportTitle {
    font-size: 18px;
  }

.supportTitle,
.supportTime {
    margin-bottom: 13px;
    text-align: center;
  }

.supportTime {
    letter-spacing: 2px;
    line-height: 1.35;
    word-wrap: break-word;
    text-align: center;
  }

.supportTime span:first-of-type {
    font-size: 15px;
  }

.supportTime span:nth-of-type(2) {
    font-size: 30px;
    font-weight: normal;
  }

.supportTime span:nth-of-type(3) {
    font-size: 14px;
  }

.supportDescript {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    padding: 0 8px;
  }
  
.guideWrap.subContentBlock{
	width: 300px;margin: 0;padding: 0;
	}
.guideWrap.subContentBlock ul{
	margin: 0;padding: 0;text-align: center;
	}
#side-common-block{
	width: 300px;margin-top: 70px;
	}