body {
	margin:0;
	padding:0;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size:14px;
	line-height:2em;
}

.mincho{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

ul li{
	list-style-type: none;
}
ol li{
	margin-bottom: 20px;
}
ul{
	padding:0;
	margin: 0;
}
dd,dl,dt{
	margin: 0;
}

a{
	text-decoration: none;
	color:#000;
}

header{
	margin:30px 0;
}

h1{
	font-size:18px;
}

table,table td,table th{
    border-collapse: collapse;
    border:1px solid #777;
}

table td,table th{
	padding:5px 10px;
}

table th{
	background: #ccc;
	}

a:hover{
	  -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}

header div.logo{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 1140px;
    max-width:100%;
    margin:20px auto;
}

header div.logo a.dps{
	display: block;
	background: #ff8300;
	color:#fff;
	font-size:20px;
	padding:10px 40px;
	text-align:center;
	}

header div.logo a.dps:after{
	font-family:FontAwesome;
	content : "\f105";
	margin-left:15px;
}

header div.logo a.dps span{
	font-size:14px;
	text-align:center;
}

header div.logo a.dps:hover{
	background: #fcb56b;
}

header nav{
	width:100%;
	background: #f2f2f2;
	border:1px solid #d6d6d6;
	box-sizing: border-box;
}

header nav ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width: 1140px;
    max-width:100%;
	margin:0 auto;
}

header nav ul li a{
	padding:30px 46px;
	box-sizing: border-box;
	display: block;
	color:#000;

	}

header nav ul li a:hover{
	color:#999;
	background: #fff;
}

main{
	width:1140px;
	margin:0 auto;	
    max-width:100%;
    display: block;
}

main h1.maincopy{
	font-size:20px;
	line-height:1.8em;
}


main section.top_contents ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

main section.top_contents ul li{
	border:1px solid #ccc;
	width: 49%;
	box-sizing: border-box;
	margin-bottom: 25px;
	padding:20px;
}

main section.top_contents ul li h2{
	font-size:22px;
	color:#000c57;
	margin:0 0 20px 0;
	}

main section.top_contents ul li .flex{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

main section.top_contents ul li .flex p{
	width:50%;
}

main section.top_contents ul li .flex a{
	margin-top: 30px;
	display: block;
	border: 1px solid #ff8300;
	color:#ff8300;
	padding:8px 20px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    text-align: center;
}

main section.top_contents ul li .flex a:hover{
	background: #ff8300;
	color:#fff;
	}

main section.top_contents ul li .flex a:after{
	font-family:FontAwesome;
	content : "\f105";
	margin-left: 80px;
}

main section.top_contents img.mv{
	width:100%;
	max-width: 100%;
}


section.news{
	color:#8b8b8b;
	border-bottom: 1px solid #8b8b8b;
}

section.news h1{
	border-bottom: 1px solid #8b8b8b;
	font-size:24px;
	color:#8b8b8b;
}

section.news{
	font-size:16px;
}

section.news dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
	line-height: 2em;
	margin-bottom: 20px;
	}
section.news dl dt{
	width:20%;
}

section.news dl dd{
	width:80%;
}

section.top_gallery{
	text-align: center;
}

section.top_gallery h1{
	font-size:24px;
	color:#8b8b8b;
	text-align: left;
    margin-top:50px;
}

section.top_gallery ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    -webkit-justify-content: space-between;
    justify-content: space-between;
	text-align: left;
}

section.top_gallery ul li{
	width: 30%;
	}

section.top_gallery ul::after{
  content:"";
  display: block;
  width:30%;
}

section.top_gallery ul li img{
	width:100%;
	border:1px solid #ccc;
}

section.top_gallery ul li h1{
	margin:0 0 20px 0;
}

section.top_gallery ul li h1 a{
	font-size:18px;
	}

section.top_gallery ul li h1 a:hover{
	color:#939393;
}

section.top_gallery ul li p{
	font-size:14px;
	margin:0;
}

section.top_gallery ul li p a:hover{
	color:#939393;
	}

section.top_gallery a.more{
	display: inline-block;
	background: #ff8300;
	color:#fff;
	padding:10px 30px;
	font-size:20px;
	border: 1px solid #ff8300;
}

section.top_gallery a.more:after{
	font-family:FontAwesome;
	content : "\f105";
	margin-left:15px;
	}

section.top_gallery a.more:hover{
	background:#fff;
	color: #ff8300;
}
p.more_news{
	text-align: right;
}

a.more_news{
	text-align: right;
	display: inline-block;
	padding:5px 10px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #666;
	color:#666;
}

a.more_news:hover{
	color:#ff8300;
	border:1px solid #ff8300;
}

