@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*********************************
	固定ページの日付を非表示にする
*********************************/

.page .date-tags {
display: none;
}

/*********************************
	フロントページのタイトルを非表示にする
*********************************/

#post-432 
.entry-title {
  display:none;
}

/*********************************
	お問い合わせフォームの設定
*********************************/

/*お問い合わせ送信ボタン装飾*/
.wpcf7 input[type="submit"] ,
.pushbutton-wide{
	background-color: #D9BA8C;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

input.sub-btn:hover{
	opacity: .8;
}

.no-icon > .fa-link::before{
	content: none;
}

.required {
color: #ff0000;
}

/*reCAPTCHAのバッジ非表示*/
.grecaptcha-badge {
	visibility: hidden; 
}


/*********************************
	囲み枠の設定
*********************************/

.box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #D9BA8C;
    border-radius: 8px;
}
.box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #000000;
    font-weight: bold;
}
.box p {
    margin: 0; 
    padding: 0;
}


/*********************************
	路線ページ用タイムラインの設定
*********************************/

/*タイムライン*/
.railway-timeline {
  list-style: none;
}
.railway-timeline > li {
	overflow: hidden;
   margin: 0;
   position: relative;
	margin-bottom: 60px;
}
.railway-timeline > li.railway-timeline-item { 
	overflow: hidden;
	margin: 0 0 0 10px;
	position: relative;
} .railway-timeline > li.railway-timeline-item { 
	padding-left: 0;
} 
.content .railway-timeline-content { 
	margin-top:0;
	padding: 0 0 1.5em 1.1em;
	width: 95%;
} 
.content .railway-timeline-content-end { 
	margin-top:0;
	padding: 0 0 1.5em 1.1em;
	width: 95%;
} 
.content .railway-timeline-content-single { 
	margin-top:0;
	padding: 0 0 1.5em 1.1em;
	width: 95%;
} 
.content .railway-timeline-content-single-end { 
	margin-top:0;
	padding: 0 0 1.5em 1.1em;
	width: 95%;
} 
.content .railway-timeline-snippet { 
	margin-top: .5em;
	padding: 0 0 1.5em;
} 

/*タイトル*/
.railway-timeline-title { 
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.5;
}

/*●部分*/
.railway-timeline-content:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
	border: solid 2px #555;
}
.railway-timeline-content-end:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
	border: solid 2px #555;
}
.railway-timeline-content-single:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #000000;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
	border: solid 2px #000000;
} 
.railway-timeline-content-single-end:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #000000;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
	border: solid 2px #000000;
} 

/*縦線*/
.railway-timeline-content:after {
	content: "";
	width: 3px;background: #ccd5dd;
	display: block;
	position: absolute;
	top: 25px;
	bottom: 0;
	left: 5px;
}
.railway-timeline-content-single:after {
	content: "";
	width: 3px;
	background: #ccd5dd;
	display: block;
	position: absolute;top: 25px;
	bottom: 0;
	left: 5px;
}


/*********************************
	ショートコードのタイムラインの設定
*********************************/
.timeline-box {
	border: none;
}

.timeline-item:before {
	background: #000000;
}

.timeline-item-content {
    border-left: 3px #ccd5dd solid;
}

.timeline-item-label {
	white-space: pre-line;
	text-align: left;
	
}

/*********************************
	アコーディオンメニューの設定
*********************************/

/******** 親テーブルの設定 **********/

/*全体*/
.hidden_box {
    margin: -1.5em 0 ;
    /*padding: 0 ;*/
}

/*ボタン装飾*/
.hidden_box label {
    padding: 0;
    font-weight: bold;
	/*background: #fbfbf7;*/
	/*border: solid 1px #d1d0a9;
	border-radius: 5px;*/
	cursor :pointer;
    transition: .5s;
	/*border-top: solid 1px;
	border-bottom: solid 1px;*/
	width: 100%;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    transition: 0.2s;
	height: auto;
}

/*ボタンホバー時*/
/*.hidden_box label:hover {
	background: #f4f8fa;
}*/

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
	content: '\f0d7';
    /*-webkit-transform: rotate(360deg);
     transform: rotate(360deg);*/
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}


/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding-left: 2em;
    overflow: hidden;
    opacity: 0;
    /*transition: 0.8s;*/
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0 1em;
	margin-top: -60px;
	margin-bottom: 10px;
    height: auto;
    opacity: 1;
}

/******** 子テーブルの設定 **********/

/*全体*/
.hidden_box_child {
    margin: -1.5em 0 ;	
}

/*ボタン装飾*/
.hidden_box_child label {
    padding: 0px;
    font-weight: bold;
	/*background: #fbfbf7;*/
	/*border: solid 1px #d1d0a9;
	border-radius: 5px;*/
	cursor :pointer;
    transition: .5s;
	/*border-top: solid 1px;
	border-bottom: solid 1px;*/
	/*margin: -40px 0 ;*/
/*display:　inline-block;*/
	line-height:1em;
	height: 1em;
}

/*アイコンを表示*/
.hidden_box_child label:before {
    display: inline-block;
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    transition: 0.2s;
	height: 1em;
}

/*ボタンホバー時*/
/*.hidden_box label:hover {
	background: #f4f8fa;
}*/

/*#table1 td {
  height: 1em;
	padding: -1px 0;
}*/

#table_child tr {
	background-color: transparent;
}

/*アイコンを切り替え*/
.hidden_box_child input:checked ~ label:before {
	content: '\f0d7';
    /*-webkit-transform: rotate(360deg);
     transform: rotate(360deg);*/
}

/*チェックは見えなくする*/
.hidden_box_child input {
    display: none;
	height: 1em;
}

/*中身を非表示にしておく*/
.hidden_box_child .hidden_show_child {
    height: 0;
    padding-left: 2em;
    overflow: hidden;
    opacity: 0;
    /*transition: 0.8s;*/
}

/*クリックで中身表示*/
.hidden_box_child input:checked ~ .hidden_show_child {
    padding: 0 1em;
	margin-top: -40px;
	/**margin-bottom: 10px;**/
    height: auto;
    opacity: 1;
}

#railways-ul {
	padding-left: 0;
}


/*.entry-card-wrap{
	padding: 2px 0;
	height: 20px;
	line-height: 20px;
}

.entry-card-content{
	margin-left: 0;
	
}*/
.entry-card-thumb-image {
	height: ;
}

/*********************************
	トップページドロップダウンの設定
*********************************/
.selectbox {
	width: 43%;
	float: left;
	margin-right: 2%;
}

.railways-selectbox {
	width: 28%;
	float: left;
	margin-right: 2%;
}

.btn-show-category {
	width: 10%;
	background-color: #D9BA8C;
	/*border: 2px solid #D8D9CE;*/
	color: #FFFFFF;
}

@media screen and (min-width: 834px){
	.front-search {
		width: 50%;
		margin: 0 auto;
	}
}

.btn-search {
	background-color: #D9BA8C;
	margin-left: 2%;
}

#show-more {
	display: flex;
	justify-content: center;
}

.btn-show-more {
	background-color: #D9BA8C;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	#table_child {
		font-size: 1.2em;
	}
	
	#navi .navi-in > .menu-mobile li {
		width: 25%;
	}
	
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px; /*場合によってフォントサイズを小さく*/
	}

	.btn-show-category {
		width: auto;
	}	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.selectbox {
		width: 100%;
	}
	
	.railways-selectbox {
		width: 100%;
		display: flex;
		justify-content: end;
	}
}