@charset "utf-8";
/*
Theme Name:scratch
Theme URI:
Description:SCTのテンプレートです。
Version:
Author:
Author URI:
*/
@import "reset.css";
@import "common.css";
@import "yamazaki.css";

/* パンくず */

.breadcrumbs {
background-color:#ececec;
padding:10px 0px 10px 0px;
}

.breadcrumbs p {
/*width:1000px;*/
margin:0 auto;
}

.breadcrumbs p a {
color:#000;
}

/* パンくずend */

/* ページ共通 */

.page_title {
margin:35px 0px 20px 0px;
}
.page_title img{
	width: 100%;
}

/* ページ共通end */

/* トップページ */

.cycle-slideshow { 
width:100%;
/* position:absolute; */
 }

 
.cycle-slideshow img { 
width: 100%; 
height: auto;
 }

.top_image {
width:100%;
}

.index .item_box_01 {
padding:15px 0px 0px 0px;
}

.index .item_01 {
width:480px;
float:left;
margin:0px 15px 0px 0px;
}
/*
.index .item_02 {
float:left;
height:280px;
width:500px;
}

.index .item_02 div {
border-right:1px solid #cbcbcb;
border-left:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
width:498px;
margin:-2px 0px 0px 0px;
padding:10px 0px 0px 0px;
overflow:auto;
height:239px;
}
*/
.index .item_02 {
float:left;
/*height:280px;*/
height: auto;
width: 100%;
}
.index .item_02 h2 img{
	max-width: 100%;
}
.index .item_02 div {
border-right:1px solid #cbcbcb;
border-left:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
width: auto;
margin:-2px 0px 0px 0px;
padding:5px 0px 0px 0px;
overflow:auto;
height:239px;
}

.index .item_02 ul {
_zoom: 1;
overflow: hidden
}


.index .item_02 ul li {
margin: 0px 5px 0px 5px;
margin-top: -1px;
border-top: 1px dotted #000;
padding:10px 5px 10px 5px;
}

.index .item_02 ul li p {
line-height:1.5;
}

.index .item_02 ul li span {
color:#1983b5;
}

.index .item_03 {
clear:both;
padding:15px 0px 0px 0px;
}

.index .item_03 li {
float:left;
width:241px;
margin:0px 13px 0px 0px;
position:relative;
}
.index .item_03 li a:hover{
	opacity: 0.9;
}

.index .item_03 li span {
color:#FFF;
position:absolute;
left:10px;
bottom:40px;
}

.index .item_03 .top_example {
margin:0;
width:230px;
}

.index .item_03 .top_example div {
border-right:1px solid #cbcbcb;
border-left:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
width:228px;
margin:-2px 0px 0px 0px;
padding:15px 0px 0px 0px;
height:191px;
}

.index .item_03 .top_example div h3 {
background-image:url(images/point.jpg);
background-repeat:no-repeat;
background-position:10px 0px;
padding:0px 0px 0px 25px;
}

.index .item_03 .top_example_image {
text-align:center;
padding:5px 0px 5px 0px;
}

.index .item_03 .top_example_01 {
padding:0px 0px 0px 12px;
}

.index .item_03 .top_example_02 {
text-align:center;
padding:20px 0px 0px 0px;
color:#073869;
}

.index .item_04 {
clear:both;
padding:60px 0px 0px 0px;
}

.index .item_04 li {
float:left;
width:245px;
margin:0px 4px 0px 0px;
}

.index .item_04 .space {
width:251px;
margin:-3px 0px 0px 0px;
}

/* トップページend */

/*　カテゴリー　*/
.category h1 {
font-size: 40px;
font-weight: bold;
margin: 3px;
padding: 3px 3px 5px 3px;
}

.category h2 {
font-size: 24px;
font-weight: bold;
border-bottom: dotted 1px #ccc;
margin: 2em 3px 0px 0px;
padding: 3px;
}
.category p {
font-size:16px;
margin: .4em .4em .7em .4em;
line-height: 1.2;
letter-spacing: 0.5px;
}
.category .entry_header {
text-align:right;
margin: 0px .4em 0px .4em;
}

.category .entry_content {
margin: .4em .4em 1em .4em;
}

/*　カテゴリー end　*/


/* 個人情報保護の姿勢 */

.privacy .item_01 {
line-height:1.8;
}

