/*
Theme Name: houjyostyle
Author: naito-koukoku
Description: 北条鉄道のテーマです
*/

/* @ Webフォント設定
---------------------------------------------------------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
    url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
    url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("fonts/fa-solid-900.woff2") format("woff2"),
    url("fonts/fa-solid-900.woff") format("woff"),
    url("fonts/fa-solid-900.ttf") format("truetype"),
    url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("fonts/fa-regular-400.woff2") format("woff2"),
    url("fonts/fa-regular-400.woff") format("woff"),
    url("fonts/fa-regular-400.ttf") format("truetype"),
    url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("fonts/fa-brands-400.woff2") format("woff2"),
    url("fonts/fa-brands-400.woff") format("woff"),
    url("fonts/fa-brands-400.ttf") format("truetype"),
    url("fonts/fa-brands-400.svg#fontawesome") format("svg");;
}
.awesome {
  font-family: 'FontAwesome';
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.awesome5s {
  font-family: 'Font Awesome 5 Solid';
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.awesome5r {
  font-family: 'Font Awesome 5 Regular';
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.awesome5b {
  font-family: 'Font Awesome 5 Brands';
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opensans {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}
.ubuntu {
  font-family: 'Ubuntu', sans-serif;
}

/*--Base------------------------------------------------------------*/
html,body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
html {
  height: 100%;
  overflow-y: scroll;
}


/*--Reset-----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
img {
  border: none;
  vertical-align: middle;
}
ul,ol {
  list-style: none;
}
/*--Text------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover,
a:active {
  color: #777777;
  text-decoration: underline;
}
a:focus {
  outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
  display: block;
}
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.rgt10{margin-right:10px !important;}
.rgt20{margin-right:20px !important;}
.rgt30{margin-right:30px !important;}
.rgt40{margin-right:40px !important;}
.rgt50{margin-right:50px !important;}
.rgt60{margin-right:60px !important;}
.rgt70{margin-right:70px !important;}
.rgt80{margin-right:80px !important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm8{margin-bottom:8px !important;}
.btm10{margin-bottom:10px !important;}
.btm12{margin-bottom:12px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm22{margin-bottom:22px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.bold {font-weight: bold;}
.pink01 { color:#ff5959;}
.rm10{margin-right:10px !important;}
.f_l {float:left;}
.oa {margin:0 auto;}
/*--sample----------------------------------------------------------*/


#wrapper {
  width: 100%;
  position: relative;
  height:auto !important; /*IE6対策*/
  height: 100%; /*IE6対策*/
  min-height: 100%;
  background-color:#fff;
  background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/bg_02.png) repeat left top ;
}
#header {
  margin-bottom: 10px;
}
#header header {
  margin: 0 auto;
}
#contents {
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 70px;
  width:1070px;
  /*min-height: 500px;サンプル用に高さ設定してあります。*/
}
#main {
  width: 530px;
  float: left;
  margin-right: 10px;
}
#left-sidebar {
  width: 170px;
  /*min-height: 500px;サンプル用に高さ設定してあります。*/
  float: left;
  margin-right: 10px;
}
#right-sidebar {
  width: 350px;
  /*min-height: 500px;サンプル用に高さ設定してあります。*/
  float: left;
  padding: 0;
}
#footer {
  position: absolute;  /* フッターを絶対配置に指定する設定 */
  bottom: 0;           /* フッターを一番下に置くぜ！ */
  width: 100%;
  height: 70px;        /* フッターの高さ */
}
#footer footer {
  margin: 0 auto;
  /*height: 120px;サンプル用に高さ設定してあります。*/
}
#header header,
#contents,
#footer footer {
  width: 1070px;
}
/*-- 路線図-----------------------------------------------------*/
div.large_rosen {
  width: 530px;
  height: auto;
  margin: 10px 0 15px 0;
}

ul.rosen_nav {
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 530px;
}

ul.rosen_nav li{
  float: left;
  list-style: none;
  margin:0;
  display: block;
  padding: 0px;
}
/*--バナー-------------------------------------------------*/
div.midium {
  margin-bottom: 10px;
}

ul.small_btn li {
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
ul.small_btn li.second {
  list-style: none;
  margin-right: 0;
  margin-bottom: 10px;
}

ul.exsmall_btn li {
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
ul.exsmall_btn li.second {
  list-style: none;
  margin-right: 0;
  margin-bottom: 10px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*--運行情報-------------------------------------------------*/

div.unkou_info {
  width: 530px;
  height: 40px;
  margin-bottom: 10px;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/unkou_bg_e.png) no-repeat;
}

div.unkou_info p {
  font-size: 14px;
  height: 30px;
  font-weight: bold;
  color: #ffffff;
  float: left;
  margin: 1px 0px 0px 10px;
  padding: 7px 0px 0px 0px;
  background-color: #ff0000;
}

ul.unkou {
  padding: 0;
}

ul.unkou li {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 13px 5px 5px 32px;
  text-align: left;
}

ul.unkou li a {
  display: block;
  float: left;
  padding-left: 5px;
  color: #000000;
}

/*--お知らせ-------------------------------------------------*/

div.large_outline {
  /* border-radius */
  border-radius:;
  -webkit-border-radius:;
  -moz-border-radius:;

  /* box-shadow */
  box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -webkit-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -moz-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  width: 506px;
  padding: 10px;
  margin-bottom: 10px;
}

div.large_outline img {
  width: 100%;
  height: auto;/*auto又は100%に指定・縦横比を維持する*/
  display: block;
}

ul.news {
  padding: 0;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

ul.news li {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 10px 15px 0;
  text-align: left;
}

ul.news li a {
  display: block;
  float: left;
  padding-left: 10px;
  color: #0066cc;
}

li.newslist {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/news_bg.png) no-repeat left bottom;
}

span.day {
  display: block;
  width: 100px;
  padding: 0;
}

div.large_outline img {
  width: 100%;
  height: auto;/*auto又は100%に指定・縦横比を維持する*/
  display: block;
}

/*--サブナビ---------------------------------------------------*/
div.sub01 {
  margin-bottom: 0;
}
ul.sublist01 {
  padding: 0px;
  line-height: 145%;
  list-style-type: none;
  width: 100%;
  background-color: #FBF8E6;
}

/*ul.sublist01 li {
height: auto;
display: block;
}*/

ul.sublist01 li {
  list-style: none;
  height: 35px;
  text-align: left;
  padding: 0px 0 7px 15px;
  margin-top: 10px;
  margin-bottom: 7px;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/sidebtn00.png) no-repeat left 7px;
  background-position: bottom;
}

ul.sublist01 li a{
  height: auto;
  width: 150px;
  display: block;
}

ul.sublist01 li a:hover{
  color: #0066cc;
}

image.sublist_img{
  margin: 0px 0px 0px 0px;
}

p.sub_title {
  text-align: center;
  line-height: 110%;
  font-size: 15px;
  font-weight: bold;
  width: 168px;
  padding: 12px 0px 20px 0px;
  margin-top: 0px;
  color: #CD2356;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/sidebtn01b_e.png) no-repeat left 7px;
  background-position: bottom;
}

p.sub_title2 {
  text-align: center;
  line-height: 110%;
  font-size: 14px;
  font-weight: bold;
  width: 170px;
  padding: 0px 0px 13px 0px;
  margin-top: 0px;
  color: #CD2356;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list04b_e.png) no-repeat left 7px;
  background-position: bottom;
}

ul.sublist03 {
  padding: 0px;
  line-height: 145%;
  list-style-type: none;
  width: 100%;
  margin-bottom: 10px;
  background-color: #FBF8E6;
}

/*ul.sublist03 li {
height: auto;
display: block;
}*/

ul.sublist03 li {
  list-style: none;
  height: 35px;
  text-align: left;
  padding: 0px 0 7px 15px;
  margin-top: 10px;
  margin-bottom: 7px;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/sidebtn00.png) no-repeat left 7px;
  background-position: bottom;
}

ul.sublist03 li a{
  height: auto;
  width: 150px;
  display: block;
}

ul.sublist03 li a:hover{
  color: #0066cc;
}

/*ul.sublist01 li a {
text-decoration: none;
color: #333;
font-size: 12px;
}

ul.sublist01 li a:hover {
text-decoration: none;
color: #0066cc;
font-size: 12px;
}*/

/*div.side_in img {
margin-bottom: 10px;
}*/

div.sub02 {
}
ul.sublist02 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 145%;
}

/*ul.sublist02 li {
background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list01.gif) no-repeat left 4px;
padding: 5px 0 5px 23px;
list-style: none;
text-align: left;
}*/
ul.sublist02 li {
  list-style: none;
  text-align: left;
  padding: 3px 0 5px 15px;
  margin-top: 10px;
  margin-bottom: 7px;
  border-bottom: 1px dotted #D1D0CB;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list05.png) no-repeat left 7px;
}

div.sub04 {
  margin: 20px 0px 15px 0px;
}

ul.sublist04 {
  margin: 20px 0px 10px 5px;
  list-style: none;
}

ul.sublist04 li {
  margin: 0px 0px 10px 0px;
}

