/********* flexbox *********/
/********* 注釈 *********/
.red_f{color: #d30000;}

.main{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width:1000px;
  margin: 0 auto 50px auto;
}
.sns{
margin:10px auto 20px auto;
width:950px;
text-align:center;
}

@media (min-width:801px){

	#newsarea{
	width: 600px;
	margin: 0 auto 50px auto;
	padding-left: 150px;
	}

	.list3 ul {
		display: flex; /* 親要素に指定することで、Flexboxが適用される */
		flex-direction: row; /* 左から右に横並び（デフォルト値なのでなくても可） */
		justify-content: left; /* 中央揃え */
	}
	 
	.list3 ul li {
		margin-left: 10px;
	}

	.list3 ul li a{ 
		color:#333;
	}

	.list3 ul li a:hover{ 
		color:#0f6a05;
	}

	.list3 ul li:first-child{
	        width:100px
	}

	.list3 ul li:nth-of-type(2){
	   	margin-left: 10px;
	}

}
.main .item1 img{

  margin-bottom:20px;

}

.main .item1{order: 2; text-align: center; width:400px; padding-top:50px;}/*ロゴ*/
.main .item2{order: 3; padding-top:152px; text-align: center; width:300px;}/*食品加工機*/
.main .item3{order: 1; margin-top:40px; text-align: center; width:300px;}/*機工品*/

@media (max-width: 800px) {

.main{width:100%;}
.sns{
margin:10px auto 10px auto;
width:100%;
text-align:center;
}
#newsarea{
width:100%;
margin-bottom:30px;
}
	.list3 ul {
		flex-direction: row; /* 左から右に横並び（デフォルト値なのでなくても可） */
		justify-content: left; /* 中央揃え */
		margin-left: 10px;
	}
	 
	.list3 ul li {
		margin-left: 10px;
	}

	.list3 ul li a{ 
		color:#333;
	}

	.list3 ul li:nth-of-type(2){
	   	margin-left: 20px;
	   	margin-right: 20px;
	}


.main .item1{order: 1; text-align: center; width:400px; padding-top:30px;}
.main .item2{order: 2; padding-top:10px; text-align: center; width:400px;}
.main .item3{order: 3; margin-top:10px; text-align: center; width:400px;}

}



.btn {
        padding: 15px 70px;
        font-weight: bold;
        display: inline-block;
        text-decoration: none !important;
        font-size: 20px;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        border-radius: 5px;
}

.btn06 {
        background-color: #0f6a05;
        border: 2px solid #0f6a05;
        color: #fff !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
.btn06:hover {
        background-color: transparent;
        border: 2px solid #02a432;
        color: #02a432 !important;
        border-radius: 30px;
    }

.sns img{
	width: 30px;
	padding: 0 8px;
	vertical-align: middle;
}