.privacy h2 {
font-size:15px;
font-weight:bold;
margin:30px 0px 15px 0px;
}

.privacy ol {
list-style-type:decimal;
line-height:2.2;
margin:15px 0px 15px 20px;
}


/* 個人情報保護の姿勢end */




@media (min-width: 768px) {
	.index .item_box_01{
		float: right;
		width: 49%;
	}
	.index .item_02{
		height: auto;
	}
	.index .item_02 div{
		height: 450px;
	}
	.index .item_03{
		clear: none;
		float: left;
		width: 51%;
	}
	.index .item_03 li{
		margin-bottom: 10px;
	}
	.index .item_03 .top_example{
		margin-bottom: 10px;
		width: 241px;
	}
	.index .item_03 .top_example div{
		width: 239px;
	}
}
	
@media (min-width: 1020px) {
	.index{
		margin-top: 10px;
	}
	.index .item_box_01{
		width: 19%;
	}
	.index .item_02 h2 a{
		background: url(/wp-content/themes/scratch/images/top_h2_01_pc.jpg) left top/contain no-repeat;
		height: 25px;
		display: block;
	}
	.index .item_02 h2 img{
		display: none;
	}
	
	.index .item_02 div{
		height: 162px;
	}
	
	.index .item_03{
		width: 80%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.index .item_03 li {
		-webkit-flex-grow: 1;
		flex-grow: 1;
		margin: 0 10px 10px 0;
	}
	.index .item_03 li span{
		bottom: 30px;
	}
	
	.index .item_03 .top_example{
		width: auto;
	}
	.index .item_03 .top_example div{
		width: auto;
		height: auto;
	}
	.index .item_03 .top_example_image{
		padding: 21px 0px 21px 0px;
	}
	.index .item_03 .top_example div h3{
		background-position: 3px 0px;
		padding: 0px 0px 0px 15px;
	}
	
}

@media screen and (min-width:901px) and ( max-width:1020px){
	.index .item_box_01{
		width: 43%;
	}
	.index .item_03{
		width: 500px;
	}
	
	.index .item_03 li{
		margin: 0px 5px 5px 0;
	}
	.index .item_03 li:nth-of-type(2n){
		margin-right: 0;
	}
}

@media screen and (min-width:768px) and ( max-width:900px){
	.index .item_box_01{
		width: 35%;
	}
	.index .item_03{
		width: 488px;
	}
	
	.index .item_03 li{
		margin: 0px 5px 5px 0;
	}
	.index .item_03 li:nth-of-type(2n){
		margin-right: 0;
	}
}



@media (max-width: 767px) {
	
	.pages > .header,
	.frp > h3,
	.frp > #feature > li > h4,
	.frp > .flow > div > h4,
	#p2591 > p:first-child,
	#p2462 > ul > li > h2,
	#p2462 > ul > li > div > h3,
	#p2438 > ul > li > h2,
	#p2438 > ul > li > div > h3,
	#p2438 > ul > li > p > a,
	#p2426 > h3,
	#p2413 > #txt,
	#p2413 > p#bnr > a,
	#p2388 > .header + div > h3,
	#p2388 > ul > li > div.t > h4,
	#p2364 > #img14 > h2,
	#p2364 > ul> li > h3,
	#p2311 > ul > li > a,
	#p2311 > #c01_bg > div:first-child > h2,
	#p2332 > #img12 > h3,
	#p2280 .forms > h2,
	#p2280 .forms input[type="submit"],
	#p2280 #infobox > div.tel > ul > li > h4,
	#p2280 #infobox > div > h3{
		background-size: contain !important;
	}
	img{
		max-width: 100%;
	}
	#header{
		height: auto;
		background-position: 50% 30%;
	}
	#logo{
		width: 30%;
		float: none;
		text-align: center;
		margin: 0 auto;
		padding: 10px;
	}
	.head_01{
		display: none;
	}
	#head_sub{
		/*display: none;*/
		padding: 5px 10px;
	}
	
	#head_sub ul li{
		max-width: 70px;
	}
	
	#contents{
		padding: 0px 10px 120px 10px;
		box-sizing: border-box;
	}
	#main{
		float: none;
		margin: 0 auto 20px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#side{
		float: none;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	#footer{
	}
	#footer .foot_logo{
		left: 10px;
	}
	#footer .foot_01 dl dt{
		float: none;
		padding-left: 0;
		margin: 0 10px;
	}
	#footer .foot_01 dl dd{
		float: none;
		margin: 10px 10px;
	}
	#footer .foot_01 ul li ul{
		padding-left: 0;
		margin: 0 10px;
	}
	#footer .foot_04 .address_00{
		margin: 0 10px;
	}
	
	.index .item_02{
		height: auto;
	}
	.index .item_02 div{
		height: auto;
	}
	
	.index .item_03 li,
	.index .item_03 .top_example,
	.index .item_04 li,
	.index .item_04 .space{
		float: none;
		margin: 10px auto;
		text-align: center;
	}
	
	/* サブ frp */
	#p2484 > #h2_0214 + img{
		margin-right: 0;
		margin-bottom: 20px;
	}
	#p2484 > ul > li{
		padding-left: 0;
		padding-top: 60px;
		margin-bottom: 30px;
	}
	
	.frp > #feature > li{
		margin-top: 10px;
	}
	.frp > #innerlinks > a{
		margin-bottom: 10px;
	}
	.frp #items > .item{
		margin-bottom: 10px;
	}
	#mould_technology ul.flex{
		display: block !important;
	}
	#mould_technology .item{
		margin-bottom: 20px;
	}
	#mould_technology .item + .item{
		margin-left: 0;
	}
	#p2591 > h2 + div{
		
	}
	#p2591 > h2 + div{
		padding-right: 0;
		padding-top: 270px;
	}
	#p2591 > .flow{
		padding-left: 0;
		padding-top: 600px;
	}
	#p2462 > ul > li > div > div > div.img > div.left{
		float: none;
	}
	#p2462 > ul > li > div > div > div.img > div.right{
		float: none;
	}
	#p2542 > #feature{
		display: block;
	}
	
	#p2542 > #feature > li{
		margin-right: 0;
		width: auto;
	}
	
	
	/* サブ 会社案内 */
	#p2311 > #c01_bg{
		box-sizing: border-box;
		height: auto;
		background-size: 100% 100%;
	}
	#p2311 > #c01_bg > div{
		padding-bottom: 20px;
	}
	#p2311 > #c01_bg p{
		float: none !important;
		margin: 10px 0 0 !important;
	}
	#p2311 > ul > li{
		margin: 10px 0;
		float: none;
	}
	#p2311 > ul > li > a{
		max-width: 100%;
		background-size: contain !important;
	}
	.pages .tables > .table > .row > div{
		float: none;
		width: 100%;
		border-left: 1px solid #c0c0c0;
	}
	#p2388 > .header + div > h3{
		background-size: contain;
		width: 100%;
	}
	#p2388 > .header + div{
		padding-right: 0;
		padding-bottom: 180px;
	}
	#p2388 > ul > li > div.i{
		display: block;
	}
	
	#p2388 > ul > li > div.i > div.h{
		padding: 10px;
		border: 1px solid #d9d9d9;
	}
	#p2388 > ul > li > div.i > div.t,
	#p2388 > ul > li > div.i > div.p{
		width: auto;
		padding: 10px;
		border: 1px solid #d9d9d9;
	}
	#p2364 > #img14{
		padding-left: 0;
		padding-bottom: 180px;
		background-position: 50% 100%;
	}
	
	#p2364 > #img14 > h2{
		width: 100%;
		background-size: contain;
	}
	
	#p2364 > ul> li > h3{
		width: auto;
		background-size: contain !important;
	}
	#p2364 > ul> li > div{
		padding: 0 10px;
	}
	#p2332 > #img12{
		padding-left: 0;
		padding-bottom: 455px;
		background-position: 100% 100%;
	}
	
	
	/* サブ お問合せ */
	#p2280 #infobox > div.tel > ul > li{
		margin-left: 0;
		float: none;
		margin-top: 10px;
	}
	#p2280 .forms div.line > div{
		float: none;
	}
	
	#p2280 .forms div.line > div.header{
		width: auto;
		min-height: 0;
	}
	#p2280 .forms div.line > div.header.ta{
		height: auto;
	}
	#p2280 .forms div.line > div.input > textarea{
		width: 100%;
	}
	
	#p2280 .forms div.line > div.input > input[type="text"]{
		width: 100%;
	}
	#p2280 .forms div.submit{
		background: none;
	}
	
	
	/* サブ サイトマップ */
	#sitemap_list li a{
		background-position: 0 8px !important;
	}
}