@charset "UTF-8";
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* ----------------------------------------
   default
---------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #555;
  background: #fff;
  font-size: 16px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
  line-height: 1.45;
  width: 100%;
  display: table;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt, dd, dl {
  margin: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

a:link, a:visited {
  color: #8d6647;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #d1645c;
  text-decoration: none;
}

a img {
  display: inline-block;
  transition: opacity 0.5s ease-out;
}

a:hover img {
  opacity: 0.7;
}

table {
  width: 100%;
}

p {
  margin: 0;
}

em {
  font-weight: bold;
  font-style: normal;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

input, button {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}

/* ----------------------------------------
   margin Bottom
---------------------------------------- */
.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

/* ----------------------------------------
   structure
---------------------------------------- */
#wrap {
  display: table;
  width: 100%;
}

.header-link-list {
  margin-bottom: 25px;
}
.header-link-list li {
  margin: 0 0 15px 22px;
  text-indent: -23px;
}
.header-link-list li a {
  font-size: 14px;
  position: relative;
  padding-left: 18px;
}
.header-link-list li a:link, .header-link-list li a:visited {
  color: #666;
  text-decoration: none;
}
.header-link-list li a:hover, .header-link-list li a:active, .header-link-list li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.header-link-list li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
}

#side-header {
  width: 210px;
  background: #fff;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1);
  position: relative;
  table-layout: fixed;
  z-index: 4999;
  display: table-cell;
  vertical-align: top;
}
#side-header .side-header-inner {
  padding: 0 20px;
}
#side-header .separate {
  border-bottom: 1px solid #ddd4c8;
  padding-top: 25px;
}
#side-header .separate:first-child {
  padding-top: 0;
}
#side-header .logo {
  margin: 16px 0 12px;
  padding-left: 16px;
}
#side-header .header-link {
  margin-bottom: 20px;
  text-align: right;
}
#side-header .header-link a {
  color: #63574e;
  font-size: 14px;
  position: relative;
  padding-left: 18px;
}
#side-header .header-link a:link, #side-header .header-link a:visited {
  color: #666;
  text-decoration: none;
}
#side-header .header-link a:hover, #side-header .header-link a:active, #side-header .header-link a:focus {
  color: #d1645c;
  text-decoration: none;
}
#side-header .header-link a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 3px;
  left: 10px;
}
#side-header .glb-nav {
  margin-bottom: 21px;
}
#side-header .glb-nav li {
  margin-bottom: 20px;
}
#side-header .glb-nav li a {
  display: block;
  color: #8d6647;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  padding-left: 22px;
}
#side-header .glb-nav li a:link, #side-header .glb-nav li a:visited {
  color: #8d6647;
  text-decoration: none;
}
#side-header .glb-nav li a:hover, #side-header .glb-nav li a:active, #side-header .glb-nav li a:focus {
  color: #d1645c;
  text-decoration: none;
}
#side-header .glb-nav li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
}
#side-header .glb-nav li:last-child {
  margin-bottom: 0;
}
#side-header .banner-list {
  margin-bottom: 25px;
}
#side-header .banner-list:after {
  clear: both;
  display: block;
  content: "";
}
#side-header .banner-list li {
  margin-bottom: 15px;
}
#side-header .banner-list li:last-child {
  margin-bottom: 0;
}
#side-header .banner-list li img {
  border: 1px solid #ddd4c8;
}
#side-header .form-search {
  margin-bottom: 25px;
}
#side-header .form-search:after {
  clear: both;
  display: block;
  content: "";
}
#side-header .search-box {
  -webkit-appearance: none;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  float: left;
  padding: 7px 5px 6px 10px;
  background: #f0eae1;
  border: 1px solid #b8a799;
  box-sizing: border-box;
  width: 78%;
  height: 36px;
}
#side-header .btn-search {
  position: relative;
  float: left;
  text-indent: -9999px;
  width: 22%;
  height: 36px;
  background: #b8a799;
}
#side-header .btn-search:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -53px;
  width: 25px;
  height: 20px;
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
}
#side-header .twitter-tokuraku {
  position: relative;
  margin-bottom: 25px;
}
#side-header .twitter-tokuraku:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50px;
  border-left: 1px solid #e8e8e8;
  height: 483px;
}
#side-header .header-tweet {
  position: absolute;
  top: 0;
  left: 0;
}
#side-header .header-tweet img {
  width: 170px;
}
#side-header .timeline-Header-byline {
  display: none !important;
}
#side-header .timeline-Header {
  padding: 0 0 10px !important;
}
#side-header .timeline-Body {
  border-left: 1px solid rgba(15, 70, 100, 0.12) !important;
}
#side-header .twitter-timeline {
  min-width: 170px !important;
  width: 170px !important;
  height: 530px !important;
  margin: 51px 0 0 !important;
}
#side-header .timeline {
  border-radius: 0 !important;
  margin: 10px;
}
#side-header .timeline-Viewport {
  border-left: 1px solid #E8E8E8 !important;
}

.timeline-Header-title {
  font-size: 0 !important;
}

#main {
  background: #f9f7f4;
  display: table-cell;
}
#main .main-inner {
  min-width: 1000px;
}
#main #main-header-1 {
  min-height: 60px;
  background: url(/resource/common/img/bg/header_bg_01.png) repeat;
}
#main #main-header-1 .main-header-inner {
  width: 900px;
  margin: 0 auto;
  padding: 18px 0 30px;
}
#main #main-header-1 .main-header-inner:after {
  clear: both;
  display: block;
  content: "";
}
#main #main-header-1 .header-side {
  float: right;
}
#main #main-header-1 .header-side:after {
  clear: both;
  display: block;
  content: "";
}
#main #main-header-1 .sns-group {
  float: left;
  margin-right: 20px;
  padding: 3px 0 0;
}
#main #main-header-1 .sns-group:after {
  clear: both;
  display: block;
  content: "";
}
#main #main-header-1 .sns-group li {
  float: left;
  background: transparent;
}
#main #main-header-1 .sns-group li.facebook {
  margin-right: 10px;
}
#main #main-header-1 .sns-group li.twitter {
  margin-top: 3px;
}
#main #main-header-1 .sns-group li.twitter a:link, #main #main-header-1 .sns-group li.twitter a:visited {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
#main #main-header-1 .logo-2 {
  float: left;
}
#main #main-header-2 {
  padding: 0 10px;
  background: url(/resource/common/img/bg/header_bg_02.png) repeat;
}
#main #main-header-2 .main-header-inner {
  width: 900px;
  margin: 0 auto;
  padding: 27px 0 0;
  overflow: hidden;
}
#main #main-header-2 .free-area-theme {
  max-width: 876px;
  background: #fff;
  margin-bottom: 8px;
  padding: 12px;
}
#main .main-contents {
  background: #f9f7f4;
}
#main .main-contents .sns-group {
  margin-bottom: 20px;
}
#main .main-contents .sns-group:after {
  clear: both;
  display: block;
  content: "";
}
#main .main-contents .sns-group li {
  float: left;
  background: transparent;
}
#main .main-contents .sns-group li.facebook {
  margin-right: 10px;
}
#main .main-contents .sns-group li.twitter {
  margin-top: 3px;
}
#main .main-contents .sns-group li.twitter a:link, #main .main-contents .sns-group li.twitter a:visited {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
#main .main-contents .hdg-02-1 {
  font-size: 24px;
  color: #63574e;
  font-weight: normal;
  text-align: center;
  padding: 24px 0 15px;
  background: #fff;
  position: relative;
}
#main .main-contents .hdg-02-1:before {
  border-top: 3px solid #b8a799;
  content: "";
  width: 900px;
  margin-left: -450px;
  top: 0;
  left: 50%;
  position: absolute;
}
#main .main-contents .main-contents-inner {
  padding: 13px 0 40px;
  margin: 0 auto;
  width: 900px;
}
#main .main-contents .main-contents-inner.unique-contents-bg {
  background: #f0eae1;
}
#main .main-contents .main-contents-inner.lyt-news {
  padding-top: 30px;
}
#main .main-contents .search-num {
  font-size: 14px;
  margin: 7px 0 20px;
}
#main .main-contents .search-num .current {
  color: #d1645c;
  font-size: 14px;
  font-weight: bold;
}
#main .main-contents.unique-contents-bg {
  background: #f0eae1;
}
#main .station-contents-bg {
  background: #fff;
}
#main .footer-1 {
  background: #fff;
  padding: 25px 0 15px;
}
#main .footer-1 .banner-list:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-1 .banner-list li {
  float: left;
  margin: 0 12px 25px 0;
}
#main .footer-1 .banner-list li:last-child {
  margin-right: 0;
}
#main .footer-1 .ensen-list {
  margin-bottom: 3px;
}
#main .footer-1 .ensen-list .tabMenu {
  display: inline-block;
}
#main .footer-1 .ensen-list .tabMenu:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-1 .ensen-list .tabMenu li {
  display: inline-block;
  float: left;
}
#main .footer-1 .station-list:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-1 .station-list li {
  font-size: 14px;
  float: left;
  margin: 0 0 10px 15px;
  padding-right: 15px;
  border-right: 1px solid #DDD4C8;
}
#main .footer-1 .station-list li a:link, #main .footer-1 .station-list li a:visited {
  color: #666;
  text-decoration: none;
}
#main .footer-1 .station-list li a:hover, #main .footer-1 .station-list li a:active, #main .footer-1 .station-list li a:focus {
  color: #d1645c;
  text-decoration: none;
}
#main .footer-inner {
  width: 900px;
  margin: 0 auto;
}
#main .footer-carousel {
  position: relative;
  width: 900px;
  margin: 0 auto 0;
  padding-top: 32px;
}
#main .footer-carousel .content {
  overflow: hidden;
  width: 748px;
  height: 57px;
  margin: 0 auto;
}
#main .footer-carousel .carousel {
  width: 748px;
  height: 55px;
  margin: 0 auto;
}
#main .footer-carousel .carousel:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-carousel .carousel li {
  float: left;
  margin-right: 6px;
  width: 182px;
  height: 57px;
  background: #f0eae1;
}
#main .footer-carousel .carousel li span {
  display: table-cell;
  height: 57px;
  text-align: center;
  vertical-align: middle;
  width: 182px;
}
#main .footer-carousel .carousel li:last-child {
  margin-right: 0;
}
#main .footer-carousel .carousel li img {
  border: 1px solid #ddd4c8;
}
#main .footer-carousel .control .prev {
  position: absolute;
  top: 37px;
  left: -6px;
}
#main .footer-carousel .control .next {
  position: absolute;
  top: 37px;
  right: -5px;
}
#main .footer-2 {
  min-height: 37px;
  background: #63574e;
  padding: 20px 5px 0;
}
#main .footer-2 .footer-2-inner {
  width: 1000px;
  margin: 0 auto;
}
#main .footer-2 .footer-2-inner:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-2 .footer-nav {
  float: left;
  margin-right: 10px;
}
#main .footer-2 .footer-nav:after {
  clear: both;
  display: block;
  content: "";
}
#main .footer-2 .footer-nav li {
  float: left;
  border-left: 1px solid #fff;
  padding: 0 18px;
}
#main .footer-2 .footer-nav li a {
  color: #fff;
  font-size: 14px;
}
#main .footer-2 .footer-nav li a:link, #main .footer-2 .footer-nav li a:visited {
  color: #fff;
  text-decoration: none;
}
#main .footer-2 .footer-nav li a:hover, #main .footer-2 .footer-nav li a:active, #main .footer-2 .footer-nav li a:focus {
  color: #fff;
  text-decoration: underline;
}
#main .footer-2 .footer-nav li:first-child {
  border-left: none;
  padding-left: 0;
}
#main .footer-2 .copyright {
  color: #fff;
  font-size: 14px;
  float: right;
}

/* ----------------------------------------
   Js
---------------------------------------- */
.new-window {
  margin: 0 4px;
}

#btn-top {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 1;
}
#btn-top a img {
  opacity: 0.6;
}
#btn-top a:hover img {
  opacity: 1;
}

[data-script-enabled="true"] .search-open {
  display: none;
}

[data-script-enabled="true"] .station-list:not(#tab-contents01) {
  display: none;
}

[data-script-enabled="true"] .btn_changing_01 {
  display: none;
}

[data-script-enabled="true"] .carousel-1 .content ul > li:not(:first-child) {
  display: none;
}

[data-script-enabled="true"] .eventbox-1 .event-list + .event-list {
  display: none;
}

[data-script-enabled="true"] .theme-sort li:nth-child(n+9) {
  display: none;
}

.mygallery + .mygallery {
  margin-top: -4px;
}

#gmap {
  height: 410px;
  width: 100%;
  margin-bottom: 20px;
  border: 5px solid #b8a799;
  box-sizing: border-box;
}

.lightboxOverlay {
  width: 100% !important;
}

/* ----------------------------------------
   top
---------------------------------------- */
.carousel-1 .hdg-1-theme-wrap {
  margin-bottom: -2px;
}
.carousel-1 .hdg-1-theme-wrap .hdg-1-theme:after {
  padding: 0 0 40px;
}

.carousel-1 {
  clear: both;
  margin-top: 40px;
}
.carousel-1:after {
  clear: both;
  display: block;
  content: "";
}
.carousel-1 .info {
  color: #98784d;
  font-size: 12px;
  margin-bottom: 10px;
}
.carousel-1 .info li {
  margin-bottom: 6px;
}
.carousel-1 .info li:last-child {
  margin-bottom: 0;
}
.carousel-1 .info .station {
  position: relative;
  padding-left: 20px;
}
.carousel-1 .info .station:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -121px;
  width: 12px;
  height: 18px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
}
.carousel-1 .info .date {
  position: relative;
  padding-left: 20px;
}
.carousel-1 .info .date:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -61px -100px;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.carousel-1 .content {
  float: left;
  min-height: 254px;
  overflow: hidden;
  width: 790px;
}
.carousel-1 .content > ul {
  position: relative;
}
.carousel-1 .content > ul > li {
  top: 0;
  left: 0;
  position: static;
  width: 790px;
  height: 255px;
}
.carousel-1 li.pattern-text {
  width: 790px;
  height: 255px;
  background: #fff;
}
.carousel-1 li.pattern-text:after {
  clear: both;
  display: block;
  content: "";
}
.carousel-1 li.pattern-text a:after {
  clear: both;
  display: block;
  content: "";
}
.carousel-1 li.pattern-text p.image {
  display: table-cell;
  width: 340px;
  height: 254px;
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #ddd4c8;
}
.carousel-1 li.pattern-text p.hdg {
  text-align: center;
  margin-bottom: 10px;
}
.carousel-1 li.pattern-text .text {
  display: table-cell;
  width: 333px;
  padding: 30px 0 0 60px;
}
.carousel-1 li.pattern-text p.lead {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 15px;
}
.carousel-1 li.pattern-text p.lead.theme-1 {
  color: #76ac9c;
}
.carousel-1 li.pattern-text p.lead.theme-2 {
  color: #7d94c5;
}
.carousel-1 li.pattern-text p.lead.theme-3 {
  color: #9477a8;
}
.carousel-1 li.pattern-text p.lead.theme-4 {
  color: #bf83a4;
}
.carousel-1 li.pattern-text p.lead.theme-5 {
  color: #76ac9c;
}
.carousel-1 li.pattern-text p.lead.theme-6 {
  color: #63b3d4;
}
.carousel-1 li.pattern-text p.lead.theme-7 {
  color: #a1b189;
}
.carousel-1 li.pattern-text .sub {
  color: #a68a65;
  font-size: 14px;
}
.carousel-1 .pager {
  float: left;
  height: 255px;
  margin-left: 38px;
  position: relative;
}
.carousel-1 .pager .thumb-wrapper {
  overflow: hidden;
  margin: 0 0 0 -6px;
  height: 255px;
  width: 60px;
}
.carousel-1 .pager .thumb {
  height: 255px;
}
.carousel-1 .pager .thumb li:nth-child(1) div {
  top: 0;
}
.carousel-1 .pager .thumb li:nth-child(2) div {
  top: 52px;
}
.carousel-1 .pager .thumb li:nth-child(3) div {
  top: 104px;
}
.carousel-1 .pager .thumb li:nth-child(4) div {
  top: 156px;
}
.carousel-1 .pager .thumb li:nth-child(5) div {
  top: 208px;
}
.carousel-1 .pager li {
  border-radius: 10%;
  height: 47px;
  overflow: hidden;
  width: 47px;
  margin-bottom: 5px;
}
.carousel-1 .pager li a {
  border-radius: 50%;
}
.carousel-1 .pager li a:hover img {
  opacity: 1;
}
.carousel-1 .pager li:not(.current):hover {
  opacity: 0.7;
}
.carousel-1 .pager li img {
  width: 80px;
  margin-left: -13px;
  -webkit-transition: initial;
}
.carousel-1 .pager li.prev, .carousel-1 .pager li.next {
  width: auto;
  height: auto;
}
.carousel-1 .pager li.prev img, .carousel-1 .pager li.next img {
  width: auto;
}
.carousel-1 .pager li.prev {
  position: absolute;
  top: 0;
  left: 0;
}
.carousel-1 .pager li.next {
  position: absolute;
  bottom: 0;
  left: 0;
}
.carousel-1 .pager .current div {
  left: -6px;
  border-radius: 10%;
  height: 47px;
  overflow: hidden;
  width: 47px;
  opacity: 0.6;
  position: absolute;
  background: #d1645c;
}
.carousel-1 .pager .current div.theme-1 {
  background: #76ac9c;
}
.carousel-1 .pager .current div.theme-1:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-2 {
  background: #7d94c5;
}
.carousel-1 .pager .current div.theme-2:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-3 {
  background: #9477a8;
}
.carousel-1 .pager .current div.theme-3:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-4 {
  background: #bf83a4;
}
.carousel-1 .pager .current div.theme-4:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-5 {
  background: #76ac9c;
}
.carousel-1 .pager .current div.theme-5:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-6 {
  background: #63b3d4;
}
.carousel-1 .pager .current div.theme-6:hover {
  opacity: 0.5;
}
.carousel-1 .pager .current div.theme-7 {
  background: #a1b189;
}
.carousel-1 .pager .current div.theme-7:hover {
  opacity: 0.5;
}

