@charset "UTF-8";

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*h2デザイン*/
#sp_contents h2 {
	border-left: solid 8px #8dc21f;
	margin: 30px 0 20px;
	padding-left: 8px;
	font-weight: normal;
	text-align: left;
	clear: both;
}
/*本文*/
ul.featurelist{
	text-align:center;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
}
ul.featurelist:after{
	content:"";
	display:block;
	clear:both;
}
ul.featurelist li{
	font-size:90%;
	float:left;
	width:460px;
	margin:0 0 30px 20px;
}
ul.featurelist li:nth-child(2){
	margin-right:20px;
}
ul.featurelist li img{
	width:100%;
}
ul.featurelist li img:hover {
	opacity: 0.7;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/


/* ###################### 767px以下 ###################### */
@media (max-width: 767px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

ul.featurelist li{
	float:none;
	width:100%;
	margin-left:0;
}
ul.featurelist li:nth-child(2){
	margin-right:0;
}

/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 768px以上 ###################### */
@media (min-width: 768px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/
/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 979px以下 ###################### */
@media (max-width: 979px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*ボタン（PC横並び）*/
.menubtn {
	padding: 0;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 980px以上 ###################### */
@media (min-width: 980px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*パンくず*/
#bread {
	margin: 0 20px 20px;
}
/*h2デザイン*/
#sp_contents h2 {
	margin: 30px 20px 20px;
}
/*h3デザイン*/
#sp_contents h3 {
	margin: 20px 20px 0;
}
/*※印つき文章*/
#sp_contents ul.list_astrisk02{
	margin: 0 34px 20px;
}
/*ボタン（横並び）*/
.anchorbtn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 800px;
	margin: 20px auto;
	flex-wrap: wrap;
}
.anchorbtn li {
	flex: 0 0 45%;
}
/*ボタン（PC横並び）*/
.menubtn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 890px;
	margin: 0 auto;
}
.menubtn li {
	flex: 0 0 auto;
}
/*カタログ*/
#catalogwrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 890px;
	margin: 0 auto;
}
#catalogwrap div:first-child {
	margin-right: 20px;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}