@charset "UTF-8";
/*
Theme Name: NANO Child
Template: nano_tcd065
Description: WordPressテーマ「NANO」の子テーマ
Version:1.3
*/

/* ----------------------------------------------------------------------
 その他
---------------------------------------------------------------------- */
/*ページヘッダータイトル（Flexbox）から文字がはみ出さないように*/
.p-page-header__title { word-break: break-all; }

/*見出し*/
h2.style2a { border-color:#c8141d !important; }

/*リード文*/
.lead { font-size: 1.25em !important; }

/*罫線*/
hr { border: none; height: 1px; background-color: #ddd; }

/*メインカラーのボタン*/
.btn-primary { color: #ffffff; background: #990f16; margin-top: 0.5em; }
.btn-primary:hover { background: #c8141d; }

/*画像の幅を100%に*/
.wp-caption, .size-full { width: 100% !important; }

/*Flexbox基本設定*/
.flex-container { display: flex; margin: 0 -5% -5% 0; }
.flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.flex-item { margin: 0 5% 5% 0; }
.flex-item img { width: 100%; height: auto; }
.basis75 { flex: 3 1 320px; }
.basis66 { flex: 2 1 320px; }
.basis33 { flex: 1 1 200px; }
.basis25 { flex: 1 1 200px; }

/*見出し*/
.style3b { font-weight: bold; }
.style4a { font-weight: bold; }
.style4a small { font-weight: normal; }

/*アンカー位置をメニューバーの高さ分下にずらす*/
.anchor{  display: block; padding-top: 280px; margin-top: -280px; }
@media screen and (max-width: 767px) {
	.anchor{  display: block; padding-top: 100px; margin-top: -100px; }
}

/*span内で改行しない*/
.span-nowrap span { display: inline-block; white-space: nowrap; }

/*2カラム、3カラム時のfigureのマージン*/
.post_col figure { margin: 0; }

/*フッターバナー*/
.p-footer-banners__list-item { background-color: #990f16; }
.p-footer-banners__list-item:hover { background-color: #c8141d; }

/*ブロックのマージン*/
.row { margin-bottom: 60px; }
/*.post_row { margin-bottom: -2em; }*/
/*.post_row p { margin-bottom: 0; }*/

/* 定義リスト */
dl dt, dl dd { display: block; margin: 0; }
dl dt { font-weight: bolder; margin-top: 0.5em; }
div > dl.col { margin: 0; }
dl.col dt { margin: 0; float: left; }
dl.col dd { margin: 0; }
dl.col-nor dt { font-weight: normal; }
dl.col3 dd { margin-left: 3em; }
dl.col4 dd { margin-left: 4em; }
dl.col5 dd { margin-left: 5em; }
dl.col6 dd { margin-left: 6em; }
dl.col7 dd { margin-left: 7em; }
dl.col8 dd { margin-left: 8em; }
dl.col9 dd { margin-left: 9em; }
dl.col10 dd { margin-left: 10em; }
dl.col11 dd { margin-left: 11em; }
dl.col12 dd { margin-left: 12em; }
dl.col13 dd { margin-left: 13em; }
dl.col14 dd { margin-left: 14em; }
dl.col15 dd { margin-left: 15em; }
dl.col16 dd { margin-left: 16em; }
dl.col17 dd { margin-left: 17em; }
dl.col18 dd { margin-left: 18em; }
dl.col19 dd { margin-left: 19em; }
dl.col20 dd { margin-left: 20em; }

dl.col:after { content: ''; display: block; clear: both; }

dl.font-small dt, dl.font-small dd { font-size: 80%; line-height: 1.75; }

/*Google Mapレスポンシブ*/
.gmap { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; }
.gmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*リンク画像ホバー時に半透明*/
.a-img-opacity a img:hover { opacity: 0.5; }

/*勝手に挿入されるpのマージンを消す*/
table p, ul p, ol p, dl p, { margin-bottom: 0 !important; }

/*フッターバナーと同じものをページ内に*/
.page-banner { background-color: #990f16; position: relative; }
.page-banner:hover { background-color: #c8141d; }
.page-banner p { margin: 0; font-size: 16px; transition: padding-left 0.2s ease; }
.page-banner a:hover p { padding-left: 14px; }

/* ----------------------------------------------------------------------
ホーム
---------------------------------------------------------------------- */
/*スライダーにFECORAGEロゴ挿入*/
.p-header-slider__item--1 .p-header-content__title:after { content: ''; display: block; width: auto; height: 100px; background-image: url(/wp-kairen/wp-content/themes/nano_tcd065-child/assets/images/logo-fecorage.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; margin: .5em auto 1em; }

/*ヘッダーコンテンツ下のキャッチフレーズと説明文の左右パディング*/
.p-index-content01 { padding-right: 2em; padding-left: 2em; }

/*ホームのコンテンツエリアのマージン*/
/*.home .l-contents { padding-top: 0; border: none; }*/

/*ホームのコンテンツ*/
/*.p-index-content06, .p-index-content07 { margin-bottom: 100px; }
@media screen and (max-width: 767px) {
	.p-index-content06, .p-index-content07 { margin-bottom: 40px; }
}*/

/*#js-cb .p-index-content07:first-child { padding: 25px 0; margin: 0; width: 100%; max-width: none; background-color: #fff7ef; }
.omimai h5,.omimai p { font-size: 0.9rem; margin-bottom: 0; }
.omimai p { line-height: 1.5; margin-top: 0.75em; }

#js-cb .p-index-content07:nth-child(2) { padding: 50px 0; width: 100%; max-width: none; background: url(/wordpress_1905/wp-content/image/home-reason.jpg) center center / cover no-repeat; }

.home-content-top_inner, .home-content-top_inner .p-index-content05 { margin-bottom: 0; }*/

/*スライダーのフォントサイズ*/
/*@media screen and (min-width: 768px) and (max-width: 949px) {
  .p-header-slider__item--1 .p-header-content__title, .p-header-slider__item--2 .p-header-content__title, .p-header-slider__item--3 .p-header-content__title, .p-header-slider__item--4 .p-header-content__title, .p-header-slider__item--5 .p-header-content__title { font-size: 36px !important; }
}
@media screen and (max-width: 399px) {
  .p-header-slider__item--1 .p-header-content__title, .p-header-slider__item--2 .p-header-content__title, .p-header-slider__item--3 .p-header-content__title, .p-header-slider__item--4 .p-header-content__title, .p-header-slider__item--5 .p-header-content__title { font-size: 16px !important; }
}*/

/* ----------------------------------------------------------------------
投稿タイプアーカイブ
---------------------------------------------------------------------- */
/*キャッチフレーズと説明文の左右パディング*/
.p-archive-header { padding-right: 2em; padding-left: 2em; }


/* ----------------------------------------------------------------------
事業案内
---------------------------------------------------------------------- */
/*アーカイブヘッダー非表示の場合にコンテンツのマイナスマージン解除*/
/*.no-archive-header .l-contents__inner { margin-top: 0; padding-top: 50px; }*/

/*製品情報の仕様表*/
.product-list th, .product-list td { padding: 5px 10px; line-height: 1.5; font-size: 80%; }
.product-list th { text-align: left; white-space: nowrap; }
.product-list img { height: 168px !important; width: auto; }
.product-list h2 { line-height: 1.25; }
.product-list h2 span { font-size: 80%; }
/* ----------------------------------------------------------------------
実績紹介
---------------------------------------------------------------------- */
.p-works-list .p-article06__content .p-article06__title { margin-bottom: 0.3em; min-height: 3.2em; }
.p-works-list .p-works-list__item > a, .p-latest-works__list .p-latest-works__list-item > a { position: relative; width: 100%; height: 0;  padding-top: 75%; }
.p-works-list .p-works-list__item > a img, .p-latest-works__list .p-latest-works__list-item > a img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media screen and (max-width: 991px) {
  .l-page-header.pb0 + .l-primary > .p-works-list { margin-top: 50px; }
}

.p-article06__excerpt { margin-bottom: 0; }
.p-article06__excerpt a { color: #808080; }
.p-article06__excerpt a:hover { color: #7eb634; }
.p-works-entry__title { margin-bottom: 0.4em; }
.p-works-entry__header { padding-bottom: 1rem; }
.p-works-entry__header p { line-height: 2; }
.p-works-entry__header a { color: #808080; }
.p-works-entry__header a:hover { color: #7eb634; }
.p-works-entry .p-btn { margin-top: 50px; }
.p-works-entry .p-btn a { color: #ffffff; background: #7eb634; }
.p-works-entry .p-btn a:hover { color: #ffffff; background: #6e912c; }
.p-works-entry figure { margin: 0; line-height: 2.4; }

.postid-374 div.p-works-entry__img, .postid-379 div.p-works-entry__img, .postid-380 div.p-works-entry__img { position: relative; }
.postid-374 div.p-works-entry__img:after, .postid-379 div.p-works-entry__img:after { content: '写真はイメージです'; text-align: right; line-height: 1.25; font-size: 80%; position: absolute; right: 0; bottom: -2em; }
.postid-380 div.p-works-entry__img:after { content: '写真：㈱マキテック様ご提供'; text-align: right; line-height: 1.25; font-size: 80%; position: absolute; right: 0; bottom: -2em; }

/* ----------------------------------------------------------------------
会社情報
---------------------------------------------------------------------- */
/*ページヘッダーのタイトルの影*/
/*.p-company-header__content { text-shadow: 0px 0px 5px #000; }


@media screen and (min-width: 992px) {
	.p-archive-header { padding: 92px 15px; }
}

.p-company-header { margin-bottom: 60px; }*/

/* ----------------------------------------------------------------------
固定ページ
---------------------------------------------------------------------- */
/*ページタイトル*/
/*h1.title-page { font-size: 40px; text-align: center; }

@media screen and (max-width: 767px) {
	h1.title-page { font-size: 24px; }
}*/

/*サイトマップ*/
/*.wsp-container h2 { display: none; }*/

/* ----------------------------------------------------------------------
テーブル
---------------------------------------------------------------------- */
/*テーブルの幅*/
table { width: 100%; }

/*テキスト強調*/
td.enlarge-td { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #cc3300; }

/*ボーダーなし*/
table.noborder, .noborder tbody, .noborder tr, .noborder th, .noborder td { border: none; padding: 0 1em 1em 0; line-height: 1.5; vertical-align: top; }
.noborder tr td:first-child { white-space: nowrap; font-weight: bold; width: 5em; }
.noborder tr td:nth-child(2) { white-space: nowrap; font-weight: bold; width: 3em; text-align: right; }

/*横スクロール*/
.scrolltable { overflow: scroll; /*white-space: nowrap;*/ }
.scrolltable::-webkit-scrollbar{ height: 5px; }
.scrolltable::-webkit-scrollbar-track{ background: #F1F1F1; }
.scrolltable::-webkit-scrollbar-thumb { background: #BCBCBC; }

@media (max-width: 767px) {
	.scrolltable-sp { overflow: scroll; /*white-space: nowrap;*/ }
	.scrolltable-sp::-webkit-scrollbar{ height: 5px; }
	.scrolltable-sp::-webkit-scrollbar-track{ background: #F1F1F1; }
	.scrolltable-sp::-webkit-scrollbar-thumb { background: #BCBCBC; }
}

/*セルを縦並びに*/
@media (max-width: 767px) {
	.table-block th { white-space: nowrap; }
	.table-block th, .table-block td { display: block; width: 100%; border-bottom: none; }
	.table-block tr:last-child td:last-child { border-bottom: 1px solid #ddd; }
}

/*th*/
.th-left th { text-align: left !important; }
.th-top th { vertical-align: top !important; }
.th-bold th { font-weight: bold !important; }
.th-nowrap th { white-space: nowrap !important; }

/*表の文字小さく*/
.small-table th { font-size: 70%; text-align: center; font-weight: bold; }
.small-table td { font-size: 70% }
/*2列目の文字は改行しない*/
.table-nowrap-2ndcol tr td:nth-child(-n+2) { white-space: nowrap; }

@media (max-width: 767px) {
	.table-nowrap-2ndcol { width: 650px; }
	.table-nowrap-2ndcol tr td:nth-child(3) { white-space: normal; }
}

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
/*メガメニューの画像の縦横比が変わらないように*/
.p-megamenu01__item-img img { width: auto !important; }

/*ヘッダーディスクリプションを太字に*/
/*.l-header__desc { font-weight: bold; }

@media screen and (min-width: 768px) {
	.p-header-slider__item { height: 480px; }
}*/

/*グローバルメニュー最後の項目のサブメニューが画面からはみ出さないように*/
/*.p-global-nav li:last-child .sub-menu a { width: 180px; }

.p-global-nav .sub-menu a { width: 280px; }

.p-btn-header { text-align: center; margin-left: 20px; }
.p-btn-header a { color: #ffffff; background: #7eb634; display: inline-block; font-size: 12px; font-weight: 700; min-width: 160px; padding: 10px 15px; }
.p-btn-header a:hover { background: #6e912c; }
.p-link-header, .p-link-header a { font-size: 12px; color: #808080; }
.p-link-header a:hover { color: #7eb634; }
.secondary-menu { margin-top: -18px; padding-top: 12px; border-top: 1px solid #ddd; }
@media only screen and (max-width:767px) {
  .l-header__desc { font-size: 12px !important; }
	.p-global-nav { width: auto; }
}
@media only screen and (max-width:367px) {
  .l-header__desc { font-size: 9px !important; margin-left: 0 !important; }
}
@media only screen and (max-width:1199px) {
  .l-header__desc { display: block; margin-left: 0.5em; }
	.p-btn-header, .p-link-header { display: none; }
	.p-global-nav a { font-size: 12px; }
}
@media only screen and (min-width:1200px) {
	.secondary-menu { display: none; }
	header.is-active .l-header__inner { height: 70px; padding: 10px 0 }
	header.is-active .p-global-nav { line-height: 50px; }
}*/


/* ----------------------------------------------------------------------
 サイトマップ
---------------------------------------------------------------------- */
.sitemap-list ul { list-style-type: none; font-size: 1.25rem; font-weight: bold; }
.sitemap-list ul ul { font-size: 1rem; }
.sitemap-list ul ul ul { font-weight: normal; }

/* ----------------------------------------------------------------------
 MW WP Form Style Business
---------------------------------------------------------------------- */
/**
 * 構造
 */
.mw_wp_form {
	margin: 0 0 1em;
}
.mw_wp_form table {
	margin: 0 0 1em;
	table-layout: fixed;
	border-collapse: collapse;
	border: #ddd solid 1px;
	font-size: 100%;
	width: 100%;
}

.mw_wp_form table th,
.mw_wp_form table td {
	border: #ddd solid 1px;
	font-size: 100%;
	font-weight: normal;
	padding: 1.2em;
	text-align: left;
	vertical-align: top;
}

.mw_wp_form table th {
	background-color: #f5f5f5;
	width: 30%;
}

.mw_wp_form table td {
	background-color: #fff;
}

@media screen and ( max-width: 970px ) {
	.mw_wp_form table,
	.mw_wp_form table tbody,
	.mw_wp_form table tr,
	.mw_wp_form table th,
	.mw_wp_form table td {
		display: block;
		width: auto;
	}
	.mw_wp_form table {
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	.mw_wp_form table th {
		border-top: none;
		padding: .5em 1em;
	}
	.mw_wp_form table td {
		border-top: none;
	}
}

/**
 * 画像
 */
.mw_wp_form .mw-wp-form_image {
	margin-top: 5px;
}

.mw_wp_form .mw-wp-form_image img {
	max-width: 100%;
}

/**
 * 必須
 */
.mw_wp_form .require {
	background-color: #08427C;
	border-radius: 2px;
	color: #fff;
	float: right;
	font-size: 11px;
	padding: .2em .4em;
	position: relative;
	line-height: 1.5;
}

/**
 * 注釈
 */
.mw_wp_form .notes {
	color: #999;
	display: block;
	font-size: 12px;
	margin: 5px 0;
	line-height: 1.5;
}

/**
 * エラーメッセージ
 */
.mw_wp_form .error {
	color: #b70000;
	display: block;
	margin: 5px 0 0;
}

/**
 * アクションボタン
 */
.mw_wp_form .action-buttons {
	text-align: center;
}

/**
 * フォーム項目基本
 */
.mw_wp_form input,
.mw_wp_form select,
.mw_wp_form textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	width: auto;
}
.mw_wp_form select { height: 2em; }

/**
 * ボタン
 */
.mw_wp_form input[type="submit"],
.mw_wp_form input[type="button"],
.mw_wp_form button {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ),
							inset 0 15px 17px rgba( 255, 255, 255, 0.5 ),
							inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	color: rgba( 0, 0, 0, .8 );
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1;
	padding: .7em 1.5em;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.8 );
}

.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover,
.mw_wp_form button:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.8 ),
							inset 0 15px 17px rgba( 255, 255, 255, 0.8 ),
							inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
}

.mw_wp_form input[type="submit"]:focus,
.mw_wp_form input[type="submit"]:active,
.mw_wp_form input[type="button"]:focus,
.mw_wp_form input[type="button"]:active,
.mw_wp_form button:focus,
.mw_wp_form button:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ),
							inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
}

/**
 * 選択項目
 */
.mw_wp_form label {
	display: inline-block;
	margin: 0 5px 0 0;
}

.mw_wp_form label input[type="checkbox"],
.mw_wp_form label input[type="radio"] {
	margin: 0 5px 0 0;
}

/**
 * テキスト
 */
.mw_wp_form input[type="text"],
.mw_wp_form input[type="password"],
.mw_wp_form input[type="number"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="url"],
.mw_wp_form textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: .2em .4em;
	outline: 0;
}

.mw_wp_form input[type="text"]:focus,
.mw_wp_form input[type="password"]:focus,
.mw_wp_form input[type="number"]:focus,
.mw_wp_form input[type="email"]:focus,
.mw_wp_form input[type="url"]:focus,
.mw_wp_form textarea:focus {
	border: 1px solid #97c1ec;
}

/**
 * 複数行テキスト
 */
.mw_wp_form textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
}

/**
 * ファイル
 */
.mw_wp_form input[type="file"] {
	display: inline;
}

/**
 * 電話番号、郵便番号
 */
.mw_wp_form .mwform-zip-field input,
.mw_wp_form .mwform-tel-field input {
	margin-right: 3px;
	margin-left: 3px;
}

/* ----------------------------------------------------------------------
 フリップボード アニメーション
---------------------------------------------------------------------- */

.flip {
  width: 200px;
  height: 200px;
  margin: 0 1em 1em 0;
  animation: flip 7s linear infinite;
  transform-style: preserve-3d;
  display: inline-block;
}
 
@keyframes flip {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
 
.front, .back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.front {
	background-color: #c8141d;
}


.back {
  transform: rotateY(180deg);
  background-color: #990f16;
}

.flip p {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :200px;
  text-align:center;
  color: #ffffff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
}

.l-contents--no-border .l-contents__inner { background: #fff; margin-top: 0px; }