[data-script-enabled="true"] .carousel-1 .content ul > li {
  position: absolute;
}

#main #main-header-2.top {
  background: #f0eae1;
  padding: 20px 0;
}
#main #main-header-2.top .main-header-inner {
  padding: 0;
}

.top .btn-column-2:after {
  clear: both;
  display: block;
  content: "";
}
.top .btn-column-2 .btn {
  background: #fff;
  width: 445px;
  height: 60px;
  border-radius: 4px;
}
.top .btn-column-2 .btn a {
  color: #8d6647;
  font-size: 18px;
  font-weight: bold;
  padding: 17px 0 17px 20px;
  display: block;
  position: relative;
}
.top .btn-column-2 .btn a:link, .top .btn-column-2 .btn a:visited {
  color: #8d6647;
  text-decoration: none;
}
.top .btn-column-2 .btn a:hover, .top .btn-column-2 .btn a:active, .top .btn-column-2 .btn a:focus {
  color: #d1645c;
  text-decoration: none;
}
.top .btn-column-2 .btn a:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -145px 0px;
  width: 11px;
  height: 22px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
}
.top .btn-column-2 .btn a img {
  margin: -2px 0 0 40px;
}
.top .btn-column-2 .btn.left {
  float: left;
}
.top .btn-column-2 .btn.right {
  float: right;
}

.theme-sort {
  margin-bottom: 12px;
}
.theme-sort:after {
  clear: both;
  display: block;
  content: "";
}
.theme-sort li {
  float: left;
  padding: 10px 27.3px;
  border-bottom: 1px solid #b8a799;
}
.theme-sort li a {
  font-size: 14px;
  font-weight: bold;
}
.theme-sort li a:link, .theme-sort li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.theme-sort li a:hover, .theme-sort li a:active, .theme-sort li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.theme-sort li a:focus {
  outline: 0;
}
.theme-sort li.current {
  border-bottom: 3px solid #d1645c;
  padding: 10px 27.3px 8px;
}
.theme-sort li.current a {
  color: #d1645c;
}
.theme-sort li.current a:focus {
  outline: 0;
}

.theme-sort-wrapper {
  position: relative;
}
.theme-sort-wrapper .control {
  display: none;
  top: 8px;
  right: 0;
  position: absolute;
}
.theme-sort-wrapper .control .prev, .theme-sort-wrapper .control .next {
  background: rgba(209, 100, 92, 0.6);
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  transition: background 0.5s ease;
}
.theme-sort-wrapper .control .prev:hover, .theme-sort-wrapper .control .next:hover {
  background: #d1645c;
}
.theme-sort-wrapper .control a {
  display: block;
}
.theme-sort-wrapper .control a img {
  vertical-align: top;
  opacity: 0.8;
}

.more {
  color: #8d6647;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
.more a {
  display: block;
  margin: 0 auto;
  width: 70px;
}
.more .btn-more {
  margin-top: 15px;
}

.fb-comennts .fb_iframe_widget > span {
  width: 100% !important;
}
.fb-comennts .fb_iframe_widget > span > iframe {
  width: 100% !important;
}

.hdg-2-top {
  color: #63574e;
  font-size: 24px;
  font-weight: normal;
  border-bottom: 2px solid #C5B7AB;
  text-align: center;
  margin-bottom: 13px;
  padding-bottom: 10px;
}

/* ----------------------------------------
   special
---------------------------------------- */
.special-contents {
  margin: 23px 0 20px;
  padding: 12px;
  background: url(/resource/common/img/bg/header_bg_02.png) repeat;
}
.special-contents p.lead, .special-contents div.lead {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.special-contents .present .lead {
  margin-bottom: 0;
}
.special-contents .special-contents-inner {
  background: #fff;
  padding: 20px;
}
.special-contents .special-contents-inner a {
  text-decoration: underline;
}
.special-contents .special-contents-inner .link-list-1 li a {
  text-decoration: none;
}
.special-contents .special-contents-inner .link-list-1 li a:hover {
  text-decoration: underline;
}
.special-contents .hdg-2-theme {
  margin-top: 30px;
}
.special-contents .hdg-2-theme:first-of-type {
  margin-top: 0;
}

p.lead-2, div.lead-2 {
  color: #98784d;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.title-image {
  margin-bottom: 20px;
}

.author {
  font-size: 16px;
}

.special-info {
  text-align: right;
}
.special-info .date {
  font-size: 14px;
  margin-left: 5px;
}

.special-contents-inner .lyt-img-1.left .caption, .special-contents-inner .lyt-img-2.left .caption,
.special-contents-inner .lyt-img-1.right .caption, .special-contents-inner .lyt-img-2.right .caption {
  background: #fff;
}

.title-text {
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
}
.title-text:after {
  clear: both;
  display: block;
  content: "";
}
.title-text.theme-1 {
  background: url(/resource/common/img/bg/special_bg_01.png) repeat;
}
.title-text.theme-1 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -72px -78px;
  width: 19px;
  height: 17px;
}
.title-text.theme-2 {
  background: url(/resource/common/img/bg/special_bg_02.png) repeat;
}
.title-text.theme-2 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -97px 0px;
  width: 19px;
  height: 17px;
}
.title-text.theme-3 {
  background: url(/resource/common/img/bg/special_bg_03.png) repeat;
}
.title-text.theme-3 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -48px -78px;
  width: 19px;
  height: 17px;
}
.title-text.theme-4 {
  background: url(/resource/common/img/bg/special_bg_04.png) repeat;
}
.title-text.theme-4 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -24px -78px;
  width: 19px;
  height: 17px;
}
.title-text.theme-5 {
  background: url(/resource/common/img/bg/special_bg_01.png) repeat;
}
.title-text.theme-5 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -72px -78px;
  width: 19px;
  height: 17px;
}
.title-text.theme-6 {
  background: url(/resource/common/img/bg/special_bg_05.png) repeat;
}
.title-text.theme-6 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -97px -44px;
  width: 19px;
  height: 17px;
}
.title-text.theme-7 {
  background: url(/resource/common/img/bg/special_bg_06.png) repeat;
}
.title-text.theme-7 .sub:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -97px -22px;
  width: 19px;
  height: 17px;
}
.title-text .image {
  margin-right: 20px;
  float: left;
}
.title-text .image img {
  border: 4px solid #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.title-text .text {
  float: left;
}
.title-text .text .sub {
  color: #98784d;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  margin: 10px 0;
  padding-left: 25px;
  width: 590px;
}
.title-text .text .sub:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.title-text .text .hdg {
  color: #63574e;
  font-size: 32px;
  font-weight: normal;
  width: 615px;
  line-height: 1.2;
}

.special-contents .fb-comennts .fb_iframe_widget > span {
  width: 100% !important;
}
.special-contents .fb-comennts .fb_iframe_widget > span > iframe {
  width: 100% !important;
}

/* ----------------------------------------
   module
---------------------------------------- */
/* hdg
---------------------------------------- */
.hdg-1-theme-wrap {
  text-align: center;
  margin-bottom: 35px;
}

.hdg-1-theme {
  display: inline-block;
  padding: 0 30px;
  margin: 0;
  position: relative;
}
.hdg-1-theme:after {
  padding: 0 0 45px;
  position: absolute;
  left: 0;
  transform-origin: 0 100%;
  transform: skewX(-60deg);
  width: 100%;
  content: "";
}
.hdg-1-theme span {
  display: block;
  float: left;
}
.hdg-1-theme span.name-main {
  font-size: 33px;
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.hdg-1-theme span.name-sub {
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  padding: 15px 0px 0px 12px;
  display: block;
  position: relative;
  font-weight: normal;
}
.hdg-1-theme:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
}
.hdg-1-theme.theme-1:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -60px -29px;
  width: 20px;
  height: 19px;
}
.hdg-1-theme.theme-2:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -30px -53px;
  width: 20px;
  height: 18px;
}
.hdg-1-theme.theme-3:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px -22px;
  width: 19px;
  height: 17px;
}
.hdg-1-theme.theme-4:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px 0px;
  width: 19px;
  height: 17px;
}
.hdg-1-theme.theme-5:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -55px -53px;
  width: 19px;
  height: 17px;
}
.hdg-1-theme.theme-6:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -78px;
  width: 19px;
  height: 17px;
}
.hdg-1-theme.theme-7:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px -44px;
  width: 19px;
  height: 17px;
}
.hdg-1-theme.theme-1:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-theme.theme-1 .name-main, .hdg-1-theme.theme-1 .name-sub {
  color: #76ac9c;
}
.hdg-1-theme.theme-2:after {
  border-bottom: 3px solid #7d94c5;
}
.hdg-1-theme.theme-2 .name-main, .hdg-1-theme.theme-2 .name-sub {
  color: #7d94c5;
}
.hdg-1-theme.theme-3:after {
  border-bottom: 3px solid #9477a8;
}
.hdg-1-theme.theme-3 .name-main, .hdg-1-theme.theme-3 .name-sub {
  color: #9477a8;
}
.hdg-1-theme.theme-4:after {
  border-bottom: 3px solid #bf83a4;
}
.hdg-1-theme.theme-4 .name-main, .hdg-1-theme.theme-4 .name-sub {
  color: #bf83a4;
}
.hdg-1-theme.theme-5:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-theme.theme-5 .name-main, .hdg-1-theme.theme-5 .name-sub {
  color: #76ac9c;
}
.hdg-1-theme.theme-6:after {
  border-bottom: 3px solid #63b3d4;
}
.hdg-1-theme.theme-6 .name-main, .hdg-1-theme.theme-6 .name-sub {
  color: #63b3d4;
}
.hdg-1-theme.theme-7:after {
  border-bottom: 3px solid #a1b189;
}
.hdg-1-theme.theme-7 .name-main, .hdg-1-theme.theme-7 .name-sub {
  color: #a1b189;
}

.hdg-1-article {
  margin-bottom: 26px;
  display: table;
  width: 100%;
}
.hdg-1-article span:not(.text) {
  white-space: nowrap;
}
.hdg-1-article .icon-1, .hdg-1-article .icon-2 {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.hdg-1-article .text {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  font-weight: normal;
  padding-left: 25px;
  line-height: 1.1;
  width: 100%;
}
.hdg-1-article .text.theme-1 {
  color: #76ac9c;
}
.hdg-1-article .text.theme-2 {
  color: #7d94c5;
}
.hdg-1-article .text.theme-3 {
  color: #9477a8;
}
.hdg-1-article .text.theme-4 {
  color: #bf83a4;
}
.hdg-1-article .text.theme-5 {
  color: #76ac9c;
}
.hdg-1-article .text.theme-6 {
  color: #63b3d4;
}
.hdg-1-article .text.theme-7 {
  color: #a1b189;
}
.hdg-1-article .inner {
  display: table-cell;
  padding: 0 20px;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.hdg-1-article .inner:after {
  margin: 31px auto auto;
  position: absolute;
  left: 0;
  transform-origin: 0 100%;
  transform: skewX(-60deg);
  width: 100%;
  content: "";
}
.hdg-1-article .inner span.name-main {
  font-size: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.hdg-1-article .inner span.name-sub {
  font-size: 10px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  padding: 10px 0px 0px 8px;
  position: relative;
  font-weight: normal;
}
.hdg-1-article .inner:before {
  position: absolute;
  content: "";
  top: -14px;
  bottom: 0;
  right: 0;
  margin: auto;
}
.hdg-1-article .inner.theme-1:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -144px;
  width: 13px;
  height: 11px;
}
.hdg-1-article .inner.theme-2:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -143px -121px;
  width: 13px;
  height: 11px;
}
.hdg-1-article .inner.theme-3:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -17px -121px;
  width: 13px;
  height: 12px;
}
.hdg-1-article .inner.theme-4:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -116px -100px;
  width: 13px;
  height: 12px;
}
.hdg-1-article .inner.theme-5:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -125px -121px;
  width: 13px;
  height: 11px;
}
.hdg-1-article .inner.theme-6:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -98px -100px;
  width: 13px;
  height: 12px;
}
.hdg-1-article .inner.theme-7:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -80px -100px;
  width: 13px;
  height: 12px;
}
.hdg-1-article .inner.theme-1:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-article .inner.theme-1 .name-main, .hdg-1-article .inner.theme-1 .name-sub {
  color: #76ac9c;
}
.hdg-1-article .inner.theme-1:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-article .inner.theme-1 .name-main, .hdg-1-article .inner.theme-1 .name-sub {
  color: #76ac9c;
}
.hdg-1-article .inner.theme-1:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-article .inner.theme-1 .name-main, .hdg-1-article .inner.theme-1 .name-sub {
  color: #76ac9c;
}
.hdg-1-article .inner.theme-2:after {
  border-bottom: 3px solid #7d94c5;
}
.hdg-1-article .inner.theme-2 .name-main, .hdg-1-article .inner.theme-2 .name-sub {
  color: #7d94c5;
}
.hdg-1-article .inner.theme-3:after {
  border-bottom: 3px solid #9477a8;
}
.hdg-1-article .inner.theme-3 .name-main, .hdg-1-article .inner.theme-3 .name-sub {
  color: #9477a8;
}
.hdg-1-article .inner.theme-4:after {
  border-bottom: 3px solid #bf83a4;
}
.hdg-1-article .inner.theme-4 .name-main, .hdg-1-article .inner.theme-4 .name-sub {
  color: #bf83a4;
}
.hdg-1-article .inner.theme-5:after {
  border-bottom: 3px solid #76ac9c;
}
.hdg-1-article .inner.theme-5 .name-main, .hdg-1-article .inner.theme-5 .name-sub {
  color: #76ac9c;
}
.hdg-1-article .inner.theme-6:after {
  border-bottom: 3px solid #63b3d4;
}
.hdg-1-article .inner.theme-6 .name-main, .hdg-1-article .inner.theme-6 .name-sub {
  color: #63b3d4;
}
.hdg-1-article .inner.theme-7:after {
  border-bottom: 3px solid #a1b189;
}
.hdg-1-article .inner.theme-7 .name-main, .hdg-1-article .inner.theme-7 .name-sub {
  color: #a1b189;
}

.hdg-1-article .inner:not(:target) {
  display: inline-block\9;
}

