/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";

/*===================================================================
	import
===================================================================*/
/*bootstrap*/
@import url("common/css/bootstrap.css");

/*基本*/
@import url("common/css/base.css");

/*ページ共通*/
@import url("common/css/shared.css");

/*ページレイアウト*/
@import url("common/css/layout.css");

/*ページスタイル*/
@import url("common/css/style.css");

/* ---------------------------ここから追加、後程ファイル事に ------------------------  */
/*ページ共通*/
a img {
    opacity: 1;
    transition: 0.5s;
}

a img:hover {
    opacity: 0.5;
    transition: 0.5s;
}

/*ページスタイル*/
.entry a:hover {
    text-decoration: none;
}

/*見出し21*/
.box21{
position: relative;
padding: 0.1em 0.5em;
    background: -moz-linear-gradient(#ffffff, #d8eaff);
    background: -webkit-linear-gradient(#ffffff, #d8eaff);
    background: linear-gradient(to right, #ffffff, #d8eaff);
    color: #000000;
border-radius: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	padding-bottom: 5px;
text-align: left
}
.box21 p {
border-left: solid 6px #2f7cd6;
border-right: solid 6px #2f7cd6;
    margin: 0; 
    padding: 0.6em;
}

/*見出し20*/
.box20{ 
border-bottom: solid 3px #cce4ff;
position: relative;
}

.box20:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}


/*見出し19*/
.box19{
color: #010079;
/*color: #364e96;文字色*/
color: #000000;
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
position: relative;
width:100%;
height:100%
}
.box19 a{
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

 /* 以下マウスを載せたときのスタイル */
.box19 a:hover{
 text-decoration: none;
opacity: 0.25;  /* 要素を透明にするタグ */
   background-color: #E6EBE0;}

/*見出し18*/
.box18{
color: #007812;
/*color: #33934f;文字色*/
color: #000000;
border: solid 3px #35933b;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #ccffd0, #ccffd0 3px,#ebf9e3 3px, #ebf9e3 7px);
background: repeating-linear-gradient(-45deg, #ccffd0, #ccffd0 3px,#ebf9e3 3px, #ebf9e3 7px);
position: relative;
width:100%;
height:100%;
}
.box18 a{
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

 /* 以下マウスを載せたときのスタイル */
.box18 a:hover{
 text-decoration: none;
opacity: 0.25;  /* 要素を透明にするタグ */
   background-color: #E6EBE0;}

/*見出し17*/
.box17{
color: #771200;
/*color: #924432;文字色*/
color: #000000;
border: solid 3px #934335;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 3px, #f9e4e3 7px);
background: repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 3px, #f9e4e3 7px);
position: relative;
width:100%;
height:100%
}
.box17 a{
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

 /* 以下マウスを載せたときのスタイル */
.box17 a:hover{
 text-decoration: none;
opacity: 0.25;  /* 要素を透明にするタグ */
   background-color: #E6EBE0;}


/*見出し16 車両情報小アイコン-該当*/
.box16{
width: 95%;

color: #F8F8FF;/*文字色*/
background: #364e96; /*背景色*/
padding: 1.0em 0.7em 0.5em 1.2em;/*文字周りの余白*/
position: relative;
border-radius: 0.5em;/*角の丸み*/
}
.box16:before{/*疑似要素*/
  font-family: "FontAwesome";
  content:"\f14a";
position: absolute;
  left:0.5em; /*左端からのアイコンまでの距離*/
}


/*見出し15-車両情報〇*/
.box15{
position: relative;
padding: 2px 2px 2px 2px; 
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
border-radius: 7px;
text-align: left
}


/*見出し14-車両情報大アイコン-該当外*/
.box14 {
width: 95%;
font-family: "FontAwesome";
background: #ffffff;
text-align: center;
vertical-align: middle;
color: #a3a3a2;/*文字色*/
border: solid 3px #a3a3a2;/*線色*/
padding: 2.0em;
line-height: 1.4;
padding: 0.5em 1.0em 0.5em 0.5em;
border-radius: 0.5em;/*角丸*/
}

/*時刻表ボタン*/
.jikoku_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #2f7cd6;/*左線*/
    color: #2f7cd6;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.jikoku_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

/*時刻表ボタン２*/
.jikoku2_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #ff7c5c;/*左線*/
    color: #ff7c5c;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.jikoku2_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}



/*見出し13 車両情報大アイコン-注意表示*/
.box13{
width: 95%;
color: white;
background: #f8b862; /*背景色*/
padding: 1.0em 1.5em 0.5em 1.8em;/*文字周りの余白*/
color: white;/*文字を白に*/
position: relative;

border-radius: 0.5em;/*角text-align: center;
vertical-align: middle;の丸み*/
}
.box13:before{/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f071";
position: absolute;
  left:0.5em; /*左端からのアイコンまでの距離*/
}
 
/*見出し12*/
.box12 {
width: 9em;
  background: #3cb3e4;
  padding: 5px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
text-align:center
}

/*ボタン２*/
a.bt2 {
  display: block;
  position: relative;
  height: 40px;
  width: 500px;
  text-decoration: none;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  background: #none;
  border: 2px solid #756C67;
  padding-left:40px;
  color: #756C67;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt2 i{  
  display: block;
  position: absolute;
  top:0;
  left:0px;
  height: 40px;
  width: 40px;
  line-height:30px;
  text-align: center;
  background:#756C67;
  color: #fff;
}
a.bt2 :hover{
  height: 40px;
  width: 40px;
  opacity: 0.7;
}

/*車両情報テーブル*/
.syaryo table {
 width: 18em;
/*border: 0px #000000 solid;*/
/*border-collapse: separate;*/
table-layout: fixed;
}

.syaryo td {
/*border: 0px #000000 solid;*/
text-align: center;
/*vertical-align: middle;*/
/*border: solid 0px #000000; border-collapse: separate;*/
}


/*運行経路テーブル*/
.unkou table {
width: 600px;
height:100px;
border: 0px #000000 solid;
border-collapse: separate;

 td {
border: 0px #000000 solid;
}

 .jyoukou {
width: 15;
height: 15;
text-align: center;
vertical-align: top;
}

.aki {
width: 5;
height: 5;
text-align: center;
vertical-align: top;
}

.bustei {
width: 15px;
height:20px;
text-align: center;
vertical-align: top;
}
}

/*御案内囲み*/
.box11 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box11 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/*運行情報警告*/
.SI_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
    border-left: solid 4px #934335;
    border-right: solid 4px #934335;
    color: #668ad8;
    text-shadow: 0 0 5px white;
    padding: 0.5em 1em;
    background: -webkit-repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 3px, #f9e4e3 7px);
    background: repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 3px, #f9e4e3 7px);
    transition: .4s;
width: 100%;
}

.SI_btn:hover {
    background: -webkit-repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 5px, #f9e4e3 9px);
    background: repeating-linear-gradient(-45deg, #ffcccc, #ffcccc 3px,#f9e4e3 5px, #f9e4e3 9px);
}

/*運賃部分矢印*/

.fare1 {
position: relative;/*相対位置*/
padding-left: 4.3em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

.fare1:before{ 
font-family: "FontAwesome";/*忘れずに*/
content: "\f101";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 3em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: -50%;/*アイコンの位置*/
color: #c1bbf7; /*アイコン色*/
}


/*運賃テーブル*/
.fare-table {
 table-layout: fixed !important;
 width: 100%;
 border: none !important;
 border-collapse: separate;
 border-spacing: 4px 4px;
 vertical-align: middle;
}


.fare-table th {
   border: none !important;
 text-align:center;
}

.fare-table tbody td {
	border: none !important;
	background-color:#e0f2f9 !important;
	border-bottom: solid 2px #f9f9f9 !important; 
/*	background-image: radial-gradient(white 15%, transparent 16%), */
	radial-gradient(white 15%, transparent 16%);
	background-size:30px 30px; 
	background-position: 0 0, 15px 15px; 

}

/* ヘッダー */
.fare-table thead th {
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;
	background:#f6f0ff;
}

/* フッター（比較表と色つけたとき用） */
.fare-table tfoot td {
border-radius: 0 0 10px 10px;
}
 
 
/* ボディ項目 */
.fare-table tbody th {
	border-radius: 5px 5px 5px 5px;
	background:#e0ebaf;
	font-weight: bold;
 text-align:center;
	border-bottom: solid 2px #f9f9f9 !important;
	line-height:2.5em;
}
 
/* フッター項目 */
.fare-table tfoot th {
 background:none;
 line-height:3em;
 font-weight: bold;
}


/* フッターデータ(フッターがあるときのみ有効) */
.fare-hikaku tfoot td {
 border: none !important;
 background:none;
 text-align:center;
 font-weight:600;
 font-size:1em;
}

 
/* ボディデータ */
.fare-table tbody td {
 text-align:center;
vertical-align: middle;
}
 
.fare-table thead th:first-child  {
	background:none;
}

 
/* 最終行のボーダーをなくす */
.fare-table tbody tr:last-child th,
.fare-table tbody tr:last-child td {
 border-bottom:none !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
	.fare-table thead th,
	.fare-table tbody th {
			padding:0;
	}
	.fare-table tfoot td {
	padding:0;
	font-size:0.9em;
	}
.fare-table tfoot td:nth-child(2) {
	 font-size:1em;
	}
}

/*運賃表　左場所*/
.y1{
width: 275px ;
background: #1e50a2; /*背景色*/
padding: 0.5em 1.0em 0em 0.5em;/*文字周りの余白*/
position: relative;
font-size: 1.15em;/*サイズ*/
margin: 1em 0;
text-align: left;
vertical-align: middle;
color:#FFFFFF;
border-radius: 0.5em;/*角の丸み*/
}
.y1:after{/*疑似要素*/
  font-family: "FontAwesome";
  content:"\f0a9";
position: absolute;
font-size: 2.6em;
  right:0.1em; /*右端からのアイコンまでの距離*/
top: -10%; /*アイコンの位置*/
}

/*運賃表　右場所*/
.y2{
width: 275px ;
background: #a22041; /*背景色*/
padding: 0.5em 1.0em 0em 0.5em;/*文字周りの余白*/
position: relative;
font-size: 1.15em;/*サイズ*/
margin: 1em 0;
text-align: right;
vertical-align: middle;
color:#FFFFFF;
border-radius: 0.5em;/*角の丸み*/
}
.y2:before{/*疑似要素*/
  font-family: "FontAwesome";
  content:"\f0a8";
position: absolute;
font-size: 2.6em;
  left:0.1em; /*右端からのアイコンまでの距離*/
top: -10%;/*アイコンの位置*/
}


/*セット券テーブル*/

.setk{
	border-spacing: 0;
	border-collapse: separate;
}
.setk th,.setk td{
	border-top: 6px solid #CF5955;
	border-left: 6px solid #CF5955;
}
.setk th{
	width: 500px;
	padding: 5px 10px;
    font-size: 1.55em;/*サイズ*/
	background: #CF5955;
	color: #FFFFFF;
}
.setk tr:nth-child(even) th{
	background: #62BBAB;
}
.setk td{
	padding: 2px 5px;
    font-size: 1.15em;/*サイズ*/
	background: #F5DFE9;
	color: #45823E;
}
.setk th:last-child,.setk td:last-child{
	border-right: 6px solid #CF5955;
}
.setk tr:last-child th,.setk tr:last-child td{
	border-bottom: 6px solid #CF5955;
}
.setk tr:first-child :first-child{
	border-top-left-radius: 13px;
}
.setk tr:first-child :last-child{
	border-top-right-radius: 13px;
}
.setk tr:last-child :first-child{
	border-bottom-left-radius: 13px;
}
.setk tr:last-child :last-child{
	border-bottom-right-radius: 13px;
}
.setk tr:not(:first-child) th,.setk tr:not(:first-child) td{
	border-top:none;
}

/*時刻表切り替えテーブル*/
.kirikae table {
width: 500;
height: 300;
border: 0px #000000 solid;
border-collapse: separate;
}

.kirikae td {
border: 0px #000000 solid;
text-align: center;
vertical-align: middle;
}

/*運行状況テーブル*/

.table_unkou{
width: 700px;
border: 5px #FFA98A solid;
}
.table_unkou th{
	padding: 5px 10px;
    font-size: 1.6em;/*サイズ*/
	background: #FFA98A;
	color: #FFFFFF;
}
.table_unkou td{
	padding: 2px 5px;
    vertical-align: middle;
}
.syosai{
	padding: 2px 5px;
	background: #FCFCFC;    
    font-size: 1.2em;/*サイズ*/
	vertical-align: middle;
}

/*状況テーブル*/

.table_jyokyo {
border: 0px #000000 solid;
border-collapse: separate;
}

.table_jyokyo th,.table_jyokyo td {
border: 2px #ffffff solid;
padding: 10 10;
vertical-align: middle;
}
.riyu{
	background: #eaf4fc;
	width: 300px;
　　height: 100px;
	color: #000;
    font-size: 0.9em;/*サイズ*/
	vertical-align: middle;
	text-align: left;
}
.jyokyo{
	background: #eaf4fc;
	width: 100px;
	vertical-align: bottom;
	text-align: center;
}
.rosen{
	background: #eaf4fc;
	width: 150px;
	color: #000;
    font-size: 1.2em;/*サイズ*/
	vertical-align: middle;
	text-align: center;
}
.unkyu{
	background: #c53d43;
	color: #fff;
	width: 100px;
    font-size: 1.2em;/*サイズ*/
	vertical-align: middle;
	text-align: center;
}
.chien{
	background: #ffec47;
	color: #000;
	width: 100px;
    font-size: 1.2em;/*サイズ*/
	vertical-align: middle;
	text-align: center;
}
.saikai{
	background: #007bbb;
	color: #fff;
	width: 100px;
    font-size: 1.2em;/*サイズ*/
	vertical-align: middle;
	text-align: center;
}

/*払い戻し手続きのテーブル*/
.haraimodoshi table {
width: 600px;
border: 0px #000000 solid;
border-collapse: separate;
}
.haraimodoshi td {
border: 2px #ffffff solid;
padding: 10 10;
vertical-align: middle;
}
.kaisya{
    width: 580px;
    height: 30px;
	background: #1e50a2;
    font-size: 1.2em;/*サイズ*/
   color: #ffffff;
	vertical-align: middle;
	text-align: left;
}

.fa-bule:before
{
	color: #1e50a2 ;
}