#ekikara_wrap{
}

.ekikara h1{
	border-radius: 2px;
	margin: 1px 0px 8px 0px;
	padding: 4px 2px 4px 2px;
	font-size: 1.8rem;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	background: #666;
}



.ekikara h2{
	font-size:1.6rem;
	padding: 10px 14px 10px 4px;
}

.Line_Category{
	margin: 18px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 1.6rem;
	color:  #1e1e1e;
	text-align: left;
	font-weight: bold;
}

.eki_title{

}

.eki_name{
	font-size:1.6rem;

}
.eki_name a{
	display: inline-block;
    color: #03c;
    padding: 0px 4px 2px 4px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
 
}

.eki_name a:hover {
    color: #00ced1;
}

/*============================================
駅から海鮮テーブル関係
============================================*/
.ekikara table{
  width: 100%;
  border-collapse:collapse;
  border-spacing: 0;
}

.ekikara table td{
  text-align: left;
 /* border-left: 1px solid #a8b7c5;*/
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
/*  box-shadow: 0px -3px 5px 1px #eee inset;*/
  width: 33%;
  padding: 10px 10px;
}

.ekikara table  tr:first-child {
  border-top: 1px solid #a8b7c5;
}

.ekikara table  tr {
  border-left: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
}
.ekikara table tr:nth-child(odd){
  background-color: #eee
}

.ekikara .item_right{
  text-align: right;
}


/* line name 路線名*/
.line_name {
	font-size:1.8rem;
	color: #313131;
	 margin: 12px 8px 12px 32px;
}

/* station name */
.station_name {
	font-size:1.8rem;
	color: #313131;
	 margin: 8px 8px 8px 24px;
}

.trans_width{	/* 乗り換えcelect幅 */
	width:180px;
}
@media ( max-width :412px ){
	.trans_width{	/* 乗り換えcelect幅 */
		width:120px;
	}  
}
/*--------------------------------------------------------*/
/* station_info back */
.station_back {
	font-size:1.2rem;
	display: flex;
	justify-content: flex-start;
}

.station_back a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
/*    margin: 0 auto;*/
    margin: 12px 8px 12px 14px;
    max-width: 200px;
    padding: 4px 4px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 300;
}

.station_back a:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,.1);
    transform: translateX(-50%);
}
.station_back a:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.station_back a:hover {
    opacity: 0.7;
}
.station_back a:hover:after {
    transform: scale(1, 1);
}
@media ( max-width :478px ){
	.station_back{	/* 乗り換えcelect幅 */
		font-size:1.0rem;
	}  
}

/* station_info back */
.station_back_right {
	font-size:0.912rem;
	display: flex;
	justify-content: flex-end;
}

.station_back_right a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
/*    margin: 0 auto;*/
    margin: 12px 18px 12px 14px;
    max-width: 200px;
    padding: 4px 4px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 300;
}

.station_back_right a:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,.1);
    transform: translateX(-50%);
}
.station_back_right a:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.station_back_right a:hover {
    opacity: 0.7;
}
.station_back_right a:hover:after {
    transform: scale(1, 1);
}
@media ( max-width :478px ){
	.station_back_right{	/* 乗り換えcelect幅 */
		font-size:1.0rem;
	}  
}

/* LINE-button001 */
.button_line001 {
	font-size:1.6rem;
 	display: flex;
	justify-content: flex-end;
}

.button_line001 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
/*    margin: 0 auto;*/
    margin: 8px 8px 8px 24px;
    max-width: 212px;
    padding: 4px 12px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 300;
}

.button_line001 a:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,.1);
    transform: translateX(-50%);
}
.button_line001 a:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.button_line001 a:hover {
    opacity: 0.7;
}
.button_line001 a:hover:after {
    transform: scale(1, 1);
}



/*---------------------------------------------------------------------------*/
.square_btn {
    display: inline-block;
    padding: 2px 14px;
    font-size:1.6rem;
    text-decoration: none;
    color: #232323;	/*#67c5ff;*/
    border: solid 1px #043c78;	/*#202f55;	/*#2e2e2e;	/*#67c5ff;*/
    border-radius: 3px;
    	margin:2px 2px 2px 2px;
}
.square_btn a{		/* blue */
	color:inherit;
	font-weight:bold;
}

.square_btn:hover {
    background: #043c78;	/*#232323;	/*#67c5ff;*/
    color: white;
        transition: 0.5s;
}

/*---------------------------------------------------------------------------*/
.station_btn {
    display: inline-block;
    padding: 2px 14px;
    font-size:1.6rem;
    text-decoration: none;
    color: #232323;	/*#67c5ff;*/
    border: solid 1px #043c78;	/*#202f55;	/*#2e2e2e;	/*#67c5ff;*/
    border-radius: 3px;
    	margin:2px 2px 2px 2px;
}
.station_btn a{		/* blue */
	color:inherit;
	font-weight:bold;
}