/*--フッターリスト-------------------------------------------------*/
#footer {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/footerbg_02.png) repeat-x left top;
  padding-top:30px;
}
ul.fnav_list {
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

ul.fnav_list li{
  float: left;
  list-style: none;
  margin-right: 10px;
  display: block;
  padding: 0 15px 0 5px;
  border-right: 1px solid #ffffff;
  color: #fff;
}

ul.fnav_list li.last{
  float: left;
  list-style: none;
  margin-right: 10px;
  display: block;
  padding: 0 15px 0 5px;
  border: none;
  color: #fff;
}


ul.fnav_list li a{
  color: #fff;
}

ul.fnav_list li.last a{
  color: #fff;
}

.f_left {
  float: left;
  width:211px;
  margin-right:30px;
}

.f_right {
  float: left;
}

p.f_w {
  color: #fff;
}

/*--common----------------------------------------------------------*/
/*#contents h3,*/
#header p,
/*#contents p,*/
#footer p {
  padding: 10px;
}

#header h1 {
  font-size: 12px;
  padding: 20px 0 10px 0;
  font-weight: nomal;
}

#header h2 {
  padding: 0;
}

#header h2.rogo {
  text-align: left;
  line-height: 59px;
  font-size: 18px;
  font-weight: bold;
  width: 306px;
  height: 59px;
  padding: 0px 0px 0px 0px;
  margin: -7px 0px 17px 0px;
  color: #8C512F;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/rogo_e.png) no-repeat left 7px;
}
#header h2.rogo a{
  width: 306px;
  height: 59px;
  padding: 25px 0px 0px 54px;
  display: block;
  color: #8C512F;
  text-decoration: none;
}


#contents h3 {
  margin-bottom: 20px;
}
/*--スライダー--------------------------------------------*/


div#slider {
  width: 100%;
  max-width: 1050px;
}

.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  width: 100%;
  height: auto;/*auto又は100%に指定・縦横比を維持する*/
  display: block;
}
/*--ぱんくず-----------------------------------------------------*/
div.breadcrumbs {
  margin-left: 10px;
  padding:5px 0 5px 10px;
  border-bottom: 1px dotted #D1D0CB;
}

div.breadcrumbs a {
  color: #FF5959;
  text-decoration: underline;
}

div.breadcrumbs a:hover {
  color: #FF5959;
  text-decoration: none;
}

/*--個別ページの下のナビ----------------------------------------*/
ul.b_nav {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}

ul.b_nav li {
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0;
  float: left;
  width: 209px;
  list-style-type: none;
}

ul.b_nav li.lastbtn {
  margin-bottom: 10px;
  margin-right: 0;
  padding: 0;
  float: left;
  width: 206px;
  list-style-type: none;
}

/*--個別ページのメインエリア-----------------------------------*/
div.large_outline02 {
  /* border-radius */
  border-radius:;
  -webkit-border-radius:;
  -moz-border-radius:;

  /* box-shadow */
  box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -webkit-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -moz-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  width: 866px;
  padding: 10px;
  margin-bottom: 11px;
  margin-top: 4px;
}


/*--見出しなど-------------------------------------------------------*/
h3 {
  width: 826px;
  height: 48px;
}

#contents h3.h3_title {
  width: 826px;
  height: 48px;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h3bg.png) no-repeat left top;
  padding: 13px 0px 0px 20px;
  font-size: 19px;
  font-weight: normal;
  color: #333333;
}

h4 {
  color: #663300;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

h4.bigger {
  color: #663300;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 10px;
}

h5 {
  color: #FF6565;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1em;
}

h5 .black{
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1em;
}

h5.bigger {
  color: #FF6565;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

h6 {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h5bg.png) no-repeat left top;
  width: 826px;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 13px 0 0 10px;
  color: #666600;
}
/*--メインボックス----------------------------------------------*/
div.box01 {
  padding:20px ;
  width: 806px;
}
div.box01_in {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 802px;
  padding: 12px;
  word-break: break-word;
}

div.box02 {
  width: 826px;
  <!--margin-left: 10px;-->
  word-break: break-word;
}
/*---時刻表------------------------------*/
ul.times {
  width: 826px;
  overflow: hidden;

}

li.timesli {
  display: block;
  float: left;
  width:268px;
  height:107px;
  margin-right: 11px;
  margin-bottom: 11px;
}

li.timesli_last {
  display: block;
  float: left;
  width:268px;
  height:107px;
  margin-right: 0;
  margin-bottom: 11px;
}
/**/}

/*ページネーション*/
div.pagination {
  clear:both;
  padding:20px 0;
  position:relative;
  font-size:11px;
  line-height:13px ;
  background:none;
  margin:10px 0 20px;
  vertical-align: middle;
}

div.pagination span, .pagination a {
  display:block;
  float:left ;
  margin: 2px 2px 2px 0 ;
  padding:6px 9px 5px 9px ;
  text-decoration:none;
  width:auto ;
  color:#fff ;
  background: #666 ;
}

div.pagination a:hover{
  color:#fff ;
  background: #fdcd1a;
}

div.pagination .current{
  padding:6px 9px 5px 9px ;
  background: #fdcd1a;
  color:#fff ;
}

