/* CSS Document */

@media screen and (max-width:640px) {
	

body{font-size: 14px;}
body,header,footer{min-width: 400px;}



/*============================================================================

	#mainvisual　＊　下層のMV

============================================================================*/
#mainvisual {
	height:160px;
}
#mainvisual h2 {
	top:120px;
	padding-top: 30px;
}



/*==================================================================

	main

==================================================================*/
main #wrapper {
	width: 90%;
	margin: 100px auto 0;
}
	
	

/*==================================================================

	タイトル

==================================================================*/
	
/*------------------------------ top・各下層見出し　------------------------------*/
h2 {font-size: 14px;}	
h2 em {font-size: 40px;}
	
/*------------------------------ 下層　------------------------------*/
#wrapper h3 {
	margin-bottom: 20px;
	font-size: 18px;
}


	
/*==================================================================

	table

==================================================================*/
table th{
	border-bottom: none ;
}
table tr:last-of-type th {
	border-bottom: none ;
}
table th , table td {
	display:block;
	width:100%;
	box-sizing:border-box;
}
table th {
	padding: 10px 10px 0;
	text-align:left;
}
table td {
	padding: 5px 10px 10px;
}

	

/*==================================================================

	text

==================================================================*/
.fl-left {
	float:none;
	margin:0 auto 30px;
	text-align:center;
}
.fl-right {
	float:none;
	margin:0 auto 30px;
	text-align:center;
}



/*==================================================================

	btn

==================================================================*/

	

	
/*==================================================================

		$投稿ページ(single.php)

==================================================================*/
time {
    margin-top:0;
    font-size: 13px;
}
	
/*------------------------------ページネーション------------------------------*/
.single_nav {
    margin-top: 70px;
}
.single_nav a {
    margin: 0px 1px;
    padding: 10px;
    font-size: 13px;
}



/*==================================================================

		$投稿一覧ページ(blog.php)

==================================================================*/
.archive_post_content .date {
	position:relative;
}
.archive_post_content h3 {
   top: 15px;
   margin-left: 0;
   width: 100%;
	font-size:16px !important;
}
	
	

/*==================================================================

		$お問い合わせページ　＊　Contact Form 7カスタマイズ

==================================================================*/
.inquiry th{
	padding: 10px 20px;
	background: #e6e6e6;
	border: 1px solid #f5f5f5;
	font-weight:bold;
}
.inquiry td{
    padding: 15px 20px;
	border: 1px solid #e6e6e6;
}
.inquiry td input{
	padding:10px;
}
.inquiry td textarea{
	padding:10px;
}
	
	
	
/*==================================================================

		＊　Galleryカスタマイズ

==================================================================*/
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
   display: inline-block;
   float: none;
   vertical-align: middle;
	width: 50%;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box img {
	width:100%;
	height:auto;
}
	


/*==================================================================

		$business　＊　事業内容ページ（TOP流用、手直し）

==================================================================*/
.page-id-7 #top_business {
	width: 100%;
	margin: auto;
}

/*========== en ==========*/
.page-id-398 #top_business {
	width: 100%;
	margin: auto;
}

	
/*==================================================================

		$cutting　

==================================================================*/
.page-id-48 table {
	width:48%;
	margin:50px 1% 0;
}
.page-id-48 table th {
	padding: 10px 10px 0;
}
.page-id-48 table td {
	padding: 5px 10px 10px;
}

/*========== en ==========*/
.page-id-427 table {
	width:48%;
	margin:50px 1% 0;
}
.page-id-427 table th {
	padding: 10px 10px 0;
}
.page-id-427 table td {
	padding: 5px 10px 10px;
}
	
	
	
/*==================================================================

		$development　

==================================================================*/
.page-id-52 section dl dt {
	font-size: 18px;
	text-align:left;
}

.page-id-52 section dl dd:last-child {
	text-align:left;
}
.page-id-52 section dl dd img {
	margin-bottom:10px;
}

.page-id-52 section .flexbox {
   display: block;
} 

/*========== en ==========*/
.page-id-432 section dl dt {
	font-size: 18px;
	text-align:left;
}
.page-id-432 section dl dd:last-child {
	text-align:left;
}
.page-id-432 section dl dd img {
	margin-bottom:10px;
}
.page-id-432 section .flexbox {
   display: block;
} 
	
	

/*==================================================================

		$product

==================================================================*/
.page-id-54 section.flexbox dl {
	width:50%;
	margin:0 10px;
}
.page-id-54 div.flexbox {
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
} 
.page-id-54 div.flexbox img {
	width:50%;
	margin:0 0 10px;
}