.hdg-1-general {
  color: #63574e;
  font-weight: normal;
  font-size: 28px;
  text-align: center;
  margin: 0 auto 25px;
  display: table;
}
.hdg-1-general .icon-1 {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.hdg-1-general .text {
  display: table-cell;
  vertical-align: middle;
}

.hdg-2-general {
  border-left: 8px solid #d1645c;
  font-size: 24px;
  font-weight: normal;
  padding-left: 10px;
  margin-top: 60px;
  margin-bottom: 20px;
  position: relative;
}
.hdg-2-general:first-of-type {
  margin-top: 0;
}
.hdg-2-general:after {
  border-bottom: 1px solid #ddd4c8;
  bottom: -7px;
  content: "";
  display: block;
  margin-left: -8px;
  position: absolute;
  width: calc(100% + 8px);
  left: 0;
}

.hdg-1-general-2, .hdg-1-general-3 {
  font-size: 28px;
  font-weight: normal;
  display: table;
  line-height: 1.1;
  color: #63574e;
  margin-bottom: 25px;
}
.hdg-1-general-2 .icon-1, .hdg-1-general-2 .icon-2, .hdg-1-general-3 .icon-1, .hdg-1-general-3 .icon-2 {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
.hdg-1-general-2 .text, .hdg-1-general-3 .text {
  display: table-cell;
  vertical-align: middle;
}
.hdg-1-general-2 .ruby, .hdg-1-general-3 .ruby {
  font-size: 16px;
  display: block;
  margin-top: 5px;
}

.hdg-1-general-3 .icon-1, .hdg-1-general-3 .icon-2 {
  padding-right: 10px;
}
.hdg-1-general-3 .text {
  padding-left: 10px;
}
.hdg-1-general-3 .label {
  color: #63574e;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap;
  display: table-cell;
}
.hdg-1-general-3 .label span {
  font-weight: bold;
  color: #d1645c;
  padding: 8px 10px;
  position: relative;
  display: inline-block;
}
.hdg-1-general-3 .label span:after {
  content: "";
  width: 100%;
  display: block;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #d1645c;
  position: absolute;
  -ms-transform: skewX(-52deg);
  -webkit-transform: skewX(-52deg);
  transform: skewX(-52deg);
}
.hdg-1-general-3 .ruby {
  font-size: 16px;
  display: block;
  margin-top: 5px;
}

.hdg-2-theme {
  border-left: 8px solid;
  font-size: 24px;
  font-weight: normal;
  padding-left: 10px;
  margin-top: 60px;
  margin-bottom: 20px;
  position: relative;
}
.hdg-2-theme:first-of-type {
  margin-top: 0;
}
.hdg-2-theme:after {
  border-bottom: 1px solid #ddd4c8;
  bottom: -7px;
  content: "";
  display: block;
  margin-left: -20px;
  position: absolute;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
}
.hdg-2-theme.theme-1 {
  border-color: #76ac9c;
}
.hdg-2-theme.theme-2 {
  border-color: #7d94c5;
}
.hdg-2-theme.theme-3 {
  border-color: #9477a8;
}
.hdg-2-theme.theme-4 {
  border-color: #bf83a4;
}
.hdg-2-theme.theme-5 {
  border-color: #76ac9c;
}
.hdg-2-theme.theme-6 {
  border-color: #63b3d4;
}
.hdg-2-theme.theme-7 {
  border-color: #a1b189;
}

.hdg-2-result {
  background: #fff none repeat scroll 0 0;
  height: 27px;
  padding: 10px 0;
  width: 100%;
}
.hdg-2-result .inner {
  border-left: 4px solid #b8a799;
  color: #63574e;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 0 3px 10px;
  width: 890px;
}

.hdg-3-general {
  font-size: 21px;
  font-weight: normal;
  border-left: 4px solid #d1645c;
  padding-left: 5px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.hdg-3-theme {
  font-size: 21px;
  border-left: 4px solid;
  padding-left: 5px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: normal;
  padding: 0 0 3px 10px;
}
.hdg-3-theme.theme-1 {
  border-color: #76ac9c;
}
.hdg-3-theme.theme-2 {
  border-color: #7d94c5;
}
.hdg-3-theme.theme-3 {
  border-color: #9477a8;
}
.hdg-3-theme.theme-4 {
  border-color: #bf83a4;
}
.hdg-3-theme.theme-5 {
  border-color: #76ac9c;
}
.hdg-3-theme.theme-6 {
  border-color: #63b3d4;
}

.hdg-4-general {
  font-size: 18px;
  font-weight: bold;
  padding-left: 24px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 10px;
}
.hdg-4-general:before {
  border: 2px solid #d1645c;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 10px;
  width: 10px;
}

.hdg-4-theme {
  font-size: 18px;
  font-weight: bold;
  padding-left: 24px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 10px;
}
.hdg-4-theme:before {
  border: 2px solid;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 10px;
  width: 10px;
}
.hdg-4-theme.theme-1:before {
  border-color: #76ac9c;
}
.hdg-4-theme.theme-2:before {
  border-color: #7d94c5;
}
.hdg-4-theme.theme-3:before {
  border-color: #9477a8;
}
.hdg-4-theme.theme-4:before {
  border-color: #bf83a4;
}
.hdg-4-theme.theme-5:before {
  border-color: #76ac9c;
}
.hdg-4-theme.theme-6:before {
  border-color: #63b3d4;
}
.hdg-4-theme.theme-7:before {
  border-color: #a1b189;
}

/* text
---------------------------------------- */
p.text, p.text-application {
  font-size: 16px;
  margin-bottom: 20px;
}
p.text em, p.text-application em {
  font-weight: bold;
  text-decoration: none;
}
p.text strong, p.text-application strong {
  color: #d1645c;
  font-weight: bold;
  text-decoration: none;
}

p.text a:link, p.text-application a:link, p.text a:visited, p.text-application a:visited, p.lead a:link, p.lead a:visited {
  color: #8d6647;
  text-decoration: underline;
}
p.text a:hover, p.text-application a:hover, p.text a:active, p.text-application a:active, p.lead a:hover, p.lead a:active {
  color: #d1645c;
  text-decoration: none;
}

p.message {
  font-size: 16px;
  margin: 40px 0;
}

.error-message {
  color: #d1645c;
  font-size: 12px;
  border: 3px solid #d1645c;
  border-radius: 5px;
  width: 900px;
  padding: 20px;
  margin: 50px auto;
  display: table;
}
.error-message h2 {
  color: #d1645c;
  font-size: 16px;
  font-weight: bold;
}
.error-message .icon {
  display: table-cell;
  vertical-align: middle;
}
.error-message .text {
  display: table-cell;
  padding-left: 10px;
}

p.text-application {
  margin-top: 28px;
}

/* 単体link
---------------------------------------- */
.link-1 {
  text-align: right;
  margin-bottom: 15px;
}
.link-1 a {
  color: #8d6647;
  font-size: 14px;
  position: relative;
  padding-left: 22px;
}
.link-1 a:hover {
  color: #d1645c;
}
.link-1 a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -97px -66px;
  width: 15px;
  height: 7px;
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
}

.link-2 {
  text-align: right;
  margin-bottom: 15px;
}
.link-2 a {
  color: #8d6647;
  font-size: 14px;
  position: relative;
  padding-left: 22px;
}
.link-2 a:hover {
  color: #d1645c;
}
.link-2 a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 3px;
  left: 9px;
}

/* list
---------------------------------------- */
.list-1 {
  margin-bottom: 20px;
}
.list-1 li {
  margin: 0 0 7px 12px;
  padding-left: 5px;
  text-indent: -11px;
}
.list-1 li > ul > li {
  margin-top: 7px;
  padding-left: 25px;
}
.list-1 li:before {
  background: #b8a799 none repeat scroll 0 0;
  border-radius: 6px;
  color: #b8a799;
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin: 0 5px 3px 0;
}

/* list-station
---------------------------------------- */
* + .list-station {
  margin-top: 20px;
}

.hdg-1-article + .list-station {
  padding-bottom: 25px;
  margin-left: 192px;
}

.hdg-1-article + .list-station.icon-1 {
  margin-left: 253px;
}

.hdg-1-article + .list-station.icon-2 {
  margin-left: 315px;
}

.list-station {
  position: relative;
  padding-left: 27px;
}
.list-station:after {
  clear: both;
  display: block;
  content: "";
}
.list-station::before {
  display: block;
  top: 3px;
  left: 0;
  content: "";
  position: absolute;
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -121px;
  width: 12px;
  height: 18px;
}
.list-station > li {
  display: inline;
}
.list-station > li + li {
  position: relative;
  padding-left: 13px;
}
.list-station > li + li::before {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -145px -81px;
  width: 8px;
  height: 15px;
}

/* link-list
---------------------------------------- */
.link-list-1 li {
  margin: 0 0 15px 25px;
  text-indent: -18px;
}
.link-list-1 li > ul > li {
  margin-top: 15px;
  padding-left: 15px;
}
.link-list-1 li a {
  color: #8d6647;
  font-size: 14px;
  position: relative;
  padding-left: 17px;
}
.link-list-1 li a:hover {
  color: #d1645c;
  text-decoration: underline;
}
.link-list-1 li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
}

.link-list-2 li {
  font-weight: bold;
  background: #fff;
  padding: 10px 30px 10px 44px;
  margin-bottom: 10px;
  text-indent: -23px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 583px;
}
.link-list-2 li a {
  font-size: 14px;
  position: relative;
  padding-left: 22px;
}
.link-list-2 li a:link, .link-list-2 li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.link-list-2 li a:hover, .link-list-2 li a:active, .link-list-2 li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.link-list-2 li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -145px 0px;
  width: 11px;
  height: 22px;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}

.link-list-wrap {
  margin-bottom: 20px;
  display: table;
}
.link-list-wrap .hdg {
  display: table-cell;
  color: #63574e;
  margin-right: 17px;
  background: #E1D8CB;
  width: 145px;
  text-align: center;
}
.link-list-wrap .hdg:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.link-list-wrap .hdg h3 {
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
}
.link-list-wrap .contents {
  display: table-cell;
  width: 738px;
  vertical-align: top;
  padding-left: 20px;
}
.link-list-wrap .contents .btn-toggle-4 {
  display: none;
}
.link-list-wrap .contents .btn-toggle-4.close {
  margin: 0;
}
.link-list-wrap .contents .btn-toggle-4.open {
  margin: 20px 0 0;
}
.link-list-wrap .link-list-1 li:last-child {
  margin-bottom: 0;
}
.link-list-wrap .more-link {
  margin-top: 15px;
}

/* 画像レイアウト
---------------------------------------- */
.lyt-img-3, .lyt-img-4 {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.lyt-img-3:after, .lyt-img-4:after {
  clear: both;
  display: block;
  content: "";
}
.lyt-img-3.no-text .contents, .lyt-img-4.no-text .contents {
  width: 583px;
}
.lyt-img-3.no-text .contents .note, .lyt-img-4.no-text .contents .note {
  text-align: left;
}
.lyt-img-3.right, .lyt-img-4.right {
  direction: rtl;
}
.lyt-img-3.right .caption, .lyt-img-4.right .caption {
  font-size: 12px;
  display: block;
  direction: ltr;
  background: #F9F7F4;
  padding-top: 5px;
  text-align: left;
  margin-bottom: 10px;
}
.lyt-img-3.right .contents, .lyt-img-4.right .contents {
  direction: ltr;
  float: left;
}
.lyt-img-3.right .img-wrap, .lyt-img-4.right .img-wrap {
  display: table-cell;
  margin-left: 25px;
  float: right;
  width: 292px;
}
.lyt-img-3 .info-wrapper, .lyt-img-4 .info-wrapper {
  background: #fff;
  padding: 8px 20px 8px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
}
.lyt-img-3 .info-wrapper table.info, .lyt-img-4 .info-wrapper table.info {
  border-collapse: separate;
  border-spacing: 0 12px;
  background: #fff;
}
.lyt-img-3 .info-wrapper table.info th, .lyt-img-4 .info-wrapper table.info th {
  width: 70px;
  background: #b8a799;
  color: #fff;
  font-weight: normal;
  padding: 10px 10px;
  height: 40px;
}
.lyt-img-3 .info-wrapper table.info td, .lyt-img-4 .info-wrapper table.info td {
  padding-left: 10px;
}
.lyt-img-3 .info-wrapper table.info td .station, .lyt-img-4 .info-wrapper table.info td .station {
  color: #8D6647;
  margin-left: 10px;
}
.lyt-img-3 .info-wrapper table.info td .station a:link, .lyt-img-3 .info-wrapper table.info td .station a:visited, .lyt-img-4 .info-wrapper table.info td .station a:link, .lyt-img-4 .info-wrapper table.info td .station a:visited {
  color: #8d6647;
  text-decoration: none;
}
.lyt-img-3 .info-wrapper table.info td .station a:hover, .lyt-img-3 .info-wrapper table.info td .station a:active, .lyt-img-3 .info-wrapper table.info td .station a:focus, .lyt-img-4 .info-wrapper table.info td .station a:hover, .lyt-img-4 .info-wrapper table.info td .station a:active, .lyt-img-4 .info-wrapper table.info td .station a:focus {
  color: #d1645c;
  text-decoration: none;
}
.lyt-img-3.left .img-wrap, .lyt-img-4.left .img-wrap {
  display: table-cell;
  margin-right: 25px;
  float: left;
  width: 292px;
}
.lyt-img-3.left .caption, .lyt-img-4.left .caption {
  background: #F9F7F4;
  font-size: 12px;
  display: block;
  padding-top: 5px;
  text-align: left;
  margin-bottom: 10px;
}
.lyt-img-3 p.text.w100, .lyt-img-3 p.w100.text-application, .lyt-img-4 p.text.w100, .lyt-img-4 p.w100.text-application {
  width: 100%;
}
.lyt-img-3 p.text, .lyt-img-3 p.text-application, .lyt-img-4 p.text, .lyt-img-4 p.text-application {
  width: 583px;
}
.lyt-img-3 .img, .lyt-img-4 .img {
  background: #f0eae1;
  text-align: center;
  width: 370px;
  position: relative;
}
.lyt-img-3 .img img, .lyt-img-4 .img img {
  max-width: 292px;
}
.lyt-img-3 .img + .img, .lyt-img-4 .img + .img {
  margin-top: 15px;
}
.lyt-img-3 .contents, .lyt-img-4 .contents {
  display: table-cell;
  vertical-align: top;
}
.lyt-img-3 .contents .note, .lyt-img-4 .contents .note {
  font-size: 14px;
  text-align: right;
  display: block;
}
.lyt-img-3 .contents .free-area, .lyt-img-4 .contents .free-area {
  margin-bottom: 30px;
}
.lyt-img-3 .contents .txt_present_01, .lyt-img-4 .contents .txt_present_01 {
  margin-bottom: 20px;
  width: 100%;
}
.lyt-img-3 .contents .txt_present_01.size-s, .lyt-img-4 .contents .txt_present_01.size-s {
  width: 292px;
}
.lyt-img-3 .contents .date, .lyt-img-4 .contents .date {
  font-size: 14px;
  text-align: right;
  margin-bottom: 20px;
}
.lyt-img-3 .contents.no-text, .lyt-img-4 .contents.no-text {
  vertical-align: unset;
  float: none;
}
.lyt-img-3 .contents.no-text .free-area.column-2, .lyt-img-4 .contents.no-text .free-area.column-2 {
  position: relative;
}
.lyt-img-3 .contents.no-text .note, .lyt-img-4 .contents.no-text .note {
  margin-top: -10px;
  position: absolute;
  left: 874px;
  text-align: left;
  width: 292px;
}

.lyt-img-4 .contents {
  width: 451px;
}
.lyt-img-4 .contents.w100 {
  width: 100%;
}
.lyt-img-4.right .img-wrap {
  width: 360px;
}
.lyt-img-4 p.text, .lyt-img-4 p.text-application {
  width: 451px;
}
.lyt-img-4 .img {
  width: 360px;
}
.lyt-img-4 .img img {
  max-width: none;
}

.lyt-img-1 .img, .lyt-img-2 .img {
  width: 370px;
}

.lyt-img-3 .img {
  width: 292px;
}

.lyt-img-1 {
  margin-bottom: 40px;
}
.lyt-img-1:after {
  clear: both;
  display: block;
  content: "";
}
.lyt-img-1 > .img {
  margin-right: 20px;
  width: 370px;
  float: left;
}
.lyt-img-1 > .img > p {
  display: table-cell;
  width: 370px;
  height: 278px;
  text-align: center;
  vertical-align: middle;
  background: #f0eae1;
}
.lyt-img-1 > .img > p img {
  max-width: 370px;
}
.lyt-img-1 .caption {
  background: #f8f7f4 none repeat scroll 0 0;
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-align: left;
}
.lyt-img-1 .contents {
  float: left;
  width: 509px;
}
.lyt-img-1 .info-wrapper {
  background: #fff;
  margin-bottom: 20px;
  padding: 8px 20px 8px;
  box-sizing: border-box;
  width: 100%;
}
.lyt-img-1 .info-wrapper table.info {
  border-collapse: separate;
  border-spacing: 0 12px;
  background: #fff;
}
.lyt-img-1 .info-wrapper table.info th {
  width: 70px;
  background: #b8a799;
  color: #fff;
  font-weight: normal;
  padding: 10px 10px;
  height: 40px;
}
.lyt-img-1 .info-wrapper table.info td {
  padding-left: 10px;
}
.lyt-img-1 .info-wrapper table.info td .note {
  font-size: 14px;
}
.lyt-img-1 .info-wrapper table.info td .station {
  color: #8D6647;
  margin-left: 10px;
}
.lyt-img-1 .info-wrapper table.info td .station a:link, .lyt-img-1 .info-wrapper table.info td .station a:visited {
  color: #8d6647;
  text-decoration: none;
}
.lyt-img-1 .info-wrapper table.info td .station a:hover, .lyt-img-1 .info-wrapper table.info td .station a:active, .lyt-img-1 .info-wrapper table.info td .station a:focus {
  color: #d1645c;
  text-decoration: none;
}
.lyt-img-1 .added {
  display: none;
  color: #999;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 22px 15px 0;
  text-align: left;
  vertical-align: middle;
  background: #f0eae1;
  position: relative;
  vertical-align: top;
  padding: 9px 17px 8px;
}
.lyt-img-1 .tip {
  display: none;
  background: #76ac9c none repeat scroll 0 0;
  border-radius: 5px;
  height: 36px;
  position: absolute;
  top: -58px;
  left: 7%;
  width: 99px;
  padding: 7px 14px 7px 30px;
  line-height: 1;
}
.lyt-img-1 .tip:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px -66px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -9px;
  content: "";
}
.lyt-img-1 .tip span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.lyt-img-1 .tip span:after {
  border-color: #76ac9c transparent rgba(118, 172, 156, 0);
  border-image: none;
  border-style: solid;
  border-width: 10px 5px;
  top: 43px;
  height: 32px;
  left: 85px;
  margin-left: -50px;
  position: absolute;
  content: " ";
}

.lyt-img-2 {
  margin-bottom: 20px;
}
.lyt-img-2:after {
  clear: both;
  display: block;
  content: "";
}
.lyt-img-2 > .img {
  margin-left: 20px;
  width: 370px;
  float: right;
}
.lyt-img-2 > .img > * + p {
  margin-top: 10px;
}
.lyt-img-2 > .img > p {
  display: table-cell;
  width: 370px;
  height: 263px;
  text-align: center;
  vertical-align: middle;
  background: #f0eae1;
}
.lyt-img-2 > .img > p img {
  max-width: 370px;
}
.lyt-img-2.height-auto > .img > p {
  display: block;
  vertical-align: top;
  height: auto;
  text-align: center;
}
.lyt-img-2 .caption {
  background: #f8f7f4 none repeat scroll 0 0;
  display: block;
  font-size: 12px;
  padding-top: 5px;
  text-align: left;
}
.lyt-img-2 .contents {
  float: left;
  width: 509px;
}
.lyt-img-2 .contents > .txt_present_01,
.lyt-img-2 .contents > .present,
.lyt-img-2 .contents > .link-list-2 > li {
  width: 100%;
}
.lyt-img-2 .contents > .txt_present_01 {
  margin-bottom: 20px;
}
.lyt-img-2 .info-wrapper {
  background: #fff;
  margin-bottom: 20px;
  padding: 8px 20px 8px;
  box-sizing: border-box;
  width: 100%;
}
.lyt-img-2 .info-wrapper table.info {
  border-collapse: separate;
  border-spacing: 0 12px;
  background: #fff;
}
.lyt-img-2 .info-wrapper table.info th {
  width: 70px;
  background: #b8a799;
  color: #fff;
  font-weight: normal;
  padding: 10px 10px;
  height: 40px;
}
.lyt-img-2 .info-wrapper table.info td {
  padding-left: 10px;
}
.lyt-img-2 .info-wrapper table.info td .station {
  color: #8D6647;
  margin-left: 10px;
}
.lyt-img-2 .info-wrapper table.info td .station a:link, .lyt-img-2 .info-wrapper table.info td .station a:visited {
  color: #8d6647;
  text-decoration: none;
}
.lyt-img-2 .info-wrapper table.info td .station a:hover, .lyt-img-2 .info-wrapper table.info td .station a:active, .lyt-img-2 .info-wrapper table.info td .station a:focus {
  color: #d1645c;
  text-decoration: none;
}
.lyt-img-2 .added {
  display: none;
  color: #999;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 3px 22px 15px 0;
  text-align: left;
  vertical-align: middle;
  background: #f0eae1;
  position: relative;
  vertical-align: top;
  padding: 9px 15px 8px 19px;
}
.lyt-img-2 .tip {
  display: none;
  background: #76ac9c none repeat scroll 0 0;
  border-radius: 5px;
  height: 36px;
  position: absolute;
  top: -58px;
  left: 7%;
  width: 99px;
  padding: 7px 14px 7px 30px;
  line-height: 1;
}
.lyt-img-2 .tip:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px -66px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -9px;
  content: "";
}
.lyt-img-2 .tip span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.lyt-img-2 .tip span:after {
  border-color: #76ac9c transparent rgba(118, 172, 156, 0);
  border-image: none;
  border-style: solid;
  border-width: 10px 5px;
  top: 43px;
  height: 32px;
  left: 85px;
  margin-left: -50px;
  position: absolute;
  content: " ";
}

