@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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


/* トップページ */
#post-1086 .sns-share {
	display: none;
}

/*　パンくず　*/
.breadcrumb a:hover {
	color: #2ca9e1;
}
.breadcrumb {
	margin: 0;
	padding: 0;
}
.breadcrumb.pbp-main-before {
	margin: 0;
	padding: 0;
}
.breadcrumb.sbp-main-before {
	margin: 0;
	padding: 0;
}
.single .breadcrumb.sbp-main-before {
	margin: 45px auto 0;
    padding: 0 30px;
}
#breadcrumb .breadcrumb-top p {
	display: inline-block;
	margin: 0;
}
.fa-file-o:before {
	font-family: fontawesome;
}
.breadcrumb {
  white-space: nowrap;
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch;
}



/* スクロール */
.scrollable-table {
	overflow-y: hidden !important;
}
.scrollable-table table {
	border-collapse: collapse;
	table-layout: fixed;
}
/* 見出し */
.article h3{
	border:none;
	background-color:#eaf3ff;
	border-bottom:solid 5px #3261ab;
	border-top:solid 5px #3261ab;
	padding-bottom:10px;
	padding-top:10px;
}
.article h4 {
border:none;
 position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
	border-bottom:solid 3px #b3dcff;
}

.article h4:before {
  font-family: "FontAwesome";
  content: "\f14a";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
 color: #3261ab; /*アイコン色*/
}

/* ヘッダー */
.logo-text {
	padding: 20px 0;
	font-size: 1em;
}
#navi .navi-in a:hover {
	color:#ff0;
}

/* フッター */
#footer a:hover {
	color: #FF0;
}
.navi-footer-in > .menu-footer li:first-child {
	border-left: none;
}
.navi-footer-in > .menu-footer li:last-child {
	border-right: none;
}