.station_btn:hover {
    background: #043c78;	/*#232323;	/*#67c5ff;*/
    color: white;
        transition: 0.5s;
}
/*-----------------------------------------------------*/
.line_btn5 {
	display: inline-block;
	padding: 2px 12px;
	font-size:0.826rem;
	text-decoration: none;
	background:#6495ed;	/*#1e90ff*/
	color:  white;
/*	color: #ff0000;*/
	border: solid 2px #6495ed;
	border-radius: 5px;
	margin:5px 2px 5px 2px;
}
.line_btn5 a{		/* orenge */
	color:inherit;
	 font-weight:bold;
}
.line_btn5:hover {
	background: white;
	color:#6495ed;
	font-weight:bold;
	transition: .6s;
}
/*-----------------------------------------------------*/
.line_btn6 {
	display: inline-block;
	background:#69F;
	border-radius: 5px;
	text-align:center;
	color: #fff;
	font-weight:bold;
	font-size:0.926rem;
	line-height:1.8rem;
	padding:0 18px;
	text-decoration: none; 
}
.line_btn6 a{		/* orenge */
	color:inherit;
	 font-weight:bold;
}
.line_btn6:hover {
	background:#a9c237;	color: #fff;
	transition:all 0.4s ease-out;
}


/* ----------------------- 路線表示用 ---------------------------*/
.flexbox {
	display: flex;
	display: -webkit-flex;
	 flex-wrap: wrap;
/*	    justify-content:space-around;*/
	margin-top:8px;
	margin-left:8px;
}
h2{
	font-size:0.998rem;
	margin: 18px 6px 2px 18px;
}

.line {
	border-radius: 10px;
	background:#fffafa;/*#f7efff;	/*#efefff;	/*#f2e5ff;/*#f3e6ff;	/*#edf;*/
	padding: 2px;
	margin: 6px 6px 6px 6px;
	text-align: center;
	border-radius: 6px;
/*	box-shadow: 0 0 4px  #c0c0c0;*/
/*	background-color: #fff;*/
	border: 1px solid #d3d3d3;
   	width: 47%;
	position: relative;
}

.line a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
  }

.line a:hover{
        opacity:0.3;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
        background: #fff;	 transition: 0.8s;
  }


.flexbox img {
/*  max-width: 64%;*/
/*  height: auto;*/
/*	width:128px; */
	height:82px;
	object-fit:cover;
 }
 
p {
  text-align: left;
}

.line p{
  text-align: left;
	font-size:0.928rem;
}

.line .name{
	width: 0 auto;
/*	text-align: left;*/
  	font-size:1.086rem;
  	padding:4px 4px 4px 4px;
  	border-radius: 4px;
  	color:#ffffff;
  	font-weight:bold;
/*  	background-color: #69821b; /* #7CA500;	/*#1ecc00;*/	/*#99cc00;*/
  	margin:4px 4px 6px 4px; 
}
.name_defalt{	/*name color defalt*/
  	background-color: #4f662d;	/*#69821b;*/
}
.name_blue{	/*name colorの指定*/
  	background-color:#4169e1;
}
.name_gray{	/*name colorの指定*/
  	background-color:#4f662d;	/*#505b66;	/*#406180;	/*#334d66;	/*#778899;	/*#505b66;	/*#3c434d;	/*#585858;*/
}
.name_dark_red{	/*name colorの指定*/
  	background-color:#4d0000;
}
@media ( max-width :640px ){
	.flexbox {
	  margin: 20px 5px 5px 14px;
	}

	.line {
	 	margin:0 auto;
		margin-bottom:10px;
	  	width: 92%;
  }
  
}

/* --------------------------------------------------------
駅からサーチ　タイトル付きの枠線で囲むボックス表示
-------------------------------------------------------- */
.ekikara_search_box {
	font-size: 1.6rem;
	border: 2px solid #009966;	/*#c0c0c0;*/
	border-radius: 5px;
	padding: 20px 20px 8px 20px;
	position: relative;
	margin: 32px 4px 18px 4px;
}
.ekikara_search_box::before {
	font-size: 100%;
	background-color: #fff;
	color: #333;
	content: "えきからサーチ";
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
}

.ekikara_search_box h2{
	all: initial;
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding: 4px 0px;
	margin:12px 0px 2px 0px;
}
.ekikara_search_box h2:before  {
    content: "";
}
.ekikara_search_box h2:after  {
    content: "";
}
/* --------------------------------------------------------
	枠線で囲むボックス表示 What is ekikara
-------------------------------------------------------- */
.ekikara_box {
	font-size: 0.868rem;
	border: 2px solid  #FE9A2E;	/*#FACC2E;	/*	/*#009966;	/*#c0c0c0;*/
	border-radius: 5px;
	padding: 10px 8px 10px 8px;
	position: relative;
	margin: 4px 4px 8px 4px;
}
.ekikara_box::before {
	font-size: 100%;
	background-color: #fff;
	color: #333;
/*	content: "Area Search";*/
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -15px;
}