@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
*/

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


/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
/*全固定ページの投稿日・更新日を消す*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*フロント固定ページのタイトルを非表示*/
.page .entry-title{
  display: none;
}

body {
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", YuMincho, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

img { vertical-align: bottom; }
#main { border:none;font-weight:400; }

a { text-decoration: none;outline: none;transition: opacity .2s ease-in-out; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none;opacity: .6;color:#00817e; }
em { font-style:normal;font-weight:600; }

.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.m-auto { margin-left:auto;margin-right:auto; }
.btmlineDot { border-bottom:1px dotted #b1cca3; }
.article p.sml { font-size:0.9em;margin:0 0 10px 0;padding:0 0 4px 0; }
.btmline { border-bottom:1px solid #b5b5b5; }

.article p { margin:0;padding:1.8em 0 0 0; }
a.entry-card-wrap { border-bottom:1px dotted #666; }
.entry-card-snippet { line-height: 1.5; }

main.main { padding:0; }
.content  { margin-top:0; }

.tagcloud a,.entry-tags a { border: 1px solid #ccc; }
.date-tags,.entry-date,.post-date,.post-update { font-size:14px !important; }
.article ol { margin-bottom:1em; }
.article ol li { padding:4px 0 4px 5px; }

.article h1,.article h2,.article h3,.article h4 { background-color:transparent;border:0;margin:0;padding:0;color:#00817E;line-height:1.8;font-weight:700;  }

/************************************
** コンテンツ幅100%に調整
************************************/

#content { border:0; }
.content { margin-top:0; }
.entry-content { margin-top:0; }

.wrap { width:100%; }
#main { padding:0;margin:0;min-height:400px;border:0; }

#main .panel-grid-cell { max-width:1120px;margin:0 auto; }
.home #main .panel-grid-cell { max-width:100%;margin:0; }

.entry-content { margin-bottom:0; }
#content-in { margin-bottom:0; }


/************************************
** 404
************************************/

body.error404 #main h1.entry-title { padding-top:2em; }
body.error404 #sidebar { display:none; }
body.error404 #content { margin-left:auto;margin-right:auto;width:73%;max-width:960px; }
body.error404 #main { width:100%; }

img.not-found { display:block;max-width:480px;margin:2em auto; }
body.error404 a.goHomeLink { font-size:1.3em;line-height:3.0; }

@media screen and (max-width:1023px){
	body.error404 #content { width:94%;max-width:960px;padding-bottom:60px; }
}
@media screen and (max-width:540px){
	img.not-found { max-width:70%; }
	body.error404 #main h1.entry-title { padding-top:2em;font-size:16px; }
	body.error404 #content { width:90%;padding-bottom:40px; }
}

/************************************
** 検索を非表示
************************************/

.search-menu-button { display:none !important; }

/************************************
** 改行 位置調整
************************************/

.dispPC { display:inline-block; }
.dispTB { display:none; }
.dispSP { display:none; }
.dispSPS { display:none; }

@media screen and (max-width:768px){
	.dispPC { display:none }
	.dispTB  { display:inline-block; }
}
@media screen and (max-width:540px){
	.dispSP { display:inline-block; }
}
@media screen and (max-width:428px){
	.dispSPS { display:inline-block; }
}

/************************************
** menu-mobile ハンバーガーメニューを右に
************************************/

@media screen and (max-width:1023px){
	.mobile-header-menu-buttons { flex-direction:row-reverse; }
	.mobile-header-menu-buttons li.navi-menu-button {  }
	.mobile-header-menu-buttons li.logo-menu-button {  }
	.navi-menu-content {
		left: auto;
		right: 0;
		transform: translateX(105%);
	}
}


/************************************
** スマホメニュー
************************************/

#navi-menu-content { background-color:#f2f5ea; }
#navi-menu-content .fa-times:before { color: #086838; }
#navi-menu-content li a { margin:1.7em 0;font-size:16px; }
#navi-menu-content li.privacypolicy a { margin-top;2.6em;padding-top:2.4em;border-top:1px solid #8aa57c; }

#navi-menu-open { color: #086838; }

/** タブレットメニューでheader-containerロゴを削除 **/
@media screen and (max-width:1023px)	{
	.header-container-in.hlt-top-menu .logo-header img { display:none; }
}

/************************************
** 背景画像 pages
************************************/

#content { padding-bottom:100px; }

.pgTtlBox {
	position:relative;
	background-image: url('/wp2412/wp-content/uploads/2024/12/headerVisual.jpg.webp');
	background-image: url('/wp2412/wp-content/uploads/2024/12/headerVisual.jpg');
	background-position:center -240px;
	background-size: 2400px 526px;
	background-repeat:no-repeat;
	background-attachment:scroll;
	top:-80px;
	margin-bottom:-80px;
	padding-top:350px;
}

.header-container-in.hlt-top-menu .logo-header { position:relative;z-index:99999; }
#menu-headmenu { position:relative;z-index:99999; }

@media screen and (max-width:2400px) {
	.pgTtlBox {	background-position:right -240px; }
}
@media screen and (max-width:1536px) {
	.pgTtlBox {	background-position:center 0px;background-size: 1536px 336px;padding-top:400px; }
}
@media screen and (max-width:1366px) {
	#content { padding-bottom:70px; }
	.pgTtlBox {	background-size: 1366px 300px;padding-top:350px; }
}
@media screen and (max-width:1280px) {
	.pgTtlBox {	background-size: 1280px 280px;padding-top:320px; }
}
@media screen and (max-width:1080px) {
	#content { padding-bottom:50px; }
	.pgTtlBox {	background-size: 1080px 236px;padding-top:280px; }
}
@media screen and (max-width:960px) {
	.pgTtlBox {	background-position:right 35px;background-size: 960px 210px;padding-top:280px; }
}
@media screen and (max-width:640px) {
	#content { padding-bottom:40px; }
	.pgTtlBox {	background-size: 640px 140px;padding-top:200px; }
}
@media screen and (max-width:480px) {
	#content { padding-bottom:30px; }
	.pgTtlBox {	background-size: 480px 106px;padding-top:165px; }
}
@media screen and (max-width:375px) {
	#content { padding-bottom:20px; }
	.pgTtlBox {	background-size: 450px 98px;padding-top:162px; }
}



/************************************
** 背景画像 home
************************************/

body.home #content,body.home #content-in,body.home #main { margin-bottom:0;padding-bottom:0; }

body.home {
	background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_2400x1200.jpg');
	background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_2400x1200.jpg.webp');
	background-size:100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

@media screen and (min-width:6701px)	{
	body.home {	background-position:center -19%; }
	body.home #content { margin-top:40%; }
}

@media screen and (max-width:6700px)	{
	body.home {	background-position:center -17%; }
	body.home #content { margin-top:40%; }
}
@media screen and (max-width:5800px)	{
	body.home {	background-position:center -17%; }
	body.home #content { margin-top:40%; }
}

/***************************/

@media screen and (max-width:5120px)	{
	body.home {	background-position:center -17%; }
	body.home #content { margin-top:37%; }
}
@media screen and (max-width:4480px)	{
	body.home {	background-position:center -15%; }
	body.home #content { margin-top:37%; }
}
@media screen and (max-width:3700px)	{
	body.home {	background-position:center -13%; }
	body.home #content { margin-top:37%; }
}
@media screen and (max-width:3200px)	{
	body.home {	background-position:center -9%; }
	body.home #content { margin-top:39%; }
}
@media screen and (max-width:2560px)	{
	body.home {	background-position:center -6%; }
	body.home #content { margin-top:40%; }
}
@media screen and (max-width:2300px)	{
	body.home {	background-position:center -5%; }
	body.home #content { margin-top:41%; }
}
@media screen and (max-width:1920px)	{
	body.home { background-position:center 0px; }
	body.home #content { margin-top:960px; }
}
@media screen and (max-width:1720px)	{
	body.home #content { margin-top:850px; }
}
@media screen and (max-width:1536px)	{
	body.home #content { margin-top:760px; }
}
@media screen and (max-width:1440px)	{
	body.home #content { margin-top:690px; }
}
@media screen and (max-width:1366px)	{
	body.home #content { margin-top:660px; }
}
@media screen and (max-width:1280px)	{
	body.home #content { margin-top:620px; }
}
@media screen and (max-width:1180px)	{
	body.home #content { margin-top:540px; }
}
@media screen and (max-width:1080px)	{
	body.home #content { margin-top:520px; }
}
@media screen and (max-width:1024px)	{
	body.home #content { margin-top:460px; }
}
@media screen and (max-width:1023px)	{
	body.home {
		background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_2400x1400.jpg');
		background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_2400x1400.jpg.webp');
	}
	body.home { background-position:center -55px; }
	body.home #content { margin-top:480px; }
}
@media screen and (max-width:960px)	{
	body.home #content { margin-top:440px; }
}
@media screen and (max-width:900px)	{
	body.home #content { margin-top:420px; }
}
@media screen and (max-width:850px)	{
	body.home { background-position:center -35px; }
	body.home #content { margin-top:385px; }
}
@media screen and (max-width:768px)	{
	body.home { background-position:center -30px; }
	body.home #content { margin-top:345px; }
}
@media screen and (max-width:720px)	{
	body.home #content { margin-top:320px; }
}
@media screen and (max-width:670px)	{
	body.home #content { margin-top:290px; }
}
/** ここからスマホ用 **/
@media screen and (max-width:640px)	{
	body.home {
		background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_960x1200.jpg');
		background-image: url('/wp2412/wp-content/uploads/2024/12/mainVisual_960x1200.jpg.webp');
		background-position:center 50px;
		background-size:100%;
		background-repeat:no-repeat;
	}
	body.home #content { margin-top:785px; }
}
@media screen and (max-width:540px)	{
	body.home #content { margin-top:645px; }
}
@media screen and (max-width:480px)	{
	body.home #content { margin-top:575px; }
}
@media screen and (max-width:430px)	{
	body.home #content { margin-top:507px; }
}
@media screen and (max-width:414px)	{
	body.home #content { margin-top:490px; }
}
@media screen and (max-width:390px)	{
	body.home #content { margin-top:458px; }
}
@media screen and (max-width:375px)	{
	body.home #content { margin-top:440px; }
}
@media screen and (max-width:360px)	{
	body.home #content { margin-top:420px; }
}
@media screen and (max-width:350px)	{
	body.home #content { margin-top:405px; }
}
@media screen and (max-width:340px)	{
	body.home #content { margin-top:395px; }
}
@media screen and (max-width:320px)	{
	body.home #content { margin-top:370px; }
}


/************************************
** navi
************************************/

#header-container-in { max-width:1280px;padding:10px 16px 8px 16px; }
#navi { background-color: transparent; }

.header-container, .main, .sidebar, .footer { background-color:transparent; }

.header-container-in.hlt-top-menu .logo-header img {
	width:152px;height:30px;margin-top:-4px;
	filter: brightness(0) opacity(100%) invert(100%);
	filter: brightness(300%) hue-rotate(360deg) saturate(0%);
}
.home .header-container-in.hlt-top-menu .logo-header img {
	display:none;
}

.navi-in a { color:#fff;letter-spacing:1px; }
.navi-in a:hover { background-color:transparent;color:#fff; }

.home .fixed-header .header-container-in.hlt-top-menu .logo-header img { display:block; }

.fixed-header .header-container-in.hlt-top-menu .logo-header img { filter: none; }
.fixed-header { background-color: var(--cocoon-white-color); }
.fixed-header .navi-in a { color:#000; }
.navi-in a:hover { background-color:transparent;color:#000; }

.menu-headmenu {  }




/************************************
** navi mobile
************************************/

@media screen and (max-width:1023px)	{
	.logo-menu-button img { height:36px; }
}
@media screen and (max-width:540px)	{
	.logo-menu-button img { height:30px; }
}


/************************************
** navi mobile foot
************************************/

#menu-mobilefootmenu { background-color:#21470e; }
#menu-mobilefootmenu li { border-right:1px solid #708469; }
#menu-mobilefootmenu li:last-child { border-right:0; }
#menu-mobilefootmenu .menu-button > a { color:#fff; }


/************************************
** footer
************************************/

body.home #footer  { margin-top:-1.7em; }

#footer { padding:0;font-size:16px;margin-top:0;padding-top:0; }

#foot-info1 {
	padding:70px 0 64px 0;
	background-image: url('/wp2412/wp-content/uploads/2024/12/green_bg.jpg.webp');
	background-image: url('/wp2412/wp-content/uploads/2024/12/green_bg.jpg');
	background-size:cover;
	background-repeat: no-repeat;
}

#foot-info1:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

#foot-info1 h2 { padding-bottom:1.0em; }
#foot-info1 p { text-align:left;width:270px;margin:0 auto; }
#foot-info1 a { display:block;padding:3px 0 22px 0;border:1px solid #fff;margin-top:1.5em;text-align:center; }

	.foot-info1-in { max-width:960px;margin:0 auto;padding:0 16px; }

		#foot-info1 .foot-company {
			width:50%;
			float:left;
			text-align:center;
			padding-bottom:15px;
			border-right:1px solid #bababa;
		}

		#foot-info1 .foot-contact { 
			width:50%;
			float:left;
			text-align:center;
		}

#foot-info2 {
	clear:both;
	padding:50px 0 40px 0;
}

	.foot-info2-in { max-width:1100px;margin:0 auto;padding:0 0 0 26px; }
	.foot-info2-in a { margin-right:40px;line-height:3.6; }

@media screen and (max-width:960px)	{
	#foot-info2 { padding-left:20px; }
}
@media screen and (min-width:640px)	{
	#foot-info1 .foot-contact h2 { padding-bottom:1.6em; }
	#foot-info1 .foot-contact a {margin-top:2.35em; }
}
@media screen and (max-width:640px)	{
	#foot-info1 { padding:30px 0 50px 0; }
	#foot-info2 { padding:30px 0 0px 0; }
	#foot-info1 .foot-company { width:100%;float:clear;clear:both; }
	#foot-info1 .foot-contact { width:100%;float:clear;clear:both; }
	#foot-info1 .foot-company { border-right:0;border-bottom:1px solid #fff; }
	#foot-info1 p { text-align:left;width:70%;min-width:280px; }
	#foot-info1 .foot-company { padding-bottom:50px; }
	#foot-info1 .foot-contact { padding-top:30px; }
}
@media screen and (max-width:480px)	{
	.foot-info2-in a { display:block;margin-right:0;line-height:3.4; }
	.foot-info2-in br { display:none; }
}


/************************************
** content
************************************/

.ctt { max-width:1120px;margin:0 auto; }



/************************************
** content pageTtl
************************************/

h1.pgs { font-size:1.4em;line-height:2.0;padding-bottom:40px;color:#00817E;text-align:center; }
	h1.pgs img { display:block;margin:0 auto;padding-bottom:1.6em; }

	body.page-id-41 h1.pgs,body.page-id-46 h1.pgs,body.page-id-48 h1.pgs,body.page-id-51 h1.pgs { padding-bottom: 20px; }

@media screen and (max-width:1080px)	{
	h1.pgs { padding-bottom:30px; }
	body.page-id-41 h1.pgs,body.page-id-46 h1.pgs,body.page-id-48 h1.pgs,body.page-id-51 h1.pgs { padding-bottom: 10px; }
}
@media screen and (max-width:768px)	{
	h1.pgs { padding-bottom: 30px; }
	h1.pgs img { padding-bottom: 1.0em; }
	body.page-id-41 h1.pgs,body.page-id-46 h1.pgs,body.page-id-48 h1.pgs,body.page-id-51 h1.pgs { padding-bottom:0; }

	/* 80%*/
	h1.pgs img.headword_products { width:138px;height:auto; }
	h1.pgs img.headword_company { width:134px;height:auto; }
	h1.pgs img.headword_contact { width:118px;height:auto; }
	h1.pgs img.headword_privacypolicy { width:216px;height:auto; }
}
@media screen and (max-width:640px)	{
	h1.pgs { padding-bottom: 22px; }
	h1.pgs img { padding-bottom: 0.8em; }

	/*products 70%*/
	h1.pgs img.headword_products { width:120px;height:auto; }
	h1.pgs img.headword_company { width:118px;height:auto; }
	h1.pgs img.headword_contact { width:104px;height:auto; }
	h1.pgs img.headword_privacypolicy { width:190px;height:auto; }
}
@media screen and (max-width:414px)	{
	h1.pgs img { padding-bottom: 0.6em; }
}

/************************************
** content home
************************************/

.tppg_info {
	position:relative;
	text-align:right;
	padding-bottom:80px;
}
.tppg_info:after,.tppg_infoMsg h1:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

	.tppg_infoMsg {
		position:absolute;
		top:0;
		left:0;
		width:60%;
		max-width:660px;
		padding:50px 100px 56px 50px;
		text-align:left;
		background-color:#fff;
		border: 1px solid #f9f9f9;
	}

	.tppg_infoMsg h1 { color:#00817E; }
		.tppg_infoMsg h1 img { float:left;min-width:120px;margin:10px 0 0 14px; }
		.tppg_infoMsg h1 p { float:left;padding:0 0 10px 50px;margin:0;width:360px; font-size:21px;line-height:2.0; }
		.tppg_infoMsg h1 br.dispTB { display:none; }

	.tppg_infoImg {
		position:relative;
		padding-top:60px;
		max-width:520px;
		height:650px;
		object-fit:cover;
		object-position: left bottom;
	}

.tppg_mert { padding:110px 0 40px 0;text-align:center; }
.tppg_mert:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

.tppg_mertList {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;

	justify-content:center;
}
.tppg_mertList:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }
	.mertBox { width:42%;background-color:#fff;padding:56px;margin:10px 10px; }
		.mertBox h3 { font-size:20px;line-height:1.6; }
		.mertBox p { padding-top:1em; }


.tppg_services { text-align:center;padding:140px 0 80px 0; }

.tppg_servicesMsg h3 { width:530px;margin:0 auto;color:#111;font-size:20px; }
.tppg_servicesMsg p { width:530px;margin:0 auto;padding-top:1em;padding-bottom:3.4em; }

.tppg_products {
	padding-top:100px;
	padding-bottom:100px;
}
.tppg_products:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

.tppg_productsMsg {
	width:34%;float:left;
}

	.tppg_productsMsg h2 { text-align:center; }

	.tppg_productsMsg a {
		display: block;
		padding: 0 0 22px 0;
		border: 1px solid #448186;
		margin-top: 1.5em;
		text-align: center;
	}

		.tppg_productsImg {
			float:right;
		}

@media screen and (max-width:1280px) {
	.tppg_productsMsg { margin-left:30px; }
}
@media screen and (max-width:1200px) {
	.tppg_info { margin:0 26px;padding-bottom:70px; }
	.tppg_infoMsg { padding-right:0;padding-bottom:56px;  }
		.tppg_infoMsg p { max-width:80%; }
		.tppg_infoMsg h1 { font-size: 1.40em; }
			.tppg_infoMsg h1 img { margin: 0.5em 0 0 0; }
			.tppg_infoMsg h1 p { padding-left:40px; }
	.tppg_infoImg { width:46%; }

	.tppg_mert { padding: 90px 0 40px 0; }

	.mertBox { width: 46%;padding: 40px; }

	.tppg_services { padding: 100px 0 60px 0; }
	.tppg_servicesMsg p:last-child { padding-bottom: 1.4em; }

	.tppg_products { padding-top:80px;padding-bottom:80px;overflow:hidden; }
}
@media screen and (max-width:1140px) {
	.tppg_productsMsg { width:30%;margin-left:8%; }
	.tppg_productsImg { width:54%;height:auto; }
}
@media screen and (max-width:1024px) {
	.tppg_infoMsg { padding:46px 0 50px 46px;border: 1px solid #efefef; }
	.tppg_infoMsg p { max-width: 82%; }
	.tppg_infoMsg h1 p { font-size:20px;line-height:1.9; }
}
@media screen and (max-width:1023px) {
	.tppg_infoMsg h1 { font-size: 1.38em; }
	.tppg_infoMsg p { max-width: 83%; }
	.tppg_infoImg { width: 43%; }
}
@media screen and (max-width:960px) {
	.tppg_infoMsg { width:100%;max-width:100%; }
		.tppg_infoMsg h1 { font-size: 1.34em; }
		.tppg_infoMsg p { max-width: 44%; }
			.tppg_infoMsg h1 p { width:auto;max-width:100%;padding-bottom:20px;  }
			.tppg_infoMsg h1 img { margin:0; }
			.tppg_infoMsg h1 br { display:none; }
			.tppg_infoMsg h1 br.dispTB { display:block; }
	.tppg_infoImg { width: 48%;height:310px;padding-top:0px;padding-right:30px;margin-top:200px;margin-bottom:70px; }
}
@media screen and (max-width:840px) {
	.tppg_info { padding-bottom: 50px; }

	.tppg_infoMsg { padding: 40px 0 40px 40px; }
		.tppg_infoMsg p { max-width: 48%; }
			.tppg_infoMsg h1 p { width:auto;max-width:100%;padding-bottom:20px;  }
	.tppg_infoImg { width: 46%;height:330px;padding-top:0px;padding-right:30px;margin-top:200px;margin-bottom:70px; }

	.tppg_mert { padding: 60px 0 40px 0; }
	
	.mertBox { padding: 40px; }
	.tppg_servicesMsg { margin-bottom:-30px; }
	.tppg_services { padding: 60px 0 60px 0; }
	.tppg_productsMsg { width:32%;margin-left:8%; }
	.tppg_productsImg { width:54%;height:auto; }
}
@media screen and (max-width:768px) {
	.tppg_info { margin:0 20px;padding-bottom:20px; }
	.tppg_infoMsg { padding: 26px 0 30px 30px; }
	.tppg_infoMsg h1 p { font-size:18px; }
	.tppg_infoMsg p { max-width: 47%; }
	.tppg_infoImg { margin-top:180px;margin-bottom:76px;height:350px; }

	.tppg_servicesMsg h3 { width: 90%;text-align:left; }
	.tppg_servicesMsg p { width: 90%; }
}
@media screen and (max-width:750px) {
	.tppg_infoMsg h1 p { font-size:17px; }
	.tppg_infoMsg h1 img { min-width:auto;width:100px; }
	.tppg_infoMsg p { padding: 0.6em 0; }
	.tppg_infoImg { margin-top: 160px; }

	.tppg_mert { padding: 50px 20px 28px 22px; }
	
	.mertBox h3 { font-size:18px; }
	.mertBox { padding:30px; }

	.tppg_services { padding: 48px 0 44px 0; }
	.tppg_services h2 img { width:160px;margin-bottom:1em; }
	.tppg_services h2 p { padding-top:1.0em; }
	.tppg_servicesMsg p { padding-bottom: 2.2em; }
	.tppg_servicesMsg p:last-child { padding-bottom: 3.2em; }

	.tppg_products { padding-top:50px;padding-bottom:50px; }
	.tppg_productsMsg h2 img { width:162px; }
	.tppg_productsMsg { width: 36%;margin-left:36px; }
}
@media screen and (max-width:660px) {
	.tppg_infoImg { height: 380px; }
	.tppg_infoMsg h1 p { padding-left:28px; }
}
@media screen and (max-width:640px) {
	.tppg_info { margin:0 12px; }
	.tppg_info:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }
	.tppg_infoMsg { position:relative;padding: 24px 26px 26px 26px; }
	.tppg_infoMsg:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }
		.tppg_infoMsg p { max-width:100%;width:100%; }
		.tppg_infoMsg h1 img { width:16%; }
		.tppg_infoMsg h1 p { width:80%;font-size:16px; }
		.tppg_infoMsg h1 p br { display:none !important; }
	.tppg_infoImg { position:relative;margin:36px auto 40px auto;padding:0;width:80%;height: 350px;display:block;clear:both; }

	.tppg_mert h2 img { width:100px;padding-right:0; }

	
	.mertBox { width:100%;padding:22px;margin: 6px 16px; }
	.mertBox p { padding-top:0.6em; }
	.mertBox p br { display:none; }

	.tppg_services h2 img { width: 140px; }
	.tppg_servicesMsg h3  { font-size:18px; }
	.tppg_servicesMsg p { padding-top:0.4em; }

	.tppg_products { padding-top:50px;padding-bottom:62px; }
	.tppg_productsMsg { width: 90%;float:none;margin:0 auto;padding:0; }
		.tppg_productsMsg h2 img { width: 146px; }
		.tppg_productsImg { width:90%;float:none;display:block;margin:3.6em auto 0 auto; }
}
@media screen and (max-width:540px) {
	.tppg_infoMsg { position:relative;padding: 22px 18px 20px 24px; }
	.tppg_infoMsg h1{ position: relative; }
	.tppg_infoMsg h1 p { position: relative;width:100%;margin:0;padding:0 0 130px 0; }
	.tppg_infoMsg h1 img { position: absolute;left:40%;top:105px;width:100px; }

	.tppg_infoImg { width:92%;height: 340px;margin:28px auto 30px auto; }
}
@media screen and (max-width:480px) {
	.tppg_infoMsg { padding: 20px 16px 20px 20px; }
	.tppg_infoMsg h1 p { padding: 0 0 116px 0; }
	.tppg_infoMsg h1 img { top: 116px;width:90px; }
}
@media screen and (max-width:428px) {
	.tppg_infoMsg h1 img { left:38%;top:126px;width:88px; }
	.tppg_infoMsg h1 p { padding: 0 0 130px 0; }
}
@media screen and (max-width:414px) {
	.tppg_infoMsg h1 img { left:36%; }
	.tppg_infoImg { width: 100%;margin:14px auto 18px auto;height: 300px; }
}
@media screen and (max-width:390px) {
	.tppg_infoMsg h1 p { font-size: 16px;padding: 0 0 128px 0; }
	.tppg_infoMsg h1 img { left: 36%;top: 118px; }
	.tppg_infoImg { height: 280px; }
}
@media screen and (max-width:375px) {
	.tppg_infoMsg h1 p { padding: 0 0 110px 0; }
	.tppg_infoMsg h1 img { left: 36%;top: 123px; }
}
@media screen and (max-width:360px) {
	.tppg_infoMsg h1 p { padding: 0 0 110px 0; }
	.tppg_infoMsg h1 img { left: 36%;top: 128px; }
	.tppg_infoImg { height: 260px; }
}
@media screen and (max-width:320px) {
	.tppg_infoMsg h1 p { padding: 0 0 124px 0;font-size: 15px; }
	.tppg_infoMsg h1 img { left: 34%;top: 137px; }
	.tppg_mert h2 p { font-size:18px; }

	.tppg_services h2 p { font-size:18px; }
	.tppg_infoImg { height: 240px; }
}



/************************************
** content products
************************************/

.productsBox {
	width:90%;
	margin:0 auto 64px auto;
	padding:54px 54px 40px 54px;
	background-color:#fff;
	border:1px solid #E6E6E6;
}
.productsBox:first-child { margin-top:64px; }
.productsBox:after,.tppg_infoMsg h1:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

	.productsBox h2.itemName { color:#111;padding-bottom:10px;margin-bottom:22px;border-bottom:1px solid #999; }

	.productsBox .productsBox01 { width:46%;float:left; }

		.productsBox01 .itemImg01 { width:100%;padding:4px 0 18px 0; }
		.productsBox01 .itemImg02 { width:49%;height:130px;object-fit: cover;padding-right:2%; }
		.productsBox01 .itemImg03 { width:49%;height:130px;object-fit: cover; }
		.productsBox01 .sample { font-size:14px;color:#444;letter-spacing:2px;text-align:center;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif; }

	.productsBox .productsBox02 { width:50%;float:right; }

		.productsBox .productsBox02 h3.itemPr { color:#222;font-size:1.26em;padding:6px 0 0 0; }
		.productsBox .productsBox02 p { padding-top:1em;line-height:2.0; }
		.productsBox .productsBox02 h3.itemPoint {
			font-size:16px;padding:6px 0;margin:1.2em 0 0.8em 0;
			color:#111;background-color:#efefef;text-align:center;
		}
		.productsBox .productsBox02 ul { margin:0;padding:0 0 18px 20px; }
		.productsBox .productsBox02 ul li { line-height:2.0;margin:0; }
		.productsBox .productsBox02 table {  }
		.productsBox .productsBox02 table th { font-size:14px;color:#333;background-color:#efefef;padding:6px 6px;border:1px solid #fff;line-height:2.0; }
		.productsBox .productsBox02 table td { background-color:#f8f8f8;padding:6px 6px 6px 14px;border:1px solid #fff;line-height:2.0; }

@media screen and (max-width:1080px) {
	.productsBox { width:94%;padding: 44px 40px 30px 44px; }
	.productsBox:first-child { margin-top: 36px; }
	.productsBox:last-child { margin-bottom: 38px; }
}
@media screen and (max-width:960px) {
	.productsBox { width:96%;padding: 30px 20px 12px 24px; }
	.productsBox:first-child { margin-top: 26px; }
	.productsBox:last-child { margin-bottom: 28px; }

	.productsBox .productsBox02 h3.itemPr  { font-size:18px; }
	.productsBox .productsBox02 p,.productsBox .productsBox02 ul li,.productsBox .productsBox02 table th,.productsBox .productsBox02 table td { font-size:14px; }
}
@media screen and (max-width:540px) {
	.productsBox { padding: 24px 20px 2px 22px; }
	.productsBox h2.itemName { font-size: 22px; }
	.productsBox .productsBox01 { float:none;width:100%; }
	.productsBox .productsBox02 { float:none;width:100%;margin-top:3em; }
}
@media screen and (max-width:480px) {
	.productsBox { padding: 28px 12px 8px 13px; }
	.productsBox h2.itemName { padding-bottom:0;padding-left:12px;margin-bottom:8px;border-bottom:0;line-height:1.6;border-left: 5px solid #eae8e8; }
	.productsBox .productsBox02 h3.itemPoint { padding: 2px 0;font-size: 15px; }
}
@media screen and (max-width:414px) {
	.productsBox h2.itemName { font-size: 20px; }
	.productsBox .productsBox02 table th { display:block;width:100%;padding:2px 0;border:0; }
	.productsBox .productsBox02 table td { display:block;width:100%;border:0; }
}
@media screen and (max-width:390px) {
	.productsBox .productsBox02 { margin-top: 2.2em; }
	.productsBox h2.itemName { font-size:18px; }
	.productsBox .productsBox02 h3.itemPr { font-size:17px;margin-bottom:-7px; }
}
@media screen and (max-width:360px) {
	.productsBox .productsBox02 { margin-top: 1.8em; }
}
@media screen and (max-width:320px) {
	.productsBox h2.itemName { padding-left:8px !important; }
}



/************************************
** content company
************************************/

.companyBox {
	width:80%;
	margin:4% auto 0 auto;
	padding:3%;
	background-color:#fff;
}
.companyBox:after,.tppg_infoMsg h1:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }

.companyTbl {
	width:80%;
	margin:4% auto 0 auto;
	padding:3%;
}

	table.companyTable { width:92%;margin:30px auto 0 auto; }
	table.companyTable tr:nth-of-type(2n+1) { background-color:transparent; }
		table.companyTable th {
			width:170px;
			font-size:14px;line-height:2.0;
			color:#333;
			background-color:transparent;
			padding:18px 12px;
			text-align:left;
			border-left:none;
			border-top:1px solid #e5e9de;
			border-right:none;
			border-bottom:1px solid #e5e9de;
		}
		table.companyTable th.required {
			padding-left:26px;
		}
		table.companyTable th.required::before {
			position: absolute;
			top: middle;
			left: 10px;
			content: "※";
			color:red;
			font-size:0.8em;
		}
		table.companyTable td {
			font-size:14px;line-height:2.0;
			background-color:transparent;
			padding:18px 12px;
			border-left:none;
			border-top:1px solid #e5e9de;
			border-right:none;
			border-bottom:1px solid #e5e9de;
		}

@media screen and (max-width:834px)	{
	.companyBox { width:90%; }
	.companyTbl { width:90%; }
}
@media screen and (max-width:768px)	{
	.companyBox { width:94%; }
	.companyTbl { width:94%; }
	table.companyTable th { padding:12px 10px; }
	table.companyTable td { padding:12px 10px; }
}
@media screen and (max-width:640px)	{
	.companyTbl { width:96%; }
	table.companyTable th { width:144px; }
}
@media screen and (max-width:480px)	{
	table.companyTable { border-top:1px solid #e5e9de; }
	table.companyTable tr { border-bottom:1px solid #e5e9de; }
	table.companyTable th { display:block;width:100%;border:0;color:#000; }
	table.companyTable td { display:block;width:100%;border:0;padding-top:0;padding-left:24px; }
}



/************************************
** content privacypolicy
************************************/

.privacypolicyBox { margin:0px 0 50px 0; }
.privacypolicyBox h2 { margin-top:60px;font-size:1.3em; }
.privacypolicyBox ul { margin-bottom:0; }

@media screen and (max-width: 1279px) {
	.privacypolicyBox { padding:0px 36px; }
}
@media screen and (max-width: 480px) {
	.privacypolicyBox { padding:0px 24px; }
}



/************************************
** content contact
************************************/

@media screen and (max-width: 1279px) {
	.contactThanks { padding:0 36px; }
}
@media screen and (max-width: 768px) {
	.contactMsg { text-align:left;padding:0 30px; }
}
@media screen and (max-width: 540px) {
	.contactMsg .dispPC,.contactMsg .dispTB { display:none; }
}
@media screen and (max-width: 480px) {
	.contactMsg { text-align:left;padding:0 20px; }
	.contactThanks { padding:0px 24px; }
}



/************************************
** form
************************************/

.notice { color:red;font-size:0.8em; }

.inquirytbl { margin:1.2em 0 0 0 !important; }
.inquirytbl th { text-align:left;font-weight:500; }
.inquirytbl th::before { position:above;top:2px;left:0px;content: "任意";font-size:13px;padding:2px 18px;margin-right:15px;border-radius:20px;
	background-color:#bfbfbf;color:#fff; }
.inquirytbl th.required::before { position:above;top:2px;left:0px;content: "必須";font-size:13px;background-color:#fce3ce;color:#333; }

.inquirytbl textarea { height:14em; }

.mw_wp_form .error { color:#ee5488 !important; }
.inquirytbl select { cursor:pointer; }
.hand { cursor:pointer; }
form select { background-color: rgb(255, 255, 255); }

.entry-content h3.inquiry { width:96%;margin:20px auto;color:#271016; }
.inquirytbl { margin:20px auto;border:2px solid #E0E5F0; }
p.agreement { width:90%;margin:20px auto 60px auto; }

	.inquirytbl,.inquirytbl th,.inquirytbl td {
		border:none;
		border-bottom:2px solid #fff;
	}
	.inquirytbl th:first-child,.inquirytbl td:nth-child(2) {
		border-top:2px solid #fff;
	}

.inquirytbl th { padding:10px 25px;width:250px; }
.inquirytbl .required { position:relative; }

h3 .required { position:relative; }
h3.inquiry .required { padding-left:60px; }

.inquirytbl td { padding:10px 8px 10px 12px; }
.inquirytbl td.checkbox span { display:block; }
.inquirytbl td.checkbox span span { display:inline; }
.inquirytbl td.checkbox span:first-child { margin-left: 10px; }
.inquirytbl td p { margin:0;padding:0; }

td .w10 { width:10%;font-size:14px; }
td .w20 { width:20%;font-size:14px; }
td .w30 { width:30%;font-size:14px; }
td .w40 { width:40%;font-size:14px; }
td .w50 { width:50%;font-size:14px; }
td .w60 { width:60%;font-size:14px; }
td .w70 { width:70%;font-size:14px; }
td .w80 { width:80%;font-size:14px; }
td .w90 { width:90%;font-size:14px; }

.inquirytbl td p.mt10 { padding:14px 0 0 0 !important; }

p.agreement { text-align:center;padding:10px 0;line-height:3.4;background-color:#FFFFDC;border-radius:6px;border:2px solid #F5E8EB; }
p.agreement em { font-weight:normal; }
p.agreement span { font-size:1.1em; }

#confirm .inputNote { display:none;white-space: nowrap; }	/** 確認画面　入力要素横の※メッセージを非表示に **/

/*1240px以下*/
@media screen and (min-width:1200px){
	.entry-content h3.inquiry { width:90%;margin:20px auto; }
	.inquirytbl { width:90%;margin:20px auto; }
}

/*834px以下*/
@media screen and (max-width: 834px){
	.entry-content h3.inquiry { font-size: 1.35em; }
	.inquirytbl th { font-size:16px;padding:10px 40px 10px 25px;width:240px; }
	.inquirytbl td { font-size:16px; }
	td .w90 { width:90%; }
	td .w60 { width:70%; }
	td .w50 { width:70%; }
	td .w40 { width:60%; }
	td .w30 { width:30%; }
	p.agreement { width:80%; }
}
/*640px以下*/
@media screen and (max-width:640px){
	.entry-content h3.inquiry { font-size: 1.15em; }
	.inquirytbl th,.inquirytbl td { display:block; }
	.entry-content h3.inquiry { width:100%;margin:20px auto; }
	.inquirytbl { width:100%;margin:20px auto; }
	.inquirytbl th { border:0;width:100%;background-color:#e2e2e2;color:#000; }
	.inquirytbl td { border:0;background-color:#ececec;padding-bottom:10px;background-color:#f5f6f7; }
	.inquirytbl .required::after {
		right: 30px;
	}
	.inquirytbl .w10 { width:20%; }
	p.agreement { width:94%; }
	.search-edit, input[type="text"], input[type="password"],
	input[type="date"], input[type="datetime"], input[type="email"],
	input[type="number"], input[type="search"], input[type="tel"],
	input[type="time"], input[type="url"], textarea, select { font-size:14px; }
}
/*480px以下*/
@media screen and (max-width:540px) {
	td .w90 { width:96%; }
	td .w60 { width:96%; }
	td .w50 { width:96%; }
	td .w40 { width:76%; }
	td .w30 { width:46%; }
}
/*480px以下*/
@media screen and (max-width:480px){
	.entry-content h3.inquiry { font-size: 1.0em; }
	.inquirytbl th { font-size:14px;line-height:1.6;padding: 8px 40px 8px 25px; }
	.inquirytbl td { font-size:14px;line-height:2.0; }
	.inquirytbl td.checkbox { line-height:2.8; }
	td .w90 { width:100%; }
	td .w60 { width:100%; }
	td .w50 { width:100%; }
	td .w40 { width:70%; }
	td .w30 { width:40%; }
	p.agreement { width:auto;padding-top:20px;padding-left:30px;padding-right:20px;line-height:1.6;font-size:14px; }
	p.agreement span { font-size:16px;line-height:3.0; }
}
/*390px以下*/
@media screen and (max-width:390px){
	td .w30 { width:50%; }
}

.inqinfobox { width:90%;margin:20px auto 60px auto;border-radius: 6px;text-align:center;padding:10px 0;line-height: 3.4;font-size:18px;border:3px solid #FEAA42;background-color:#FFFFDC;letter-spacing:1px; }
.inqinfobox .phoneBox { width:80%;margin:0 auto;padding:5px 0 15px 0;border-bottom: 1px solid #7F7265;vertical-align:middle;font-size: 22px;line-height:1.8; }
.inqinfobox .phoneBox a { text-decoration:none; }
	.inqinfobox .phoneTtl { margin:0 6px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px; }
	.inqinfobox .phoneNum { font-size:42px;font-family:'Century Gothic', serif;font-weight:600;color:#00974B; }

@media screen and (max-width:480px){
	.inqinfobox { width:96%;font-size:16px; }
	.inqinfobox .phoneBox { font-size:18px;width:92%;border-bottom:1px solid #d4c9be; }
	.inqinfobox .phoneTtl { font-size:20px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:40px; }
	.inqinfobox .phoneNum { font-size:26px; }


}
@media screen and (max-width:320px){
	.inqinfobox { width:96%;font-size:14px; }
	.inqinfobox .phoneBox { font-size:16px; }
	.inqinfobox .phoneTtl { font-size:18px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:34px; }
	.inqinfobox .phoneNum { font-size:20px !important; }
}

/************************************
** form button
************************************/

.btnbox  { width:80%;margin:0 auto;padding:40px 0 0 0;text-align:center; }

@media screen and (max-width:540px){
	.entry-content p.btnbox  { padding-top:0;margin-top:-1.5em; }
}

.btnbox input[type="submit"] {
	-webkit-appearance: none;
	border: none;
	background-color: transparent;

	max-width:93%;
	margin: 0 auto;
	padding:16px 10px;

	font-weight: 500;
	color: #fff;
	border-radius:4px;

	font-size: 20px;
	background-color: #94c441;
}

	.btnbox input:hover {
		opacity: 0.7;
		transition: all 0.3s ease-in-out;
	}

	.btnbox .input-backButton {
		display:inline-block;
		width: 70%;
		margin:1em 0;
		position:relative;
		left:-7px;
	}
	.btnbox .input-submitButton {
		display:inline-block;
		width: 70%;
		margin:1em 0;
		position:relative;
		left:7px;
	}


	.btnbox .input-backButton::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f104";
		position:relative;
		top:0;
		left:28px;
		font-size: 20px;
		color:#fff;
		display:inline;
	}
	.btnbox .input-submitButton::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f105";
		position:relative;
		top:0;
		left:-28px;
		font-size: 20px;
		color:#fff;
		display:inline;
	}

/** 入力画面　戻るボタンを消す **/
#contact .btnbox .input-backButton { display:none; }

/** 再入力画面　戻るボタンを消す **/
#formErr .btnbox .input-backButton { display:none; }

/** 確認画面　入力画面に戻る　ボタンの色を変更 **/
.btnbox .input-backButton input[type="submit"] { background-color:#a4a19f; }

/** ボタンサイズ レスポンシブ対応 **/
@media screen and (max-width:960px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 74%;	}
	.btnbox { padding:1.5em 0 3em 0; }
}
@media screen and (max-width:768px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 80%;	}
	.btnbox { padding:1.5em 0 1.5em 0; }
}
@media screen and (max-width:640px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 86%;	}
}
@media screen and (max-width:600px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 88%;	}
	.btnbox { padding:1.0em 0 1.5em 0; }
}
@media screen and (max-width:540px){
	.btnbox { padding:1.6em 0; }
}
@media screen and (max-width:480px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 88%; }
	.btnbox input[type="submit"] { font-size:16px; }
}
@media screen and (max-width:414px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 92%;margin:0.3em 0 1.2em 0; }
}
@media screen and (max-width:375px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 94%;margin:0.3em 0 1.1em 0; }
}



/************************************
** 新着情報（お知らせ
************************************/

.breadcrumb { margin:0; }

.single #content,.archive #content,.category #content { max-width:1024px;margin:45px auto 0 auto; }
#main article.post { padding-bottom:1.8em; }
.ect-3-columns { justify-content:flex-start;gap:3px; }
.category .fa-folder-open { display:none; }
.article h1.entry-title { font-size:25px;padding:0.6em 0.8em 0.6em 0; }
.single .article h2 { margin-top:2em; }
#content-bottom .info-list-item { font-size:14px; }
.single .sidebar,.archive .sidebar,.category .sidebar { display:none; }

body.category #main,body.single #main  { position:relative;top:-70px;margin-bottom:-70px; }
.entry-footer .entry-categories-tags { padding-top:1.8em; }

.category h1#archive-title { font-size:25px; }	/** カテゴリ記事一覧タイトル **/
.date h1#archive-title { color:#5d5e5e;font-family: 'Verdana', serif;font-weight:400; }	/** 月別記事一覧タイトル **/

/** 記事一覧 **/

body.category #content-bottom,body.single #content-bottom { max-width:1020px;margin:-80px auto 100px auto;padding:26px 36px;background-color:#f2f5ea; }
a.entry-card-wrap { border-bottom:0; }
.category h1#archive-title { color: #00817E;margin-top:1.6em; }
body.category #list h2.entry-card-title { font-size:14px;font-weight:400;display:block; }
body.category #list .entry-date { font-size:12px !important; }
a.cat-link { border-radius:4px;padding: 2px 8px 1px 8px; }


/** 記事のブロック **/

a.ect-vertical-card,a.entry-card-wrap { background-color:rgba(255,255,255,0.4); }
a.ect-vertical-card:hover,a.entry-card-wrap:hover { background-color:rgba(227,237,209,0.6); }
h2.entry-card-title.card-title.e-card-title { font-weight:500; }
.entry-card-content.card-content.e-card-content { padding-bottom:0; }
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {	width: 100%;height: 230px;object-fit: cover; }

h2.entry-card-title { margin:0;padding:10px 0px 10px 2px; }


/** 記事の下部 ページ前後のリンク **/

.under-entry-content a:visited { color: #333; }
.prev-post-title,.next-post-title { font-weight:400; }

@media screen and (min-width:1024px) and (max-width:1279px){
	.single #content,.archive #content,.category #content { width:90%;margin:35px auto 0 auto; }
	.single #content .main ,.archive #content .main ,.category #content .main { width:100%;padding-right:0; }
}
@media screen and (max-width:1280px){
	.article h1.entry-title { font-size:24px; }
	.single .article h2 { font-size:24px; }
	.category h1#archive-title { font-size:24px; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:230px; }
}
@media screen and (max-width:1050px){
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:216px; }
}
@media screen and (max-width:1023px){
	.single #content,.archive #content,.category #content { margin-top:85px;width:92% }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:270px; }
	body.category #main,body.single #main { top: -115px;margin-bottom:-80px; }
}
@media screen and (max-width:834px){
	.article h1.entry-title { font-size:22px; }
	.single .article h2 { font-size:22px; }
	.category h1#archive-title { font-size:22px;font-weight:500; }

	.single #content,.archive #content,.category #content { margin-top:85px;width:100%;padding:0 22px 0 26px; }
	body.category #content-bottom { padding: 26px 30px 0 30px;margin:0 26px; }
	body.single #content-bottom { padding: 26px 30px 0 30px;margin:0 26px; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:240px; }
	.ect-vertical-card .entry-card-wrap { width:33%; }
}
@media screen and (max-width:768px){
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:220px; }
}
@media screen and (max-width:720px){
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:200px; }
}
@media screen and (max-width:640px){
	.article h1.entry-title { font-size:20px; }
	.single .article h2 { font-size:20px; }
	.category h1#archive-title { font-size:20px; }
	#content-bottom #info_list-2 h2 { font-size:18px; }
	.ect-vertical-card .entry-card-wrap { width:49%; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:260px; }
}
@media screen and (max-width:540px) {
	.archive #content,.category #content { margin-top:75px;width:100%;padding:0 7px 0 16px; }
	.single #content { margin-top:75px;width:100%;padding:0 16px 0 16px; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:220px; }
	body.category #main,body.single #main { top: -100px;margin-bottom:-80px; }
	body.single #main,body.single #main { top: -100px;margin-bottom:-80px; }
	.article h1.entry-title { font-weight:500; }
}
@media screen and (max-width:480px) {
	.under-entry-content { margin:30px auto; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:190px; }
	#main article.post { padding-bottom:0; }
	h2.entry-card-title.card-title.e-card-title { line-height:1.7;padding-bottom:14px; }
	body.category #content-bottom { padding:20px 16px 0 18px;margin: 0 16px; }
	body.single #content-bottom { padding:20px 16px 0 18px;margin: 0 16px; }
	#content-bottom .info-list { padding:0 0 12px 0; }
	#content-bottom #info_list-2 h2 { font-size:16px;font-weight:500; }
}
@media screen and (max-width:414px){
	.single .article h2 { font-size:18px; }

	.archive #content,.category #content { margin-top:70px;width:100%;padding:0 6px 0 12px; }
	.single #content { margin-top:70px;padding:0 16px 0 16px; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:170px; }
	h2.entry-card-title.card-title.e-card-title { font-size:12px;font-weight:400; }
}
@media screen and (max-width:390px){
	.ect-vertical-card .entry-card-wrap { width:100%; }
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:250px; }
}
@media screen and (max-width:375px){
	.single #content,.archive #content,.category #content { padding:0 12px; }

	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:250px; }
}
@media screen and (max-width:360px){
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:220px; }
}
@media screen and (max-width:320px){
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img { height:210px; }
}


/************************************
** pagination
************************************/

.pager-post-navi { margin: 0 0 100px 0; }
.pagination-next { margin-top:4.4em; }
a.page-numbers { text-decoration:none !important; }

.pagination span.current { background-color: #E6E6E6;color:#4B545C;border:0;padding:0; }
.pager-post-navi.post-navi-border a.a-wrap { border-color:#e6eae0; }

.pagination a { background-color: rgba(255,255,255,0.6);border:0; }

.pagination-next a {
	font-size:16px;
	display:block;
	max-width:880px;
	margin:20px auto;
	text-align:center;
	line-height:70px;
	padding:0;
	color:#69737E;
	border:0;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	text-decoration:none !important;
}
.pagination-next a:hover {
	color:#69737E;
	text-decoration:none;
	background-color:rgba(255,255,255,0.4);
	transition: 0.2s;
}
.pagination-next a::after {
	font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f105";
    position: relative;
    top: 1px;
    left: 20px;
    font-size: 20px;
    color: #69737E;
    display: inline;
}

@media screen and (max-width:960px) {
	.pager-post-navi { margin: 0 0 80px 0; }
}
@media screen and (max-width:834px) {
	.pager-post-navi { margin: 0 0 40px 0; }
}
@media screen and (max-width:480px) {
	.pager-post-navi { margin: 60px 0 40px 0; }
}
@media screen and (max-width:360px) {
	.pager-post-navi { margin: 40px 0 26px 0; }
}