/* サイドバー */
.sidebar h3 {
    background: none;
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
	color: #3261ab;
	margin: 10px 0;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 46%;
	width: 28%; /*ラインの長さ*/
    border-top: 3px solid #3261ab; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_entries ul li {
	border-bottom: 1px dotted rgba(50,97,171,.5);
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_recent_entries ul li:last-child {
	border-bottom: none;
}
.widget-entry-cards a:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_new_entrie ul li a:hover,
.tagcloud a:hover,
.sidebar-scroll a:hover {
	color: #23a1e0;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
.widget_recent_entries ul li a,
.widget_archive ul li a,
.widget_categories ul li a {
    text-decoration: none;
    display: block;
    font-size: 16px;
}
.widget_categories ul li a::before,
.widget_archive ul li a::before,
.widget_recent_entries ul li a::before {
	font-family: Fontawesome;
	content: "\f138";
	color: #3261ab;
	padding: 0 0.5em 0 0;
}
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a {
	text-indent: -1.5em;
	padding-left: 2em;
	line-height: 1.5;
}
.sidebar-scroll .toc {
	padding: 1em 1em 0;
	font-size: 15px;
	background: #eaf3ff;
}
.sidebar-scroll .toc ol {
	padding-left: 0;
}
.sidebar-scroll .toc ol li {
	text-indent: -1.5em;
	padding-left: 2em;
    line-height: 1.5;
	padding-bottom: 0.5em;
}
.sidebar-scroll .toc ol li ol li {
	text-indent: -2.5em;
	padding-left: 2em;
    line-height: 1.5;
}
.toc-center {
	margin: 0;
}


/* 見出し */
.entry-title {
	padding: 0.5em;/*文字周りの余白*/
	background: #eaf3ff;/*背景色*/
	border-bottom: solid 3px #3261ab;
}

/* 本文 */

.entry-content {
    margin-top: 1em;
    margin-bottom: 3em;
}

/* スライドイン */
.mobile-menu-buttons {
	background: #150659;
}

.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button {
	color: #ffffff;
}

/* ボタンhover時の文字・背景変更 */
.mobile-menu-buttons .menu-button:hover {
	background-color: #150659; /* 背景色 */
	color: #ffff00; /* 文字の色 */
}
/* トップ・ホームの『文字』は構造上別途必要 */
.top-menu-button a:hover, /*トップに戻る画像を入れる場合はこの1行削除*/
.home-menu-button a:hover {
	color: #ffff00; /* ここは同じ文字色を */
}

/* スライドインナビ */
.navi-menu-content {
	background: #150659;
}

.menu-drawer a {
	color: #fff;
}

.menu-drawer a:hover {
	background-color: #150659;
	color: #ffff00; /* ここを変更 */
}

.menu-drawer a {
    text-decoration: none;
    padding: 6px;
	padding-left: 15px;
    display: block;
}

.menu-drawer .sub-menu {
	margin-top:0;
}
.archive-title {
 color: #3261ab;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
 background-color: #cff9ff;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.archive-title:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.archive-title span{
	display:none;
}

/*関連記事*/
.rp4wp-related-posts ul{
	width:100%;
	padding:0;
	margin:0;
	float:left;
}

.rp4wp-related-posts ul>li{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:10px;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:20px;
	clear:both;
	border-top: 3px solid #eaf3ff;
}

.rp4wp-related-posts ul>li:first-child{
	border-top:none;
}
	
.rp4wp-related-posts ul>li>p{
	margin:0;
	padding:0;
}

.rp4wp-related-post-image{
	padding-right:25px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
}

/*テーブルのデザイン*/
table {
	width: 100%;
}
.table_scroll{
	overflow: auto;
	white-space: nowrap;
}
.table_scroll::-webkit-scrollber{
	height: 5px;
}
.table_scroll::-webkit-scrollber-track{
	background: #f1f1f1;
}
.table_scroll::-webkit-scrollber-thumb{
	background: #bcbcbc;
}

.scrollable-table table tr {
	height:30px;
	text-align:center;
}

.scrollable-table bold th{
	font-weight:bold;
}

.leftelement{
	text-align:right;
	}

.ryokin th{
	color:#fff;
	background-color:#7c7c7c;
}
.ryokin .midashi{
	color:#fff;
	background-color:#150659;
}
th.tesuryo{
	color:#fff;
	background-color:#3261ab;
}

/*表の色*/
.scrollable-table th.nozomi{
	color:#fff;
	background-color:#f7d600;
}
.scrollable-table th.hikari{
	color:#fff;
	background-color:#e64545;
}
.scrollable-table th.kodama{
	color:#fff;
	background-color:#375bfa;
}
.scrollable-table th.mizuho{
	color:#fff;
	background-color:#ffb300;
}
.scrollable-table th.sakura{
	color:#fff;
	background-color:#fa78e0;
}
.scrollable-table th.tsubame{
	color:#fff;
	background-color:#1dbfff;
}
.scrollable-table th.hayabusa{
	color:#fff;
	background-color:#00C6A2;
}
.scrollable-table th.hayate{
	color:#00C6A2;
	background-color:#fff;
}
.scrollable-table th.yamabiko{
	color:#fff;
	background-color:#ff38d2;
}
.scrollable-table th.nasuno{
	color:#fff;
	background-color:#44824c;
}
.scrollable-table th.komachi{
	color:#fff;
	background-color:#f92068;
}
.scrollable-table th.tsubasa{
	color:#fff;
	background-color:#7a18cd;
}
.scrollable-table th.toki{
	color:#fff;
	background-color:#ff6165;
}
.scrollable-table th.tanigawa{
	color:#fff;
	background-color:#2cd037;
}
.scrollable-table th.maxtoki{
	color:#fff;
	background-color:#06007b;
}
.scrollable-table th.kagayaki{
	color:#fff;
	background-color:#4f6dff;
}
.scrollable-table th.hakutaka{
	color:#fff;
	background-color:#e25d3f;
}
.scrollable-table th.asama{
	color:#fff;
	background-color:#bf87d0;
}
.scrollable-table th.tsurugi{
	color:#fff;
	background-color:#009094;
}

/*東海道*/
.tokaido td{
	width:160px;
	}
.tokaido th{
	width:100px;
}

/*山陽*/
.sanyo td{
	width:160px;
	}
.sanyo th{
	width:100px;
}
.sanyo2 td{
	width:140px;
}
.sanyo2 th{
	width:200px;
}
.sanyo3 td{
	width:200px;
}
.sanyo3 th{
	width:100px;
}

/*九州*/
.kyushu td{
	width:160px;
	}
.kyushu th{
	width:120px;
}

/*東北*/
.tohoku td.leftelement{
	width:200px;
}
.tohoku th{
	width:250px;
}
.tohoku2 td{
	width:160px;
	}
.tohoku2 th{
	width:80px;
}
.joetsu td{
	width:130px;
	}
.joetsu th{
	width:100px;
	}
	/*ドクターイエロー*/
.doctoryellow td{
	width:140px;
	}
.doctoryellow th{
	width:80px;
	}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}
/*tableのレスポンシブデザイン*/
@media screen and (max-width:834px){
	/*東海道*/
.tokaido td{
	width:130px;
	}
.tokaido th{
	width:100px;
}
	/*山陽*/
.sanyo2 td{
	width:100px;
	}
.sanyo2 th{
	width:130px;
}
	.sanyo3 td{
	width:240px;
}
.sanyo3 th{
	width:80px;
}
	/*東北*/
.tohoku td.leftelement{
	width:130px;
}
.tohoku th{
	width:180px;
}
	.joetsu td{
	width:130px;
	}
.joetsu th{
	width:100px;
	}
.joetsu2 td{
	width:100px;
	}
.joetsu2 th{
	width:150px;
	}
}


/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	/*関連記事*/
.rp4wp-related-posts ul{
	width:100%;padding:0;margin:0;float:left;
}
.rp4wp-related-posts ul>li{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:10px;
	padding-left:5%;
	padding-right:3%;
	padding-bottom:20px;
	clear:both;
	border-top: 3px solid #eaf3ff;
}
.rp4wp-related-posts ul>li>p{
	margin:0;
	padding:0;
}
.rp4wp-related-post-image{
	width:35%;
	padding-right:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#footer a {
		border: 1px solid #FFF;
		line-height: 2;
		width: 90%;
		margin: 0 auto 1em;
	}
	.footer-bottom {
		padding: 0 8px 3em;
	}	
	.copyright {
		font-size: 10px;
		font-weight: bold;
		margin: 1em 0;
	}
.joetsu th{
	width:130px;
	}
.joetsu td.leftelement{
	width:180px
	}
	/*東海道*/
.tokaido td{
	width:110px;
	}
.tokaido th{
	width:80px;
}
	/*山陽*/
.sanyo td{
	width:110px;
	}
.sanyo th{
	width:80px;
}
.sanyo2 td{
	width:140px;
	}
.sanyo2 th{
	width:150px;
}
.sanyo3 td{
	width:350px;
	}
.sanyo3 th{
	width:80px;
}
/*東北*/
.tohoku td.leftelement{
	width:120px;
}
.tohoku th{
	width:160px;
}
.tohoku2 td{
	width:150px;
	}
.tohoku2 th{
	width:60px;
}
.tohoku3 td{
	width:100px;
	}
.tohoku3 th{
	width:80px;
}
/*上越*/
.joetsu td{
	width:130px;
	}
.joetsu th{
	width:100px;
	}
.joetsu2 td{
	width:100px;
	}
.joetsu2 th{
	width:150px;
	}
	/*ドクターイエロー*/
.doctoryellow td{
	width:140px;
	}
.doctoryellow th{
	width:80px;
	}
}

