/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* @font-face {
  font-family: 'NotoSansJP';
  src: url( "/wp-includes/fonts/NotoSansJP-VariableFont_wght.woff") format('woff'); 
  font-display: swap;
 } */
 
 /*Diviのデフォルト設定（改変非推奨） */
body, h1, h2, h3, h4, h5, h6, p, input, textarea, select,ul#top-menu,th,td{ font-family:"NotoSansJP","Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif"; }
a {text-decoration: underline;}
input.buttons { background: #ff0000d9; color: #ffff; font-size: 20px; } fieldset { margin: 40px 50px!important; }.table { text-align: center; border-collapse: collapse; border: 1px solid #ccc; line-height: 1.5; }
#wpmem_reg fieldset { display: none; } legend { display: none; } .et-pb-contact-message { color: white; } #footer-bottom { display: none; } .link-text { display: none; } ＃spu-open-239818 .spu-container{ background: url(/wp-content/uploads/2020/10/50.jpg)no-repeat center/cover!important; }
button.spu-close-popup.in { width: 20vw; margin: 1vw 0; } .youtube{ position: relative; box-sizing: border-box; width: auto; max-width: 1100px; height: auto; margin: auto; padding: 10px; background: #555; border-radius: 5px; transform: scale3d(0.9, 0.9, 0.9) rotate3d(1, 0, 0, 0) translate3d(0, -60px, 0); box-shadow: 20px 10px 20px rgba(0, 0, 0, 0.3); } .youtube iframe{ width: 100%; height: 100%; } .youtube::before{ content: ""; width: 50px; height: 50px; position: absolute; top: -50px; left: 50%; transform: translate(-50%,0) rotate(-135deg); border-top: solid 5px #555; border-left: solid 5px #555; } .center { text-align: center; } .ini { font-size: 23px; letter-spacing: 1px; text-decoration: underline; color: #00cbff; } .shape{ border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px; -ms-transform:rotate(360deg); /* IE 9 */ -o-transform: rotate(360deg); /* Opera 10.5 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ transform:rotate(360deg); } .offer{ background:#f0f0f0; border:2px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden; } .offer:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform:rotate scale(1.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .shape { border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0); } .offer-radius{ border-radius:7px; } .offer-danger { border-color: #d9534f; } .offer-danger .shape{ border-color: transparent #d9534f transparent transparent; } .offer-primary { border-color: #428bca; } .offer-primary .shape{ border-color: transparent #428bca transparent transparent; } .offer-info { border-color: #39c100; } .offer-info .shape{ border-color: transparent #39c100 transparent transparent; } .shape-text{ color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap; -ms-transform:rotate(30deg); /* IE 9 */ -o-transform: rotate(360deg); /* Opera 10.5 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ transform:rotate(30deg); } .offer-content{ padding:0 20px 10px; } div.wpforms-container-full .wpforms-form .wpforms-field-label{ color: #000; } h3.lead { font-size: 18px; } #spu-239818 .spu-container { background: url(/wp-content/uploads/2020/10/50.jpg); } .wpmem_msg { padding: 15px; } .same-height-gallery .et_pb_gallery_items, .same-height-gallery .et_pb_gallery_item, .same-height-gallery .et_pb_gallery_image { height: inherit; } .et_pb_gallery_fullwidth.same-height-gallery .et_pb_gallery_image img { width: initial; height: initial; max-width: 100%; max-height: 90%; } .same-height-gallery .et_pb_gallery_item { text-align: center; } .same-height-gallery .et-pb-controllers { margin-bottom: 22px; } .right { text-align: right; } .mfp-title { font-size: 22px; } input.buttons { background: #ff0000; } .et_vertical_nav #main-header #logo {margin: 0;}.et_mobile_menu li a:hover {background-color: #03a9f42e;}
 
/*以下、追記CSS */
 /* 見出しのデザイン */
h1{font-size:40px;border-bottom: 2px solid #d6d6d6;line-height: 1.5em;margin:10px}
h2{font-size:1.5rem;color: #0193de;padding-bottom:0;margin:20px 0;line-height:1.5;border-bottom: 3px double #0072c6;font-weight: bold;}
h3{margin:10px 0;padding-left: .5rem;font-size:1.2rem;color:#0193de;border-bottom: 1px solid #0072c6;}
h3:before{content:"";width:13px}h3.none:before{content:unset}#none h3 {border-bottom: none;}
.none h3{margin:auto;padding-left:0;color:none;border-bottom:none;}
.white h3{border-bottom: 1px solid #FFFF;}

 /* スマホ閲覧時のサイズ変更 */
 @media screen and (max-width: 767px) {
p {font-size:.8rem;}
h1{font-size:20px;}
h2{font-size:1.2rem;}
h3{font-size:1rem;}
table th,td{font-size:0.8rem;}
 }
   
 /* 表のデザイン */ 
  /* 表の基本デザイン */
.table { text-align: center; border-collapse: collapse; border: 1px solid #ccc; line-height: 1.5; } 
th,td { white-space: nowrap; border: 1px solid #eee; padding: 6px 10px!important; }
thead th {background:#027dff; color: #ffffff!important; } /* thead内のthを青背景、白文字 */
table tr:nth-child(even) {background: #f5fcff;} /* 偶数行の背景を薄い青にして、青縞に */
tablesorter thead tr th {background-image: url(/wp-content/plugins/table-sorter/images/bg.gif)!important;} /* tablesorterのアイコン強制表示 */

  /* class=scroll-tableの設定 */
.scroll-table {table-layout: auto;width: 100%;display: inline-grid;transform: rotateX(180deg);overflow-x: auto;}
.scroll-table table {transform: rotateX(180deg); margin:0!important;}

  /* GUIページの表 */
table#gui th {background:rgb(151 109 94);text-align: center;color: white;}
table#gui td, table#gui th {border: 1px solid #eee;padding: 10px 2px;text-align: center;}

  /* 縦スクロール時に固定する */
table.sticky_table thead th {position: -webkit-sticky;position: sticky;top: -0.5px;text-align: center;}

  /* 横スクロール時の設定 */
table.sticky_table th:first-child {position: -webkit-sticky;position: sticky;left: 0px;}
table.sticky_table thead:first-child th:first-child{z-index: 1;}
table.sticky_table tbody tr th {background: #fff;}
table.sticky_table tbody tr:nth-child(even) th {background: #f5fcff;}

  /* トップページの会社の表のデザイン */
table.profile{width: 100%;border-collapse: collapse;}
table.profile tr {border-bottom: solid 2px white;}
table.profile tr:last-child {border-bottom: none;}
table.profile th{position: relative;background-color: #2662b1;color: white;text-align: center;padding: 10px 0;}
table.profile td{text-align: left;background-color: #eee;padding: 10px 10px 10px 20px !important;}

/* 問い合わせの表のデザイン */
.entry-content thead th, .entry-content tr th {padding: 5px;white-space: nowrap;}
table.contact-table th {border: unset;border-bottom: 2px solid #183883;padding: 12px 0;background: none;color: black;}
table.contact-table td {border: unset;border-bottom: 2px solid #d5d6d8;}

  /* インターフェイスtable */
table.interface img {min-width: 63px;max-height: 60px;vertical-align: middle;}
table.interface td {text-align: left;}
div#center {text-align: center;}

table.base1 img {max-width: 50%;}
table.base2 img {max-height: 8vw;}
table.base1 td,table.base2 td {padding: 5px;white-space: inherit;border: 1px solid #eee;}
 /* ここまで表デザイン */

/* サイドバー設定 */
header#main-header,ul.sub-menu {z-index: 999;}
.et_vertical_nav.et_header_style_centered header#main-header #top-menu>li>a, .et_vertical_nav.et_header_style_centered header#main-header.et-fixed-header #top-menu>li>a {padding-bottom: 16px;}
#top-menu li.current-menu-item>a {color:unset;}	
img#logo:hover {opacity: 0.3;}
#top-menu-nav>ul>li>a:hover {opacity: 0.3;transition: all 0.05s ease-in-out;}

/* サイドバーのレスポンシブル設定 */
 /* 横幅1400px未満の時 */
@media screen and (max-width: 1400px) {
.et_vertical_nav #page-container #main-header{padding-top:30px;}
#top-menu li a {font-size: 13px;}
.et_vertical_nav #main-header #top-menu>li>a {padding-bottom: 14px;}
#et-top-navigation{padding-top:20px!important;}
.et_pb_button_0_tb_footer {font-size: 18px!important;}
}
 /* 横幅1200px未満の時 */
 @media screen and (max-width: 1200px) {
.et_vertical_nav #page-container #main-header{padding-top:20px;}
.et_vertical_nav #main-header #top-menu>li>a {padding-bottom: 12px;}
img#logo {width: 12vw;}
#top-menu li a {font-size: 11px;}
}
 /* 横幅980px未満の時（タブレットorスマホ表示時） */
 @media screen and (max-width: 980px) {
img#logo {width: fit-content;}
}
/* ここまでサイドバーのレスポンシブル設定 */

/* しぼり込み検索ボックスのデザイン */
.searchandfilter ul{display: inline-flex;/* border-top: solid 5px #3d4c97; border-bottom: solid 5px #3d4c97; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);border-radius: 3px;padding: 0 12px;*/}
.searchandfilter ul li {padding: .5em 1em;background-color:#f4f9ff;border:1px solid #84c1ff; margin: 2px;}
form#search-filter-form-546 {text-align: center;}
div#searching {margin: auto; width: 97%;}
.searchandfilter .noUi-connect { background-color: #3d4c97; } 
.searchandfilter input[type="submit"] {padding: 30px;margin: 35px 20px;position: relative;border-color: #3d4c97;font-size: 15px;font-weight: 600;border-radius: 3px;}
.searchandfilter h4 { font-weight: 500; font-size: 14px; }
.searchandfilter .sf-range-max, .searchandfilter .sf-range-min { max-width: 55px; border-radius: 3px; }
.meta-slider.noUi-target.noUi-ltr.noUi-horizontal {width: 141px;}
select.sf-input-select {height: 115px;}
.noUi-handle:after, .noUi-handle:before {content: unset;}
.result {font-weight: 600;font-size: 16px;text-align: center;background: #00bcd43d;margin: 0 5vw;}
#searching .scroll-table:first-child {transform: none;}
li.sf-field-submit {border: unset!important;display: contents!important;}
.sf-meta-range.sf-meta-range-slider {margin: 5px 0;}
.meta-slider.noUi-target.noUi-ltr.noUi-horizontal {margin: 13px 0;}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -7px;
    left: auto;
    width: 15px;
    height: 25px;
    border-radius: 5px;
}
/* ここまでしぼり込み検索ボックスのデザイン */

/* recapcha非表示 */
.grecaptcha-badge { visibility: hidden!important;}

/* Singlepostの設定 */
.et_right_sidebar #main-content .container:before {right: -500%!important;}
.container.clearfix.et_menu_container {margin: 0 30px!important;}
div#page-container {overflow-y: unset!important;}
.et_pb_post {margin-bottom: 22px;}
.et_pb_toggle {padding: 10px 20px;}


img.p1 {width: 33%; max-height: 158px;}
img.p2 {width: 50%;}
span.red {color: red; font-weight: bold;} /* span class=redは、太字・赤文字 */

/* シャッターアニメーションの設定 */
.shutter{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:#2193b0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.shutter::before {content: '';position: absolute;top: 0;left: 0;bottom: 0;margin: auto;background-color: #fff;width: 0;height: 1px;}
.shutter p {margin:44vh 0;text-align: center;font-size:3rem;font-weight:600;color:#ffff; font-family:"Times New Roman";}
.shutter {-webkit-animation: byeShutter 2.6s forwards;animation: byeShutter 2.6s forwards;}
.shutter::before {-webkit-animation: shutterOpen 2.6s forwards;animation: shutterOpen 2.6s forwards;}
.content {-webkit-animation: contentScale 2.6s forwards;animation: contentScale 2.6s forwards;}
@keyframes byeShutter {
  70% {opacity: 1;}
  100% {opacity: 0;display: none;z-index: -1;}
}
@keyframes shutterOpen {
  0% {width: 0;height: 1px;}
  50% {width: 100%;height: 1px;}
  90% {width: 100%;height: 100%;}
  100% {width: 100%;height: 100%;}
}
@keyframes contentScale {
  70% {-webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);transform: perspective(800px) scale(0.9) rotateX(15deg);}
  100% {-webkit-transform: perspective(800px) scale(1) rotateX(0);transform: perspective(800px) scale(1) rotateX(0);}
}
 @media screen and (max-width: 767px) {
.shutter p {font-size:2rem;}
}

/* Cookieバナーの位置変更 */
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {left: 50px;right: unset!important;}
.cmplz-cookiebanner.banner-1 {width: unset;}