/* 全体のCSS */
div.wp-pagenavi{
  clear: both;
  text-align:center;
  margin:10px 0;
  font-family:'Goudy Bookletter 1911',Georgia,serif;
  font-style:italic;
}
/* 各リンクのCSS */
div.wp-pagenavi a{
  border: 1px solid #ddd;
  color: #444;
  padding: 5px 5px;
  margin: 0 4px;
  text-decoration: none;
  background: rgba(0,0,0,.1);
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* 各リンクのCSS(マウスオーバー時) */
div.wp-pagenavi a:hover{
  background:rgba(0,0,0,.5);
  border: 1px solid #444;
  color: #fff;
}
/* 総ページ数のCSS */
div.wp-pagenavi span.pages{
  border: 1px solid #ddd;  color: #444;
  padding:5px 5px;  margin: 0 4px;
  background:rgba(0,0,0,.1);
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* 現在のページのCSS */
div.wp-pagenavi span.current{
  border:1px solid #222;
  color: #fff;
  padding:5px 5px;
  margin: 0 4px;
  background:#505050;
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  -box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  webkit-box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*--テーブル---------------------------------------------*/

table.ta01 {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 20px;
}

table.ta01 th {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 180%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
}

table.ta01 td {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 180%;
  padding: 10px 10px 10px 15px;
  text-align: left;
}

table.ta01 td.p_no1 {/* 貸切列車テーブル緑・左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 80%;
  padding: 0 10px 0 15px;
  width: 30%;
  /* text-alignは設定していません */
  background-color: #ddf2ed;
}

table.ta01 td.p_no2 {/* 貸切列車テーブル白・左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 80%;
  padding: 0 10px 0 15px;
  width: 30%;
  text-align: center;
  background-color: #fff;
}

table.ta01 td.p_no3 {/* 貸切列車テーブル緑・右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 50%;
  padding: 0 10px 0 30px;
  width: 70%;
  text-align: left;
  background-color: #ddf2ed;
}

table.ta01 td.p_no4 {/* 貸切列車テーブル白・右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 100%;
  padding: 0 10px 0 30px;
  width: 70%;
  text-align: left;
  background-color: #fff;
}

table.ta01 td.p_no5 {/* 会社概要左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 85%;
  padding: 0 10px 0 15px;
  color: #996633;
  width: 80%;
  text-align: left;
  background-color: #fff;
}


table.ta01 td.p_no6 {/* 会社概要右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 85%;
  padding: 0 10px 0 15px;
  color: #996633;
  width: 20%;
  text-align: center;
  background-color: #EEEEEE;
  vertical-align: middle;
}


table.ta01 td.p_no7 {/* 定期券通学定期 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  color: #6699FF;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no8 {/* 定期券駅名 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  font-weight: 700;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #e6e6fa;
  vertical-align: middle;
}


table.ta01 td.p_no9 {/* 定期券通勤定期 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no10 {/* 普通運賃距離 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 50%;
  padding: 10px 10px 10px 15px;
  color: #CCCCCC;
  height: 10px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no11 {/* 普通運賃料金 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 50%;
  padding: 5px 10px 5px 15px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta02 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta02 tbody th {
  border-bottom : 1px solid #e2e2e2;
}

table.ta02 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 1em 13px;
  background-color :#F8F9FB;
  width:20%;
}

table.ta02 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:1em 13px;
  width:80%;
}

table.ta03 {
  border-collapse: collapse;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 20px;;
}

table.ta03 th {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  padding: 1em 13px;
  background-color :#eceaea;
}

table.ta03 td {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  text-align: center;
}

table.ta04 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta04 th {
  border-bottom : 1px solid #e2e2e2;
}

table.ta04 thead th {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

table.ta04 thead th.cw01 {
  width: 40%;
}

table.ta04 thead th.cw02 {
  width: 30%;
}

table.ta04 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
}

table.ta04 tbody td.tleft {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
  background-color: #f8f9fb;
  border-top: 2px solid #fff;
}

table.ta05 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta05 thead th {
  border-bottom : 1px solid #e2e2e2;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}

table.ta05 thead th {
  background-color: #f8f9fb;
}

table.ta05 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 0.8em 13px;
  background-color :#eceaea;
}

table.ta05 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
}

table.ta06 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta06 thead th {
  border-bottom : 1px solid #e2e2e2;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}

table.ta06 thead th {
  background-color: #f8f9fb;
}

table.ta06 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 0.8em 13px;
  background-color :#eceaea;
}

table.ta06 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
}

table.ta06 tbody td.tleft {
  vertical-align: middle;
  border-left:2px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
  background-color :#f8f9fb;
}


/*--固定ページのリスト-------------------------------*/
ul.pageli {
  width: 100%;
  margin-bottom: 20px;
}

ul.pageli li {
  border-bottom: 1px dotted #333;
  padding: 10px;
}

/*--おすすめ観光スポット---------*/
div.box01_inphoto01 {
  background: lightgray;
  width: 100%;height: 200px;/* height値は仮設定しています */
  margin: 10px;
  padding: 12px;

}

div.inphoto02 {
  width: 710px;
  height: auto;
  margin:0 auto;
  padding: 0;
}

div.inphoto03 {
  width: 470px;
  height: auto;
  margin:0 auto;
  padding: 0;
}

/*div.leftbox {
background-color:lightgray;/* 左側写真用 */
width: 30%;height: 200px;/* height値は仮設定しています */
margin: 10px 0 10px 10px;
padding: 13px 0 0 10px;
float:left;
}*/

div.rightbox {/* 右側文字入力BOX */
  width: 60%;height: 200px;/* height値は仮設定しています */
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 13px 0 0 10px;
  float:right;

}


/*--車両情報　写真BOX----------------------------------*/
div.photo_leftbox {/* 左側写真用 */
  margin:10px 0 10px 10px;
  background-color:lightgray;
  width: 48%;height: 200px;/* height値は仮設定しています */
  float:left;

}

div.photo_rightbox {/* 右側写真　用親BOX */
  margin:10px 10px 10px 0;
  width: 49%;height: 200px;/* height値は仮設定しています */
  float:right;

}

div.photo_leftboxs {/* 右側写真用　子BOX左 */
  background-color:lightgray;
  width: 50%;height: 100px;/* height値は仮設定しています */
  margin-bottom:2px;
  float:left;

}

div.photo_rightboxs {/* 右側写真用　子BOX右 */
  margin-bottom:2px;
  background-color:lightgray;
  width: 49%;height: 100px;/* height値は仮設定しています */
  margin-bottom:2px;
  float:right;

}


/*--車両情報　車両表----------------------------------*/

div.whitelistbox {
  background-color:white;
  width: 92%;height: 100%;
  margin:10px;
  padding:0 20px 0;
}

ul.pageli2 {
  width: 100%;
  margin-bottom: 20px;
}

ul.pageli2 li {
  padding: 10px;
}

ul.pageli2 li+li {
  border-top: 1px dotted #333;
  padding: 10px;
}

div.hyo1 {
  width: 15%;
  float:left;

}

div.hyo2 {
  width: 80%;
  float:right;

}


/*--運賃表　----------------------------------*/

p.fontblue {
  float: left;
  color: #6699FF;
  font-weight: bold;
  margin-bottom: 10px;
}

p.fontblack {
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
}

p.color1 {color: #CCCCCC;}

/*--時刻表　----------------------------------*/

p.img01 {/*--見出し+画像（下線）　----------------------------------*/
  background-image: url("http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/jikokuhyo_hbg.png");
  background-position: left bottom;
  color: #FF6565;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 10px;
  width: 97%;
}

div.hyo_leftbox {/* 左側表用 */
  margin:10px 0 10px 0;
  width: 350px;
  float:left;

}

div.hyo_rightbox {/* 右側表　用親BOX */
  margin:10px 10px 10px 0;
  width: 350px%;
  float:right;

}

table.ta01 td.p_no12 {/* 時刻表 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 200%;
  padding: 0 10px 0 10px;
  width: 40%;
  text-align: center;
  background-color: #fff;
}

div.box03_in {
  width: 802px;
  padding: 12px;
  word-break: break-word;

}

/*--駅紹介　----------------------------------*/

p.img02 {/*--見出し+画像（下線）　----------------------------------*/
  background-image: url("http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/hbg_dots.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #FF6565;
  font-weight: bold;
  margin: 15px 0 10px;
  padding: 0 0 10px;
  width: 92%;
  height: 25px;
}

div.box01_inphoto03 {/* 駅舎画像設定 */
  width: 340px;
  height: 234px;
  text-align: center;
  margin: 15px auto;

}

div.boxeki_in {/* 駅情報BOX */
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 775px;
  padding: 10px 10px 20px 40px;
  word-break: break-word;
}


div.box04_in {
  padding: 0 50px;

}


div.photo02 {/* 周辺情報　親BOX */
  padding: 15px 20px 0 20px;
  width: 95%;

}
div.photo02_leftbox {/* 周辺情報　写真BOX */
  width: 25%;
  float:left;

}

div.photo02_rightbox {/* 周辺情報　文章BOX */
  margin-right: 10px;
  width: 70%;
  float:right;

}

/*--見出し追加　----------------------------------*/
h4.green {
  color: #61bd9b;
  font-size: 15px;
  font-weight: bold;
}

h4.black {
  color: black;
  font-size: 15px;
  font-weight: bold;
  display:inline;
}


/*--枕木応援団のテーブル-----------------------------*/
table.table01 {
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
}

table.table01 th{
  line-height: 160%;
  padding: 10px 15px;
  text-align: left;
  font-weight: bold;
  border-bottom: dotted 1px #999;
}

table.table01 td{
  border-bottom: dotted 1px #999;
  line-height: 160%;
  padding: 10px 15px;

}

table.table01 th.lasttr {
  line-height: 160%;
  padding: 10px 15px;
  text-align: left;
  font-weight: bold;
  border:none;
}

table.table01 td.lasttr{
  line-height: 160%;
  padding: 10px 15px;
  border:none;
}


div.box01_01_in {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 778px;
  padding: 24px;
  word-break: break-word;
  margin-bottom: 30px;
}

div.box01_01_in_last {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 778px;
  padding: 24px;
  word-break: break-word;
  margin: 0;
}

p.mab {
  margin-bottom: 20px;
  line-height: 160%;
}

div.box01_01_left {
  float: left;
  width: 528px;
  margin-right: 40px;
}
div.box01_01_right {
  float: left;
  width: 210px;
  text-align: right;
}

p.post01_mab {
  margin-bottom: 15px;
}

p.pcenter {
  text-align:center;
}

p.pcenter_mab {
  text-align:center;
  margin-bottom: 20px;
}

/*--テーブル--*/
table.ta01 td.g01 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 30%;
  text-align: center;
  background-color: #ddf2ed;
}

table.ta01 td.g01_01 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 70%;
  text-align: left;
  background-color: #ddf2ed;
}

table.ta01 td.g02 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 30%;
  text-align: center;
}

.headding01 {
  margin:0 0 30px 0;
  padding:10px 15px 7px 15px;
  background: #eceaea;
  color:#663300;
  border: 1px solid #e2e2e2;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  width: 98%;
}

.headding01:before{
  content: url("http://www.hojorailway.jp/wp-content/uploads/2014/06/icon01.png");
  margin-right: 10px;
}
.headding01:after{
  content:'';
  height:2px;
  width:10px;
  display:block;
  background:#00A8FF;
  position:absolute;
  top:10px;
  left:0px;
}

.headding01 a {
  text-decoration: none;
}
.heading3{
  position:relative;
  padding-left:30px;
  border-bottom:2px solid #ccc;
  font-weight: bold;
  font-size: 22px;
  line-height: 38px;
}

.heading3:before{
  content:'';
  height:0;
  width:0;
  display:block;
  border:5px transparent solid;
  border-right-width:0;
  border-left-color:#00A8FF;
  position:absolute;
  top:11px;
  left:8px;
}

.heading3:after{
  content:'';
  height:2px;
  width:10px;
  display:block;
  background:#00A8FF;
  position:absolute;
  top:15px;
  left:0px;
}


table.ta05 td.tleft {
  background-color: #f8f9fb;
  border-top: 2px solid #fff;
  padding1em 13px;
}

p.pright {
  text-align:right;
}

table.ta04 td.table-right {
  text-align: right;
}
table.ta04 td.table-left {
  text-align: left;
}

th.bg {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

table.ta04 tbody td.bg {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

dl.securityreport {
  clear:both;
  margin: 0 0 14px;
}

dl.securityreport dt {
  float: left;
  width:20%;
}

dl.securityreport dd {
  float: left;
  width:80%;
}

ul.box_li {
  width:826px;
  overflow:hidden;
}
ul.box_li li {
  float:left;
  margin-right:17px;
  width:262px;
}
ul.box_li li a {
  margin-bottom:5px;
  display:block;
}
ul.box_li li.last {
  margin-right:0;
}

div.pdfdlbox {
  width: 500px;
  background: url("http://www.hojorailway.jp/wp-content/uploads/2014/06/pdfbg.png") repeat left top;
  margin: 0 auto;
  padding: 10px;
}
div.pdfdlbox_in {
  background-color: #fff;
  padding: 10px;
}

h6.hcenter {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h5bg.png) no-repeat left top;
  width: 826px;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 13px 0 0 10px;
  color: #666600;
  text-align:center;
}

/*--Text------------------------------------------------------------*/
body {
  font-size: 14px;
  font-weight: normal;
  font-family: "Century Gothic",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #333333;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 16px;
}
p {
  line-height: 180%;
  margin: 0;
  padding: 0;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover,
a:active {
  color: #777777;
  text-decoration: underline;
}
a:focus {
  outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
  display: block;
}

@media screen and (min-width: 769px) {
  #wrapper {
    width: 100%;
  }
  #header {
    margin-bottom: 10px;
  }
  #header header {
    margin: 0 auto;
  }
  #contents {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom:100px; /*フッターの高さと同じ*/
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
  }
  #main {
    width: 530px;
    float: left;
    margin-right: 10px;
  }
  #left-sidebar {
    width: 170px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
    float: left;
    margin-right: 10px;
  }
  #right-sidebar {
    width: 350px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
    float: left;
    padding: 0;
  }
  #footer footer {
    margin: 0 auto;
    /*height: 120px;サンプル用に高さ設定してあります。*/
  }
  #header header,
  #contents,
  #footer footer {
    width: 1070px;
  }
  /*-- 路線図-----------------------------------------------------*/
  div.large_rosen {
    width: 530px;
    height: auto;
    margin: 10px 0 15px 0;
  }

  div.rosen_bg_02{
    width: 530px;
    height: 81px;
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/rosen_bg_02_e.png) no-repeat;
  }
  div.rosen_bg_02 p{
    margin: 0px 0px 0px 160px;
    padding: 30px 0px 0px 0px ;
  }

  ul.rosen_nav {
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 530px;
  }

  ul.rosen_nav li{
    float: left;
    list-style: none;
    margin:0;
    display: block;
    padding: 0px;
  }

  div#routemap_img_pc{
    display: block;
  }
  div#routemap_img_mb{
    display: none;
  }


  /*--バナー-------------------------------------------------*/
  div.midium {
    margin-bottom: 10px;
  }

  ul.small_btn li {
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  ul.small_btn li.second {
    list-style: none;
    margin-right: 0;
    margin-bottom: 10px;
  }

  ul.exsmall_btn li {
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  ul.exsmall_btn li.second {
    list-style: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /*--お知らせ-------------------------------------------------*/

  div.large_outline {
    /* border-radius */
    border-radius:;
    -webkit-border-radius:;
    -moz-border-radius:;

    /* box-shadow */
    box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    -webkit-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    -moz-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    width: 506px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
  }

  div.large_outline img {
    width: 100%;
    height: auto;/*auto又は100%に指定・縦横比を維持する*/
    display: block;
  }

  div.oshirasebar{
    width: 514px;
    height: 37px;
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/oshirasebar_e.png) no-repeat;
  }
  div.oshirasebar p{
    font-weight: bold;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px ;
  }

  ul.news {
    padding: 0;
  }

  .clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
  }

  ul.news li {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 10px 15px 0;
    text-align: left;
  }

  ul.news li a {
    display: block;
    float: left;
    padding-left: 10px;
    color: #0066cc;
  }

  li.newslist {
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/news_bg.png) no-repeat left bottom;
  }

  span.day {
    display: block;
    width: 100px;
    padding: 0;
  }

  div.large_outline img {
    width: 100%;
    height: auto;/*auto又は100%に指定・縦横比を維持する*/
    display: block;
  }

  /*--サブナビ---------------------------------------------------*/
  div.sub01 {
    margin-bottom: 0;
  }
  ul.sublist01 {
    padding: 0px;
    line-height: 145%;
    list-style-type: none;
    width: 100%;
  }

  ul.sublist01 li {
    height: auto;
    display: block;
  }

  ul.sublist03 {
    padding: 0px;
    line-height: 145%;
    list-style-type: none;
    width: 100%;
    margin-bottom: 10px;
    background-color: #FBF8E6;
  }

  ul.sublist03 li {
    height: auto;
    display: block;
  }

  /*ul.sublist01 li a {
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

  ul.sublist01 li a:hover {
  text-decoration: none;
  color: #0066cc;
  font-size: 12px;
}*/

  /*div.side_in img {
  margin-bottom: 10px;
}*/

  div.sub02 {
  }
  ul.sublist02 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 145%;
  }

  /*ul.sublist02 li {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list01.gif) no-repeat left 4px;
  padding: 5px 0 5px 23px;
  list-style: none;
  text-align: left;
}*/
  ul.sublist02 li {
    list-style: none;
    text-align: left;
    padding: 3px 0 5px 15px;
    margin-top: 10px;
    margin-bottom: 7px;
    border-bottom: 1px dotted #D1D0CB;
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list05.png) no-repeat left 7px;
  }

  /*--フッターリスト-------------------------------------------------*/
  /*#footer {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/f_bg.png) no-repeat left top;
  padding-top:15px;
}
  ul.fnav_list {
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

  ul.fnav_list li{
  float: left;
  list-style: none;
  margin-right: 10px;
  display: block;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/list02.gif) no-repeat left 3px;
  padding: 0 0 0 15px;
}*/
  /**/}