span[id^="toc"] {
	padding-top: 1.6em;
}

@media screen and (min-width: 769px) {
	span[id^="toc"] {
		padding-top: 2em;
	}
}


/* 停車駅一覧 */
.setsumei-list {
    display: flex;
    flex-direction: column;
    row-gap: 1em
}

.setsumei-item {
    position: relative;
    padding-left: 2.5em;
    list-style: none
}

.setsumei-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.setsumei-item._all::after {
    width: 15px;
    height: 15px;
    border-width: 7px;
    border-style: double
}

.setsumei-item._part::after {
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid
}

.setsumei-item._few::after {
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-style: solid
}

.stop {
    font-size: 14px;
    display: flex;
    -moz-column-gap: .5em;
    column-gap: .5em
}

@media screen and (min-width: 768px) {
    .stop {
        font-size: 20px
    }
}

@media screen and (max-width: 320px) {
    .stop {
        font-size: 12px;
        -moz-column-gap: .5em;
        column-gap: .5em
    }
}

.stop-list {
    width: 4em !important;
    padding-left: 0 !important;
    margin: 0
}

.stop-list:first-of-type {
    width: 7em !important
}

.stop-item {
    padding: .8rem 0;
    margin: 0 !important;
    list-style: none;
    line-height: 1;
    text-align: right
}

