
@charset "UTF-8";
/* CSS Document */


/* clearfix */
.clearfix:after {
	content: " ";
	font-size: 0.5em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {
	display: block;
}




#trend .title {
	margin-bottom: 20px;
	padding-left: auto
	min-height: 600px;
}

.midashi {
    padding: 1rem 2rem;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    font-size: 27px;
    text-align:center;
    padding:20px 0;
  }


.midashi.h1 {
  padding: 1rem 2rem;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  font-size: 1.5em;
  }

#trend .size_10 {
    font-size: 20px;
    margin-bottom: 2em;
    }


#trend .stitle {
	font-size: 25px;
	font-weight: bold;
	color: #87cbc8;
	margin-bottom: 20px;
}


#trend .cmt {
	color: #F00;
	margin-top: 10px;
}


#trend .item {
	clear: both;
	padding-top: 40px;
	width: 380px;
	display: inline-block;
	vertical-align: top;
}
#trend .itemtop {
	width: auto !important;
	display: block !important;
}
#trend .itemtop .image {
	width: 380px;
	display: inline-block;
	vertical-align: top;	
}
#trend .itemtop .item_data {
	width: 380px;
	display: inline-block;
	vertical-align: top;	
}
#trend .image {
	margin-bottom: 20px;
}
#trend .item_data h3 {
	font-size: 25px;
	font-weight: bold;
}
#trend .item_data p {
	font-size: 22px;
}
#trend .item_data h3 a {
	color: #404040;
	text-decoration: none;
}
#trend .item_data h3 a:hover {
	text-decoration: underline;
}

#trend .item_data .price {
	margin-top: 5px;
}
#trend .style01 {
	font-size: 24px;
	font-weight: bold;
	color: #C23331;
}
#trend .style02 {
	font-size: 24px;
	font-weight: bold;
	color: #737373;
}
#trend .style03 {
	font-size: 24px;
	font-weight: bold;
	color: #cd881f;
}
#trend .style04 {
	font-size: 24px;
	font-weight: bold;
	color: #7d400f;
}

/* nav */
#trend #nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 20px 0 40px 0;
}
#trend #nav li {
	vertical-align: bottom;
	width: 282px;
	height: 74px;
	text-align: center;
}
#trend #nav li a {
	display: block;
	color: #ffffff;
	font-size: 22px;
	text-decoration: none;
}
#trend #nav li img {
	width: auto;
	height: auto;
}
 


.floatF {float: left;}
.acenter {text-align: center;}
.bold {font-weight: bold;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pr10 {padding-right: 10px;}
.pr25 {padding-right: 25px;}
.pr40 {padding-right: 40px;}
.mr {margin-right: 35px;}
.fs10 {font-size: 10px;}
.fs16 {font-size: 16px;}