/*--common----------------------------------------------------------*/
/*#contents h3,*/
#header p,
/*#contents p,*/
#footer p {
  padding: 10px;
}

#header h1 {
  font-size: 12px;
  padding: 20px 0 10px 0;
  font-weight: nomal;
}

#header h2 {
  padding: 0;
}

#contents h3 {
  margin-bottom: 20px;
}
/*--スライダー--------------------------------------------*/


div#slider {
  width: 100%;
  max-width: 1050px;
}

.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  width: 100%;
  height: auto;/*auto又は100%に指定・縦横比を維持する*/
  display: block;
}
/*--ぱんくず-----------------------------------------------------*/
div.breadcrumbs {
  margin-left: 10px;
  padding:5px 0 5px 10px;
  border-bottom: 1px dotted #D1D0CB;
}

div.breadcrumbs a {
  color: #FF5959;
  text-decoration: underline;
}

div.breadcrumbs a:hover {
  color: #FF5959;
  text-decoration: none;
}

/*--個別ページの下のナビ----------------------------------------*/
ul.b_nav {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}

ul.b_nav li {
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0;
  float: left;
  width: 209px;
  list-style-type: none;
}

ul.b_nav li.lastbtn {
  margin-bottom: 10px;
  margin-right: 0;
  padding: 0;
  float: left;
  width: 206px;
  list-style-type: none;
}

/*--個別ページのメインエリア-----------------------------------*/
div.large_outline02 {
  /* border-radius */
  border-radius:;
  -webkit-border-radius:;
  -moz-border-radius:;

  /* box-shadow */
  box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -webkit-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  -moz-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
  width: 866px;
  padding: 10px;
  margin-bottom: 11px;
  margin-top: 4px;
  background-color: #fff;
}


/*--見出しなど-------------------------------------------------------*/
h3 {
  width: 826px;
  height: 48px;
}

h4 {
  color: #663300;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

h4.bigger {
  color: #663300;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 10px;
}

h5 {
  color: #FF6565;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1em;
}

h5 .black{
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1em;
}

h5.bigger {
  color: #FF6565;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

h6 {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h5bg.png) no-repeat left top;
  width: 826px;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 13px 0 0 10px;
  color: #666600;
}
/*--メインボックス----------------------------------------------*/
div.box01 {
  padding:20px ;
  width: 806px;
}
div.box01_in {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 802px;
  padding: 12px;
  word-break: break-word;
}

div.box02 {
  width: 826px;
  <!--margin-left: 10px;-->
  word-break: break-word;
}
/*---時刻表------------------------------*/
ul.times {
  width: 826px;
  overflow: hidden;
}

li.timesli {
  display: block;
  float: left;
  width:268px;
  height:107px;
  margin-right: 11px;
  margin-bottom: 11px;
}

li.timesli_last {
  display: block;
  float: left;
  width:268px;
  height:107px;
  margin-right: 0;
  margin-bottom: 11px;
}
/**/}

/*ページネーション*/
div.pagination {
  clear:both;
  padding:20px 0;
  position:relative;
  font-size:11px;
  line-height:13px ;
  background:none;
  margin:10px 0 20px;
  vertical-align: middle;
}

div.pagination span, .pagination a {
  display:block;
  float:left ;
  margin: 2px 2px 2px 0 ;
  padding:6px 9px 5px 9px ;
  text-decoration:none;
  width:auto ;
  color:#fff ;
  background: #666 ;
}

div.pagination a:hover{
  color:#fff ;
  background: #fdcd1a;
}

div.pagination .current{
  padding:6px 9px 5px 9px ;
  background: #fdcd1a;
  color:#fff ;
}

