@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:	1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.M-0,p,.archive .entry-card-content,.footer-widgets,.footer-widgets-mobile{
	margin:0;
}
.M-05em{
	margin:0.5em;
}
.M-1em{
	margin:1em;
}
.M-15em{
	margin:1.5em;
}
.M-2em{
	margin:2em;
}
.MT--2em,#navi{
	margin-top:-2em;
}
.MT-0,h1.entry-title,h1.archive-title,#breadcrumb,.content,.entry-content,.footer-bottom,.footer{
	margin-top:0;
}
.MT-05em{
	margin-top:0.5em;
}
.MT-1em{
	margin-top:1em;
}
.MT-15em{
	margin-top:1.5em;
}
.MT-2em{
	margin-top:2em;
}
.MB-0,.entry-content>*,.article p,.home.body .article,.entry-content,#footer-in .widget,.list.ecb-entry-border .entry-card-wrap,.article ul,.home .date-tags,.entry-content .wp-block-image,.entry-content .wp-block-columns,.entry-content .wp-block-file{
	margin-bottom:0;
}
.MB-05em,.header-subnavi-button1{
	margin-bottom:0.5em;
}
.MB-1em,#navi .navi-in>ul>li{
	margin-bottom:1em;
}
.MB-15em{
	margin-bottom:1.5em;
}
.MB-2em{
	margin-bottom:2em;
}
.MB-3em{
	margin-bottom:3em;
}
.MR-05em{
	margin-right:0.5em;
}
.MR-1em{
	margin-right:1em;
}
.MR-15em{
	margin-right:1.5em;
}
.MR-2em{
	margin-right:2em;
}
.ML-0,.search .entry-card-content{
	margin-left:0;
}
.ML-05em{
	margin-left:0.5em;
}
.ML-1em{
	margin-left:1em;
}
.ML-15em{
	margin-left:1.5em;
}
.ML-2em{
	margin-left:2em;
}
.ML-auto{
	margin-left:auto;
}
.M-auto,.header-container{
	margin:0 auto;
}
.MTB-0,.article h2,.article h3,.article h4,.article h5,.article h6{
	margin-top:0;
	margin-bottom:0;
}
.MTB-05em{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.MTB-1em{
	margin-top:1em;
	margin-bottom:1em;
}
.MTB-2em{
	margin-top:2em;
	margin-bottom:2em;
}
.MRL-0{
	margin-right:0;
	margin-left:0;
}
.MRL-auto,.logo-header,#header-container-in.wrap,.page-template-default .entry-content,.post-template-default #content,#header-container-in.hlt-top-menu.wrap .logo-header,#footer-in,h1.entry-title,h1#archive-title,.page-template-page-fullwidth #content #breadcrumb,.archive #breadcrumb,.category #breadcrumb,.error404 #content,.search #content,#breadcrumb,.header-container-in.hlt-top-menu .navi,.Page-404-contents img{
	margin-right:auto;
	margin-left:auto;
}
.M-0em05em{
	margin:0 0.5em;
}
.M-0em1em{
	margin:0 0.5em;
}
.M-05em0em{
	margin:0.5em 0;
}

