/*
Theme Name: itorito Child
Theme URI: https://staging.itorito.jp
Version: 2.9.0
Description:イトリト｜糸島半島アウトドア体験型クラブ
Author: itorito
Author URI: https://staging.itorito.jp
Template: itorito
Text Domain: itorito-child

	Copyright: (c) itorito
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/*
 * Copyright (C) 2015 isotype
 *      https://www.google.com/get/noto/
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@media screen and (max-width: 760px) {
	.pc{display:none;}
}
@media screen and (min-width: 761px) {
	.sp{display:none;}
}

a:hover{
	opacity: 0.5 ;
}
.nav-wrap ul.sub-menu {
	width:300px!important;
}
.nav-wrap ul.sub-menu:hover {
	background-color:#999;
}
.post-title a {
	color:#74a455!important;
	border-bottom:1px solid;
}

#copyright {
	padding-bottom:30px;
}
.overlayer {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}

.top-act_image img {
    border-radius: 15px; /* 角丸の半径を設定 */
}
.act_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: 1px solid #0094a4;
    border-radius: 5px;
    background-color: #fff;
    color: #0094a4;
    font-size: 1em;
}

.act_button::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #0094a4;
    border-right: 2px solid #0094a4;
    content: '';
}

.act_exp{
	font-size:23px;
	font-weight:bold;
	line-height:2em;
	text-align:center;
}
@media screen and (max-width: 760px) {
	.act_exp{
	font-size:18px;
	font-weight:bold;
	line-height:2em;
}
}

.act_title {
    padding: .5em .7em;
    border-left: 5px solid #74a455;
    color: #333333;
}

.post-title,
.entry-title{
font-size: 30px!important;
}
.post-title span,
.entry-title span{
	display:block;
	margin-top:0;
	font-weight:normal!important;
}

.wp-block-latest-posts__list li {
  list-style: none!important;
}

.image-container {
  position: relative;
  height: 350px
}
.image-container img {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.eyecatch_description{
	font-size:16px!important;
	line-height:1.5em;
}

.about_active_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.about_active_box-item{
	width:400px;
	margin:20px;
	text-align:center;
	display: flex;
  flex-direction: column;
}
.about_active_box-item .main-image img{
	width:100%;
}
.about_active_box-item .active-icon img{
	width:92px;
}
.about_active_box-item .active-tit{
	font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
}
.about_active_box-item .active-txt{
	font-size: 15px;
line-height:1.5em;
}
.about_active_box-item .link-btn{
	margin:0 auto;
	margin-top: auto;
	width:350px;
	padding:10px;
	background-color:#39a6be;
}
.about_active_box-item .link-btn:hover{
	opacity: 0.5 ; 
	transition: 0.5s;
}
.about_active_box-item .link-btn a{
	color:#fff;
	font-weight:bold;
}

.flow {
  width: calc(100% - 40px); /* ステップフロー全体の横幅を指定 */
  display: flex;            /* flexboxで横並びにする */
  justify-content: space-between; /* 横並びにしたものを等間隔で並べる */
}

.flow li {
list-style: none!important;
  color: #333;        /* 文字色を黒に指定 */
  font-size: 16px;    /* 文字サイズを指定 */
  width: calc(100% / 3); /* 横幅を三等分した1つの大きさに指定 */
  background: #eee;   /* 背景色をグレーに指定 */
  line-height: 50px;  /* 行間(高さの代わり)を指定 */
  text-align: center; /* 文字を中央寄せにする */
  position: relative; /* 基準位置とする */
}

.flow li:not(:first-child):not(:last-child) { 
  padding: 0 0 0 10px;  /* 最初と最後以外には左に適度な余白を指定 */
}

.flow li::before,
.flow li::after {
  content: "";  /* 疑似要素では必須 */
  width: 0;     /* 横幅を0に指定 */
  height: 0;　　/* 高さを0に指定 */
  display: block;  /* ブロック要素にする */
  position: absolute; /* 相対位置に指定 */
}

.flow li::before {
  border: solid 32px transparent;     /* 32pxのborderを指定 */
  border-right: solid 13px transparent;  /* 幅を合わせるため右線は13pxにする */
  border-left: solid 13px #FFF;          /* 白い三角形を作成して▷の形で上に重ねて削り取る */
  top: -7px;  /* 重ねる位置(縦軸)を調整 */
  left: 0;    /* 重ねる位置(横軸)を調整 */
  z-index: 1; /* 重なり順を指定 */
}

.flow li::after {
  border: solid 25px transparent;  /* 25pxのborderを指定 */
  border-left: solid 10px #EDEDED; /* 左のborderで背景色と同じ▶の部分を作成する */
  border-right: solid 10px transparent; /* 幅を合わせるために右線は10pxにする */
  top: 0;       /* 重ねる位置(縦軸)を調整 */
  right: -20px; /* 重ねる位置(横軸)を調整 */
  z-index: 2;   /* 重なり順の優先度を他よりも上げる */
}

.flow li:first-child::before,
.flow li:last-child::after {
  content: none;  /* 最初のliの左と最後のliの右は作らない */
}

/* 以下.currentだけ色を変えるCSS */

.flow li.current {
  color: #FFF;
  background: #FCC;
}

.flow li.current::after {
  border-left: solid 10px #FCC;
}

/*NG アイコン*/
.ng-icon-box{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:start;
}
.ng-icon-box .ng-icon-item{
	width:120px;
	margin:10px;;
}
.ng-icon-box .ng-icon-item img{
	width:100%;
}
@media screen and (max-width: 480px) {
	.ng-icon-box{
	justify-content:center;
}
}
/* .t-line tr:nth-child(odd) td {  
  background-color: #EFEFEF;  
}
.t-line tr:nth-child(even) td {  
  background-color: #fff;  
}  
.entry .is-style-regular table,.entry .is-style-regular table th,.entry .is-style-regular table td{
  border: #ccc 1px solid!important;
} */

.yoyaku-btn{
	margin:30px auto 0;
	margin-top: auto;
	max-width:350px;
	padding:1em;
	background-color:#74a455;
	text-align:center;
	border-radius: 10px;
}
.yoyaku-btn:hover{
	opacity: 0.5 ; 
	transition: 0.5s;
}
.yoyaku-btn a{
	color:#fff;
	font-weight:bold;
}

.wp-block-latest-posts__featured-image {
  width: 300px!important;
  height: 182px!important;
  overflow: hidden!important;
  position: relative!important;
}

.wp-block-latest-posts__featured-image img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  object-position: center!important;
  display: block!important;
}



.timeline-003 {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}

.timeline-003 li {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #969da3;
    font-size: .8em;
	text-align:center;
}
.timeline-003 li span{
	font-weight:bold;
	font-size:1.3em;
}

.timeline-003 li.prev,
.timeline-003 li.current {
    color: #74a455;
}

.timeline-003 li::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 6px;
    content: '';
    border: 2px solid #d6dde3;
    border-radius: 50%;
    background-color: #fff;
}

.timeline-003 li.prev::before,
.timeline-003 li.current::before {
    border-color: #74a455;
}

.timeline-003 li:not(:last-child)::after {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #d6dde3;
    content: '';
}

.timeline-003 li.current::before,
.timeline-003 li.prev::after {
    background-color: #74a455;
}