/* 全体のCSS */
div.wp-pagenavi{
  clear: both;
  text-align:center;
  margin:10px 0;
  font-family:'Goudy Bookletter 1911',Georgia,serif;
  font-style:italic;
}
/* 各リンクのCSS */
div.wp-pagenavi a{
  border: 1px solid #ddd;
  color: #444;
  padding: 5px 5px;
  margin: 0 4px;
  text-decoration: none;
  background: rgba(0,0,0,.1);
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* 各リンクのCSS(マウスオーバー時) */
div.wp-pagenavi a:hover{
  background:rgba(0,0,0,.5);
  border: 1px solid #444;
  color: #fff;
}
/* 総ページ数のCSS */
div.wp-pagenavi span.pages{
  border: 1px solid #ddd;  color: #444;
  padding:5px 5px;  margin: 0 4px;
  background:rgba(0,0,0,.1);
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* 現在のページのCSS */
div.wp-pagenavi span.current{
  border:1px solid #222;
  color: #fff;
  padding:5px 5px;
  margin: 0 4px;
  background:#505050;
  border-radius: 3px;
  -border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  -box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  webkit-box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3) inset
    , 0 0 2px rgba(255, 255, 255, 0.3) inset
    , 0 0 10px rgba(0, 0, 0, 0.1) inset
    , 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*--テーブル---------------------------------------------*/

table.ta01 {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 20px;
}

table.ta01 th {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 180%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
}

table.ta01 td {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 180%;
  padding: 10px 10px 10px 15px;
  text-align: left;
}

table.ta01 td.p_no1 {/* 貸切列車テーブル緑・左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 80%;
  padding: 0 10px 0 15px;
  width: 30%;
  /* text-alignは設定していません */
  background-color: #ddf2ed;
}

table.ta01 td.p_no2 {/* 貸切列車テーブル白・左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 80%;
  padding: 0 10px 0 15px;
  width: 30%;
  text-align: center;
  background-color: #fff;
}

table.ta01 td.p_no3 {/* 貸切列車テーブル緑・右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 50%;
  padding: 0 10px 0 30px;
  width: 70%;
  text-align: left;
  background-color: #ddf2ed;
}

table.ta01 td.p_no4 {/* 貸切列車テーブル白・右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 100%;
  padding: 0 10px 0 30px;
  width: 70%;
  text-align: left;
  background-color: #fff;
}

table.ta01 td.p_no5 {/* 会社概要左 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 85%;
  padding: 0 10px 0 15px;
  color: #996633;
  width: 80%;
  text-align: left;
  background-color: #fff;
}


table.ta01 td.p_no6 {/* 会社概要右 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 85%;
  padding: 0 10px 0 15px;
  color: #996633;
  width: 20%;
  text-align: center;
  background-color: #EEEEEE;
  vertical-align: middle;
}


table.ta01 td.p_no7 {/* 定期券通学定期 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  color: #6699FF;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no8 {/* 定期券駅名 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  font-weight: 700;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #e6e6fa;
  vertical-align: middle;
}


table.ta01 td.p_no9 {/* 定期券通勤定期 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  height: 20px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no10 {/* 普通運賃距離 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 50%;
  padding: 10px 10px 10px 15px;
  color: #CCCCCC;
  height: 10px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta01 td.p_no11 {/* 普通運賃料金 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 150%;
  padding: 5px 10px 5px 15px;
  width: 12%;
  text-align: center;
  background-color: #f5f5f5;
  vertical-align: middle;
}


table.ta02 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta02 tbody th {
  border-bottom : 1px solid #e2e2e2;
}

table.ta02 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 1em 13px;
  background-color :#F8F9FB;
  width:20%;
}

table.ta02 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:1em 13px;
  width:80%;
}

table.ta03 {
  border-collapse: collapse;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 20px;;
}

table.ta03 th {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  padding: 1em 13px;
  background-color :#eceaea;
}

table.ta03 td {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  text-align: center;
}

table.ta04 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta04 th {
  border-bottom : 1px solid #e2e2e2;
}

table.ta04 thead th {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

table.ta04 thead th.cw01 {
  width: 30%;
}

table.ta04 thead th.cw02 {
}

table.ta04 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
}

table.ta04 tbody td.tleft {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
  background-color: #f8f9fb;
  border-top: 2px solid #fff;
}

table.ta05 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta05 thead th {
  border-bottom : 1px solid #e2e2e2;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}

table.ta05 thead th {
  background-color: #f8f9fb;
}

table.ta05 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 0.8em 13px;
  background-color :#eceaea;
}

table.ta05 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
}

table.ta06 {
  width: 100%;
  margin: 20px 0 30px 0;
}

table.ta06 thead th {
  border-bottom : 1px solid #e2e2e2;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}

table.ta06 thead th {
  background-color: #f8f9fb;
}

table.ta06 th {
  border-top: 2px solid #fff;
  border-left 2px solid #fff;
  padding: 0.8em 13px;
  background-color :#eceaea;
}

table.ta06 tbody td {
  vertical-align: middle;
  border-left:4px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
}

table.ta06 tbody td.tleft {
  vertical-align: middle;
  border-left:2px solid #fff;
  border-bottom:1px solid #e2e2e2;
  padding:0.8em 13px;
  text-align: center;
  background-color :#f8f9fb;
}


/*--固定ページのリスト-------------------------------*/
ul.pageli {
  width: 100%;
  margin-bottom: 20px;
}

ul.pageli li {
  border-bottom: 1px dotted #333;
  padding: 10px;
}

/*--おすすめ観光スポット---------*/
div.box01_inphoto01 {
  background: lightgray;
  width: 100%;height: 200px;/* height値は仮設定しています */
  margin: 10px;
  padding: 12px;

}

div.box01_inphoto02 {
  background: lightgray;
  width: 90%;height: 350px;/* height値は仮設定しています */
  margin: 10px;
  padding: 12px;

}


div.leftbox {
  width: 320px;
  /*margin: 10px 0 10px 10px;
  padding: 13px 0 0 10px;*/
  float:left;

}

div.rightbox {/* 右側文字入力BOX */
  width: 450px;
  margin-bottom: 10px;
  /*margin-top: 10px;
  padding: 13px 0 0 10px;*/
  float:right;

}


/*--車両情報　写真BOX----------------------------------*/
div.photo_leftbox {/* 左側写真用 */
  margin:10px 0 10px 10px;
  background-color:lightgray;
  width: 48%;height: 200px;/* height値は仮設定しています */
  float:left;

}

div.photo_rightbox {/* 右側写真　用親BOX */
  margin:10px 10px 10px 0;
  width: 49%;height: 200px;/* height値は仮設定しています */
  float:right;

}

div.photo_leftboxs {/* 右側写真用　子BOX左 */
  background-color:lightgray;
  width: 50%;height: 100px;/* height値は仮設定しています */
  margin-bottom:2px;
  float:left;

}

div.photo_rightboxs {/* 右側写真用　子BOX右 */
  margin-bottom:2px;
  background-color:lightgray;
  width: 49%;height: 100px;/* height値は仮設定しています */
  margin-bottom:2px;
  float:right;

}


/*--車両情報　車両表----------------------------------*/

div.whitelistbox {
  background-color:white;
  width: 92%;height: 100%;
  margin:10px;
  padding:0 20px 0;


}

ul.pageli2 {
  width: 100%;
  margin-bottom: 20px;
}

ul.pageli2 li {
  padding: 10px;
}

ul.pageli2 li+li {
  border-top: 1px dotted #333;
  padding: 10px;
}

div.hyo1 {
  width: 15%;
  float:left;

}

div.hyo2 {
  width: 80%;
  float:right;

}


/*--運賃表　----------------------------------*/

p.fontblue {
  float: left;
  color: #6699FF;
  font-weight: bold;
  margin-bottom: 10px;
}

p.fontblack {
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
}

p.color1 {color: #CCCCCC;}

/*--時刻表　----------------------------------*/

p.img01 {/*--見出し+画像（下線）　----------------------------------*/
  background-image: url("images/jikokuhyo_hbg.png");
  background-position: left bottom;
  color: #FF6565;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 10px;
  width: 97%;
}

div.hyo_leftbox {/* 左側表用 */
  margin:10px 0 10px 0;
  width: 350px;
  float:left;

}

div.hyo_rightbox {/* 右側表　用親BOX */
  margin:10px 10px 10px 0;
  width: 350px%;
  float:right;

}

table.ta01 td.p_no12 {/* 時刻表 */
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 200%;
  padding: 0 10px 0 10px;
  width: 40%;
  text-align: center;
  background-color: #fff;
}

div.box03_in {
  width: 802px;
  padding: 12px;
  word-break: break-word;

}

/*--駅紹介　----------------------------------*/

p.img02 {/*--見出し+画像（下線）　----------------------------------*/
  background-image: url("images/hbg_dots.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #FF6565;
  font-weight: bold;
  margin: 15px 0 10px;
  padding: 0 0 10px;
  width: 92%;
  height: 25px;
}

div.box01_inphoto03 {/* 駅舎画像設定 */
  width: 340px;
  height: 234px;
  text-align: center;
  margin: 15px auto;

}

div.boxeki_in {/* 駅情報BOX */
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 775px;
  padding: 10px 10px 20px 40px;
  word-break: break-word;
}


div.box04_in {
  padding: 0 50px;

}


div.photo02 {/* 周辺情報　親BOX */
  padding: 15px 20px 0 20px;
  width: 95%;

}
div.photo02_leftbox {/* 周辺情報　写真BOX */
  width: 25%;
  float:left;

}

div.photo02_rightbox {/* 周辺情報　文章BOX */
  margin-right: 10px;
  width: 70%;
  float:right;

}

/*--見出し追加　----------------------------------*/
h4.green {
  color: #61bd9b;
  font-size: 15px;
  font-weight: bold;
}

h4.black {
  color: black;
  font-size: 15px;
  font-weight: bold;
  display:inline;
}

h4.red {
  color: #FF6565;
  font-size: 15px;
  font-weight: bold;
}


/*--枕木応援団のテーブル-----------------------------*/
table.table01 {
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
}

table.table01 th{
  line-height: 160%;
  padding: 10px 15px;
  text-align: left;
  font-weight: bold;
  border-bottom: dotted 1px #999;
}

table.table01 td{
  border-bottom: dotted 1px #999;
  line-height: 160%;
  padding: 10px 15px;

}

table.table01 th.lasttr {
  line-height: 160%;
  padding: 10px 15px;
  text-align: left;
  font-weight: bold;
  border:none;
}

table.table01 td.lasttr{
  line-height: 160%;
  padding: 10px 15px;
  border:none;
}


div.box01_01_in {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 746px;
  padding: 40px;
  word-break: break-word;
  margin-bottom: 30px;
  /*position: relative;*/
}

/*.box01_01_in:before{
content: '';
z-index: 1;
position: absolute;
border: 1px dashed #bbb;
top: 7px;
bottom: 7px;
left: 7px;
right: 7px;
-moz-box-shadow: 0 0 0 1px #eee;
-webkit-box-shadow: 0 0 0 1px #eee;
box-shadow: 0 0 0 1px #eee;
}*/

div.box01_01_in_last {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
  width: 746px;
  padding: 40px;
  word-break: break-word;
  /*position: relative;*/
  margin: 0;
}

/*.box01_01_in_last:before{
content: '';
z-index: 1;
position: absolute;
border: 1px dashed #bbb;
top: 7px;
bottom: 7px;
left: 7px;
right: 7px;
-moz-box-shadow: 0 0 0 1px #eee;
-webkit-box-shadow: 0 0 0 1px #eee;
box-shadow: 0 0 0 1px #eee;
}*/

p.mab {
  margin-bottom: 20px;
  line-height: 160%;
}

div.box01_01_left {
  float: left;
  width: 396px;
  margin-right: 40px;
}
div.box01_01_right {
  float: left;
  width: 310px;
  text-align: right;
}

p.post01_mab {
  margin-bottom: 15px;
}

p.pcenter {
  text-align:center;
}

p.pcenter_mab {
  text-align:center;
  margin-bottom: 20px;
}

/*--テーブル--*/
table.ta01 td.g01 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 30%;
  text-align: center;
  background-color: #ddf2ed;
}

table.ta01 td.g01_01 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 70%;
  text-align: left;
  background-color: #ddf2ed;
}

table.ta01 td.g02 {
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 140%;
  padding: 10px 10px 10px 15px;
  line-height: 180%;
  width: 30%;
  text-align: center;
}

.headding01 {
  margin:0 0 30px 0;
  padding:10px 15px 7px 15px;
  background: #eceaea;
  color:#663300;
  border: 1px solid #e2e2e2;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  width: 98%;
}

.headding01:before{
  content: url("http://www.hojorailway.jp/wp-content/uploads/2014/06/icon01.png");
  margin-right: 10px;
}
.headding01:after{
  content:'';
  height:2px;
  width:10px;
  display:block;
  background:#00A8FF;
  position:absolute;
  top:10px;
  left:0px;
}

.headding01 a {
  text-decoration: none;
}
.heading3{
  position:relative;
  padding-left:30px;
  border-bottom:2px solid #ccc;
  font-weight: bold;
  font-size: 22px;
  line-height: 38px;
}

.heading3:before{
  content:'';
  height:0;
  width:0;
  display:block;
  border:5px transparent solid;
  border-right-width:0;
  border-left-color:#00A8FF;
  position:absolute;
  top:11px;
  left:8px;
}

.heading3:after{
  content:'';
  height:2px;
  width:10px;
  display:block;
  background:#00A8FF;
  position:absolute;
  top:15px;
  left:0px;
}


table.ta05 td.tleft {
  background-color: #f8f9fb;
  border-top: 2px solid #fff;
  padding1em 13px;
}

p.pright {
  text-align:right;
}

table.ta04 td.table-right {
  text-align: right;
}
table.ta04 td.table-left {
  text-align: left;
}

th.bg {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

table.ta04 tbody td.bg {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  padding: 0.8em 13px;
  background-color :#f8f9fb;
}

dl.securityreport {
  clear:both;
  margin: 0 0 14px;
}

dl.securityreport dt {
  float: left;
  width:20%;
}

dl.securityreport dd {
  float: left;
  width:80%;
}

ul.box_li {
  width:826px;
  overflow:hidden;
}
ul.box_li li {
  float:left;
  margin-right:17px;
  margin-bottom: 20px;
  width:262px;
}
ul.box_li li a {
  margin-bottom:5px;
  display:block;
}
ul.box_li li.last {
  margin-right:0;
}

div.pdfdlbox {
  width: 500px;
  background: url("http://www.hojorailway.jp/wp-content/uploads/2014/06/pdfbg.png") repeat left top;
  margin: 0 auto;
  padding: 10px;
}
div.pdfdlbox_in {
  background-color: #fff;
  padding: 10px;
}

h6.hcenter {
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h5bg.png) no-repeat left top;
  width: 826px;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 13px 0 0 10px;
  color: #666600;
  text-align:center;
}

/* フォーム */
table.mail {
  border-top: #ddd solid 1px;
  border-right: #ddd solid 1px;
  padding: 0;
  width: 100%;
}

table.mail th,
table.mail td {
  border-bottom: #ddd solid 1px;
  border-left: #ddd solid 1px;
  padding: 15px;
  vertical-align: top;
}

table.mail th {
  background-color: #f5f5f5;
  width: 30%;
  text-align: left;
}

table.mail td {
  background-color: #fff;
}

table.mail .attention {
  color: red;
  font-size: small;
}

table.mail .mini {
  color: gray;
  font-size: small;
}

/*チェックボックス全体のブロックの指定*/
span.check {
  display:block;
  width:300px;
}
/*各チェックボックスとテキストがくっつかないようにマージンを*/
span.check label input {
  margin-right:0.5em;
}
span.check label {
  margin-right: 2em;
  display: block;
  float: left;
  width: 12em;
}
/*疑似クラス「:after」で <span>の末尾でフロートをクリア*/
span.check:after {
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear:both;     /*←フロートをクリア*/
}

/*--QあんどA--*/
div.qbox {
  width:100%;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/question.png) no-repeat left top;
  padding: 30px 20px 20px 100px;
}

div.abox {
  width:684px;
  background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/answer.png) no-repeat left top;
  padding: 30px 20px 20px 120px;
}


.mgb_30 {
  margin-bottom: 30px;
}
.mgb_20 {
  margin-bottom: 20px;
}

.mgtb_20 {
  margin: 20px 0;
}
p.img03 {/*--見出し+画像（下線）　----------------------------------*/
  background-image: url("http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/hbg_dots.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #FF6565;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 0 10px;
  width: 100%;
  height: 25px;
  font-size:110%;
}

span.pink {
  color: #ff5959;
}

span.bold {
  font-weight:bold;
}


div.box01_02_right {
  float: left;
  text-align: left;
  width: 210px;
}


div.swap {
  width:562px;
  margin:0 auto;
  overflow:hidden;
}

div.swap p img {
  border: solid 1px #CCC;
  padding: 5px;
  display:block;
  background-color: #fff;
}

div.swap li a {
  border: solid 1px #CCC;
  padding: 4px;
  display:block;
  background-color: #fff;
}

div.swap li {
  float:left;
  margin:5px 5px 20px 0;
}

span.link a {
  color: #ff5959;
  text-decoration: underline;
}

p.pink_mab20 {
  color: #ff5959;
  margin-bottom:20px;
}

span.pink a {
  color: #ff5959;
  text-decoration: underline;
}

ol {
  counter-reset:li; /* Initiate a counter */
  padding:0; /* Remove the default left padding */
  list-style:none; /* Disable the normal item numbering */
}
ol li {
  position:relative; /* Create a positioning context */
  margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
  padding:4px 8px;
  border-top:2px solid #666;
  background:#f6f6f6;
}
ol li:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  /* Position and style the number */
  position:absolute;
  top:-2px;
  left:-2em;
  width:2em;
  padding:4px 0;
  border-top:2px solid #666;
  color:#fff;
  background:#666;
  font-weight:bold;
  font-family:"Helvetica Neue", Arial, sans-serif;
  text-align:center;
}

table.pagein {
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.pagein th{
  width:115px;
  padding: 6px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.pagein td{
  padding: 6px;
  background: url("http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg") repeat scroll left top rgba(0, 0, 0, 0);
}

.tapage04{
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
}
.tapage04 th{
  width:20%;
  padding: 6px; text-align: left;
  vertical-align: center;
  color: #666666;
  background: #eee;
  border-bottom: 1px dotted #999;
  border-left: 1px solid #ccc;
  text-align: center;
}
.tapage04 td{
  width: 20%;
  padding: 6px;
  border-bottom: 1px dotted #999;
  border-left: 1px solid #ccc;
  background: #fff;
  text-align: center;
}

.bold {
  font-weight: bold;
}



span.pdf {
  background: url("http://www.hojorailway.jp/wp-content/uploads/2014/08/icon_1r_24.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  line-height: 1.4;
  margin: 0 0 5px;
  padding: 0 0 0 20px;
}

/*追加*/
p.unchin {
  line-height: 120px;
  margin: 0;
  padding: 0;
}

table.aojikoku td {
  text-align: right;
}

table.aojikoku th.g01 {
  background-color: #57A494;
}

table.aojikoku th.g02 {
  background-color: #EAF4F4;
}

table.aojikoku td.g03 {
  background-color: #EAF4F4;
}

table.aojikoku td.g04 {
  background-color: #CAE5E0;
}

table.aojikoku th.o01 {
  background-color: #F29600;
}

table.aojikoku th.o02 {
  background-color: #FDEFD9;
}

table.aojikoku td.o03 {
  background-color: #FDEFD9;
}

table.aojikoku td.o04 {
  background-color: #F9CB80;
}

table.aojikoku th.p01 {
  background-color: #E06E6F;
}

table.aojikoku th.p02 {
  background-color: #FAE3EA;
}

table.aojikoku td.p03 {
  background-color: #FAE3EA;
}

table.aojikoku td.p04 {
  background-color: #F0B6B7;
}


ul.photogimg {
  width: 802px;
}

ul.photogimg li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  width: 128px;
}

div.kankoubox {
  background: url("http://www.hojorailway.jp/wp-content/uploads/2014/05/rosenzu1.jpg")  no-repeat left top;
  padding: 306px 0 0 544px;
  height: 294px;
  width: 282px;
}


img#wpstats{
  position:absolute;
  width:0px;
  height:0px;
  padding:0px;
  border:none;
  overflow:hidden;
}

/*テーブル全体*/
table {
  width: 100%;
  border-collapse: collapse;
}
/*th{
width: 30%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}*/
td{
  padding: 6px;
  background-color: #fff;
  /*border: 1px solid #b9b9b9;*/
}

/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
  max-width:826px;
}

/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*メールフォーム*/
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
  background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/input_btn.png) no-repeat;
  width:150px;
  height:30px;
  text-indent:-9999px;
  overflow:hidden;
  border:none;
  cursor:pointer;
}