/* padding指定 */
.P-0,.main,.footer{
	padding:0;
}
.P-05em,.PageNavi-Button a{
	padding:0.5em;
}
.P-1em{
	padding:1em;
}
.P-15em{
	padding:1.5em;
}
.P-2em{
	padding:2em;
}
.P-3em{
	padding:3em;
}
.PT-0,.main{
	padding-top:0;
}
.PT-05em,.logo-image{
	padding-top:0.5em;
}
.PT-1em,#breadcrumb{
	padding-top:1em;
}
.PT-2em{
	padding-top:2em;
}
.PR-05em{
	padding-right:0.5em;
}
.PR-1em{
	padding-right:1em;
}
.PR-2em{
	padding-right:2em;
}
.PL-0,#container{
	padding-left:0;
}
.PL-05em{
	padding-left:0.5em;
}
.PL-1em{
	padding-left:1em;
}
.PL-15em{
	padding-left:1.5em;
}
.PL-2em{
	padding-left:2em;
}
.PB-0,.logo-image{
	padding-bottom:0;
}
.PB-025em{
	padding-bottom:0.25em;
}
.PB-05em/*,.single-post .article-header h1.entry-title*/{
	padding-bottom:0.5em;
}
.PB-1em{
	padding-bottom:1em;
}
.PB-2em,.category #content,.error404 #content,.search-results #content,.search-results #list{
	padding-bottom:2em;
}
.PB-3em{
	padding-bottom:3em;
}
.PTB-0,.article h2,.article h3,.article h4,.article h5,.article h6,.wp-block-columns .wp-block-image{
	padding-top:0;
	padding-bottom:0;
}
.PTB-05em{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.PTB-1em,.page-template:not(.home) .entry-content,.wp-block-image,.wp-block-columns{
	padding-top:1em;
	padding-bottom:1em;
}
.PTB-15em{
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.PTB-2em{
	padding-top:2em;
	padding-bottom:2em;
}
.PTB-3em{
	padding-top:3em;
	padding-bottom:3em;
}
.PRL-0,.list.ecb-entry-border a.entry-card-wrap{
	padding-right:0;
	padding-left:0;
}
.PRL-05em{
	padding-right:0.5em;
	padding-left:0.5em;
}
.PRL-1em,.article h2.PRL-1em,.article h3.PRL-1em,.article h4.PRL-1em,.article h5.PRL-1em,.article h6.PRL-1em{
	padding-right:1em;
	padding-left:1em;
}
.PRL-15em{
	padding-right:1.5em;
	padding-left:1.5em;
}
.PRL-2em,.pager-post-navi a{
	padding-right:2em;
	padding-left:2em;
}
.P-0em1em{
	padding:0 1em;
}
.P-025em05em{
	padding:0.25em 0.5em;
}
.P-05em1em{
	padding:0.5em 1em;
}
.P-1em2em{
	padding:1em 2em;
}
.post-template-default .entry-content{
	padding:1em 0 3em;
}

/* float指定 */
.F-R{
	float:right;
}
.F-N,.entry-card-thumb{
	float:none;
}
.F-L{
	float:left;
}

/* テキストの横位置指定 */
.TA-C{
	text-align:center;
}
.TA-L,.logo-header{
	text-align:left;
}
.TA-R/*,.header-subnavi-button2*/{
	text-align:right;
}
.WS-NR{
	white-space:nowrap;
}
.navi-in > ul{
	justify-content:right;
}

/* テキストの縦位置指定 */
.VA-M{
	vertical-align:middle;
}
.VA-T{
	vertical-align:top;
}
.VA-B{
	vertical-align:bottom;
}
.PageNavi-Button img{
	vertical-align:sub;
}

/* フォント色指定 */
.FC-000{
	color:#000;
}
.FC-888{
	color:#888;
}
.FC-fff,#breadcrumb,.breadcrumb a{
	color:#fff;
}
.FC-ccc{
	color:#ccc;
}
.FC-ff0000,a .FC-595959:hover{
	color:#ff0000;
}
.FC-548235,.mobile-menu-buttons .menu-button > a{
	color:#548235;
}
.FC-595959{
	color:#595959;
}

/* フォントサイズ指定 */
.FS-05em{
	font-size:0.5em;
}
.FS-08em,.entry-card-info > *{
	font-size:0.8em;
}
.FS-1em,.wp-block-image figcaption{
	font-size:1em;
}
.FS-12em{
	font-size:1.2em;
}
.FS-15em,h2.entry-card-title{
	font-size:1.5em;
}
.FS-2em{
	font-size:2em;
}

/* フォントのウェイト指定 */
.FW-700{
	font-weight:700;
}
.FW-500,h1.entry-title,h2.entry-card-title strong,.article h2,.article h3,.article h4,.article h5,.article h6,h2.entry-card-title,h1#archive-title,.mobile-menu-buttons .menu-button > a{
	font-weight:normal;
}

/* フォントの高さ指定 */
.LH-0,#content div.LH-0{
	line-height:0;
}
.LH-1em,#content div.LH-1em{
	line-height:1em;
}
.LH-12em{
	line-height:1.2em;
}
.LH-15em,.title_style,.link_list,#content div{
	line-height:1.5em;
}
.LH-2em,.navi-in > ul li{
	line-height:2em;
}

