/*
Theme Name: nano_tcd065-child
Template: nano_tcd065
*/


/* ------------------------------------------------------------------------------------
 TablePressの追加設定
＜列の横幅を固定＞
 column_widths="20%|80%"
------------------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------------------
 TablePressの追加設定
＜列の横幅を固定＞
 column_widths="20%|80%"


＜固定ページのヘッダIMAGEを削除＞
.p-cover { display: none; }
@media only screen and (min-width: 1200px) {
 .p-archive-header__title { margin-top: 80px; }
}
------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------
 テーマに最初から入っているCSS
------------------------------------------------------------------------------------ */

/* text-align - 配置 */

/* 中央寄せ */
.align1 { text-align: center !important; }

/* 右寄せ */
.align2 { text-align: right !important; }

/* 左寄せ */
.align3 { text-align: left !important; }

/* float - 回り込み */

/* 右に回り込み */
.r-flo { float: right; margin: 30px; }

/* 左に回り込み */
.l-flo { float: left; margin: 30px; }

/* 回り込みの解除 */
.f-clear { clear: both; }

/* hover - 画像リンクマウスオーバー時の不透明度 */

a img.fade { background: none !important; outline: none; transition: all .3s; }
a:hover img.fade { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: none !important; }



/* ------------------------------------------------------------------------------------
 コーティング部分
------------------------------------------------------------------------------------ */

.p-archive-header  { box-shadow:  none; }

.p-company-header { margin-bottom: 36px; position: relative; }



/* ------------------------------------------------------------------------------------
 お知らせコンテンツ部分
------------------------------------------------------------------------------------ */

.p-index-content03 { margin-bottom: 50px; margin-top: 100px; }

@media screen and (max-width: 767px) { .p-index-content03 { margin-bottom: 40px; } }

.p-index-content03 .p-cb__item-sub { display:none; }




/* ------------------------------------------------------------------------------------
 3BOXコンテンツ部分
------------------------------------------------------------------------------------ */

.p-index-content04 { background: #f8f8f8; margin-bottom: 50px; padding: 20px 0; }

.p-index-content04__list { margin-bottom: 50px; }

@media screen and (max-width: 767px) { 
	.p-index-content04 { margin-bottom: 30px; padding: 36px 0 30px; }
	.p-index-content04__list { margin: 0 auto 30px; }
	.p-index-content07 { margin-top: 30px;  }
}

.p-index-content04 .p-btn { display:none; }


.p-cb__item { margin-bottom: 30px; }


/* ------------------------------------------------------------------------------------
 トップタイトル下げ
------------------------------------------------------------------------------------ */
.p-cb__item-title { margin-bottom: 40px; }

.p-cb__item-sub { font-size: 18px; margin-bottom: 15px; }


.p-index-content04 .p-cb__item-sub { display:none; }



.p-info { border-top: 1px solid #ddd; }





/* ------------------------------------------------------------------------------------
 Contact Form 7カスタマイズ
------------------------------------------------------------------------------------ */


@media(max-width:768px){
.inquiry th, .inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;	
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/* 必須の調整 */
.haveto {
   font-size: 8pt;
   padding: 2px 8px;
   background: #FFA8A8;
   color: #fff;
   border-radius: 6px;
   margin-left: 5px;
}
/* 任意の調整 */
.any {
   font-size: 8pt;
   padding: 2px 8px;
   background: #93c9ff;
   color: #fff;
   border-radius: 6px;
   margin-left: 5px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
.btnwidth{
 position:relative;	
 width:100%;	
}
#formbtn{
 padding:20px;
 max-width:350px;
 background:#ffaa56 !important;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 position:absolute;
 top:50%;
 left:50%;
 -ms-transform: translate(-50%,-50%);
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);	
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff !important;
 color:#ff870f;
 border:2px solid #ffa042;
}


div.wpcf7 input[name="your-name"],
div.wpcf7 input[name="your-email"],
div.wpcf7 input[name="your-subject"] {
width: 100%;
}





/* ------------------------------------------------------------------------------------
 margin
------------------------------------------------------------------------------------ */
.mt-10 { margin-top:  -10px !important;}
.mt-20 { margin-top:  -20px !important;}
.mt-30 { margin-top:  -30px !important;}
.mt00 { margin-top:  0   !important;}
.mt02 { margin-top:  2px !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

/* ------------------------------------------------------------------------------------
 padding
------------------------------------------------------------------------------------ */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}