.mw_wp_form_confirm .btn input{
  /*送信ボタン用*/
  background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/confirm_btn.png) no-repeat;
  width:150px;
  height:30px;
  text-indent:-9999px;
  overflow:hidden;
  border:none;
  cursor:pointer;
}

#submitback input{
  /*戻るボタン用*/
  background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/form_back_btn.png) no-repeat;
  width:80px;
  height:30px;
  text-indent:-9999px;
  overflow:hidden;
  border:none;
  cursor:pointer;
}

span.attention {
  color: red;
}

img.miniimage { display: none; }
/* ▼表示領域が400px以上の場合 */
@media screen and (min-width: 400px) {
  img.miniimage { display: none; }  /* miniを非表示 */
  img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が400px未満の場合 */
@media screen and (max-width: 399px) {
  img.miniimage { display: block; } /* miniを表示 */
  img.bigimage  { display: none; }  /* bigを非表示 */
}

p.resizeimage img { width: 100%; }


/*スマホ用パネルボタンナビ*/
ul#panelNavi {
  display:none;
}

#mobileNav{
  display:none;
}

#mobileNav span{
  color:#ffffff;
}

div.accbox {
  display:none;
}

/* タブレット用
------------------------------------------------- */
@media only screen and (max-width:960px){

  #wrapper {
    width:970px;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
    background-color:#fff;
    background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/bg_02.png) repeat left top ;
  }
  #header {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  #header header {
    margin: 0 auto;
  }

  #contents {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 70px;
    width:960px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
  }

  #main {
    width: 530px;
    float: left;
    margin: 0px 10px 0px 30px;
  }
  #left-sidebar {
    display:none;
  }
  #right-sidebar {
    width: 350px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
    float: left;
    padding: 0;
  }
  #footer {
    position: absolute;  /* フッターを絶対配置に指定する設定 */
    bottom: 0;           /* フッターを一番下に置くぜ！ */
    width: 100%;
    height: 70px;        /* フッターの高さ */
  }
  #footer footer {
    margin: 0 auto;
    /*height: 120px;サンプル用に高さ設定してあります。*/
  }
  #header header,
  #contents,
  #footer footer {
    width: 960px;
  }

  div#slider {
    width: 100%;
    max-width: 900px;
    margin: auto auto;
  }

  .bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1;
  }

  .bx-wrapper img {
    width: 100%;
    max-width: 900px;
    height: auto;/*auto又は100%に指定・縦横比を維持する*/
    display: block;
  }

  div.large_outline {
    background-color: #fff;
  }

  /*スマホ用パネルボタンナビ*/
  ul#panelNavi {
    display:block;
    width:100%;
    margin:10px 0px 10px 15px;
  }
  ul#panelNavi li{
    float:left;
    display:block;
    width:19%;
    list-style-type:none;
    margin-right:9px;
    margin-bottom:10px;
  }
  img.pn{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
  }


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

  div.accbox {
    display:block;
  }

  .accbox {
    margin: 15px 0px 0px 15px;
    padding: 0;
    max-width: 940px;/*最大幅*/
  }

  /*ラベル*/
  .accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    background: #8C512F;
    cursor :pointer;
    transition: all 1s;
    border: 1px #8C512F solid;  /* 枠線を引く */
    border-radius: 10px;    /* 角丸の指定 */
  }

  /*アイコンを表示*/
  /*.accbox label:before {*/
  /*    content: '\f054';*/
  /*    font-family: 'FontAwesome';*/
  /*    padding-right: 8px;*/
  /*}*/


  /*ラベルホバー時*/
  .accbox label:hover {
    background :#C57D52;
  }

  /*チェックは隠す*/
  .accbox input {
    display: none;
  }

  /*中身を非表示にしておく*/
  .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
  }

  /*クリックで中身表示*/
  .cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #ffffff;
    opacity: 1;
  }

  .accbox .accshow p {
    margin: 15px 10px}

  /*アイコンを入れ替える*/
  /*.cssacc:checked + label:before {*/
  /*    content: '\f078';*/
  /*}*/

  .accshow li{
    float:none;
    clear:both;
    width:100%;
    height:auto;
    line-height:1.8;
    color: #8C512F;
    font-size: 20px;
    font-weight: bold;
    text-indent:1em;
  }

  .accshow li a{
    color: #8C512F;
    text-decoration:none;
  }

  .accshow li a:hover{
    color: #C57D52;
    text-decoration:underline;
  }
  .accshow li.midashi{
    float:none;
    clear:both;
    width:100%;
    height:auto;
    line-height:1.8;
    color: #C57D52;
    font-size: 20px;
    font-weight: bold;
    text-indent:0em;
    margin-top:25px;
  }

  /*---路線図------------------------------*/

  div#routemap_img_pc{
    display:block;
  }

  div#routemap_img_mb{
    display:none;
  }

}

