@charset "UTF-8";
/*
Theme Name: r_58_mini
Template: r_58
Author:Kazumama
Author URI:https://kazu-mama.com/
Version:1.5.1
Text Domain: tcd-w
*/

/**
 * Reset
 */

/* お問い合わせ */
/*-------- Contactform7 -------*/
.wpcf7 { background: #f5f9ff; border: 1px solid #ff4400; font-size: 14px; margin:auto !important; width: 95%; max-width:800px ; }
.wpcf7 form { margin: 1.5em 1.5em 0; }
.wpcf7 p { margin-bottom: 1em; font-size: 12px; }
.wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; box-sizing: border-box; line-height: 1.2; padding: 8px; width: 100%; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { border: 1px solid #ccc; padding: 8px; width: auto; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.2; }
.wpcf7 .wpcf7-list-item { display: block; }
.wpcf7 textarea { height: 300px; width: 100%;}
.wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #bbb; box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); outline: none; }
.wpcf7 .wpcf7-submit { box-sizing: border-box; position: relative; display: block; width: 225px; height: 48px; margin: 30px auto 0; background-color: #333333; cursor: pointer; border: none !important; color: #fff; text-align: center; text-decoration: none; font-size: 14px; line-height: 1.5; outline: none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { box-sizing: border-box; }
.wpcf7 .wpcf7-submit:hover { background-color: #666666; }
.wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; }
.wpcf7 .wpcf7-submit .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-submit .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; }
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
  border: 1px solid #ddd;
  max-width: 97%;
  padding: 8px;
  width: auto !important;
}
/* デザインカスタマイズ */
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#ffffff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   background-color: rgba(255,68,0,0.4);
   background-image: -webkit-linear-gradient(top, rgba(255,153,68,0.0), rgba(255,68,0,0.9));
   background-image: linear-gradient(to bottom, rgba(255,153,68,0.0), rgba(255,68,0,0.9));
   border-bottom:2px solid #aaa;
   box-shadow: 1px 2px 1px rgba(0,0,0,0.28);
}
div.wpcf7 input.wpcf7-submit:hover { color: #fff;	background-color: rgba(255,68,0,0.9);
  	background-image: -webkit-linear-gradient(top, rgba(255,68,0,0.9), rgba(255,68,0,0.9));
  	background-image: linear-gradient(to bottom, rgba(255,68,0,0.9), rgba(255,68,0,0.9));
  	border:1px solid #ff4400;
 }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #ff4400; }
