@charset "UTF-8";

/*************
/ナビ・ヘッダー
*************/

.farmore2,
.tremore3{
	text-align:center;
	font-size:15px;
	letter-spacing: 2px;
	font-family: 'Quicksand', sans-serif;
	width: 230px;
	margin: 20px auto;
}

.farmore2 a,
.tremore3 a{
	border: 1px solid;
	padding: 6px 0 4px;
	display: block;
	background: #fff;
}

.tremore3 a:hover{
	color:#efbbac;
}


/* TRECODE */

#trecodeP #site-menu ul.site-menunavi{
	width: 822px;
}

#trecodeP .brandlogo02{
	padding: 20px 0 14px;
	text-align: center;
}

#trecodeP #site-all-menu{
	width: 804px;
}

#trecodeP .menu__second-level li{
  font-size: 12px !important;
  float: left;
  width: 235px;
  margin: 0 10px 7px !important;
  line-height: 2.6em;
}

#trecodeP li.menu__mega ul.menu__second-level{
  left: -132px;
}

.tremore{
	text-align:center;
	font-size:15px;
	width:300px;
	margin: 0 auto;
}
.tremore a{
	display:block;
	padding:10px 0 8px;
	border:1px solid #efbbac;
	background: #efbbac;
	color: #fff;
}
.tremore a:hover{
	color:#efbbac;
	background:#fff;
}

.tremore2{
	text-align:center;
	font-size:15px;
	letter-spacing: 2px;
	font-family: 'Quicksand', sans-serif;
	width: 220px;
	margin: 0 auto;
}

.tremore2 a{
	padding: 7px 0 6px;
	display: block;
	border:1px solid;
}

.tremore2 a:hover{
	color:#000;
	border:1px solid #efbbac;
	background: #efbbac;
}


#trecodeP .bx-wrapper .bx-pager.bx-default-pager a:hover,
#trecodeP .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ffa0a0;
}

/*
#trecodeP h2.brandlogo{
    padding: 12px 0 6px !important;
}
*/


/* ここからサイドメニューアコーディオン */
.accbox label{
    display: block;
    padding : 15px 0 13px 7px;
    cursor :pointer;
    transition: all 0.5s;
    border-top: 1px solid #4b4b4b;
    position: relative;
}
.border{
    border-bottom: 1px solid #4b4b4b;
}
.bordernone{
    border: none !important;
}

/*アイコンを表示*/
.accbox label:before {
  content: '+';
  position: absolute;
  right: 13px;
  font-size: 14px;
}

/*チェックは隠す*/
.accbox input {
  display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
  height: auto;
  border-bottom: 1px solid #eee;
  opacity: 1;
}

.accbox .accshow li {
  border-bottom: 1px dotted #cfcfcf;
}
    
.accbox .accshow li a{
	display: block;
	padding: 10px 0 7px 20px;
}

.accshowT{
	padding: 10px 0 8px 5px;
	font-weight: bold;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
  content: '−';
}
.tresidemenu {
  border-top: 1px solid #4b4b4b;
}

.tresidemenu li{
  border-bottom: 1px solid #4b4b4b;
  position: relative;
}
.tresidemenu li:before {
	font-family: FontAwesome;
  content: '\f105';  
  position: absolute;
  right: 15px;
  top: 13px;
}
.tresidemenu li a{
	display: block;
  padding : 15px 0 13px 7px;
}
.bordernone{
  border-bottom: none !important;
}

.tresidemenu li a:hover,
.accbox .accshow li a:hover{
	background: #f8f8f8;
	color: #000;
}

#trecodeP .ranktop3{
	overflow: hidden;
	margin: 0px auto 40px;
	width: 780px;
	position: relative;
}

#trecodeP .ranktop3 li{
	width: 144px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#trecodeP .ranktop3 li:nth-child(1),
#trecodeP .ranktop3 li:nth-child(2),
#trecodeP .ranktop3 li:nth-child(3){
	width: 246px;
	float: left;
	margin-right: 21px;
}

#trecodeP .ranktop3 li:nth-child(3),
#trecodeP .ranktop3 li:nth-child(8){
	margin-right: 0;
}
#trecodeP .ranktop3 li span.runk01,#trecodeP .ranktop3 li span.runk02,#trecodeP .ranktop3 li span.runk03{
  background: url("images/trecode/1.png") no-repeat left top;
  background-size: 44px;
  width: 44px;
  height: 44px;
  display: inline-block;
  position: absolute;
  z-index: 2;
}
#trecodeP .ranktop3 li span.runk02{
  background: url("images/trecode/2.png") no-repeat left top;
  background-size: 44px;
}
#trecodeP .ranktop3 li span.runk03{
  background: url("images/trecode/3.png") no-repeat left top;
  background-size: 44px;
}

#trecodeP .ranktop3 li img{
	width: 100%;
	height: auto;
}

#trecodeP .ranktop3 li span.runk04,
#trecodeP .ranktop3 li span.runk05,
#trecodeP .ranktop3 li span.runk06,
#trecodeP .ranktop3 li span.runk07,
#trecodeP .ranktop3 li span.runk08{
    background: url("images/trecode/4.png") no-repeat left top;
    background-size: 29px;
    width: 29px;
    height: 29px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    }
#trecodeP .ranktop3 li span.runk05{
    background: url("images/trecode/5.png") no-repeat left top;
    background-size: 29px;
    }
#trecodeP .ranktop3 li span.runk06{
    background: url("images/trecode/6.png") no-repeat left top;
    background-size: 29px;
    }
#trecodeP .ranktop3 li span.runk07{
    background: url("images/trecode/7.png") no-repeat left top;
    background-size: 29px;
    }
#trecodeP .ranktop3 li span.runk08{
    background: url("images/trecode/8.png") no-repeat left top;
    background-size: 29px;
    }


/*************
/コンテンツ
*************/

/* トップ */

.sec01{
	margin-bottom: 60px;
	clear: both;
}

.new-list{
	margin: 20px auto 50px;
  width: 730px;
}
.new-list li{
	position: relative;
	margin: 0 8px;
	font-size: 13px;
	letter-spacing: 1px;
}
.new-list img{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

.bnlist{
	width: 597px;
	margin: 0 auto;
}

.bnlist02{
	width: 789px;
	margin: -20px auto 60px;
}

.bnlist li img,
.bnlist02 li img{
	width: 100%;
	padding: 2px 0;
}


.topblog {
	margin: 30px auto 50px; 
	overflow: hidden;
}
.topblog li{
	width:180px;
	float: left;
	margin-right: 20px;
}
.topblog li:last-child{
	margin-right: 0;
}
.topblog li img{
	width:100%;
	height: auto;
}
.blogday {
	letter-spacing: 1px;
	font-size: 13px;
}
#trecodeP .blogday span{
	margin-left: 10px;
	color: #fff;
	background: #f29c9f;
	padding: 4px 5px 2px;
}

#trecodeP .bignavi ul{
	margin: 7px 37px 0 0;
}

#trecodeP .footernaviinner{
	width: 1023px;
}
#trecodeP h1{
	top: 5px;
}

.sideshoplist{
	width: 80%;
	margin: 0 auto ;
}

.sideshoplist li{
	text-align: center;
	margin-top: 7px;
}

.sideshoplist li a{
	background: #000;
	padding: 6px 0 4px;
	display: block;
	color: #fff;
	border: 1px solid;
}

.sideshoplist li a:hover{
	color: #000;
	background: #fff;
}