.note-date {
  margin-bottom: 40px;
  text-align: left;
  display: block;
}

.watchlist-wrap {
  position: relative;
  border-bottom: 1px solid #b8a799;
  margin: 8px auto 2px;
}
.watchlist-wrap:after {
  clear: both;
  display: block;
  content: "";
}
.watchlist-wrap .event-end {
  background: #f0f0f0;
  float: left;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 21px;
  margin: 3px 22px 15px 0;
  text-align: left;
  vertical-align: middle;
  padding: 8px 0;
  width: 202px;
  color: #999;
  text-align: center;
}
.watchlist-wrap .addtion {
  float: left;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 27px;
  padding-top: 12px;
  margin: 0 22px 15px 0;
  text-align: left;
  vertical-align: middle;
}
.watchlist-wrap .addtion > a {
  background: #f0eae1;
  position: relative;
  vertical-align: top;
  color: #d1645c;
  padding: 8px 27px 8px 35px;
  width: 207px;
  transition: background 0.2s linear;
}
.watchlist-wrap .addtion > a:hover {
  background: #f9f7f4;
}
.watchlist-wrap .addtion > a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -100px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px;
  content: "";
}
.watchlist-wrap .link {
  margin-bottom: 25px;
  padding-top: 10px;
}
.watchlist-wrap .link a {
  font-size: 14px;
  position: relative;
  padding-left: 12px;
}
.watchlist-wrap .link a:link, .watchlist-wrap .link a:visited {
  color: #8d6647;
  text-decoration: none;
}
.watchlist-wrap .link a:hover, .watchlist-wrap .link a:active, .watchlist-wrap .link a:focus {
  color: #d1645c;
  text-decoration: none;
}
.watchlist-wrap .link a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
}

.present {
  border: 1px solid #d1645c;
  border-bottom: 4px solid #d1645c;
  background: #fff;
  padding: 10px 20px;
  margin: 0 auto 20px;
  width: 583px;
  box-sizing: border-box;
  border-radius: 5px;
}
.present:after {
  clear: both;
  display: block;
  content: "";
}
.present .lead {
  padding-left: 29px;
  margin-bottom: 0;
  color: #d1645c;
  font-size: 16px;
  font-weight: bold;
  float: left;
  position: relative;
}
.present .lead:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -21px -100px;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
}
.present .link {
  float: right;
}
.present .link a {
  color: #8d6647;
  font-size: 14px;
  position: relative;
  padding-left: 12px;
}
.present .link a:hover {
  color: #d1645c;
}
.present .link a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 2px;
  left: -10px;
}

/* pager-1系
---------------------------------------- */
.pager-1 {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto 20px;
}
.pager-1 li {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
.pager-1 li a {
  text-decoration: none;
}
.pager-1 li a:link, .pager-1 li a:visited {
  color: #666;
  text-decoration: none;
}
.pager-1 li a:hover, .pager-1 li a:active, .pager-1 li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.pager-1 li.current {
  color: #fff;
  position: relative;
  padding-right: 25px;
}
.pager-1 li.current span {
  display: block;
  font-weight: bold;
  text-decoration: none;
  left: 0;
  top: 0;
  z-index: 0;
  display: inline-block;
  position: absolute;
  text-align: center;
  width: 32px;
  z-index: 1;
}
.pager-1 li.current span:before {
  background: #d1645c;
  border-radius: 50%;
  height: 20px;
  left: 0;
  padding: 6px;
  position: absolute;
  top: -6px;
  width: 20px;
  z-index: -1;
  content: "";
}
.pager-1 .prev {
  padding: 0 14px 0 0;
}
.pager-1 .prev.inactive {
  position: relative;
}
.pager-1 .prev.inactive:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -85px -29px;
  width: 7px;
  height: 15px;
  position: absolute;
  top: 3px;
  left: -15px;
  content: "";
}
.pager-1 .prev a {
  position: relative;
}
.pager-1 .prev a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px -20px;
  width: 7px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: -15px;
  content: "";
}
.pager-1 .prev img {
  margin: -1px 8px 1px 0;
}
.pager-1 .next {
  padding: 0 0 0 14px;
}
.pager-1 .next.inactive {
  position: relative;
}
.pager-1 .next.inactive:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -145px -101px;
  width: 7px;
  height: 15px;
  position: absolute;
  top: 3px;
  right: -15px;
  content: "";
}
.pager-1 .next a {
  position: relative;
}
.pager-1 .next a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  position: absolute;
  top: 4px;
  right: -15px;
  content: "";
}
.pager-1 .next img {
  margin: -1px 0 1px 8px;
}

/* input系
---------------------------------------- */
.search-area {
  text-align: left;
  margin-bottom: 40px;
}
.search-area .search-close {
  background: #b8a799;
  padding: 8px 10px 8px 20px;
}
.search-area .search-close:after {
  clear: both;
  display: block;
  content: "";
}
.search-area .search-close .form-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 57px 0 0;
  float: left;
}
.search-area .search-open {
  background: #fff;
  padding: 16px 10px 36px 20px;
}
.search-area .text-field-01 {
  font-size: 16px;
  border-radius: 4px;
  border: none;
  height: 35px;
  width: 443px;
  padding-left: 15px;
  margin-right: 20px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-area .btn-search {
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #d1645c;
  border-radius: 4px;
  height: 35px;
  width: 140px;
  float: left;
}
.search-area .btn-search:hover {
  background: #d6736c;
}
.search-area .btn-toggle {
  float: right;
  margin-top: 5px;
  padding: 0;
  width: 24px;
  height: 24px;
}
.search-area .btn-toggle:hover {
  opacity: 0.9;
}

.search-open {
  background: #b8a799;
  padding: 8px 10px 8px 25px;
  margin-bottom: 10px;
  border-bottom: 3px solid #b8a799;
}
.search-open:after {
  clear: both;
  display: block;
  content: "";
}
.search-open .form-title {
  color: #63574e;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  display: inline-block;
  margin: -3px 0 8px;
}
.search-open .btn-toggle {
  float: right;
  margin-top: -3px;
  padding: 0;
}
.search-open .btn-toggle:hover {
  opacity: 0.9;
}

table.search-area-detail {
  margin-bottom: 12px;
  border-spacing: 0 12px;
  padding-right: 10px;
}
table.search-area-detail label:link, table.search-area-detail label:visited {
  color: #666;
  text-decoration: none;
}
table.search-area-detail label:hover, table.search-area-detail label:active, table.search-area-detail label:focus {
  color: #d1645c;
  text-decoration: none;
}
table.search-area-detail ul.form01, table.search-area-detail ul.form02 {
  font-size: 14px;
}
table.search-area-detail ul.form01 li:after, table.search-area-detail ul.form02 li:after {
  clear: both;
  display: block;
  content: "";
}
table.search-area-detail tr {
  border-bottom: 12px solid #fff;
}
table.search-area-detail th {
  color: #fff;
  font-size: 16px;
  padding: 12px 0 12px 20px;
  background: #b8a799;
  width: 140px;
  text-align: left;
}
table.search-area-detail td {
  padding: 12px 0 0 10px;
  display: inline-block;
}
table.search-area-detail td > ul {
  width: 700px;
  display: inline-block;
}
table.search-area-detail td > ul li:last-child {
  margin-bottom: 0;
}
table.search-area-detail td .link {
  margin-bottom: 25px;
  height: 17px;
}
table.search-area-detail td .link a {
  color: #63574e;
  position: relative;
  padding-left: 12px;
  margin-left: 30px;
}
table.search-area-detail td .link a:link, table.search-area-detail td .link a:visited {
  color: #666;
  text-decoration: none;
}
table.search-area-detail td .link a:hover, table.search-area-detail td .link a:active, table.search-area-detail td .link a:focus {
  color: #d1645c;
  text-decoration: none;
}
table.search-area-detail td .link a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
}
table.search-area-detail td.text-field {
  padding-top: 1px;
}

.what ul li ul:after {
  clear: both;
  display: block;
}
.what ul li ul li {
  float: left;
}

input[type=radio], input[type=checkbox] {
  position: absolute;
  left: -1000em;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  transition: background 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 5px 18px 0;
  padding: 0 10px 0 30px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
  float: left;
}

label[for=radio01_02] {
  float: left;
}

.radio:hover:after, .checkbox:hover:after {
  border-color: #d1645c;
}

.radio:after, .checkbox:after {
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  width: 23px;
  height: 23px;
  border: 1px solid #b8a799;
  content: '';
}

.checkbox:after {
  border-radius: 6px;
  background: #fff;
}

.radio:after {
  border-radius: 50%;
}

.radio:before {
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0.5em;
  display: inline;
  margin-top: -5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #d1645c;
  content: '';
  opacity: 0;
}

input[type=radio]:checked + .radio:before {
  opacity: 1;
}

input[type=radio]:checked + .radio {
  color: #d1645c;
  font-weight: bold;
}

.checkbox:before {
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 8px;
  z-index: 1;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #d1645c;
  border-bottom: 3px solid #d1645c;
  content: '';
  opacity: 0;
  transform: rotate(45deg);
}

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

input[type=checkbox]:checked + .checkbox {
  color: #d1645c;
  font-weight: bold;
}

.radio.left {
  float: left;
}

label[for^="checkbox01"] {
  float: left;
}

.station-all label {
  float: none;
}

.btn-toggle-2.open, .btn-toggle-2.close {
  float: left;
}

.btn-toggle-2 {
  display: none;
  margin: -3px 0 0 0;
  padding: 0;
  color: #63574E;
  background: #F0EAE1;
}
.btn-toggle-2:hover {
  color: #d1645c;
  background: #f9f7f4;
}
.btn-toggle-2 .btn {
  padding: 1px 3px 1px 0;
  display: inline-block;
}
.btn-toggle-2 .btn img {
  margin-right: 3px;
  margin-top: -1px;
}

.more-checkbox {
  float: left;
}

.btn-toggle-3 {
  width: 690px;
}
.btn-toggle-3 li {
  margin-bottom: 5px;
}
.btn-toggle-3 li dl.close dt button {
  background: #f0eae1;
  color: #666;
  font-weight: normal;
  text-align: left;
  width: 100%;
}
.btn-toggle-3 li dl.close dt button:hover {
  background: #f9f7f4;
}
.btn-toggle-3 li dl.open {
  background: #F9F7F4;
}
.btn-toggle-3 li dl.open dt.ensen-01 button {
  color: #da0042;
}
.btn-toggle-3 li dl.open dt.ensen-01 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-02 button {
  color: #009cd3;
}
.btn-toggle-3 li dl.open dt.ensen-02 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-03 button {
  color: #00aa8e;
}
.btn-toggle-3 li dl.open dt.ensen-03 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-04 button {
  color: #f18c43;
}
.btn-toggle-3 li dl.open dt.ensen-04 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-05 button {
  color: #ee86a7;
}
.btn-toggle-3 li dl.open dt.ensen-05 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-06 button {
  color: #ae0379;
}
.btn-toggle-3 li dl.open dt.ensen-06 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-07 button {
  color: #5A5858;
}
.btn-toggle-3 li dl.open dt.ensen-07 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-09 button {
  color: #0071be;
}
.btn-toggle-3 li dl.open dt.ensen-09 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dt.ensen-10 button {
  color: #1d2087;
}
.btn-toggle-3 li dl.open dt.ensen-10 button:hover {
  color: #d1645c;
}
.btn-toggle-3 li dl.open dd {
  padding: 10px 0 5px 43px;
}
.btn-toggle-3 li dl.open dd:after {
  clear: both;
  display: block;
  content: "";
}
.btn-toggle-3 li dt button {
  padding: 9px;
  font-size: 16px;
  font-weight: bold;
}
.btn-toggle-3 li dt {
  cursor: pointer;
}
.btn-toggle-3 li dt .btn {
  margin-right: 6px;
}
.btn-toggle-3 li dt .icon {
  margin-right: 5px;
}

.btn-toggle-4 {
  display: inline-block;
  margin-bottom: 20px;
  padding: 0;
  color: #63574E;
  background: #F0EAE1;
}
.btn-toggle-4:hover {
  color: #d1645c;
  background: #f9f7f4;
}
.btn-toggle-4 .btn {
  padding: 1px 3px 1px 0;
  display: inline-block;
}
.btn-toggle-4 .btn img {
  margin-right: 3px;
  margin-top: -1px;
}

.text-field-02 {
  border: 1px solid #b8a799;
  background: #f9f7f4;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
  width: 677px;
  display: inline-block;
  padding-left: 20px;
}

.text-field {
  padding-top: 0;
  height: 37px;
}

.btn-form {
  text-align: center;
}
.btn-form .btn-search-2 {
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #d1645c;
  border-radius: 4px;
  height: 35px;
  width: 216px;
  display: inline-block;
}
.btn-form .btn-search-2:hover {
  background: #D6736C;
}

.sctble_display {
  border: 1px solid #b8a799;
  border-radius: 4px;
  padding: 3px 31px 3px 7px;
  font-size: 16px;
  margin: 0 5px 0 10px;
  position: relative;
  background: url("/resource/common/img/icon/icon_arrow_03.png") #fff no-repeat scroll right 5px top 11px !important;
  display: inline-block;
}

.select01 {
  color: #555 !important;
  padding: 3px 35px 3px 5px;
  border: 1px solid #b8a799;
  background: #fff;
  font-size: 16px;
  margin-top: -5px;
}

.select-text {
  font-weight: bold;
  margin-right: -6px;
}

.select-year {
  width: 40px;
}

.select01 a {
  display: block;
}
.select01 a:link, .select01 a:visited {
  color: #666;
  text-decoration: none;
}
.select01 a:hover, .select01 a:active, .select01 a:focus {
  color: #d1645c;
  text-decoration: none;
}
.select01 a span {
  color: #555;
}

.select-month {
  width: 10px;
}

.select-day {
  width: 10px;
}

/* search-bolock
---------------------------------------- */
.search-block {
  position: relative;
  height: 47px;
  margin-bottom: 12px;
}
.search-block:after {
  clear: both;
  display: block;
  content: "";
}
.search-block .search-num {
  height: 17px;
  margin: -9px -9px -9px 0;
  position: absolute;
  top: 15%;
}
.search-block .lead {
  padding-top: 11px;
  float: left;
}
.search-block .search-utility {
  display: table;
  float: right;
  font-size: 14px;
  height: 43px;
}
.search-block .search-utility .sort {
  display: table-cell;
  vertical-align: middle;
}
.search-block .search-utility .sort li.current {
  color: #d1645c;
  padding-right: 11px;
}
.search-block .search-utility .sort li {
  display: inline-block;
  border-left: 1px solid #81807f;
  padding-left: 12px;
  padding-right: 12px;
}
.search-block .search-utility .sort li a {
  display: block;
  border-bottom: 1px solid #81807f;
}
.search-block .search-utility .sort li a:link, .search-block .search-utility .sort li a:visited {
  color: #666;
  text-decoration: none;
}
.search-block .search-utility .sort li a:hover, .search-block .search-utility .sort li a:active, .search-block .search-utility .sort li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.search-block .search-utility .sort li a:hover, .search-block .search-utility .sort li a:active, .search-block .search-utility .sort li a:focus {
  color: #d1645c;
  border-bottom: 1px solid #d1645c;
}
.search-block .search-utility .sort li:first-child {
  border-left: none;
}
.search-block .search-utility .eventwatch {
  width: 231px;
  display: table-cell;
  vertical-align: middle;
}
.search-block .search-utility .eventwatch a {
  font-size: 14px;
  color: #d1645c;
  display: block;
  padding: 14px 10px 11px 11px;
  background: #f0eae1;
  position: relative;
  margin-right: 0px;
}
.search-block .search-utility .eventwatch a:link, .search-block .search-utility .eventwatch a:visited {
  color: #8d6647;
  text-decoration: none;
}
.search-block .search-utility .eventwatch a:hover, .search-block .search-utility .eventwatch a:active, .search-block .search-utility .eventwatch a:focus {
  color: #d1645c;
  text-decoration: none;
}
.search-block .search-utility .eventwatch a .num {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 3.5px 2px 0 3px;
  position: absolute;
  bottom: 50%;
  text-align: center;
  width: 14px;
  height: 14px;
  z-index: 2;
  right: 43px;
}
.search-block .search-utility .eventwatch a .num:before {
  background: #d1645c;
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  top: -1px;
  width: 24px;
  height: 24px;
  z-index: -1;
}
.search-block .search-utility .eventwatch a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11px;
  margin: auto;
  width: 7px;
  height: 15px;
  display: block;
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
}