/* スマホ用
------------------------------------------------- */
@media only screen and (max-width:540px){

  #wrapper {
    width:540px;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
    background-color:#fff;
    background:url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/bg_02.png) repeat left top ;
  }
  #header {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  #header header {
    margin: 0 auto;
  }

  #contents {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 120px;
    width:540px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/
  }

  #main {
    width: 530px;
    float: left;
    margin: 0px 5px 0px 5px;

  }
  #left-sidebar {
    display:none;
  }
  #right-sidebar {
    width: 350px;
    /*min-height: 500px;サンプル用に高さ設定してあります。*/

    margin: 10px 0px 20px 95px;
    padding: 0;
  }
  #footer {
    position: absolute;  /* フッターを絶対配置に指定する設定 */
    bottom: 0;           /* フッターを一番下に置くぜ！ */
    width: 100%;
    height: 120px;        /* フッターの高さ */
  }
  #footer footer {
    margin: 0 auto;
    /*height: 120px;サンプル用に高さ設定してあります。*/
  }
  #header header,
  #contents,
  #footer footer {
    width: 540px;
  }

  div#slider {
    width: 100%;
    max-width: 500px;
    margin: auto auto;
  }

  .bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1;
  }

  .bx-wrapper img {
    width: 100%;
    max-width: 500px;
    height: auto;/*auto又は100%に指定・縦横比を維持する*/
    display: block;
  }

  div.large_outline {
    background-color: #fff;
  }

  /*スマホ用パネルボタンナビ*/

  ul#panelNavi {
    display:block;
    width:100%;
    margin:10px 0px 5px 20px;
  }
  ul#panelNavi li{
    float:left;
    display:block;
    width: 17%;
    list-style-type:none;
    margin:0px 10px 10px 0px;
  }
  img.pn{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
  }

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

  div.accbox {
    display:block;
  }

  .accbox {
    margin: 15px 0px 0px 20px;
    padding: 0;
    max-width: 500px;/*最大幅*/
  }


  /*--個別ページのメインエリア-----------------------------------*/
  div.large_outline02 {
    /* border-radius */
    border-radius:;
    -webkit-border-radius:;
    -moz-border-radius:;

    /* box-shadow */
    box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    -webkit-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    -moz-box-shadow:rgba(233, 233, 196, 0.7) 0px 0px 4px 2px;
    width: 500px;
    padding: 10px;
    margin-bottom: 11px;
    margin-top: 4px;
    background-color: #fff;
  }


  /*--見出しなど-------------------------------------------------------*/
  h3 {
    width: 480px;
    height: 48px;
    overflow: hidden;
  }

  h4 {
    color: #663300;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  h4.bigger {
    color: #663300;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 10px;
  }

  h5 {
    color: #FF6565;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1em;
  }

  h5 .black{
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1em;
  }

  h5.bigger {
    color: #FF6565;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
  }

  h6 {
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/h5bg.png) no-repeat left top;
    width: 470px;
    height: 33px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 13px 0 0 10px;
    color: #666600;
    overflow: hidden;
  }
  /*--メインボックス----------------------------------------------*/
  div.box01 {
    padding:10px ;
    width: 480px;
  }
  div.box01_in {
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
    width: 455px;
    padding: 12px;
    word-break: break-word;
    overflow:hidden;
  }

  div.box02 {
    width: 480px;
    <!--margin-left: 10px;-->
    word-break: break-word;
    background-color: #fff;
  }
  /*---時刻表------------------------------*/

  p.mb_left{
    text-align: left;
  }

  ul.times {
    width: 480px;
    overflow: hidden;
    margin-left: 100px;
  }

  li.timesli {
    display: block;
    float: left;
    width:268px;
    height:107px;
    margin-right: 11px;
    margin-bottom: 11px;
  }

  li.timesli_last {
    display: block;
    float: left;
    width:268px;
    height:107px;
    margin-right: 0;
    margin-bottom: 11px;
  }


  /*--個別ページの下のナビ----------------------------------------*/
  ul.b_nav {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
  }

  ul.b_nav li {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    float: left;
    width: 209px;
    list-style-type: none;
  }

  ul.b_nav li.lastbtn {
    margin-bottom: 10px;
    margin-right: 12px;
    padding: 0;
    float: left;
    width: 206px;
    list-style-type: none;
  }

  p.resizeimage img { width: 100%;
  }

  /*--テーブル---------------------------------------------*/

  table.ta01 td.p_no7 {/* 定期券通学定期 */
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    line-height: 140%;
    padding: 1px 1px 1px 2px;
    color: #6699FF;
    height: 20px;
    width: 12%;
    text-align: center;
    background-color: #f5f5f5;
    vertical-align: middle;
  }


  table.ta01 td.p_no8 {/* 定期券駅名 */
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    line-height: 140%;
    padding: 1px 1px 1px 2px;
    font-weight: 700;
    height: 20px;
    width: 12%;
    text-align: center;
    background-color: #e6e6fa;
    vertical-align: middle;
  }


  table.ta01 td.p_no9 {/* 定期券通勤定期 */
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    line-height: 140%;
    padding: 1px 1px 1px 2px;
    height: 20px;
    width: 12%;
    text-align: center;
    background-color: #f5f5f5;
    vertical-align: middle;
  }


  table.ta01 td.p_no10 {/* 普通運賃距離 */
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    line-height: 150%;
    padding: 1px 1px 1px 2px;
    color: #CCCCCC;
    height: 10px;
    width: 12%;
    text-align: center;
    background-color: #f5f5f5;
    vertical-align: middle;
  }


  table.ta01 td.p_no11 {/* 普通運賃料金 */
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    line-height: 150%;
    padding: 1px 1px 1px 2px;
    width: 12%;
    text-align: center;
    background-color: #f5f5f5;
    vertical-align: middle;
  }

  /*---路線図------------------------------*/

  div#routemap_img_pc{
    display: none;
  }

  div#routemap_img_mb{
    display: block;
  }

  /*--切符情報--------*/

  div.box01_01_in {
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
    width: 460px;
    padding: 10px;
    word-break: break-word;
    margin-bottom: 30px;
    /*position: relative;*/
  }

  div.box01_01_in_last {
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
    width: 460px;
    padding: 10px;
    word-break: break-word;
    /*position: relative;*/
    margin: 0;
  }

  div.inphoto03 {
    width: 460px;
    height: auto;
    margin:0 auto;
    padding: 0;
  }

  /*--駅情報--------*/

  div.swap {
    width:450px;
    margin:0 auto;
    overflow:hidden;
  }

  div.swap p img {
    border: solid 1px #CCC;
    padding: 5px;
    display:block;
    background-color: #fff;
    max-width: 97%;
  }

  div.boxeki_in {/* 駅情報BOX */
    background: url(http://www.hojorailway.jp/wp-content/themes/houjyostyle/images/box01bg_02.jpg) repeat left top;
    width: 460px;
    padding: 10px 10px 20px 10px;
    word-break: break-word;
    overflow:hidden;
  }

  .video-container{
    max-width:450px;
  }

  div.photo02 {/* 周辺情報　親BOX */
    padding: 15px 10px 0 10px;
    width: 95%;

  }
  div.photo02_leftbox {/* 周辺情報　写真BOX */
    width: 44%;
    float:left;

  }

  div.photo02_rightbox {/* 周辺情報　文章BOX */
    margin-right: 0px;
    width: 55%;
    float:right;
  }

  /*--ワンマン列車の乗り方--------*/
  div.box01_01_in img {
    width: 100%;
  }
  div.box01_01_in_last img {
    width: 100%;
  }

  /*--枕木応援団--------*/
  div.box01 img {
    max-width: 100%;
    height: auto;
  }

  div.whitelistbox {
    background-color:white;
    width: 94%;height: 100%;
    margin:10px;
    padding:5px 5px 5px 5px;
  }

  /*--枕木応援団のテーブル-----------------------------*/
  table.table01 {
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
  }

  table.table01 th{
    line-height: 160%;
    padding: 3px 5px;
    text-align: left;
    font-weight: bold;
    border-bottom: dotted 1px #999;
  }

  table.table01 td{
    border-bottom: dotted 1px #999;
    line-height: 160%;
    padding: 3px 5px;

  }

  table.table01 th.lasttr {
    line-height: 160%;
    padding: 3px 5px;
    text-align: left;
    font-weight: bold;
    border:none;
  }

  table.table01 td.lasttr{
    line-height: 160%;
    padding: 3px 5px;
    border:none;
  }

  ul.photogimg {
    width: 460px;
    margin-left: 10px;
  }

  ul.photogimg li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px;
    width: 110px;
  }

}