.stop-item._center {
    text-align: center
}

.mark-item {
    position: relative;
    text-align: center;
    margin: 0 !important;
    padding: .8rem 0;
    list-style: none;
    line-height: 1
}

.mark-item:not(:last-of-type)::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: 10px;
    height: 100%;
    z-index: -1
}

.mark-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.mark-item._all::after {
    width: 15px;
    height: 15px;
    border-width: 7px;
    border-style: double
}

.mark-item._part::after {
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid
}

.mark-item._few::after {
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-style: solid
}

._tokaido .mark-item:not(:last-of-type)::before,
._tokaido .setsumei-item:not(:last-of-type)::before {
    background-color: blue
}

._tokaido .mark-item::after,
._tokaido .setsumei-item::after {
    background-color: blue;
    border-color: #fff
}

._tokaido .mark-item._few::after,
._tokaido .setsumei-item._few::after {
    background-color: #fff;
    border-color: blue
}

._tohoku .mark-item:not(:last-of-type)::before,
._tohoku .setsumei-item:not(:last-of-type)::before {
    background-color: green
}

._tohoku .mark-item::after,
._tohoku .setsumei-item::after {
    background-color: green;
    border-color: #fff
}

._tohoku .mark-item._few::after,
._tohoku .setsumei-item._few::after {
    background-color: #fff;
    border-color: green
}

._yamagata .mark-item:not(:last-of-type)::before,
._yamagata .setsumei-item:not(:last-of-type)::before {
    background-color: #ff8000
}

._yamagata .mark-item::after,
._yamagata .setsumei-item::after {
    background-color: #ff8000;
    border-color: #fff
}

._yamagata .mark-item._few::after,
._yamagata .setsumei-item._few::after {
    background-color: #fff;
    border-color: #ff8000
}

._akita .mark-item:not(:last-of-type)::before,
._akita .setsumei-item:not(:last-of-type)::before {
    background-color: #ff0080
}

._akita .mark-item::after,
._akita .setsumei-item::after {
    background-color: #ff0080;
    border-color: #fff
}

._akita .mark-item._few::after,
._akita .setsumei-item._few::after {
    background-color: #fff;
    border-color: #ff0080
}

._hokuriku .mark-item:not(:last-of-type)::before,
._hokuriku .setsumei-item:not(:last-of-type)::before {
    background-color: #6a3d98
}

._hokuriku .mark-item::after,
._hokuriku .setsumei-item::after {
    background-color: #6a3d98;
    border-color: #fff
}

._hokuriku .mark-item._few::after,
._hokuriku .setsumei-item._few::after {
    background-color: #fff;
    border-color: #6a3d98
}

._jyoetsu .mark-item:not(:last-of-type)::before,
._jyoetsu .setsumei-item:not(:last-of-type)::before {
    background-color: #f58d79
}

._jyoetsu .mark-item::after,
._jyoetsu .setsumei-item::after {
    background-color: #f58d79;
    border-color: #fff
}

._jyoetsu .mark-item._few::after,
._jyoetsu .setsumei-item._few::after {
    background-color: #fff;
    border-color: #f58d79
}
/* 停車駅一覧ここまで */