/* report-list
---------------------------------------- */
.report-list {
  margin-bottom: 20px;
  text-align: center;
}

.event-wrap {
  margin-bottom: 12px;
}
.event-wrap:after {
  clear: both;
  display: block;
  content: "";
}

.header-event-end {
  width: 100%;
  height: 32px;
  background: #cacaca;
  text-align: center;
  color: #999;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 12px;
}

.eventbox-1 {
  display: table;
  background: #fff;
  width: 596px;
  height: 415px;
  float: left;
  margin-right: 12px;
  border-bottom: 3px solid #76ac9c;
}
.eventbox-1 .inner:after {
  clear: both;
  display: block;
  content: "";
}
.eventbox-1 .carousel-inner {
  margin-bottom: 15px;
}
.eventbox-1 .carousel-inner .nav {
  display: none;
}
.eventbox-1 h2 {
  color: #76ac9c;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eae5ed;
  padding: 12px 0;
  margin-bottom: 13px;
}
.eventbox-1 .week {
  float: left;
  width: 103px;
  padding: 0 24px 13px 0;
}
.eventbox-1 .week .enable a {
  font-weight: bold;
}
.eventbox-1 .week .enable a:link, .eventbox-1 .week .enable a:visited {
  color: #666;
  text-decoration: none;
}
.eventbox-1 .week .enable a:hover, .eventbox-1 .week .enable a:active, .eventbox-1 .week .enable a:focus {
  color: #d1645c;
  text-decoration: none;
}
.eventbox-1 .week li {
  background: #f1eae2;
}
.eventbox-1 .week li.active {
  font-weight: bold;
  background: #fff;
}
.eventbox-1 .week p.date {
  margin-bottom: 1px;
  padding: 6px 10px 6px 0;
  width: 93px;
  text-align: right;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 24px;
}
.eventbox-1 .week p.date.saturday {
  color: #a8c1ce;
}
.eventbox-1 .week p.date.saturday a {
  color: #a8c1ce;
}
.eventbox-1 .week p.date.sunday {
  color: #d1a99e;
}
.eventbox-1 .week p.date.sunday a {
  color: #d1a99e;
}
.eventbox-1 .week li {
  text-align: right;
  font-size: 24px;
}
.eventbox-1 .week li .day-1 {
  margin-left: 5px;
}
.eventbox-1 .week li .day-2 {
  font-size: 12px;
  margin-left: 7px;
}
.eventbox-1 .link li {
  font-size: 14px;
  text-align: right;
}
.eventbox-1 .link li a {
  margin-right: 12px;
  color: #8d6647;
  position: relative;
  text-decoration: underline;
}
.eventbox-1 .link li a:link, .eventbox-1 .link li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.eventbox-1 .link li a:hover, .eventbox-1 .link li a:active, .eventbox-1 .link li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.eventbox-1 .link li a:link, .eventbox-1 .link li a:visited {
  text-decoration: underline;
}
.eventbox-1 .link li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  content: "";
  position: absolute;
  top: 3px;
  left: -15px;
}

/* carousel
---------------------------------------- */
.event-list {
  float: right;
  margin-right: 12px;
}

.carousel02 .carousel-inner {
  padding-top: 7px;
  position: relative;
  width: 456px;
}
.carousel02 .carousel-inner .theme-box-wrapper {
  margin-bottom: 0;
}
.carousel02 .carousel-inner .theme-box-wrapper li.theme-box-3 {
  margin: 0 12px 12px 0;
  float: left;
}
.carousel02 .carousel-inner .theme-box-wrapper li.theme-box-3:nth-child(2n) {
  margin: 0 0 12px;
}
.carousel02 .carousel-inner .theme-box-wrapper li:last-child {
  margin: 0 0 12px;
}
.carousel02 .carousel-inner .theme-box-wrapper li:nth-child(3n) {
  margin: 0 12px 12px 0;
}
.carousel02 .content {
  overflow: hidden;
  width: 445px;
}
.carousel02 .content > li {
  float: left;
  width: 216px;
  height: 298px;
}
.carousel02 .nav li {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
}
.carousel02 .nav li.prev {
  left: -19px;
}
.carousel02 .nav li.next {
  right: -7px;
}

[data-script-enabled="true"] .carousel02 .carousel-inner .theme-box-wrapper li.theme-box-3:nth-child(2n) {
  margin: 0 12px 12px 0;
}
[data-script-enabled="true"] .carousel02 .content {
  height: 300px;
}
[data-script-enabled="true"] .carousel02 .nav li {
  display: block;
}

.carousel-3.detail {
  margin-bottom: 8px;
}
.carousel-3 .content {
  height: 540px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 900px;
}
.carousel-3 .carousel-inner {
  position: relative;
}
.carousel-3 .nav li {
  width: 30px;
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  margin-top: -40px;
  padding: 20px 0 0 10px;
}
.carousel-3 .nav li.prev {
  left: -2.3%;
}
.carousel-3 .nav li.next {
  right: -2%;
}

.eventbox-2 {
  background: #fff;
  width: 292px;
  height: 415px;
  float: left;
  border-bottom: 3px solid #76ac9c;
}
.eventbox-2 h2 {
  color: #76ac9c;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 0;
}
.eventbox-2 .calendar-container > .date {
  padding: 12px 0 8px;
  text-align: center;
  background: #76ac9c;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
}
.eventbox-2 .calendar-container > .date .today-year {
  font-size: 18px;
  display: block;
  margin-bottom: 3px;
}
.eventbox-2 .calendar-container > .date em {
  font-size: 55px;
  margin: -15px 0 0 18px;
  display: inline-block;
}
.eventbox-2 .calendar-container > .date .week {
  font-size: 24px;
  margin-left: 0;
}

.calendar-container .calendar {
  padding: 0 10px;
}

.calendar-container .date {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 9px 0 5px;
}
.calendar-container .date .prev {
  position: absolute;
  top: 8px;
  left: 10px;
}
.calendar-container .date .next {
  position: absolute;
  top: 8px;
  right: 10px;
}
.calendar-container tr.day {
  font-size: 14px;
  font-weight: normal;
}
.calendar-container tr, .calendar-container td {
  text-align: center;
  padding: 1px 4px 4px;
}
.calendar-container td {
  color: #CCC;
}
.calendar-container td a {
  color: #333;
  text-decoration: underline;
}
.calendar-container td.today {
  position: relative;
}
.calendar-container td.today a {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  top: 0;
  left: 0;
  display: block;
}
.calendar-container td.today a:before {
  background: #76ac9c;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: -1px;
  padding: 6px;
  position: absolute;
  top: -5px;
  width: 20px;
  z-index: -1;
}
.calendar-container .saturday a {
  color: #a8c1ce;
}
.calendar-container .holiday a {
  color: #d1a99e;
}

