/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
/* Webフォント：Noto Sans JP */
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap);
 
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
h4 {
padding: 0.25em 0.5em !important;
    color: #171c3a;
    background: transparent;
    border-left: solid 8px #171c3a;
    line-height: 1.5em;
}
/* ウィジェットタイトル */
.widget .wrap-post-title {
    margin: 40px !important;
font-size: 1.7em;
color:#171c3a;
letter-spacing: 0.3em;
}
.wrap-post-title:before {
    height: 2px!important;
}
/* ビックフッター3カラム */
.col3, .sc_col3 {
    text-align: center;
}
/* ページタイトル */
.page_title {
    padding: 10px 30px;
    border-bottom: 3px solid #171c3a;
    margin-bottom: 0;
    background: #fff;
    color: #171c3a;
    letter-spacing: .2em;
    font-weight: bold;
}
#logo img, .logo img {
    height: 80px;
}
.header_message_badge {
    font-size: .9em;
    margin-right: 10px;
}
/* ブロックマージンボトム40px */
.block {
    padding: 8px;
    margin-bottom: 40px;
}
/* リンクボタン */
.link_btn {
  display: inline-block;
  width: 250px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #171c3a;
}
.link_btn a {
  display: inline-block;
  width: 250px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #171c3a;
  position: relative;
  letter-spacing: .2em;
}
.link_btn a::before {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 30px;
  top: 0;
  transform: rotate(45deg);
  transition: right .3s;
}
.link_btn a:hover::before {
  right: 25px;
colir:#d0be76;
}
.link_btn_block{
text-align: center;
margin: 80px auto;
}
/* LINEリンクボタン */
.line_btn {
  display: inline-block;
  width: 350px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #06c755;
  background-color: #fff;
  position: relative;
  border: 2px solid #06c755;
  transition: color 0.5s ease;
font-weight: bold !important;
    letter-spacing: .1em;
}
.line_btn a{
  color: #06c755!important;
}
.line_btn:hover {
  color: #fff!important;
}
.line_btn a:hover{
 color: #fff!important;
font-weight: bold;
}
.line_btn:hover::before {
  transform: scaleY(1);
}
.line_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #06c755;
  transform: scaleY(0);
  transition: all 0.5s ease;
  transition-property: transform;
}
.text {
  position: relative;
}
/* contactリンクボタン */
.contact_btn {
  display: inline-block;
  width: 230px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #171c3a!important;
  background-color: #d0be76;
  position: relative;
  border: 2px solid #171c3a;
  transition: color 0.5s ease;
font-weight: bold !important;
    letter-spacing: .1em;
}
.contact_btn a{
  color: #171c3a!important;
}
.contact_btn:hover {
  color: #fff!important;
}
.contact_btn a:hover{
 color: #fff!important;
font-weight: bold;
}
.contact_btn:hover::before {
  transform: scaleY(1);
}
.contact_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #171c3a!important;
  transform: scaleY(0);
  transition: all 0.5s ease;
  transition-property: transform;
}
/* 2カラム */
.colum2{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
/* 3カラム */
.colum3{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px 10px;
}
/* プロフィール */
.profile {
  background: #FFF;
  width: 100%;
  max-width: 400px;
  padding: 1.5em;
  box-shadow: 0px 1px 5px rgba(0,0,0,.3);
display: inline-table;
}

.profile__img {
  display: block;
  width: 80%;
  height: 80%;
  border-radius:50%;
  margin: 0 auto;
}

.profile__name {
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
  margin: 1em auto 1em;
  letter-spacing:.1rem;
  color:#171c3a;
}

.profile__desc {
  line-height:2em;
  text-align: center;
  color:#171c3a;
}
.profile-kana{
    font-size: .7em;
    font-weight: 500;
    letter-spacing: .3em;
}
/* Table Press */
/* テーブルのオプションに入力し、改行を防止する */
.tablepress thead th,
.tablepress td {
	white-space: nowrap;
}
/* すべてのセルに枠線を付加する */
.tablepress thead th,
.tablepress tbody td,
.tablepress tfoot th{
font-size: .9em;
border: 1px solid #797979 !important;
padding-left: 10px;
vertical-align: middle;
}
.tablepress thead th{
background: #d0be76!important;
}
.pc {
display:inline;
}
.sp {
display:none;
}
.fa-facebook-square:before {
    font-size: xx-large;
}
.fa-instagram:before {
    font-size: xx-large;
}
.fa-comment-o:before {
    font-size: xx-large;
}
:where(.content) ul {
    list-style-type: none;
}
:where(.content) ul li {
    letter-spacing: .15em;
}
@media screen and (max-width:768px){
.colum2{
grid-template-columns: 1fr;
grid-gap: 40px;
}
.colum3{
grid-template-columns: 1fr 1fr;
}
.line_btn {
  width: 70%;
}
.pc {
display:none;
}
.sp {
display:inline;
}
}
@media screen and (max-width:480px){
.line_btn {
  width: 95%;
    letter-spacing: .08em;
        line-height: 2em;
        padding: 1em 0;
}
}

/*マニュアル*/
/************************************
** コピーボタン
************************************/
.copy-box{
    background:#ffcccc;
    padding:1em;
    width: 90%;
    margin:0 auto;
    font-size:0.9em;
}
.copy-box p:first-child{
    margin-top:0;
}
.copy-box p:last-child{
    margin-bottom:0;
    padding-bottom:0;
}
.copy-box ul{
    border:none;
    margin:0;
    padding:0;
}
.copy-box ul li{
    margin-left:20px; /* 左に隙間があく場合は消してください */
}
.btn-copy {
    display: block;
    margin: 1em auto 2em;
    width: 120px;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #B00000; /* ボタン背景色 */
    color: #fff;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing:1px;
    line-height: 1.8;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-copy:hover {
    color:#000;
}
.btn-copy:before {
    left: -100%;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    content: "コピー完了!";
}
.btn-copy .btn-copy-text {
    display: inline-block;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
}
.btn-copy-active{
    background:#FF9384;/* ボタンクリック時 背景色 */
}
.btn-copy-active:before {
    left: 0;
}
.btn-copy-active .btn-copy-text {
    -webkit-transform: translateX(250%);
    -moz-transform: translateX(250%);
    -ms-transform: translateX(250%);
    transform: translateX(250%);
}