a.more_news:after{
	font-family:FontAwesome;
	content : "\f105";
	margin-left:15px;
	}

footer{
	background:#f2f2f2;
	font-size:14px;
	padding:30px 0;
	border-top:solid 1px #d6d6d6;
	margin-top: 50px;
}

footer nav ul{
	margin:0px auto 30px auto;
	width: 1140px;
    max-width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    -webkit-justify-content: space-between;
    justify-content: space-between;
	}

footer p{
	text-align: center;
}

footer a:hover{
	color:#939393;
	}

aside ul.sideber > li.title > a{
	font-weight: 900;
	margin-bottom:20px;
	display: block;
}

aside ul.sideber > li.title ul{
	margin-bottom:30px;
}

aside ul.sideber > ul li,aside ul.sideber > li.title > ul li{
	margin-bottom: 15px;
	padding-left:1em;
}

aside ul.sideber > li.title span{
	text-decoration: underline;
	}


/****************** テキスタイル ******************/

div.culm2{
	width: 1140px;
    max-width:100%;
    margin: 0 auto;
	display: -ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; 
}

div.culm2 main{
	display: block;
	width:822px;
	max-width: 100%;
	}

div.culm2 main img{
	max-width: 100%;
	height: auto;
}

section.textile .mv{
	width:822px;
	height: 281px;
	background-image: url(img/textile/textile-mv.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 30px;
}

section.textile h1{
	margin-top: 0px;
}

section.textile .mv-multi{
	background-image: url(img/multi/multi-mv.jpg);
}

section.textile .mv-cutting{
	background-image: url(img/cutting/cutting-mv.jpg);
}
section.textile .mv-other{
	background-image: url(img/other/other-mv.jpg);
}


section.textile .mv p{
	color:#fff;
	font-weight:900;
	font-size:40px;
	top:40%;
	left:30px;
	margin: 0;
	position: absolute;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.8);
}

section.textile .sample dl{
	background: #fffac6;
	padding:20px 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
	-webkit-justify-content: flex-start; /* Safari */
  	justify-content:flex-start;
  	box-sizing: border-box;
}

section.textile .sample dl dt{
	width:20%;
	font-weight:bold;
}
section.textile .sample dl dd{
	width: 80%;
}

section.textile ul.product {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
	-webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
}

section.textile ul.product li {
	border: 1px solid #ccc;	
	text-align:center;
	width:48%;
	padding:0;
	margin:10px 1% 30px 0 ;
}

section.textile ul.product li a{
	margin:10px 1% 0 0 ;
	display: block;
}

section.textile ul.product li:last-child{
	margin-right: 0;
	}

section.textile ul.product li a p{
	padding:20px 0;
	margin:0;
}

a.gallery_link{
	background: #ff8300;
	color:#fff;
	padding:10px 20px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    border:1px solid #ff8300;
    margin-bottom: 50px;
    font-size:18px;
}
a.gallery_link:after{
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 15px;
}

a.gallery_link:hover{
	background: #fff;
	color:#ff8300;
    border:1px solid #ff8300;
}

/****************** お問い合わせ ******************/

.inquiry {
	width:600px;
	margin:0 auto;
}

.inquiry input{
	width:100%;
	height:30px;
	margin-bottom:20px;
}

.inquiry input.sei,.inquiry input.mei{
	width:45%;
}
.inquiry select{
	height:30px;
	margin-bottom:20px;
	}

input.submit-btn{
	padding: 15px 40px;
	height: auto;
    font-size: 1.2em;
    background-color: #ff8300;
    color: #fff;
    border:1px solid #fff;
}

input.submit-btn:hover{
    background-color: #fff;
    color: #ff8300;
	  -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    border:1px solid #ff8300;
	}
#mw_wp_form_mw-wp-form-81 p{
	line-height:2em;
	font-size:14px;

}

.company dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.company dl dt{
	width:20%;
	border-bottom:1px solid #ccc;
	}

.company dl dd{
	width: 70%;
	border-bottom:1px solid #ccc;
}

/****************** 1140px以下 ******************/


@media screen and (max-width: 1140px) {
	header nav.pc ul{
  		-webkit-flex-wrap: wrap; /* Safari */
  		flex-wrap:         wrap;
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
	}
}

@media screen and (max-width: 1050px) {
	div.culm2{
	display: block;
}
aside ul.sideber{
	background: #fffac6;
	text-align: center;
	padding:10px 0;
}

aside ul.sideber li a{
	width:100%;
	display: block;
	padding:5px 0;
	}
aside ul.sideber > li.title ul li{
	margin-bottom: 0;
}


	}