.flex-box {
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-box a {
  margin-right: 30px;
  width: 30%;
  background-color: #8B4513;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  transition: all .3s;
}
.flex-box a::before {
  display: inline-block;
  margin-right: 15px;
  content: '\f078';
  font-weight: normal;
  font-family: 'Font Awesome 5 Solid';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.flex-box a:hover {
  background-color: #c1753f;
}
.flex-box a:nth-of-type(2n) {
  margin-right: 0;
}



.page-delay .txtC {
  text-align: center;
}
.page-delay .logo-box {
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
.page-delay .logo-box img {
  width: 260px;
}
.page-delay h3 {
  width: 100%;
  font-size: 1.5rem; /* 24px */
  font-weight: bold;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-delay .flex-box {
  margin: 30px 0 0 ;
  font-size: 16px;
  flex-direction: column;
}
.page-delay .proof-box {
  margin-bottom: 30px;
  padding: 15px;
  border: solid 1px #9c9c9c;
}
.page-delay .flex-box .txtC {
  margin-bottom: 30px;
}
.page-delay .flex-box p:not(.txtC) {
  line-height: 1.5;
}
.page-delay .flex-box p:not(.txtC) span {
  font-size: 40px;
  font-weight: bold;
  color: red;
}
.page-delay .date {
  text-align: right;
}
.page-delay form {
  margin-top: 60px;
  text-align: center;
}
.page-delay form input {
  padding: 6px 10px;
  font-size: 16px;
}

@media print {
  body.proof_delay #wrapper {
    background: none;
  }
  body.proof_delay div.large_outline02 {
    box-sizing: border-box;
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
  }
  body.proof_delay #main {
    width: 100%;
    float: none;
  }
  body.proof_delay .print-box {
    margin: 0 auto;
    max-width: 90%;
    font-size: 16px;
  }
  body.proof_delay div.box01 {
    padding: 0;
    width: 100%;
  }
  body.proof_delay #header,
  body.proof_delay div.breadcrumbs,
  body.proof_delay #left-sidebar,
  body.proof_delay #footer,
  body.proof_delay .page-delay form {
    display: none;
  }
}