/* theme-box
---------------------------------------- */
.theme-box-wrapper {
  margin-bottom: 15px;
}
.theme-box-wrapper:after {
  clear: both;
  display: block;
  content: "";
}
.theme-box-wrapper li.theme-box, .theme-box-wrapper li.theme-box-2, .theme-box-wrapper li.theme-box-3 {
  background: #fff;
  width: 292px;
  float: left;
  box-sizing: border-box;
  border: 3px solid;
  border-radius: 4px;
  margin: 0 12px 12px 0;
  position: relative;
}
.theme-box-wrapper li.theme-box a, .theme-box-wrapper li.theme-box-2 a, .theme-box-wrapper li.theme-box-3 a {
  text-decoration: none;
}
.theme-box-wrapper li.theme-box .icon-1, .theme-box-wrapper li.theme-box-2 .icon-1, .theme-box-wrapper li.theme-box-3 .icon-1 {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 5;
}
.theme-box-wrapper li.theme-box .icon-2, .theme-box-wrapper li.theme-box-2 .icon-2, .theme-box-wrapper li.theme-box-3 .icon-2 {
  position: absolute;
  top: 5px;
  left: 60px;
  z-index: 5;
}
.theme-box-wrapper li.theme-box .img, .theme-box-wrapper li.theme-box-2 .img, .theme-box-wrapper li.theme-box-3 .img {
  background: #f0eae1;
  display: table-cell;
  width: 286px;
  height: 215px;
  margin-bottom: 9px;
  text-align: center;
  vertical-align: middle;
}
.theme-box-wrapper li.theme-box .img img, .theme-box-wrapper li.theme-box-2 .img img, .theme-box-wrapper li.theme-box-3 .img img {
  max-width: 286px;
}
.theme-box-wrapper li.theme-box .img.end:after, .theme-box-wrapper li.theme-box-2 .img.end:after, .theme-box-wrapper li.theme-box-3 .img.end:after {
  background: #888;
  position: absolute;
  width: 286px;
  height: 216px;
  top: 0;
  left: 0;
  opacity: 0.8;
  text-align: center;
  content: "";
  z-index: 10;
}
.theme-box-wrapper li.theme-box .img .end-text, .theme-box-wrapper li.theme-box-2 .img .end-text, .theme-box-wrapper li.theme-box-3 .img .end-text {
  color: #fff;
  font-weight: bold;
  top: 105px;
  left: 97px;
  position: absolute;
  z-index: 15;
}
.theme-box-wrapper li.theme-box .theme-box-inner, .theme-box-wrapper li.theme-box-2 .theme-box-inner, .theme-box-wrapper li.theme-box-3 .theme-box-inner {
  padding: 10px 19px 0;
}
.theme-box-wrapper li.theme-box .theme-box-inner .sub, .theme-box-wrapper li.theme-box-2 .theme-box-inner .sub, .theme-box-wrapper li.theme-box-3 .theme-box-inner .sub {
  color: #98784D;
  margin-bottom: 8px;
  display: block;
  font-size: 12px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .hdg-04, .theme-box-wrapper li.theme-box-2 .theme-box-inner .hdg-04, .theme-box-wrapper li.theme-box-3 .theme-box-inner .hdg-04 {
  color: #555;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.45;
  margin-bottom: 5px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .text, .theme-box-wrapper li.theme-box-2 .theme-box-inner .text, .theme-box-wrapper li.theme-box-3 .theme-box-inner .text {
  color: #555;
  font-size: 12px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info {
  color: #98784d;
  font-size: 12px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 0;
  padding-top: 10px;
  width: 248px;
  border-top: 1px solid #ccc;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info li, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info li, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info li {
  margin-bottom: 6px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info li:last-child, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info li:last-child, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info li:last-child {
  margin-bottom: 0;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info .station, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info .station, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .station {
  position: relative;
  padding-left: 20px;
  color: #98784d;
  font-size: 12px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info .station:before, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info .station:before, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .station:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -121px;
  width: 12px;
  height: 18px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info .date, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info .date, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .date {
  position: relative;
  padding-left: 20px;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info .date:before, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info .date:before, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .date:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -61px -100px;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.theme-box-wrapper li.theme-box .theme-box-inner .info .update, .theme-box-wrapper li.theme-box-2 .theme-box-inner .info .update, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .update {
  color: #555;
  font-size: 12px;
  text-align: right;
}
.theme-box-wrapper li.theme-box .addtion, .theme-box-wrapper li.theme-box-2 .addtion, .theme-box-wrapper li.theme-box-3 .addtion {
  position: absolute;
  font-size: 12px;
  bottom: 20px;
  left: 50%;
  margin-left: -105px;
  text-align: center;
}
.theme-box-wrapper li.theme-box .addtion > a, .theme-box-wrapper li.theme-box-2 .addtion > a, .theme-box-wrapper li.theme-box-3 .addtion > a {
  background: #f0eae1;
  padding: 5px 14px 4px 26px;
  width: 171px;
  height: 17px;
  position: relative;
  vertical-align: top;
  color: #d1645c;
  text-decoration: none;
}
.theme-box-wrapper li.theme-box .addtion > a:hover, .theme-box-wrapper li.theme-box-2 .addtion > a:hover, .theme-box-wrapper li.theme-box-3 .addtion > a:hover {
  background: #f9f7f4;
}
.theme-box-wrapper li.theme-box .addtion > a:before, .theme-box-wrapper li.theme-box-2 .addtion > a:before, .theme-box-wrapper li.theme-box-3 .addtion > a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -100px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -8px;
  content: "";
}
.theme-box-wrapper li.theme-box {
  height: 504px;
}
.theme-box-wrapper li.theme-box.top {
  height: 476px;
}
.theme-box-wrapper li.theme-box-2 {
  height: 540px;
}
.theme-box-wrapper li.theme-box-2 .theme-box-inner .info {
  margin-bottom: 53px;
}
.theme-box-wrapper li.theme-box-3 {
  width: 216px;
  height: 345px;
  margin: 0 12px 0 0;
}
.theme-box-wrapper li.theme-box-3.carousel {
  height: 298px;
}
.theme-box-wrapper li.theme-box-3 .img {
  width: 210px;
  height: 159px;
}
.theme-box-wrapper li.theme-box-3 .img img {
  max-width: 216px;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner {
  padding: 10px 10px 0;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .hdg-03 {
  margin-bottom: 0;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .hdg-03 span.name-sub {
  padding: 10px 0px 0px 6px;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .hdg-04 {
  color: #555;
  font-size: 14px;
  font-weight: bold;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .info {
  width: 90%;
  padding-top: 8px;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .info .date, .theme-box-wrapper li.theme-box-3 .theme-box-inner .info .station {
  font-size: 9px;
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: left center;
  display: block;
  width: 190px;
}
.theme-box-wrapper li.theme-box-3 .theme-box-inner .info .station:before {
  top: -2px;
  left: 1px;
}
.theme-box-wrapper li:nth-child(3n) {
  margin-right: 0;
}
.theme-box-wrapper > li > a {
  display: block;
  transition: 0.5s ease-out;
  background: #fff;
  height: 100%;
}
.theme-box-wrapper > li > a:hover {
  display: block;
  height: 100%;
}
.theme-box-wrapper li.theme-1 {
  border-color: #76ac9c;
}
.theme-box-wrapper li.theme-1 > a:hover {
  background: #cee1dc;
}
.theme-box-wrapper li.theme-2 {
  border-color: #7d94c5;
}
.theme-box-wrapper li.theme-2 a:hover {
  background: #e3e8f2;
}
.theme-box-wrapper li.theme-3 {
  border-color: #9477a8;
}
.theme-box-wrapper li.theme-3 > a:hover {
  background: #d9cee0;
}
.theme-box-wrapper li.theme-4 {
  border-color: #bf83a4;
}
.theme-box-wrapper li.theme-4 a:hover {
  background: #e8d3de;
}
.theme-box-wrapper li.theme-5 {
  border-color: #76ac9c;
}
.theme-box-wrapper li.theme-5 > a:hover {
  background: #cee1dc;
}
.theme-box-wrapper li.theme-6 {
  border-color: #63b3d4;
}
.theme-box-wrapper li.theme-6 a:hover {
  background: #c7e3ef;
}
.theme-box-wrapper li.theme-7 {
  border-color: #a1b189;
}
.theme-box-wrapper li.theme-7 a:hover {
  background: #dce2d3;
}
.theme-box-wrapper .mylist-btn {
  width: 230px;
  background: #f9f7f4;
  margin: auto;
  text-align: center;
  position: absolute;
  bottom: 42px;
  left: 0;
  right: 0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #999;
  line-height: 0;
  padding: 14px 0 14px 18px;
  position: relative;
}
.theme-box-wrapper .mylist-btn-delete {
  background: #f0f0f0;
  color: #555;
}
.theme-box-wrapper .mylist-btn-delete:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -35px -144px;
  width: 8px;
  height: 10px;
  content: "";
  position: absolute;
  top: -1px;
  left: 13px;
  bottom: 0;
  margin: auto;
}
.theme-box-wrapper .mylist-btn-end {
  background: #f0f0f0;
}

li.theme-box .hdg-wrap, li.theme-box-2 .hdg-wrap, li.theme-box-3 .hdg-wrap {
  text-align: center;
  margin-bottom: 7px;
}
li.theme-box .hdg-03, li.theme-box-2 .hdg-03, li.theme-box-3 .hdg-03 {
  display: inline-block;
  padding: 0 19px;
  margin-left: -10px;
  position: relative;
}
li.theme-box .hdg-03:after, li.theme-box-2 .hdg-03:after, li.theme-box-3 .hdg-03:after {
  padding: 0 0 30px;
  position: absolute;
  left: 0;
  transform-origin: 0 100%;
  transform: skewX(-60deg);
  width: 100%;
  content: "";
}
li.theme-box .hdg-03 span, li.theme-box-2 .hdg-03 span, li.theme-box-3 .hdg-03 span {
  display: block;
  float: left;
}
li.theme-box .hdg-03 span.name-main, li.theme-box-2 .hdg-03 span.name-main, li.theme-box-3 .hdg-03 span.name-main {
  font-size: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
}
li.theme-box .hdg-03 span.name-sub, li.theme-box-2 .hdg-03 span.name-sub, li.theme-box-3 .hdg-03 span.name-sub {
  font-size: 11px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  padding: 10px 0px 0px 8px;
  display: block;
  position: relative;
  font-weight: normal;
}
li.theme-box .hdg-03:before, li.theme-box-2 .hdg-03:before, li.theme-box-3 .hdg-03:before {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
}
li.theme-box.theme-1 .hdg-03:before, li.theme-box-2.theme-1 .hdg-03:before, li.theme-box-3.theme-1 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -18px -144px;
  width: 12px;
  height: 11px;
}
li.theme-box.theme-2 .hdg-03:before, li.theme-box-2.theme-2 .hdg-03:before, li.theme-box-3.theme-2 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -35px -121px;
  width: 13px;
  height: 11px;
}
li.theme-box.theme-3 .hdg-03:before, li.theme-box-2.theme-3 .hdg-03:before, li.theme-box-3.theme-3 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -53px -121px;
  width: 13px;
  height: 11px;
}
li.theme-box.theme-4 .hdg-03:before, li.theme-box-2.theme-4 .hdg-03:before, li.theme-box-3.theme-4 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -79px -53px;
  width: 13px;
  height: 12px;
}
li.theme-box.theme-5 .hdg-03:before, li.theme-box-2.theme-5 .hdg-03:before, li.theme-box-3.theme-5 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -107px -121px;
  width: 13px;
  height: 11px;
}
li.theme-box.theme-6 .hdg-03:before, li.theme-box-2.theme-6 .hdg-03:before, li.theme-box-3.theme-6 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -89px -121px;
  width: 13px;
  height: 11px;
}
li.theme-box.theme-7 .hdg-03:before, li.theme-box-2.theme-7 .hdg-03:before, li.theme-box-3.theme-7 .hdg-03:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -71px -121px;
  width: 13px;
  height: 11px;
}
li.theme-box.theme-1 .hdg-03:after, li.theme-box-2.theme-1 .hdg-03:after, li.theme-box-3.theme-1 .hdg-03:after {
  border-bottom: 3px solid #76ac9c;
}
li.theme-box.theme-1 .name-main, li.theme-box.theme-1 .name-sub, li.theme-box-2.theme-1 .name-main, li.theme-box-2.theme-1 .name-sub, li.theme-box-3.theme-1 .name-main, li.theme-box-3.theme-1 .name-sub {
  color: #76ac9c;
}
li.theme-box.theme-2 .hdg-03:after, li.theme-box-2.theme-2 .hdg-03:after, li.theme-box-3.theme-2 .hdg-03:after {
  border-bottom: 3px solid #7d94c5;
}
li.theme-box.theme-2 .name-main, li.theme-box.theme-2 .name-sub, li.theme-box-2.theme-2 .name-main, li.theme-box-2.theme-2 .name-sub, li.theme-box-3.theme-2 .name-main, li.theme-box-3.theme-2 .name-sub {
  color: #7d94c5;
}
li.theme-box.theme-3 .hdg-03:after, li.theme-box-2.theme-3 .hdg-03:after, li.theme-box-3.theme-3 .hdg-03:after {
  border-bottom: 3px solid #9477a8;
}
li.theme-box.theme-3 .name-main, li.theme-box.theme-3 .name-sub, li.theme-box-2.theme-3 .name-main, li.theme-box-2.theme-3 .name-sub, li.theme-box-3.theme-3 .name-main, li.theme-box-3.theme-3 .name-sub {
  color: #9477a8;
}
li.theme-box.theme-4 .hdg-03:after, li.theme-box-2.theme-4 .hdg-03:after, li.theme-box-3.theme-4 .hdg-03:after {
  border-bottom: 3px solid #bf83a4;
}
li.theme-box.theme-4 .name-main, li.theme-box.theme-4 .name-sub, li.theme-box-2.theme-4 .name-main, li.theme-box-2.theme-4 .name-sub, li.theme-box-3.theme-4 .name-main, li.theme-box-3.theme-4 .name-sub {
  color: #bf83a4;
}
li.theme-box.theme-5 .hdg-03:after, li.theme-box-2.theme-5 .hdg-03:after, li.theme-box-3.theme-5 .hdg-03:after {
  border-bottom: 3px solid #76ac9c;
}
li.theme-box.theme-5 .name-main, li.theme-box.theme-5 .name-sub, li.theme-box-2.theme-5 .name-main, li.theme-box-2.theme-5 .name-sub, li.theme-box-3.theme-5 .name-main, li.theme-box-3.theme-5 .name-sub {
  color: #76ac9c;
}
li.theme-box.theme-6 .hdg-03:after, li.theme-box-2.theme-6 .hdg-03:after, li.theme-box-3.theme-6 .hdg-03:after {
  border-bottom: 3px solid #63b3d4;
}
li.theme-box.theme-6 .name-main, li.theme-box.theme-6 .name-sub, li.theme-box-2.theme-6 .name-main, li.theme-box-2.theme-6 .name-sub, li.theme-box-3.theme-6 .name-main, li.theme-box-3.theme-6 .name-sub {
  color: #63b3d4;
}
li.theme-box.theme-7 .hdg-03:after, li.theme-box-2.theme-7 .hdg-03:after, li.theme-box-3.theme-7 .hdg-03:after {
  border-bottom: 3px solid #a1b189;
}
li.theme-box.theme-7 .name-main, li.theme-box.theme-7 .name-sub, li.theme-box-2.theme-7 .name-main, li.theme-box-2.theme-7 .name-sub, li.theme-box-3.theme-7 .name-main, li.theme-box-3.theme-7 .name-sub {
  color: #a1b189;
}

li.theme-box-3 .hdg-03 span.name-sub {
  font-size: 10px;
}

li.theme-box-3.theme-6 .hdg-03 span.name-sub {
  font-size: 11px;
}

.jsShuffle.theme-box-wrapper {
  margin-right: -12px;
}

.theme-sort-wrapper.top {
  overflow: hidden;
}

.jsShuffleSort {
  position: relative;
}
.jsShuffleSort .control {
  display: none;
}

.jsShuffleSort.theme-sort > li {
  padding: 0;
}
.jsShuffleSort.theme-sort > li.current {
  border-bottom: 1px solid #D1645C;
}
.jsShuffleSort.theme-sort > li.current > a {
  box-shadow: inset 0 -2px 0 #D1645C;
}
.jsShuffleSort.theme-sort > li > a {
  display: block;
  padding: 10px 27px;
}

/* watchlist
---------------------------------------- */
.theme-box-wrapper .added {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  left: 50%;
  margin-left: -102px;
  background: #f0eae1;
  bottom: 16px;
  padding: 7px 0 4px;
  width: 208px;
  height: 17px;
  position: absolute;
  text-decoration: none;
  text-align: center;
  display: none;
}
.theme-box-wrapper .tip {
  display: none;
  background: #76ac9c none repeat scroll 0 0;
  border-radius: 5px;
  height: 36px;
  position: absolute;
  bottom: 56px;
  left: 72px;
  width: 99px;
  padding: 7px 14px 7px 30px;
  line-height: 1;
}
.theme-box-wrapper .tip:after {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -121px -66px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -9px;
  content: "";
}
.theme-box-wrapper .tip span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.theme-box-wrapper .tip span:after {
  border-color: #76ac9c transparent rgba(118, 172, 156, 0);
  border-image: none;
  border-style: solid;
  border-width: 10px 5px;
  top: 43px;
  height: 32px;
  left: 85px;
  margin-left: -50px;
  position: absolute;
  content: " ";
}

.theme-box-wrapper.column-4 {
  margin-bottom: 20px;
}
.theme-box-wrapper.column-4 li.theme-box-3 {
  box-sizing: border-box;
}
.theme-box-wrapper.column-4 li.theme-box-3:nth-child(3) {
  margin-right: 12px;
}

.theme-box-wrapper.column-4 li.theme-box-3:nth-child(4) {
  margin-right: 0;
}

.special-contents .theme-box-wrapper.column-4 li.theme-box-3 {
  width: 205px;
  margin-right: 4px;
}
.special-contents .theme-box-wrapper.column-4 li.theme-box-3:nth-child(3) {
  margin-right: 4px;
}
.special-contents .theme-box-wrapper.column-4 li.theme-box-3 .img img {
  max-width: 199px;
}

.notice-list-1 {
  font-size: 14px;
}
.notice-list-1 li {
  margin: 0 0 8px 2em;
  text-indent: -24px;
}
.notice-list-1 li a:hover {
  color: #d1645c;
}
.notice-list-1 li span {
  margin-right: 10px;
}

.notice-list-2 {
  font-size: 12px;
  color: #777;
  margin: 0 0 20px;
}
.notice-list-2 li {
  margin: 0 0 8px 28px;
  text-indent: -23px;
}
.notice-list-2 li a:hover {
  color: #d1645c;
}
.notice-list-2 li span {
  margin-right: 10px;
}

.btn_present_01 + .notice-list-2 {
  margin-left: 100px;
}

.g-map {
  margin-bottom: 40px;
}
.g-map iframe {
  width: 900px;
  height: 400px;
  border: 5px solid #B8A799;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.fb-comennts {
  margin-bottom: 60px;
}
.fb-comennts.top {
  margin-bottom: -10px;
}

/* .hdg-station
---------------------------------------- */
.hdg-station {
  font-size: 13px;
  width: 900px;
  margin: 0 auto 30px;
}
.hdg-station .hdg-station-inner {
  color: #625446;
  min-height: 100px;
  overflow: hidden;
  position: relative;
}
.hdg-station .hdg-station-inner .hdg-1 {
  font-size: 24px;
  left: 50%;
  position: relative;
  text-align: center;
  top: 70px;
}
.hdg-station .hdg-station-inner .hdg-1 span {
  position: relative;
  right: 50%;
  top: 4px;
}
.hdg-station .hdg-station-inner .line {
  text-align: center;
  left: 50%;
  margin: 0 auto;
  top: -40px;
  position: relative;
}
.hdg-station .hdg-station-inner .line ul {
  position: relative;
  display: block;
  top: -1px;
  right: 50%;
}
.hdg-station .hdg-station-inner .line ul li:first-child:before {
  content: "";
}
.hdg-station .hdg-station-inner .line ul li:before {
  content: "・";
}
.hdg-station .hdg-station-inner .line ul li {
  display: inline;
}
.hdg-station .hdg-station-inner .next-1, .hdg-station .hdg-station-inner .next-2 {
  margin-top: 10px;
  position: absolute;
}
.hdg-station .hdg-station-inner .next-1 li, .hdg-station .hdg-station-inner .next-2 li {
  margin-right: 10px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 22px;
}
.hdg-station .hdg-station-inner .next-1 li.TY, .hdg-station .hdg-station-inner .next-2 li.TY {
  background-image: url(/resource/common/img/icon/icon_ensen_01.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.MG, .hdg-station .hdg-station-inner .next-2 li.MG {
  background-image: url(/resource/common/img/icon/icon_ensen_02.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.DT, .hdg-station .hdg-station-inner .next-2 li.DT {
  background-image: url(/resource/common/img/icon/icon_ensen_03.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.OM, .hdg-station .hdg-station-inner .next-2 li.OM {
  background-image: url(/resource/common/img/icon/icon_ensen_04.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.IK, .hdg-station .hdg-station-inner .next-2 li.IK {
  background-image: url(/resource/common/img/icon/icon_ensen_05.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.TM, .hdg-station .hdg-station-inner .next-2 li.TM {
  background-image: url(/resource/common/img/icon/icon_ensen_06.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.SG, .hdg-station .hdg-station-inner .next-2 li.SG {
  background-image: url(/resource/common/img/icon/icon_ensen_07.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.KD, .hdg-station .hdg-station-inner .next-2 li.KD {
  background-image: url(/resource/common/img/icon/icon_ensen_08.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.M, .hdg-station .hdg-station-inner .next-2 li.M {
  background-image: url(/resource/common/img/icon/icon_ensen_09.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 li.other01, .hdg-station .hdg-station-inner .next-1 li.other02, .hdg-station .hdg-station-inner .next-1 li.other03, .hdg-station .hdg-station-inner .next-2 li.other01, .hdg-station .hdg-station-inner .next-2 li.other02, .hdg-station .hdg-station-inner .next-2 li.other03 {
  background-image: url(/resource/common/img/icon/icon_other_01.png);
  background-size: 16px 16px;
}
.hdg-station .hdg-station-inner .next-1 {
  left: 0;
}
.hdg-station .hdg-station-inner .next-2 {
  right: 0;
}
.hdg-station .hdg-station-inner .next-2 li:last-child {
  margin-right: 0;
}
.hdg-station .hdg-station-inner .bg-circle {
  left: 0;
  position: absolute;
  top: 34px;
  z-index: 2;
}
.hdg-station .hdg-station-inner .bg-circle .inner {
  background: url(/resource/common/img/icon/icon_station_03.png) no-repeat scroll 50% 0px, url(/resource/common/img/icon/icon_station_03.png) no-repeat scroll -17px 0px, url(/resource/common/img/icon/icon_station_03.png) no-repeat scroll 885px 0;
  height: 34px;
  position: relative;
  width: 900px;
}
.hdg-station .hdg-station-inner .bg-line {
  height: 34px;
  left: 0;
  position: absolute;
  top: 34px;
  width: 900px;
  z-index: 1;
}
.hdg-station .hdg-station-inner .bg-line.line-1 {
  margin-top: 5px;
}
.hdg-station .hdg-station-inner .bg-line.line-2 {
  margin-top: 3px;
}
.hdg-station .hdg-station-inner .bg-line.line-3 {
  margin-top: 1px;
}
.hdg-station .hdg-station-inner .bg-line div {
  background-repeat: repeat-x;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 900px;
}
.hdg-station .hdg-station-inner .bg-line .label-1 {
  margin-top: 8px;
}
.hdg-station .hdg-station-inner .bg-line .label-2 {
  margin-top: 13px;
}
.hdg-station .hdg-station-inner .bg-line .label-3 {
  margin-top: 18px;
}
.hdg-station .hdg-station-inner .bg-line .TY {
  background: #da0042;
}
.hdg-station .hdg-station-inner .bg-line .MG {
  background: #009cd3;
}
.hdg-station .hdg-station-inner .bg-line .DT {
  background: #00aa8e;
}
.hdg-station .hdg-station-inner .bg-line .OM {
  background: #f18c43;
}
.hdg-station .hdg-station-inner .bg-line .IK {
  background: #ee86a7;
}
.hdg-station .hdg-station-inner .bg-line .TM {
  background: #ae0379;
}
.hdg-station .hdg-station-inner .bg-line .SG {
  background: #fcc80d;
}
.hdg-station .hdg-station-inner .bg-line .KD {
  background: #0071be;
}
.hdg-station .hdg-station-inner .bg-line .M {
  background: #1d2087;
}

/* unique
---------------------------------------- */
.lyt-station-1 {
  padding-bottom: 30px;
}
.lyt-station-1:after {
  clear: both;
  display: block;
  content: "";
}
.lyt-station-1 .mainvisual {
  width: 596px;
  float: left;
}
.lyt-station-1 .mainvisual .mainvisual-inner {
  height: 372px;
  overflow: hidden;
  position: relative;
  width: 596px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.lyt-station-1 .mainvisual .mainvisual-inner p {
  left: 30px;
  position: absolute;
  top: 256px;
  z-index: 3;
}
.lyt-station-1 .mainvisual .mainvisual-inner .line {
  left: 0;
  position: absolute;
  bottom: 0;
  width: 596px;
  height: 60px;
  z-index: 2;
}
.lyt-station-1 .mainvisual .mainvisual-inner .line ul {
  background: rgba(98, 84, 70, 0.67) none repeat scroll 0 0;
  overflow: hidden;
  height: 100%;
  padding: 20px 0 17px 237px;
  position: relative;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.lyt-station-1 .mainvisual .mainvisual-inner .line ul:after {
  clear: both;
  display: block;
  content: "";
}
.lyt-station-1 .mainvisual .mainvisual-inner .line ul li {
  float: left;
  margin-right: 21px;
}
.lyt-station-1 .mainvisual .mainvisual-inner .line ul li img {
  vertical-align: top;
}
.lyt-station-1 .sub {
  width: 292px;
  float: right;
}
.lyt-station-1 .sub .detail {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  background: #b8a799;
  color: #fff;
  padding: 22px 0 20px 20px;
  margin: 0px;
}
.lyt-station-1 .sub form {
  background: #fff;
  padding: 20px 20px 27px 20px;
  border-bottom: 3px solid #b8a799;
  margin-bottom: 12px;
}
.lyt-station-1 .sub form input[type="text"] {
  border: 1px solid #b8a799;
  border-radius: 3px;
  font-size: 14px;
  color: #777;
  width: 237px;
  background: #f9f7f4;
  padding: 7px 0 7px 14px;
}
.lyt-station-1 .sub form .freeword {
  font-size: 16px;
  font-weight: bold;
  color: #555;
  height: 30px;
  border-left: 4px solid #d1645c;
  margin-bottom: 23px;
}
.lyt-station-1 .sub form .freeword span {
  display: block;
  padding-left: 11px;
  line-height: 1.875;
}
.lyt-station-1 .sub form .keyword {
  margin-bottom: 20px;
}
.lyt-station-1 .sub form .select {
  font-size: 14px;
  width: 262px;
  margin-bottom: 3px;
}
.lyt-station-1 .sub form .search-button {
  margin-bottom: 0;
}
.lyt-station-1 .sub form button {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #d1645c;
  width: 156px;
  height: 40px;
  margin: 0 auto;
  display: block;
  border-radius: 3px;
  clear: both;
}
.lyt-station-1 .sub form button:hover {
  background: #d6736c;
}
.lyt-station-1 .sub p a {
  font-size: 18px;
  font-weight: bold;
  color: #8d6647;
  position: relative;
  padding: 0;
  background: #fff;
  display: block;
  padding: 21px 0 21px 21px;
  line-height: 1;
  border-radius: 5px;
}
.lyt-station-1 .sub p a:link, .lyt-station-1 .sub p a:visited {
  color: #8d6647;
  text-decoration: none;
}
.lyt-station-1 .sub p a:hover, .lyt-station-1 .sub p a:active, .lyt-station-1 .sub p a:focus {
  color: #d1645c;
  text-decoration: none;
}
.lyt-station-1 .sub p a:before {
  content: "";
  background: url(/_module/pc/img/ico-08.png);
  display: inline-block;
  width: 11px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}

/* noevent
---------------------------------------- */
.noevent {
  margin: 160px 0 0;
  text-align: center;
}

/* shop-box
---------------------------------------- */
.shop-box {
  margin-bottom: 20px;
}
.shop-box:after {
  clear: both;
  display: block;
  content: "";
}
.shop-box li {
  width: 292px;
  float: left;
  background: #fff;
  margin: 0 12px 12px 0;
  padding-bottom: 10px;
}
.shop-box li .img {
  text-align: center;
  background: #f0eae1;
  position: relative;
  height: 219px;
}
.shop-box li .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.shop-box li .img .icon-1 {
  position: absolute;
  top: 5px;
  left: 5px;
}
.shop-box li .shop-box-inner {
  padding-top: 20px;
}
.shop-box li .title {
  font-size: 16px;
  font-weight: bold;
  padding: 0 32px 0 20px;
  margin-bottom: 15px;
  position: relative;
}
.shop-box li .title:link, .shop-box li .title:visited {
  color: #8d6647;
  text-decoration: none;
}
.shop-box li .title:hover, .shop-box li .title:active, .shop-box li .title:focus {
  color: #d1645c;
  text-decoration: none;
}
.shop-box li .title:before {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -161px 0px;
  width: 7px;
  height: 15px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto 0;
}
.shop-box li .text-box {
  font-size: 14px;
  padding: 0 32px 20px 20px;
}
.shop-box li .station {
  position: relative;
  padding-left: 38px;
  color: #98784d;
  font-size: 12px;
}
.shop-box li .station:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -121px;
  width: 12px;
  height: 18px;
  content: "";
  position: absolute;
  top: -2px;
  left: 20px;
}
.shop-box li:nth-child(3n) {
  margin-right: 0;
}

/* feature-box
---------------------------------------- */
.feature-box:after {
  clear: both;
  display: block;
  content: "";
}
.feature-box li {
  float: left;
  width: 265px;
  margin: 0 20px 20px 0;
  padding-bottom: 5px;
}
.feature-box li.theme-1 {
  border-top: 3px solid #76ac9c;
  background: #f9f7f4;
}
.feature-box li.theme-2 {
  border-top: 3px solid #7d94c5;
  background: #f9f7f4;
}
.feature-box li.theme-3 {
  border-top: 3px solid #9477a8;
  background: #f9f7f4;
}
.feature-box li.theme-4 {
  border-top: 3px solid #bf83a4;
  background: #f9f7f4;
}
.feature-box li.theme-5 {
  border-top: 3px solid #76ac9c;
  background: #f9f7f4;
}
.feature-box li.theme-6 {
  border-top: 3px solid #63b3d4;
  background: #f9f7f4;
}
.feature-box li.theme-7 {
  border-top: 3px solid #a1b189;
  background: #f9f7f4;
}
.feature-box li .hdg {
  display: table;
  width: 100%;
}
.feature-box li .hdg .feature-title {
  font-size: 18px;
  display: table-cell;
  padding: 0 5px 10px 10px;
}
.feature-box li .hdg span {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 14px;
  content: "";
}
.feature-box li a {
  display: block;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
  color: #8d6647;
  position: relative;
  padding: 12px 10px 7px 0;
  transition: all 0.5s ease-out 0s;
}
.feature-box li a .img {
  display: block;
  text-align: center;
  background: #f0eae1;
}
.feature-box li a .img img {
  max-width: 265px;
}
.feature-box li a:first-of-type:hover {
  color: #d1645c;
}
.feature-box li .station {
  color: #98784d;
  padding-left: 10px;
  position: relative;
  padding-left: 27px;
  font-size: 12px;
  margin: 12px 10px 0;
}
.feature-box li .station:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: 0px -121px;
  width: 12px;
  height: 18px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
}
.feature-box li:nth-child(3n) {
  margin: 0;
}

.text-box {
  font-size: 16px;
  color: #555;
  margin-bottom: 2px;
  padding: 0 10px;
}

.free-area {
  margin-bottom: 60px;
}

.free-area.column-2 {
  width: 583px;
}

.special-contents .free-area {
  margin-bottom: 30px;
}

/* station
---------------------------------------- */
.station-search-link {
  width: 100%;
  background: #f9f7f4;
}
.station-search-link .station-search-link-inner {
  width: 900px;
  margin: 0 auto;
}
.station-search-link .station-search-link-inner:after {
  clear: both;
  display: block;
  content: "";
}
.station-search-link .station-search-link-inner li {
  float: left;
  margin: 10px 0 10px 0;
}
.station-search-link .station-search-link-inner li a {
  position: relative;
  padding-left: 22px;
}
.station-search-link .station-search-link-inner li a:link, .station-search-link .station-search-link-inner li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.station-search-link .station-search-link-inner li a:hover, .station-search-link .station-search-link-inner li a:active, .station-search-link .station-search-link-inner li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.station-search-link .station-search-link-inner li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -97px -66px;
  width: 15px;
  height: 7px;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.station-search-link .station-search-link-inner li + li {
  margin-left: 40px;
}

.station-search {
  position: relative;
  border-top: 2px solid #d1645c;
  margin-top: 43px;
}
.station-search .station-search-tabs {
  position: absolute;
  top: -42px;
  left: 0;
}
.station-search .station-search-tabs:after {
  clear: both;
  display: block;
  content: "";
}
.station-search .station-search-tabs .station-search-tab {
  width: 214px;
  height: 38px;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
.station-search .station-search-tabs .station-search-tab a {
  display: block;
  font-size: 14px;
  padding: 11px 0 13px 0;
}
.station-search .station-search-tabs .tab-normal {
  border: 1px solid #ddd4c8;
  background: #fff;
}
.station-search .station-search-tabs .tab-normal a {
  color: #8d6647;
}
.station-search .station-search-tabs .tab-feature {
  border: 1px solid #d1645c;
  background: #d1645c;
}
.station-search .station-search-tabs .tab-feature a {
  color: #fff;
}
.station-search .station-search-tabs .station-search-tab + .station-search-tab {
  margin-left: 10px;
}
.station-search .station-search-panels {
  background: #fff;
  padding: 0 21px 0 19px;
}
.station-search .station-search-panels li {
  border-bottom: 1px solid #ddd4c8;
  padding: 20px 0;
}
.station-search .station-search-panels li:after {
  clear: both;
  display: block;
  content: "";
}
.station-search .station-search-panels li dl:after {
  clear: both;
  display: block;
  content: "";
}
.station-search .station-search-panels li dl dt {
  float: left;
}
.station-search .station-search-panels li dl dd {
  float: left;
  margin-top: 7px;
  padding: 0 15px 0 14px;
  border-right: 1px solid #989898;
}
.station-search .station-search-panels li dl dd a {
  font-size: 14px;
  color: #8d6647;
}
.station-search .station-search-panels li .col2 {
  float: left;
  width: 50%;
}

.station-contents {
  width: 100%;
  background: #fff;
  margin-bottom: 14px;
}
.station-contents .station-contents-inner {
  width: 900px;
  margin: 0 auto;
  padding: 46px 0;
}

.stationList01 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 21px 0 19px;
  margin-top: 57px;
  margin-bottom: 20px;
  background: #fff;
  position: relative;
  border-top: 2px solid #d1645c;
}
.stationList01 .station-search-tabs {
  position: absolute;
  top: -39px;
  left: 0;
}
.stationList01 .station-search-tabs:after {
  clear: both;
  display: block;
  content: "";
}
.stationList01 .station-search-tabs .station-search-tab {
  width: 214px;
  height: 35px;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
.stationList01 .station-search-tabs .station-search-tab a {
  display: block;
  font-size: 14px;
  padding: 11px 0 13px 0;
  text-decoration: none;
}
.stationList01 .station-search-tabs .tab-normal {
  border: 1px solid #ddd4c8;
  background: #fff;
}
.stationList01 .station-search-tabs .tab-normal a:link, .stationList01 .station-search-tabs .tab-normal a:visited {
  color: #8d6647;
  text-decoration: none;
}
.stationList01 .station-search-tabs .tab-normal a:hover, .stationList01 .station-search-tabs .tab-normal a:active, .stationList01 .station-search-tabs .tab-normal a:focus {
  color: #d1645c;
  text-decoration: none;
}
.stationList01 .station-search-tabs .tab-feature {
  border: 1px solid #d1645c;
  background: #d1645c;
}
.stationList01 .station-search-tabs .tab-feature a {
  color: #fff;
  font-weight: bold;
}
.stationList01 .station-search-tabs .station-search-tab + .station-search-tab {
  margin-left: 10px;
}
.stationList01 dl {
  width: 100%;
  display: table;
  border-bottom: 1px solid #ddd4c8;
  padding: 0;
}
.stationList01 dl:last-child {
  border-bottom: none;
}
.stationList01 dl dt {
  width: 64px;
  display: table-cell;
  vertical-align: middle;
  padding: 20px 14px 20px 0;
}
.stationList01 dl dd {
  display: table-cell;
  vertical-align: middle;
}
.stationList01 dl dd ul {
  padding: 20px 0;
  margin-top: -16px;
  width: 100%;
}
.stationList01 dl dd ul:after {
  clear: both;
  display: block;
  content: "";
}
.stationList01 dl dd ul li {
  float: left;
  margin: 16px 13px 0 0;
  padding-right: 15px;
  border-right: 1px solid #989898;
}
.stationList01 dl dd ul li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.stationList01 dl dd ul li a:link, .stationList01 dl dd ul li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.stationList01 dl dd ul li a:hover, .stationList01 dl dd ul li a:active, .stationList01 dl dd ul li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.stationList01 .col2 dd {
  width: 50%;
}

.root01 {
  width: 930px;
  height: 644px;
  position: relative;
}
.root01 li {
  position: absolute;
}
.root01 .shibuya {
  top: 180px;
  left: 829px;
}
.root01 .daikanyama {
  top: 251px;
  left: 799px;
}
.root01 .nakameguro {
  top: 297px;
  left: 769px;
}
.root01 .yutenji {
  top: 303px;
  left: 743px;
}
.root01 .gakugeidaigaku {
  top: 255px;
  left: 711px;
}
.root01 .toritsudaigaku {
  top: 260px;
  left: 686px;
}
.root01 .jiyugaoka {
  top: 327px;
  left: 647px;
}
.root01 .denenchofu {
  top: 270px;
  left: 592px;
}
.root01 .tamagawa {
  top: 283px;
  left: 566px;
}
.root01 .shinmaruko {
  top: 285px;
  left: 525px;
}
.root01 .musashikosugi {
  top: 268px;
  left: 485px;
}
.root01 .motosumiyoshi {
  top: 284px;
  left: 452px;
}
.root01 .hiyoshi {
  top: 308px;
  left: 406px;
}
.root01 .tsunashima {
  top: 342px;
  left: 396px;
}
.root01 .okurayama {
  top: 356px;
  left: 371px;
}
.root01 .kikuna {
  top: 368px;
  left: 346px;
}
.root01 .myorenji {
  top: 384px;
  left: 320px;
}
.root01 .hakuraku {
  top: 399px;
  left: 290px;
}
.root01 .higashihakuraku {
  top: 415px;
  left: 260px;
}
.root01 .tammachi {
  top: 432px;
  left: 230px;
}
.root01 .yokohama {
  top: 437px;
  left: 176px;
}
.root01 .meguro {
  top: 387px;
  left: 824px;
}
.root01 .fudomae {
  top: 407px;
  left: 786px;
}
.root01 .musashikoyama {
  top: 407px;
  left: 755px;
}
.root01 .nishikoyama {
  top: 407px;
  left: 720px;
}
.root01 .senzoku {
  top: 407px;
  left: 686px;
}
.root01 .okusawa {
  top: 371px;
  left: 597px;
}
.root01 .ikejiriohashi {
  top: 180px;
  left: 789px;
}
.root01 .sangenjaya {
  top: 167px;
  left: 761px;
}
.root01 .komazawadaigaku {
  top: 180px;
  left: 731px;
}
.root01 .sakurashimmachi {
  top: 180px;
  left: 702px;
}
.root01 .yoga {
  top: 180px;
  left: 672px;
}
.root01 .futakotamagawa {
  top: 126px;
  left: 645px;
}
.root01 .futakoshinchi {
  top: 128px;
  left: 615px;
}
.root01 .takatsu {
  top: 151px;
  left: 588px;
}
.root01 .mizonokuchi {
  top: 180px;
  left: 556px;
}
.root01 .kajigaya {
  top: 180px;
  left: 531px;
}
.root01 .miyazakidai {
  top: 180px;
  left: 501px;
}
.root01 .miyamaedaira {
  top: 180px;
  left: 470px;
}
.root01 .saginuma {
  top: 180px;
  left: 439px;
}
.root01 .tamaplaza {
  top: 180px;
  left: 409px;
}
.root01 .azamino {
  top: 180px;
  left: 382px;
}
.root01 .eda {
  top: 180px;
  left: 353px;
}
.root01 .ichigao {
  top: 180px;
  left: 324px;
}
.root01 .fujigaoka {
  top: 180px;
  left: 295px;
}
.root01 .aobadai {
  top: 180px;
  left: 267px;
}
.root01 .tana {
  top: 180px;
  left: 237px;
}
.root01 .nagatsuta {
  top: 180px;
  left: 207px;
}
.root01 .tsukushino {
  top: 180px;
  left: 178px;
}
.root01 .suzukakedai {
  top: 180px;
  left: 150px;
}
.root01 .minamimachida {
  top: 180px;
  left: 121px;
}
.root01 .tsukimino {
  top: 180px;
  left: 92px;
}
.root01 .chuorinkan {
  top: 180px;
  left: 63px;
}
.root01 .gotanda {
  top: 479px;
  left: 824px;
}
.root01 .osakihirokoji {
  top: 479px;
  left: 783px;
}
.root01 .togoshiginza {
  top: 479px;
  left: 747px;
}
.root01 .ebaranakanobu {
  top: 479px;
  left: 710px;
}
.root01 .nagahara {
  top: 479px;
  left: 631px;
}
.root01 .senzokuike {
  top: 440px;
  left: 613px;
}
.root01 .ishikawadai {
  top: 440px;
  left: 592px;
}
.root01 .yukigayaotsuka {
  top: 410px;
  left: 572px;
}
.root01 .ontakesan {
  top: 440px;
  left: 550px;
}
.root01 .kugahara {
  top: 491px;
  left: 541px;
}
.root01 .chidoricho {
  top: 509px;
  left: 525px;
}
.root01 .ikegami {
  top: 526px;
  left: 511px;
}
.root01 .hasunuma {
  top: 544px;
  left: 497px;
}
.root01 .oimachi {
  top: 567px;
  left: 664px;
}
.root01 .shimoshimmei {
  top: 545px;
  left: 638px;
}
.root01 .togoshikoen {
  top: 527px;
  left: 680px;
}
.root01 .nakanobu {
  top: 512px;
  left: 647px;
}
.root01 .ebaramachi {
  top: 490px;
  left: 637px;
}
.root01 .hatanodai {
  top: 436px;
  left: 669px;
}
.root01 .kitasenzoku {
  top: 435px;
  left: 621px;
}
.root01 .ookayama {
  top: 407px;
  left: 615px;
}
.root01 .midorigaoka {
  top: 373px;
  left: 655px;
}
.root01 .kuhombutsu {
  top: 293px;
  left: 604px;
}
.root01 .oyamadai {
  top: 266px;
  left: 604px;
}
.root01 .todoroki {
  top: 239px;
  left: 604px;
}
.root01 .kaminoge {
  top: 211px;
  left: 604px;
}
.root01 .numabe {
  top: 367px;
  left: 558px;
}
.root01 .unoki {
  top: 371px;
  left: 527px;
}
.root01 .shimomaruko {
  top: 402px;
  left: 515px;
}
.root01 .musashinitta {
  top: 427px;
  left: 497px;
}
.root01 .yaguchinowatashi {
  top: 471px;
  left: 483px;
}
.root01 .kamata {
  top: 567px;
  left: 471px;
}
.root01 .nishitaishido {
  top: 82px;
  left: 761px;
}
.root01 .wakabayashi {
  top: 106px;
  left: 738px;
}
.root01 .shoinjinjamae {
  top: 70px;
  left: 718px;
}
.root01 .setagaya {
  top: 134px;
  left: 694px;
}
.root01 .kamimachi {
  top: 132px;
  left: 673px;
}
.root01 .miyanosaka {
  top: 105px;
  left: 638px;
}
.root01 .yamashita {
  top: 80px;
  left: 645px;
}
.root01 .matsubara {
  top: 64px;
  left: 675px;
}
.root01 .shimotakaido {
  top: 47px;
  left: 675px;
}
.root01 .onda {
  top: 141px;
  left: 210px;
}
.root01 .kodomonokuni {
  top: 114px;
  left: 210px;
}
.root01 .shintakashima {
  top: 465px;
  left: 206px;
}
.root01 .minatomirai {
  top: 519px;
  left: 201px;
}
.root01 .bashamichi {
  top: 518px;
  left: 158px;
}
.root01 .nihonodori {
  top: 518px;
  left: 114px;
}
.root01 .motomachichukagai {
  top: 518px;
  left: 66px;
}

/* topic
---------------------------------------- */
.topic-list {
  margin: -10px 0 30px;
}
.topic-list .topic-item {
  font-size: 14px;
  color: #666;
  border-bottom: 2px solid #e3dbd1;
  padding: 11px 0 7px 23px;
  background: url(/resource/common/img/btn/btn_next_03_o.png) 0 center no-repeat;
}
.topic-list .topic-item dl dt .icon-1 {
  background: #D8635A;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  margin: 4px 5px 0 0;
  padding: 1px 2px 0;
  display: inline-block;
  vertical-align: top;
}
.topic-list .topic-item dl dt .date {
  display: inline-block;
  margin-top: 2px;
}
.topic-list .topic-item dl dd a {
  font-size: 14px;
}
.topic-list .topic-item dl dd a:link, .topic-list .topic-item dl dd a:visited {
  color: #666;
  text-decoration: none;
}
.topic-list .topic-item dl dd a:hover, .topic-list .topic-item dl dd a:active, .topic-list .topic-item dl dd a:focus {
  color: #d1645c;
  text-decoration: none;
}
.topic-list.top {
  margin-bottom: 12px;
}

/* topic
---------------------------------------- */
.text-right {
  display: block;
  text-align: right;
  width: 100%;
  margin-bottom: 20px;
}

/* btn_present_01
---------------------------------------- */
.btn_present_01 {
  width: 292px;
  height: 49px;
  margin: 0 auto 20px;
  background: #d1645c;
  border-radius: 4px;
  position: relative;
}
.btn_present_01 a {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  width: 290px;
  height: 42px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  background: #fff;
  padding-top: 12px;
  padding-left: 13px;
  position: absolute;
  top: 1px;
  left: 1px;
}
.btn_present_01 a:link, .btn_present_01 a:visited {
  color: #8d6647;
  text-decoration: none;
}
.btn_present_01 a:hover, .btn_present_01 a:active, .btn_present_01 a:focus {
  color: #d1645c;
  text-decoration: none;
}
.btn_present_01 a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -21px -100px;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 32px;
  margin: auto;
  display: block;
}

.txt_present_01 {
  width: 292px;
  height: 49px;
  text-align: center;
  margin: 0 auto 20px;
}

.txt_present_02 {
  width: 291px;
  height: 32px;
  background: #cacaca;
  padding-top: 12px;
  color: #999;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin: 0 auto 20px;
}

/* tab-panel
---------------------------------------- */
[data-script-enabled="true"] .spot-tab-panel .panel-group > li {
  display: none;
}
[data-script-enabled="true"] .spot-tab-panel .panel-group > li:first-child {
  display: table-cell;
}

[data-script-enabled="true"] .spot-tab-panel .thumbs-group {
  display: table;
}
[data-script-enabled="true"] .spot-tab-panel .thumbs-group > li {
  cursor: pointer;
}
[data-script-enabled="true"] .spot-tab-panel .thumbs-group > li.current {
  cursor: default;
}

.spot-tab-panel {
  margin-bottom: 30px;
}
.spot-tab-panel .panel-group {
  list-style-type: none;
  margin-bottom: 20px;
}
.spot-tab-panel .panel-group > li {
  width: 370px;
  height: 278px;
  text-align: center;
  background: #f0eae1;
  position: relative;
  margin-bottom: 20px;
}
.spot-tab-panel .panel-group > li img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.spot-tab-panel .thumbs-group {
  display: none;
  list-style-type: none;
}
.spot-tab-panel .thumbs-group > li {
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  height: 83px;
  background: #f0eae1;
  text-align: center;
  float: left;
}
.spot-tab-panel .thumbs-group > li > span {
  display: table-cell;
  vertical-align: middle;
  width: 104px;
  height: 83px;
  text-align: center;
}
.spot-tab-panel .thumbs-group > li + li {
  margin-left: 20px;
}
.spot-tab-panel .notice-list-1 li {
  margin-top: 10px;
  text-indent: -29px;
}

/* spot-table
---------------------------------------- */
.spot-table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 0 10px;
}
.spot-table tr {
  border-top: 1px outset #ddd4c8;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}
.spot-table tr th {
  width: 140px;
  font-weight: bold;
  color: #63574e;
  padding: 8px 27px 5px 0;
  vertical-align: top;
}
.spot-table tr td {
  color: #555;
  vertical-align: top;
  line-height: 1.71;
  padding: 5px 0;
}
.spot-table tr:last-child {
  border-bottom: 1px outset #ddd4c8;
}

/*btn_changing_1
-----------------------------------------*/
.btn_changing_01 {
  margin: 20px auto;
  text-align: center;
}
.btn_changing_01 img {
  width: 93.75%;
}

/*about-box
-----------------------------------------*/
.about-box {
  background-color: #fff;
  border-bottom: 5px solid #d1645c;
  padding: 11px 21px 0;
  margin-bottom: 60px;
}
.about-box .text {
  padding-top: 7px;
  margin-bottom: 16px;
  text-align: left;
}

.fig-about {
  text-align: center;
}

.text-about {
  text-align: center;
  margin-top: 18px;
  margin-bottom: 58px;
}

/*hdg-img
-----------------------------------------*/
.hdg-img {
  margin-bottom: 30px;
  position: relative;
}
.hdg-img img {
  border-bottom: 5px solid #76ac9c;
}

/*application
-----------------------------------------*/
.application {
  height: 45px;
  background: #f9f7f4;
  border-radius: 4px;
}
.application .application-bgc {
  height: 45px;
  background: #b94840;
  border-radius: 4px;
}
.application .application-bgc a {
  width: 100%;
  display: table;
  font-size: 18px;
  color: #fefefe;
  text-align: center;
  height: 40px;
  border-radius: 5px;
  background: #d1645c;
}
.application .application-bgc a span {
  display: table-cell;
  vertical-align: middle;
}
.application .application-bgc:hover {
  opacity: .6;
}

/*hdg-button
-----------------------------------------*/
.hdg-button {
  width: 292px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

/*content-button
-----------------------------------------*/
.content-button {
  width: 368px;
  height: 65px;
  margin: 10px auto 71px;
  text-align: center;
}
.content-button .application-bgc {
  height: 100%;
}
.content-button .application-bgc a {
  height: 60px;
}

/*box-point
-----------------------------------------*/
.box-point {
  width: 440px;
  box-sizing: border-box;
  border-bottom: 5px solid #76ac9c;
  background: #fff;
  padding: 20px;
  display: inline-block;
}
.box-point:after {
  clear: both;
  display: block;
  content: "";
}
.box-point img {
  float: left;
  padding-right: 20px;
}
.box-point .text {
  overflow: hidden;
}
.box-point .text h3 {
  font-size: 18px;
  font-weight: bold;
  color: #76ac9c;
  line-height: 1.4;
}
.box-point .text p {
  line-height: 1.5625;
}
.box-point + .box-point {
  margin-left: 14px;
}

/*ordered
-----------------------------------------*/
.decimal {
  margin-left: 20px;
}
.decimal li {
  list-style-type: decimal;
  margin-bottom: 7px;
}
.decimal li .notice-list-1 li {
  list-style-type: none;
}

/*application-contact
-----------------------------------------*/
.application-contact {
  background: #fff;
  border: 3px solid #ddd4c8;
  margin-bottom: 10px;
}
.application-contact th {
  font-size: 18px;
  padding-right: 3px;
}
.application-contact ul {
  border-left: 1px solid #ddd4c8;
  padding: 0 40px;
  margin: 12px 0;
}

/*application-process
-----------------------------------------*/
.application-process {
  margin-bottom: 27px;
}

/* application-hdg
---------------------------------------- */
.hdg-application {
  font-size: 28px;
  font-weight: normal;
}

/*hdg
-----------------------------------------*/
h2 + .hdg-3-general,
h3 + .hdg-4-general {
  margin-top: 0;
}

/* hdg-2-error
---------------------------------------- */
.hdg-2-error {
  font-size: 21px;
  font-weight: bold;
  color: #63574e;
  text-align: center;
  padding-top: 38px;
  margin-bottom: 31px;
}

/* text-error
---------------------------------------- */
.text-error {
  font-size: 16px;
  line-height: 1.4;
  color: #555;
  text-align: center;
  margin-bottom: 45px;
}

.error-contents .link-list-2 {
  width: 684px;
  margin: 0 auto;
}
.error-contents .link-list-2:after {
  clear: both;
  display: block;
  content: "";
}
.error-contents .link-list-2 li {
  font-weight: bold;
  background: #fff;
  padding: 12px 10px 8px 44px;
  margin: 0 12px 20px 0;
  text-indent: -23px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 216px;
  float: left;
}
.error-contents .link-list-2 li a {
  font-size: 16px;
  position: relative;
  padding-left: 14px;
  font-weight: bold;
}
.error-contents .link-list-2 li a:link, .error-contents .link-list-2 li a:visited {
  color: #8d6647;
  text-decoration: none;
}
.error-contents .link-list-2 li a:hover, .error-contents .link-list-2 li a:active, .error-contents .link-list-2 li a:focus {
  color: #d1645c;
  text-decoration: none;
}
.error-contents .link-list-2 li a:before {
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -145px 0px;
  width: 11px;
  height: 22px;
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
}

.error-contents .search-area {
  width: 684px;
  margin: 0 auto 20px;
}
.error-contents .search-area:after {
  clear: both;
  display: block;
  content: "";
}

.gsc-control-cse {
  border: none !important;
}

.error-contents .form-title {
  color: #fff;
  background: #B8A799;
  font-size: 16px;
  font-weight: bold;
  width: 140px;
  text-align: center;
  float: left;
  vertical-align: middle;
  padding: 8px 0;
}

.error-contents .inner {
  float: left;
}

/* google search
---------------------------------------- */
.search-area
#___gcse_0 {
  float: left !important;
}

#___gcse_1 {
  float: left !important;
}

#gsc-i-id2 {
  background: #f9f7f4 !important;
}

table.gsc-search-box, form.gsc-search-box, table.gsc-search-box {
  width: 520px !important;
  margin: 0 !important;
}

#gsc-i-id1, input.gsc-input {
  background: #f9f7f4 !important;
}

.gsc-input-box {
  height: 36px !important;
  background: #f9f7f4 !important;
}

#gsc-iw-id1 {
  border-color: #b8a799 !important;
  border-radius: 4px !important;
  width: 356px !important;
}

.gsc-input, #gs_id50, .gsib_a, input.gsc-input {
  width: 310px !important;
}

td.gsc-input {
  padding-right: 20px !important;
}

.gsib_a {
  padding-top: 6px !important;
}

table.gsc-search-box td {
  position: relative;
}

.gsst_b {
  position: absolute !important;
  top: 2px !important;
  padding: 6px 2px 0 !important;
  margin-left: 2px !important;
}

form.gsc-search-box {
  margin: 0 !important;
  padding-left: 12px !important;
  padding-right: 0 !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  background: #d1645c none repeat scroll 0 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  float: left !important;
  font-size: 16px !important;
  text-align: center !important;
  border: none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 13px 0 0 !important;
}

.gsc-results {
  width: 100% !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  padding: 12px 63px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.separate #___gcse_0 {
  float: none;
  margin-bottom: 25px;
}
.separate table.gsc-search-box, .separate form.gsc-search-box, .separate table.gsc-search-box {
  width: 117px !important;
  margin: 0 !important;
}
.separate #gsc-i-id1, .separate input.gsc-input {
  background: #f9f7f4 !important;
}
.separate .gsc-input-box {
  height: 36px !important;
  background: #f9f7f4 !important;
}
.separate #gsc-iw-id1 {
  border-color: #b8a799 !important;
  border-radius: 4px !important;
  width: 133px !important;
}
.separate .gsc-input, .separate #gs_id50, .separate .gsib_a, .separate input.gsc-input {
  width: 117px !important;
}
.separate td.gsc-input {
  padding-right: 20px !important;
}
.separate .gsib_a {
  padding-top: 6px !important;
}
.separate table.gsc-search-box td {
  position: relative;
}
.separate .gsst_b {
  position: absolute !important;
  top: 2px !important;
  padding: 6px 2px 0 !important;
  right: 0 !important;
}
.separate form.gsc-search-box {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 20px !important;
}
.separate input.gsc-search-button, .separate input.gsc-search-button:hover, .separate input.gsc-search-button:focus {
  background: #d1645c none repeat scroll 0 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  float: left !important;
  font-size: 16px !important;
  text-align: center !important;
  border: none !important;
}
.separate .cse .gsc-control-cse, .separate .gsc-control-cse {
  padding: 0 13px 0 0 !important;
}
.separate .gsc-results {
  width: 100% !important;
}
.separate .cse .gsc-search-button input.gsc-search-button-v2, .separate input.gsc-search-button-v2 {
  padding: 13px 12px 12px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.separate .cse input.gsc-search-button, .separate input.gsc-search-button {
  border-radius: 0 !important;
}
.separate .cse input.gsc-search-button:focus, .separate input.gsc-search-button:focus {
  border-radius: 0 !important;
}
.separate #gsc-iw-id1 {
  border-radius: 0 !important;
}
.separate .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
}
.separate input.gsc-search-button, .separate input.gsc-search-button:hover, .separate input.gsc-search-button:focus {
  border-radius: 0 !important;
}

/* link01
---------------------------------------- */
.link01:after {
  clear: both;
  display: block;
  content: "";
}
.link01 > li {
  background: #FFF;
  float: left;
  width: 292px;
  margin-right: 12px;
  margin-bottom: 20px;
}
.link01 > li .img {
  height: 95px;
  background: #f0eae1;
  position: relative;
}
.link01 > li .img a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 180px;
  height: 55px;
}
.link01 > li .inner {
  padding: 20px;
  background: #fff;
}
.link01 > li .inner a {
  font-size: 16px;
  font-weight: bold;
}
.link01 > li .inner .text {
  font-size: 12px;
}
.link01 > li:nth-child(3n) {
  margin-right: 0;
}

/* hdg-2-sitemap
---------------------------------------- */
.hdg-2-sitemap {
  margin-bottom: 25px;
  width: 420px;
}
.hdg-2-sitemap a {
  display: block;
  color: #8d6647;
  position: relative;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
  padding: 2px 0 2px 10px;
  margin-bottom: 20px;
  border-left: 8px solid #d1645c;
}
.hdg-2-sitemap a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  margin: auto;
  width: 14px;
  height: 14px;
  border-right: 2px solid #d1645c;
  border-top: 2px solid #d1645c;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hdg-2-sitemap a:after {
  content: "";
  border-bottom: 1px solid #ddd4c8;
  display: block;
  position: absolute;
  width: 100%;
  bottom: -10px;
  left: -5px;
}

/* col2
---------------------------------------- */
.col2:after {
  clear: both;
  display: block;
  content: "";
}
.col2 .left {
  float: left;
}
.col2 .right {
  float: right;
}
.col2 + .col2 {
  margin-top: 30px;
}

/* sitemap-group
---------------------------------------- */
.sitemap-group {
  margin-top: 40px;
  border-bottom: 1px solid #ddd4c8;
  padding-bottom: 50px;
}
.sitemap-group .col2 ul {
  width: 50%;
}

/* sitemap-group2
---------------------------------------- */
.sitemap-group2 {
  border-bottom: 1px solid #ddd4c8;
  padding: 30px 0 9px;
}
.sitemap-group2:after {
  clear: both;
  display: block;
  content: "";
}
.sitemap-group2 .hdg-2-sitemap {
  float: left;
  margin-bottom: 16px;
}
.sitemap-group2 .hdg-2-sitemap:nth-child(2n) {
  float: right;
}
.sitemap-group2:last-of-type {
  border-bottom: none;
}

/* link-sitemap
---------------------------------------- */
.link-sitemap {
  margin-bottom: 50px;
}
.link-sitemap li {
  margin: 0 0 9px 20px;
}
.link-sitemap li a {
  font-size: 18px;
}
.link-sitemap li a:before {
  top: 6px;
}

/* link-sitemap2
---------------------------------------- */
.link-sitemap2 li {
  margin: 0 0 6px 17px;
}
.link-sitemap2 li a {
  font-size: 16px;
}

/* address
---------------------------------------- */
.address {
  height: 54px;
  text-align: center;
  background: #fff;
  display: table;
  position: relative;
  border: 3px solid #ddd4c8;
  margin-top: -10px;
  margin-bottom: 22px;
}
.address:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  margin-right: 11px;
  background-image: url(/resource/common/img/sprite/_sprite.png);
  background-position: -60px 0px;
  width: 32px;
  height: 24px;
}
.address span {
  vertical-align: middle;
  font-size: 18px;
  display: table-cell;
  padding: 0 5px 0 47px;
  font-weight: bold;
  margin-right: 10px;
}
.address span a {
  color: #8d6647;
}

/* hdg-2-contact
---------------------------------------- */
.hdg-2-contact {
  font-size: 28px;
  color: #63574e;
}
.hdg-2-contact:first-of-type {
  margin-top: 27px;
}

/* list-2-contact
---------------------------------------- */
.list-2-contact {
  width: 362px;
}
.list-2-contact li {
  width: 100%;
  height: 40px;
}
.list-2-contact li a {
  font-size: 16px;
  font-weight: bold;
}

/* ----------------------------------------
   modal
---------------------------------------- */
.js-initialDisplay {
  position: relative;
  max-width: 600px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 6px #63574e;
  text-align: right;
  box-sizing: border-box;
}
.js-initialDisplay > .closeBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: none;
  padding: 0;
  font-size: 10px;
}
.js-initialDisplay > .closeBtn:before {
  z-index: 1;
  display: block;
  width: 36px;
  height: 36px;
  background: url("/resource/common/img/btn/btn_modalClose_01.png") center center no-repeat;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.js-initialDisplay > .modal-link {
  text-align: right;
  background-color: #f0eae1;
  padding: 15px;
}
.js-initialDisplay > .modal-link a {
  font-weight: bold;
  font-size: 18px;
  padding-left: 25px;
  background: url("/resource/common/img/icon/icon_arrow_02.png") center left no-repeat;
}

.js-initialDisplayWrapper {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(99, 87, 78, 0.9);
}
.js-initialDisplayWrapper > .modal-cover {
  width: 100%;
  height: 100%;
  display: table;
}
.js-initialDisplayWrapper > .modal-cover > .modal-inner {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* ----------------------------------------
   hdg-x-attention
---------------------------------------- */
.hdg-3-attention {
  font-size: 18px;
  font-weight: normal;
  padding-left: 24px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 10px;
}
.hdg-3-attention:before {
  border: 2px solid #d1645c;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 10px;
  width: 10px;
}

.hdg-4-attention {
  font-size: 18px;
  font-weight: bold;
}

/*# sourceMappingURL=master.css.map */