/* テキストデコレーションスタイル */
.TD-N,.PreviousPage a,.NextPage a{
	text-decoration:none;
}
.TD-UL,.PageNavi-Button a:hover{
	text-decoration:underline;
}
.TI-1em{
	text-indent:1em;
}
.TI--1em{
	text-indent:-1em;
}
.TI--15em{
	text-indent:-1.5em;
}
.TI--2em{
	text-indent:-2em;
}
.LS-N,li.page_item{
	list-style:none;
}

/* displayスタイル */
.D-N,.home header.entry-header,.page-template-page-fullwidth header.entry-header #breadcrumb,footer.article-footer,.entry-categories-tags,.archive .entry-card-thumb img,.entry-card-thumb .cat-label,.entry-card-thumb .fa,.archive .pagination-next,.category .pagination-next,.pager-post-navi a figure,.search .entry-card-thumb img,.wpcf7-spinner{
	display:none !important;
}
.D-B,.wpcf7-list-item{
	display:block;
}
.D-IB,.wp-block-file a.wp-block-file__button,.PageNavi-Button a{
	display:inline-block;
}
.D-I{
	display:inline;
}
.D-Table,.header-container-in.hlt-top-menu,h1.entry-title,h1#archive-title,.Page-404-contents img,.Page-404-contents img{
	display:table;
	table-layout:fixed;
}
.D-TableRow{
	display:table-row;
}
.D-TableCell{
	display:table-cell;
}

/* ワイド指定 */
.W-10{
	width:10%;
}
.W-15{
	width:15%;
}
.W-20{
	width:20%;
}
.W-25{
	width:25%;
}
.W-30,.slider-catchcopy{
	width:30%;
}
.W-33{
	width:33%;
}
.W-35{
	width:35%;
}
.W-40{
	width:40%;
}
.W-50,.pager-post-navi a{
	width:50%;
}
.W-60{
	width:60%;
}
.W-70,#breadcrumb,.archive #main #list,.category #main #list,.search #content{
	width:70%;
}
.W-80,.logo-header,#header-container-in.wrap,#header-container-in.hlt-top-menu.wrap .logo-header,.header-container-in.hlt-top-menu .navi{
	width:80%;
}
.W-90{
	width:90%;
}
.W-100,#header-container-in.hlt-top-menu.wrap{
	width:100%;
}
.W-calc50{
	width:calc(100%/2);
}
*::-ms-backdrop,.W-calc50{
	width:50%; /* IE11 */
}
.W-calc33{
	width:calc(100%/3);
}
*::-ms-backdrop,.W-calc33{
	width:33.33%; /* IE11 */
}
.W-calc25{
	width:calc(100%/4);
}
*::-ms-backdrop,.W-calc25{
	width:25%; /* IE11 */
}
.W-calc20{
	width:calc(100%/5);
}
*::-ms-backdrop,.W-calc20{
	width:20%; /* IE11 */
}

.W-auto,.search .entry-card-thumb{
	width:auto;
}
.MinW-100{
	min-width:100%;
}

/* 背景色指定 */
.BGC-transparent,.article h2,#footer .Footer-logo a:hover,#navi .navi-in a:hover,#footer a:hover{
	background-color:transparent;
}
.BGC-fff,.manufacturing2 .D-TableCell{
	background-color:#fff;
}
.BGC-eee,.pagination .current,.page-numbers.current{
	background-color:#eee;
}
.BGC-ddd{
	background-color:#ddd;
}
.BGC-ccc,.manufacturing2 .D-TableCell.BGC-ccc{
	background-color:#ccc;
}
#TOP-Manufacturing{
	background: linear-gradient(
		135deg,
		#fff 0%,
		#fff 50%,
		#d4f5be54 50%,
		#d4f5be54 100%
	);
}

/* 背景画像指定 */

#TOP-company{
	background-image:url(../cocoon-child-master/images/company-back.png);
	background-repeat:repeat;
}
#TOP-contact{
	background-image:url(../cocoon-child-master/images/top-contact-back.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
}
/*
#sitemap li.page_item,.Sitemap-list{
	background-image:url(../cocoon-child-master/images/ito.png);
	background-repeat:no-repeat;
	line-height:2.5em;
	padding-left:2.5em;
}
#sitemap li.page_item{
	background-position:left;
}
*/
.fullwidth-header,.single-post #content-in #main,.Page-404-Title,header.article-header{
/*
	background-image:url(../cocoon-child-master/images/title-back.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
*/
	background-color:#548235;
}
.BGR-Y{
	background-repeat:repeat-y;
}
.BGR-X{
	background-repeat:repeat-x;
}