.wpcf7-captchac { border:1px solid #ccc; }
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* -------ボタンカスタマイズ------- */
/* 販促カラーボタン */
.shopbutton {
	display: block;
	width: 70%;
	height: 50px;
	margin:auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	background-color: rgba(255,255,255,0.1);
	background-image: -webkit-linear-gradient(top, rgba(255,153,68,0.0), rgba(255,85,0,0.9));
	background-image: linear-gradient(to bottom, rgba(255,153,68,0.0), rgba(255,85,0,0.9));
	border-bottom:2px solid #aaa;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.28);
	line-height: 50px;
	overflow: hidden;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.shopbutton a {
	color:#524f48 !important;
	font-size:18px;
	font-weight:bold;
	display:block;
	transition-duration: 0s;
	transition-timing-function: ease;
}
.shopbutton:hover {
	text-decoration: none;
	background-color: rgba(255,85,0,0.9);
	background-image: -webkit-linear-gradient(top, rgba(255,85,0,0.9), rgba(255,153,68,0.9));
	background-image: linear-gradient(to bottom, rgba(255,85,0,0.9), rgba(255,153,68,0.9));
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}
.shopbutton a:hover {
	color:#f9f8f7 !important;
	font-weight:bold;
	transition-duration: 0s;
	transition-timing-function: ease;
}
/* メールカラーボタン */
.mailbutton {
	display: block;
	width: 70%;
	height: 50px;
	margin:auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	background-color: rgba(255,68,0,0.1);
	background-image: -webkit-linear-gradient(top, rgba(255,68,0,0.0), rgba(255,68,0,0.9));
	background-image: linear-gradient(to bottom, rgba(255,68,0,0.0), rgba(255,68,0,0.9));
	border-bottom:2px solid #aaa;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.28);
	line-height: 50px;
	overflow: hidden;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.mailbutton a {
	color:#0c379a !important;
	font-size:18px;
	display:block;
  font-weight: bold;
	transition-duration: 0s;
	transition-timing-function: ease;
}
.mailbutton:hover {
	text-decoration: none;
	background-color: rgba(255,68,0,0.9);
	background-image: -webkit-linear-gradient(top, rgba(255,68,0,0.7), rgba(255,68,0,0.2));
	background-image: linear-gradient(to bottom, rgba(255,68,0,0.7), rgba(255,68,0,0.2));
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}
.mailbutton a:hover {
	color:#ffffff !important;
	font-weight:bold;
	transition-duration: 0s;
	transition-timing-function: ease;
}

/* 電話カラーボタン */
.telbutton {
	display: block;
	width: 70%;
	height: 50px;
	margin:auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	background-color: rgba(255,205,85,0.1);
	background-image: -webkit-linear-gradient(top, rgba(255,205,85,0.0), rgba(255,205,85,0.9));
	background-image: linear-gradient(to bottom, rgba(255,205,85,0.0), rgba(255,205,85,0.9));
	border-bottom:2px solid #aaa;
	box-shadow: 1px 2px 1px rgba(0,0,0,0.28);
	line-height: 50px;
	overflow: hidden;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.telbutton a {
	color:#524f48 !important;
	font-size:18px;
	font-weight:bold;
	display:block;
	transition-duration: 0s;
	transition-timing-function: ease;
}
.telbutton:hover {
	text-decoration: none;
	background-color: rgba(255,205,85,0.9);
	background-image: -webkit-linear-gradient(top, rgba(255,205,85,0.9), rgba(2255,205,85,0.9));
	background-image: linear-gradient(to bottom, rgba(255,205,85,0.9), rgba(255,205,85,0.9));
	box-shadow: 1px 2px 1px rgba(0,0,0,0.1);
}
.telbutton a:hover {
	color:#f9f8f7 !important;
	font-weight:bold;
	transition-duration: 0s;
	transition-timing-function: ease;
}

/* テキストのclass */
.p-entry__body {font-size: 18px !important;}
.headtext0 {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight:bold;
  line-height: 1.5 !important;
}
.readtext0 {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:2.2 !important;
}
.headtext1 {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:40px !important;
  text-align: center;
  font-weight:500 !important;
  padding: 0px 0 40px 0 !important;
  line-height: 1.5 !important;
}
.readtext1 {font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:18px !important;
  text-align: center;
  line-height:2.2 !important;
  padding:0 0 !important;
}
.resptext1 {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:25pt !important;
  text-align: center;
  font-weight:500 !important;
  padding: 0px 0 40px 0 !important;
  line-height: 1.5 !important;}
.resptext2 {font-size: 20pt;}

@media only screen and (max-width: 991px){
  .headtext1 {
  	font-size:23px !important;
    padding: 40px 0 40px 0 !important;
  }
  .readtext1 {
  	font-size:14px !important;
    padding:0 0 20px 0 !important;
  }
  .resptext1 {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  	font-size:19pt !important;
    text-align: center;
    font-weight:500 !important;
    padding: 0px 0 40px 0 !important;
    line-height: 1.5 !important;}
  .resptext2 {font-size: 16pt;}
}

/* -------レスポンシブテーブル------- */
/* 企業概要用 */
table.retable {width: 95%; margin: auto; }
table.retable td {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #ff4400;
  background: transparent;
  }
@media only screen and (max-width: 991px){
table.retable td {
  display: list-item;
  width: 95% !important;
  background: transparent !important;
  border-bottom: none;
  text-align: left !important; }
}
/* 価格表用レスポンシブデザイン */
table.prestable {width: 100%; margin: auto; }
table.prestable th {
  background:rgba(255,68,0,.1);
}
table.prestable th, table.prestable td {
  text-align: center;
  border-top: none;
  border-right: 1px dashed #ff4400;
  border-left: none;
  border-bottom: 1px solid #ff4400;
  }
@media only screen and (max-width: 991px){
table.prestable thead {display: none;}
table.prestable tbody th {
  display: block;
  background: rgba(255,68,0,.8) !important;
  font-weight: bold;
  color: #fff;
}
table.prestable tbody td {
  display: block;
  background: transparent !important;
  border:none;
  border-bottom: 1px dashed #ff4400;
  text-align: right;
  width: 100% !important;
}
table.prestable tbody td:before, table.prestable tbody th:before {
  content: attr(label);
  float: left;
  clear: both;
  }
}

/* -------レイアウトカスタマイズ------- */
/* ページ全体のカスタマイズ */
body {background: #fffdf0; }
.l-inner.l-3columns {width: 99%; max-width: 95%;}
a:hover {color: #ff4400;}


/* スライダーカスタム */
.p-index-slider__item--3 .p-index-slider__item-desc {font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
@media only screen and (max-width: 991px){
.p-index-slider__item-content {top:45%;display: block;}
.is-active .p-index-slider__item-content > :nth-child(1) {
  -webkit-transition-delay:0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  }
}
.p-index-slider__item-image img {max-width: 100%;}
/*  グローバルメニューカスタム */
.l-header__bar {background: rgba(255,68,0,.8); border-top: 1px solid #ff4400; border-bottom: 1px solid #ff4400; }
.p-global-nav > li:hover {background: #ff4400;}
.p-global-nav > li > a {color: #fff !important; font-size: 130%;}
.p-global-nav > li > a:hover {color: #fff !important;}
.p-global-nav .sub-menu a {font-size: 130%;}
.p-global-nav .sub-menu {background-color: rgba(255,104,48,.7) !important;}
@media only screen and (max-width: 991px){
  .p-global-nav > li:hover {background: rgba(255,104,48,.5);}
  .l-header a {color: #fff !important;}
}

/* フリースペースのボックス */
#cb_1 .p-entry__body p {margin-bottom: 0;}
.freeblock {display:inline-flex; font-size: 12pt; padding: 25px 0; margin: 40px 0; width: 100%; border-top: 3px solid #ff4400; border-bottom: 3px solid #ff4400;}
.freeblock a {color: #000 !important;}
.freeblock a:hover {background: rgba(255,68,0,.1);}
.freebox {width: 33.3%;}
.freebox2 {margin-bottom: 0px;}
.abox a{color:#000;}
.abox a:hover {color:#00a5a4;}
.box1 {
  width:150px;
  height:150px;
  overflow:hidden;
  border-radius: 400px;
  margin: auto;

}
.box1 img {
  -webkit-transform: scale(1);
  -webkit-transition-property: -webkit-transform, transform, opacity;
  -webkit-transition-duration: 0.75s;
  transform: scale(1);
  transition-property: transform, opacity;
  transition-duration: 0.75s;
  vertical-align: middle;
  }
.box1 img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
  }

  .box2 {
    width:100%;
    height:auto;
    overflow:hidden;
    margin: auto;
  }
  .box2 img {
    -webkit-transform: scale(1);
    -webkit-transition-property: -webkit-transform, transform, opacity;
    -webkit-transition-duration: 0.75s;
    transform: scale(1);
    transition-property: transform, opacity;
    transition-duration: 0.75s;
    vertical-align: middle;
    }
  .box2 img:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      filter:alpha(opacity=70);
      -moz-opacity:0.7;
      opacity:0.7;
    }
.boxt {
  text-align: center;
  width: 100%;
  display: block;
  margin: auto;
}
.boxt2 {
  text-align: center;
  width: 100%;
  display: block;
  margin: auto;
  font-size: 21px;
}



@media only screen and (max-width: 991px){
.freeblock {display:block;; font-size: 13pt; padding: 25px 0;}
.freebox2 {margin-bottom: 75px;}
.box1 {text-align: center; width: 100%; }
.box1 img {width: 130px; height: 130px; border-radius: 400px;}
.box2 {text-align: center; width: 100%; }
.box2 img {width: 100%; height: auto; border-radius: 400px;}
.boxt2 {font-size: 16px;}
}

/* ニュースカスタム */
.p-index-news {display: block; background: rgba(243,244,247,.9); }
.p-index-news__item:nth-child(-n+3) {border-top: none; border-left: none; }
.p-index-news__item {width: 100%; border-right: none; border-bottom: 1px solid #ff4400; }
.p-index-news__item a:hover {background: rgba(255,68,0,.1); }
.p-article__meta {color: #adadad; }
.p-entry__meta-top {color:#adadad;}
.p-article-news__title {color: #ce3700 !important;}
a:hover .p-article__title {opacity: 1; color: #ff4400 !important; }

/* スマホ用ページスクロール */
.p-pagetop a {background: #ff4400;}

/* ヴィジットタイトル */
.p-widget__title {font-size: 17px;}

/* タブのカスタム */
.page-id-180 .tcd-pb-row.row7 .pb-widget-tab .pb_tab-type2 ul.resp-tabs-list li {height: 60px; padding: 1px 2px; line-height: 2.2;}
@media only screen and (max-width: 991px){
.page-id-180 .pb-widget-tab h2.resp-accordion {background: #00a5a4; color: #fff;}
.page-id-180 .pb-widget-tab h2.resp-tab-active {background: #00a5a4 ;}
.page-id-180 .tcd-pb-row.row7 .pb-widget-tab h2.resp-accordion {background: #f9f9f9; color: #000;}
.page-id-180 .tcd-pb-row.row7 .pb-widget-tab h2.resp-tab-active {background: #ffcd55 ;}
.page-id-180 .pb-widget-tab .resp-arrow {border-top: 8px solid #ff886e ;}
.page-id-180 .pb-widget-tab h2.resp-tab-active span.resp-arrow {border-top: transparent; border-bottom: 8px solid #ff886e;}
}

/* button and listbox */
table.listtable {
  background: #eee;
}
table.listtable tr td {
  width: 50%;
  padding: 0;
  border-bottom: 1px solid #ff7700;
  border-top: none;
  border-right: none;
  border-left: #ff7700 2px solid;
}
.listtable td a {
  display: block;
  text-align: center;
  padding: 10px 15px;
}
.listtable td a:hover {
  background: #ff7700;
  color:#ffffff;
  text-decoration: none;
}
.page-id-69 .resp-tabs-list li:hover {background: rgba(255,119,0,.5);}
.page-id-69 .resp-tab-active {background: #ff7700 !important; color:#ffffff;}
.page-id-69 h2.resp-accordion {background: rgba(255,119,0,.5);}

.listtitle {
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: bold !important;
  font-size: 25px !important;
  text-align: center;
}
.listtext {
  text-align: center;
  font-size:20px;
}
.listbox, .listbox2, .listbox3 {
  width: 80%;
  text-align: center;
  margin: 10px auto !important;
  border: 1px solid #ff7700;
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: solid 2px #d27d00;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.listbox {
  background: rgba(255,119,0,.4);
}
.listbox2 {
  background: rgba(255,119,0,.6);
}
.listbox3 {
  background: rgba(255,119,0,0.8);
}
.listbox a {
  padding: 10px 5px;
  display: block;
  color: #000 !important;
  font-weight: bold;
}
.listbox2 a {
  padding: 10px 5px;
  display: block;
  color: #000 !important;
  font-weight: bold;
}
.listbox3 a {
  padding: 10px 5px;
  display: block;
  color: #000 !important;
  font-weight: bold;
}
.listbox a:hover {
  background: #ff7700;
  text-decoration: none;
  color: #ffffff !important;
  border-bottom: solid 0px #ff7700;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.listbox2 a:hover {
  background: #ff7700;
  text-decoration: none;
  color: #ffffff !important;
  border-bottom: solid 0px #ff7700;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.listbox3 a:hover {
  background: #ff7700;
  text-decoration: none;
  color: #ffffff !important;
  border-bottom: solid 0px #ff7700;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* 投稿ページのアイキャッチ画像の非表示 */
.p-entry__thumbnail img {display: none;}

/* スパムを非表示する */
.grecaptcha-badge {visibility: hidden; }