.page-id-54 .product_voice {
	width:100%;
	margin:0 0 20px ;
}
.page-id-54 .product_voice dt img {
	width:30%;
	margin:0 20px 0 0 ;
}
.page-id-54 .product_voice dd:first-of-type {
	font-size:16px;
}
.sp_scroll {
	position:relative;
	background: #eee;
	margin-bottom: 10px;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 13px;
}
.sp_scroll img {
	position:relative;
	top:-4px;
	margin-right: 5px;
}
.page-id-54 table {
	display:block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.page-id-54 table th , .page-id-54 table td {
	padding: 5px 10px;
    display: table-cell;
	font-size:12px;
}
.page-id-54 table tr:last-of-type th {
    border-bottom: 1px solid #cccccc; !important;
}
.page-id-54 .youtube_box .youtube_zzz {
	display:none;
}

/*========== en ==========*/
.page-id-434 section.flexbox dl {
	width:50%;
	margin:0 10px;
}
.page-id-434 div.flexbox {
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
} 
.page-id-434 div.flexbox img {
	width:50%;
	margin:0 0 10px;
}
.page-id-434 .product_voice {
	width:100%;
	margin:0 0 20px ;
}
.page-id-434 .product_voice dt img {
	width:30%;
	margin:0 20px 0 0 ;
}
.page-id-434 .product_voice dd:first-of-type {
	font-size:16px;
}
.page-id-434 table {
	display:block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.page-id-434 table th , .page-id-434 table td {
	padding: 5px 10px;
    display: table-cell;
	font-size:12px;
}
.page-id-434 table tr:last-of-type th {
    border-bottom: 1px solid #cccccc; !important;
}
.page-id-434 .youtube_box .youtube_zzz {
	display:none;
}
	

	
/*==================================================================

		$CSR-SDGs

==================================================================*/
.page-id-13 section dl {
	margin-bottom:20px;
	padding:20px 20px 0;
}

/*左側アイコン*/
.page-id-13 section dl dd:first-of-type {
   width: 16%;
   padding-left: 0;
}
	
/*右側テキスト*/
.page-id-13 section dl dd:last-of-type {
   width: 76%;
   padding: 20px 4% 13px;
	font-size:13px;
}
.page-id-13 section dl dd:last-of-type p {
	padding-left:13px;
}
.page-id-13 section dl dd:last-of-type p::before  {
	top:8px;
	width:4px;
	height:4px;
}

.page-id-13 section dl.lastlist dt  {
	font-size:17px;
}

/*========== en ==========*/
.page-id-421 section dl {
	margin-bottom:20px;
	padding:20px 20px 0;
}
.page-id-421 section dl dd:first-of-type {
   width: 16%;
   padding-left: 0;
}
.page-id-421 section dl dd:last-of-type {
   width: 76%;
   padding: 20px 4% 13px;
	font-size:13px;
}
.page-id-421 section dl dd:last-of-type p {
	padding-left:13px;
}
.page-id-421 section dl dd:last-of-type p::before  {
	top:8px;
	width:4px;
	height:4px;
}
.page-id-421 section dl.lastlist dt  {
	font-size:17px;
}

	
	
/*==================================================================

		$工場案内

==================================================================*/
.factory_map01 {
	width:360px;
	height:260px;
	margin:auto;
	background-size:cover;
}
.factory_map02 {
	width:360px;
	height:130px;
	margin:auto;
	background-size:cover;
}

.factory_point01 {
	top:45px;
	margin-left:-29px
}
.factory_point02 {
	top:61px;
	margin-left:72px
}
.factory_point03 {
	top:95px;
	margin-left:-2px;
}
.factory_point04 {
	top:100px;
	margin-left:-109px;
}
.factory_point05 {
	top:191px;
	margin-left:-8px;
}	
.factory_point06 {
	top:110px;
	margin-left:-120px;
}
.factory_point07 {
	top:140px;
	margin-left:-75px;
}
.factory_point08 {
	top:140px;
	margin-left:90px;
}
.factory_map01 a img , .factory_map02 a img {
   width: 45px;
   height: auto;
}
	
.lightboxOverlay {
    min-width: 400px !important;
}
.lightbox {
    min-width: 400px;
}

.page-id-11 table {
	display:block;
	margin-bottom:50px;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.page-id-11 table th , .page-id-11 table td {
	padding: 5px 10px;
    display: table-cell;
	font-size:12px;
}
.page-id-11 table tr:last-of-type th {
    border-bottom: 1px solid #cccccc; !important;
}
.page-id-11 .fl-right{
	text-align: right;
   margin: 10px 0;	
}
.page-id-11 table:last-of-type {
	margin-bottom:0;
}
.page-id-11 h4 {
	position:relative !important;
	font-size:13px !important;
    top: 0;
    left: 0;
}

/*========== en ==========*/
.page-id-419 .factory_map01 {
	background-size: cover;
}
.page-id-419 .factory_map02 {
	background-size: cover;
}
.page-id-419 table {
	display:block;
	margin-bottom:50px;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.page-id-419 table th , .page-id-419 table td {
	padding: 5px 10px;
    display: table-cell;
	font-size:12px;
}
.page-id-419 table tr:last-of-type th {
    border-bottom: 1px solid #cccccc; !important;
}
.page-id-419 .fl-right{
	text-align: right;
   margin: 10px 0;	
}
.page-id-419 table:last-of-type {
	margin-bottom:0;
}
.page-id-419 h4 {
	position:relative !important;
	font-size:13px !important;
    top: 0;
    left: 0;
}
	
	
}