/* 高さ指定 */
#navi .navi-in>ul>li{
	height:2em;
}
.H-auto,.footer-bottom-logo img{
	height:auto;
}

/* ボーダー指定 */
.B-1pxsolidfff{
	border:1px solid #fff;
}
.B-1pxsolideee,.pager-post-navi a,.manufacturing2 .D-TableCell{
	border:1px solid #eee;
}
.B-1pxsolidccc{
	border:1px solid #ccc;
}
.BT-1pxsolidccc{
	border-top:1px solid #ccc;
}

.BR-1pxsolidccc{
	border-right:1px solid #ccc;
}
.BL-1pxsolidccc{
	border-left:1px solid #ccc;
}
.BB-1pxsolidddd,#header-container-in{
	border-bottom:1px solid #ddd;
}
.BB-1pxsolidccc{
	border-bottom:1px solid #ccc;
}
.BB-1pxdottedddd{
	border-bottom:1px dotted #ddd;
}
#menu-main-menu .current-menu-item{
	border-bottom:1px solid #548235;
}
.B-2pxsolidfff{
	border:2px solid #fff;
}
.B-2pxsolidccc{
	border:2px solid #ccc;
}
.B-3pxsolidccc{
	border:3px solid #ccc;
}
.B-N,.main,.article h3,.navi-footer-in > .menu-footer li,.navi-footer-in > .menu-footer li:last-child{
	border:none;
}

/* 
その他まとめて指定 */
.page-template:not(.home) #main .entry-content,.post-template-default .entry-content,#TOP-manufacturing,.manufacturing2,#TOP-equioment,.Page-404-contents{
	width:70%;
	margin-right:auto;
	margin-left:auto;
}
.clear{
	clear:both;
}
.PR-word{
	display:inline;
	font-size:1em;
	font-weight:400;
}

/* スライドショー */
.slider-catchcopy{
	position:absolute;
	z-index:2;
	top:1%;
	left:15%;
	transform: translate(-15%, -5%);
}
/* 他ページへのリンクボタン */
a.Button_link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	margin: auto;
	padding: 1em 4em;
	color: #888;
	border:1px solid #888;
	position: relative;
	transition: 0.5s;
}
a.Button_link::before {
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: 1em;
	transform: translateY(calc(-50% - 2px)) rotate(45deg);
	width: 10px;
	height: 1px;
	background: #888;
}
a.Button_link::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	width: 50px;
	height: 1px;
	background-color: #888;
}
a.Button_link:hover {
	background: #eee;
}
a.Button_link.white:hover {
	background: #fff;
}
#TOP-company a.Button_link:hover{
	background:#ffffff82;
}
TOP-contact .D-TableCell a:hover img{
	background:#ffffff38;
}
h1.entry-title{
	color:#fff;
	padding:3em 2em
}

/* 強調したい文字に蛍光線を引く */
.point-text{
        background:linear-gradient(transparent 40%, #8bc34a57 50%);
}

/* 画像カーソル時少し動く */

a:hover img{
	    transform: translate3d(0, 3px, 0);
}

/* コンタクトフォームボタン */
input[type='button']{
	padding:0.5em 2em;
	margin:1em;
}
input[type='submit']{
	width:auto;
	background-color:#416629;
	color:#fff;
	padding:0.5em 4em;
	margin:1em;
	border:3px solid #416629;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1680px){
}
@media screen and (max-width: 1480px){
	.page-template:not(.home) #main .entry-content,#TOP-manufacturing,.manufacturing2,#TOP-equioment{
		width:80%;
	}
}
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1280px){
	.page-template:not(.home) #main .entry-content,#TOP-manufacturing,.manufacturing2,#TOP-equioment{
		width:90%;
	}
	
}

@media screen and (min-width: 1024px){
	/* ↓コンテンツ内容が少ないときもフッターをページ下に固定表示↓ */
	html{
		min-height:100%;
		position:relative;
	}

	#container{
		margin-bottom:80px;
	}
	footer{
		position:absolute;
		bottom:0;
		height:80px;
		width:100%;
	}

	.pager-post-navi{
		display:block;
		padding-bottom:2em;
		margin:0;
	}
	/* ↑コンテンツ内容が少ないときもフッターをページ下に固定表示↑ */
	.D-N-O1024{
		display:none;
	}
}

@media screen and (max-width: 1023px){
	.D-N-U1023,.header-subnavi{
		display:none;
	}
	.page-template:not(.home) #main .entry-content{
		width:80%;
	}
/*
	.mobile-menu-buttons{
		min-height:120px;
	}
	header.article-header{
		margin-top:3em;
	}
*/
}
@media screen and (min-width:981px){
}
@media screen and (min-width:981px){
	.D-N-O981{
		display:none;
	}
}
@media screen and (max-width:980px){
	.D-N-U980{
		display:none;
	}
	.slider-catchcopy{
		width:100%; 
		left:0;
		transform: translate(0, 0);
	}
	.D-TableCell.CompanyInfo{
		display:block;
	}
	.D-TableCell.MAP.TA-R{
		text-align:center;
		padding-right:1em;
		padding-left:1em;
	}
}
@media screen and (min-width:881px){
	.D-N-O881{
		display:none;
	}
}
@media screen and (max-width: 880px){
	#TOP-manufacturing .manufacturing1 .D-TableCell{
		display:block;
		padding-right:0;
	}
	.D-N-U880{
		display:none;
	}
	.manufacturing2 .D-TableCell.BGC-ccc-U880{
		background-color:#ccc;
	}
}
@media screen and (max-width: 834px){
	main.main{
		padding:0;
	}
	#HISTORY .D-TableCell{
		display:block;
	}
	#HISTORY .D-TableCell.PR-1em{
		padding:0;
		font-weight:700;
	}
}
@media screen and (min-width: 781px){
	.D-N-O781{
		display:none;
	}
}
@media screen and (max-width: 780px){
	.D-N-U780{
		display:none;
	}
}
@media screen and (min-width: 681px){
	.D-N-O681{
		display:none;
	}
}
@media screen and (max-width: 680px){
	.D-N-U680{
		display:none;
	}
	.page-template:not(.home) #main .entry-content{
		width:90%;
	}
/*	.slider-catchcopy{
		width:70%;
	}
*/
}
@media screen and (min-width: 601px){
	.D-N-O601{
		display:none;
	}
}
@media screen and (max-width: 600px){
	.D-N-U600{
		display:none;
	}
	.Contactform .D-TableCell,#TOP-contact .D-TableCell{
		display:block;
		width:100%;
	}
	.Contactform .D-TableCell{
		padding-top:0;
		padding-bottom:0;
	}
	#TOP-contact .D-TableCell{
		padding:0.5em 1em;
	}
	.Contactform .BL-1pxsolidccc{
		border-left:none;
		padding:0.5em 0;
	}
	.Contactform .D-TableCell .F-R{
		float:unset;
	}
	.Contactform .D-TableCell.W-25{
		font-weight:700;
	}
	#RECRUIT-youkou .PRL-2em{
		padding-right:1em;
		padding-left:1em;
	}
}
@media screen and (max-width: 480px){
	.slider-catchcopy{
/*		width:auto; */
		padding:2em;
	}
	#navi-footer-in li,#RECRUIT-youkou .D-TableCell,.News-List .D-TableCell{
		display:block;
		width:100%;
	}
	#RECRUIT-youkou .D-TableCell.TH{
		padding:0.5em 0 0;
		border:none;
	}
	#RECRUIT-youkou .D-TableCell.TD{
		padding:0 1em 0.5em;
	}
	
	/* ↓モバイル用電話、お問い合わせアイコン↓ */
	.header-subnavi-mobile{
		position:absolute;
		margin-top:3em;
		padding-right:0;
	}
	.mobile-header-menu-buttons{
		height:6em;
	}
	#content{
		margin-top:4.3em;
	}

}
@media screen and (max-width: 300px){
	a.Button_link{
		padding:1em 2em;
	}
	a.Button_link::after{
		width:30px;
	}
}