@charset "utf-8";
/************************************
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
************************************/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1;
  /*padding-top:140px;
    @media screen and (max-width: 767px) {
      padding-top:75px;
    }*/
}
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
  list-style: none;
}
/*引用符の表示が出ないようにしています*/
blockquote,
q {
  quotes: none;
}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input,
select {
  vertical-align: middle;
}
/*画像を縦に並べたときに余白が出てしまわないように*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
/************************************
End: html5doctor.com Reset Stylesheet
*************************************/
* {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  letter-spacing: 1px;
  line-height: 1.7em;
  color: #333;
}
body {
  -webkit-text-size-adjust: 100%;
  /*文字サイズの自動調整をオフ*/
  background-color: #232f3e;
  font-size: 14px;
}
.alt {
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.clearfix {
  display: inline-block;
}
.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
.shadow {
  -webkit-box-shadow: 0px 0px 10px 0px #ccc;
  /* Safari, Chrome */
  -moz-box-shadow: 0px 0px 10px 0px #ccc;
  /* Firefox */
  box-shadow: 0px 0px 10px 0px #ccc;
  /* CSS3 */
}
.smallround {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.linkBlockSmall {
  color: white;
  background-color: #232f3e;
  padding: 6px 14px;
  display: inline-block;
  font-size: 80%;
  text-decoration: none;
  letter-spacing: 2px;
}
.linkBlockSmall:hover {
  background-color: #cf1920;
}
.linkBlock {
  color: white;
  background-color: #232f3e;
  padding: 10px 20px;
  display: inline-block;
  font-size: 85%;
  text-decoration: none;
  letter-spacing: 2px;
}
.linkBlock:hover {
  background-color: #cf1920;
}
.boxsize {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
br.show_sm {
  display: none;
}
@media screen and (max-width: 479px) {
  br.show_sm {
    display: block;
  }
}
div.wrapper {
  width: 100%;
  position: relative;
  top: 0px;
  overflow: hidden;
}
div.areaWrapper {
  width: 100%;
  position: relative;
}
div.container {
  position: relative;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
div.pagenationArea {
  padding: 30px 0;
  text-align: center;
}
div.pagenationArea ul.pagenation {
  list-style: none;
}
div.pagenationArea ul.pagenation li {
  display: inline-block;
  margin: 0 2px;
}
div.pagenationArea ul.pagenation li a {
  display: block;
  width: 30px;
  height: 30px;
  border: #d7d9d9 solid 1px;
  text-decoration: none;
  text-align: center;
  padding: 10px 0 0 0;
}
div.pagenationArea ul.pagenation li a:hover,
div.pagenationArea ul.pagenation li a.selected {
  background-color: #232f3e;
  color: white;
  border: #232f3e solid 1px;
}
div.pagenationArea ul.pagenation li a.long {
  width: 70px;
  font-size: 95%;
}
/* glue: 0.11.1 hash: 63f44d2a1d */
.sprite-sprites-logo,
.sprite-sprites-logo_s,
.sprite-sprites-footer_logo,
.sprite-sprites-spmenu_special,
.sprite-sprites-nihonisan_logo,
.sprite-sprites-title_special,
.sprite-sprites-fontsize_flow,
.sprite-sprites-spmenu_map,
.sprite-sprites-title_about,
.sprite-sprites-spmenu_about,
.sprite-sprites-tab_omiyage,
.sprite-sprites-map_on,
.sprite-sprites-map_off,
.sprite-sprites-movieGuide,
.sprite-sprites-title_location,
.sprite-sprites-title_contact,
.sprite-sprites-bunka_jp,
.sprite-sprites-bunka_en,
.sprite-sprites-title_news,
.sprite-sprites-spmenu_news,
.sprite-sprites-special_on,
.sprite-sprites-special_off,
.sprite-sprites-title_access,
.sprite-sprites-movieGuide_sp,
.sprite-sprites-tab_oshirase,
.sprite-sprites-tab_midokoro,
.sprite-sprites-tab_kihon,
.sprite-sprites-about_on,
.sprite-sprites-about_off,
.sprite-sprites-spmenu_home,
.sprite-sprites-title_story,
.sprite-sprites-home_on,
.sprite-sprites-home_off,
.sprite-sprites-news_on,
.sprite-sprites-news_off,
.sprite-sprites-menu_b,
.sprite-sprites-tab_syukuhaku,
.sprite-sprites-tab_meisan,
.sprite-sprites-pagetopLink,
.sprite-sprites-close_b_white,
.sprite-sprites-close_b,
.sprite-sprites-googleIcon,
.sprite-sprites-searchIcon,
.sprite-sprites-twitterIcon,
.sprite-sprites-facebookIcon,
.sprite-sprites-locationIcon {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
}
.sprite-sprites-logo {
  background-position: -2px -2px;
  width: 239px;
  height: 46px;
}
.sprite-sprites-logo_s {
  background-position: -2px -52px;
  width: 188px;
  height: 36px;
}
.sprite-sprites-footer_logo {
  background-position: -2px -92px;
  width: 168px;
  height: 86px;
}
.sprite-sprites-spmenu_special {
  background-position: -2px -182px;
  width: 166px;
  height: 19px;
}
.sprite-sprites-nihonisan_logo {
  background-position: -245px -2px;
  width: 84px;
  height: 130px;
}
.sprite-sprites-title_special {
  background-position: -2px -205px;
  width: 129px;
  height: 31px;
}
.sprite-sprites-fontsize_flow {
  background-position: -2px -239px;
  width: 128px;
  height: 61px;
}
.sprite-sprites-spmenu_map {
  background-position: -135px -205px;
  width: 122px;
  height: 19px;
}
.sprite-sprites-title_about {
  background-position: -134px -239px;
  width: 118px;
  height: 33px;
}
.sprite-sprites-spmenu_about {
  background-position: -134px -276px;
  width: 104px;
  height: 19px;
}
.sprite-sprites-tab_omiyage {
  background-position: -333px -2px;
  width: 95px;
  height: 36px;
}
.sprite-sprites-map_on {
  background-position: -333px -42px;
  width: 91px;
  height: 16px;
}
.sprite-sprites-map_off {
  background-position: -333px -62px;
  width: 91px;
  height: 16px;
}
.sprite-sprites-movieGuide {
  background-position: -333px -82px;
  width: 53px;
  height: 89px;
}
.sprite-sprites-title_location {
  background-position: -333px -175px;
  width: 87px;
  height: 16px;
}
.sprite-sprites-title_contact {
  background-position: -333px -195px;
  width: 80px;
  height: 16px;
}
.sprite-sprites-bunka_jp {
  background-position: -333px -215px;
  width: 58px;
  height: 80px;
}
.sprite-sprites-bunka_en {
  background-position: -174px -92px;
  width: 58px;
  height: 80px;
}
.sprite-sprites-title_news {
  background-position: -245px -136px;
  width: 75px;
  height: 26px;
}
.sprite-sprites-spmenu_news {
  background-position: -245px -166px;
  width: 70px;
  height: 19px;
}
.sprite-sprites-special_on {
  background-position: -172px -182px;
  width: 67px;
  height: 16px;
}
.sprite-sprites-special_off {
  background-position: -261px -205px;
  width: 67px;
  height: 16px;
}
.sprite-sprites-title_access {
  background-position: -256px -239px;
  width: 66px;
  height: 16px;
}
.sprite-sprites-movieGuide_sp {
  background-position: -390px -82px;
  width: 35px;
  height: 59px;
}
.sprite-sprites-tab_oshirase {
  background-position: -2px -304px;
  width: 58px;
  height: 36px;
}
.sprite-sprites-tab_midokoro {
  background-position: -64px -304px;
  width: 58px;
  height: 36px;
}
.sprite-sprites-tab_kihon {
  background-position: -125px -304px;
  width: 58px;
  height: 36px;
}
.sprite-sprites-about_on {
  background-position: -242px -276px;
  width: 55px;
  height: 16px;
}
.sprite-sprites-about_off {
  background-position: -187px -304px;
  width: 55px;
  height: 16px;
}
.sprite-sprites-spmenu_home {
  background-position: -2px -344px;
  width: 52px;
  height: 19px;
}
.sprite-sprites-title_story {
  background-position: -246px -304px;
  width: 52px;
  height: 16px;
}
.sprite-sprites-home_on {
  background-position: -301px -304px;
  width: 50px;
  height: 16px;
}
.sprite-sprites-home_off {
  background-position: -355px -304px;
  width: 50px;
  height: 16px;
}
.sprite-sprites-news_on {
  background-position: -194px -52px;
  width: 46px;
  height: 16px;
}
.sprite-sprites-news_off {
  background-position: -194px -72px;
  width: 46px;
  height: 16px;
}
.sprite-sprites-menu_b {
  background-position: -2px -366px;
  width: 44px;
  height: 44px;
}
.sprite-sprites-tab_syukuhaku {
  background-position: -50px -366px;
  width: 43px;
  height: 36px;
}
.sprite-sprites-tab_meisan {
  background-position: -97px -366px;
  width: 43px;
  height: 36px;
}
.sprite-sprites-pagetopLink {
  background-position: -395px -215px;
  width: 31px;
  height: 38px;
}
.sprite-sprites-close_b_white {
  background-position: -144px -366px;
  width: 33px;
  height: 33px;
}
.sprite-sprites-close_b {
  background-position: -395px -256px;
  width: 29px;
  height: 29px;
}
.sprite-sprites-googleIcon {
  background-position: -390px -144px;
  width: 28px;
  height: 18px;
}
.sprite-sprites-searchIcon {
  background-position: -181px -366px;
  width: 22px;
  height: 19px;
}
.sprite-sprites-twitterIcon {
  background-position: -301px -276px;
  width: 22px;
  height: 16px;
}
.sprite-sprites-facebookIcon {
  background-position: -432px -2px;
  width: 21px;
  height: 21px;
}
.sprite-sprites-locationIcon {
  background-position: -432px -27px;
  width: 10px;
  height: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio: 1), screen and (min--moz-device-pixel-ratio: 1), screen and (-o-min-device-pixel-ratio: 100/100), screen and (min-device-pixel-ratio: 1), screen and (min-resolution: 1dppx) {
  .sprite-sprites-logo,
  .sprite-sprites-logo_s,
  .sprite-sprites-footer_logo,
  .sprite-sprites-spmenu_special,
  .sprite-sprites-nihonisan_logo,
  .sprite-sprites-title_special,
  .sprite-sprites-fontsize_flow,
  .sprite-sprites-spmenu_map,
  .sprite-sprites-title_about,
  .sprite-sprites-spmenu_about,
  .sprite-sprites-tab_omiyage,
  .sprite-sprites-map_on,
  .sprite-sprites-map_off,
  .sprite-sprites-movieGuide,
  .sprite-sprites-title_location,
  .sprite-sprites-title_contact,
  .sprite-sprites-bunka_jp,
  .sprite-sprites-bunka_en,
  .sprite-sprites-title_news,
  .sprite-sprites-spmenu_news,
  .sprite-sprites-special_on,
  .sprite-sprites-special_off,
  .sprite-sprites-title_access,
  .sprite-sprites-movieGuide_sp,
  .sprite-sprites-tab_oshirase,
  .sprite-sprites-tab_midokoro,
  .sprite-sprites-tab_kihon,
  .sprite-sprites-about_on,
  .sprite-sprites-about_off,
  .sprite-sprites-spmenu_home,
  .sprite-sprites-title_story,
  .sprite-sprites-home_on,
  .sprite-sprites-home_off,
  .sprite-sprites-news_on,
  .sprite-sprites-news_off,
  .sprite-sprites-menu_b,
  .sprite-sprites-tab_syukuhaku,
  .sprite-sprites-tab_meisan,
  .sprite-sprites-pagetopLink,
  .sprite-sprites-close_b_white,
  .sprite-sprites-close_b,
  .sprite-sprites-googleIcon,
  .sprite-sprites-searchIcon,
  .sprite-sprites-twitterIcon,
  .sprite-sprites-facebookIcon,
  .sprite-sprites-locationIcon {
    background-image: url('../../img/common/sprites.png');
    -webkit-background-size: 455px 412px;
    -moz-background-size: 455px 412px;
    background-size: 455px 412px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 200/100), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  .sprite-sprites-logo,
  .sprite-sprites-logo_s,
  .sprite-sprites-footer_logo,
  .sprite-sprites-spmenu_special,
  .sprite-sprites-nihonisan_logo,
  .sprite-sprites-title_special,
  .sprite-sprites-fontsize_flow,
  .sprite-sprites-spmenu_map,
  .sprite-sprites-title_about,
  .sprite-sprites-spmenu_about,
  .sprite-sprites-tab_omiyage,
  .sprite-sprites-map_on,
  .sprite-sprites-map_off,
  .sprite-sprites-movieGuide,
  .sprite-sprites-title_location,
  .sprite-sprites-title_contact,
  .sprite-sprites-bunka_jp,
  .sprite-sprites-bunka_en,
  .sprite-sprites-title_news,
  .sprite-sprites-spmenu_news,
  .sprite-sprites-special_on,
  .sprite-sprites-special_off,
  .sprite-sprites-title_access,
  .sprite-sprites-movieGuide_sp,
  .sprite-sprites-tab_oshirase,
  .sprite-sprites-tab_midokoro,
  .sprite-sprites-tab_kihon,
  .sprite-sprites-about_on,
  .sprite-sprites-about_off,
  .sprite-sprites-spmenu_home,
  .sprite-sprites-title_story,
  .sprite-sprites-home_on,
  .sprite-sprites-home_off,
  .sprite-sprites-news_on,
  .sprite-sprites-news_off,
  .sprite-sprites-menu_b,
  .sprite-sprites-tab_syukuhaku,
  .sprite-sprites-tab_meisan,
  .sprite-sprites-pagetopLink,
  .sprite-sprites-close_b_white,
  .sprite-sprites-close_b,
  .sprite-sprites-googleIcon,
  .sprite-sprites-searchIcon,
  .sprite-sprites-twitterIcon,
  .sprite-sprites-facebookIcon,
  .sprite-sprites-locationIcon {
    background-image: url('../../img/common/sprites@2x.png');
    -webkit-background-size: 455px 412px;
    -moz-background-size: 455px 412px;
    background-size: 455px 412px;
  }
}
div#headerAreaWrapper {
  width: 100%;
  background-color: white;
  height: 140px;
}
@media screen and (max-width: 767px) {
  div#headerAreaWrapper {
    height: 75px;
  }
}
div#headerArea {
  border-bottom: #d7d9d9 solid 1px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  background-color: rgba(255, 255, 255, 0.96);
  height: 140px;
  position: fixed!important;
  top: 0px;
  left: 0px;
  transition: top 0.2s ease-in-out;
  z-index: 8000;
}
div#headerArea.nav-up {
  top: -140px !important;
}
@media screen and (max-width: 767px) {
  div#headerArea {
    height: 75px;
  }
  div#headerArea.nav-up {
    top: -75px !important;
  }
}
div.navigationSkipArea {
  position: absolute;
  display: inline-block;
  left: -9999em;
}
div#header {
  position: relative;
  text-align: center;
  /* テキスト入力フォーム */
}
div#header a#logo {
  display: inline-block;
  position: relative;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  div#header a#logo {
    display: none;
    position: absolute;
    top: 3px;
    left: 5%;
    margin-top: 18px;
  }
}
div#header a#logo_s {
  display: none;
}
@media screen and (max-width: 767px) {
  div#header a#logo_s {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 5%;
    margin-top: 18px;
  }
}
div#header a#nihonisan_logo {
  display: block;
  position: absolute;
  z-index: 400;
  left: 6%;
  top: 5px;
}
@media screen and (max-width: 767px) {
  div#header a#nihonisan_logo {
    display: none;
  }
}
div#header ul.mainmenu {
  list-style: none;
  padding: 0;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 85%;
  max-width: 600px;
  border-top: #d7d9d9 solid 1px;
  position: relative;
}
@media screen and (max-width: 767px) {
  div#header ul.mainmenu {
    display: none;
  }
}
div#header ul.mainmenu li {
  display: inline-block;
  height: 30px;
  text-align: center;
  padding-top: 10px;
  margin: 10px 20px;
}
div#header ul.mainmenu li a {
  display: block;
}
div#header ul.mainmenu li a#menu_home:hover {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -301px -304px;
  width: 50px;
  height: 16px;
}
div#header ul.mainmenu li a#menu_about:hover {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -242px -276px;
  width: 55px;
  height: 16px;
}
div#header ul.mainmenu li a#menu_map:hover {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -333px -42px;
  width: 91px;
  height: 16px;
}
div#header ul.mainmenu li a#menu_news:hover {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -194px -52px;
  width: 46px;
  height: 16px;
}
div#header ul.mainmenu li a#menu_special:hover {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -172px -182px;
  width: 67px;
  height: 16px;
}
div#header div.headerSnsArea {
  position: absolute;
  right: 15px;
  top: 10px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  div#header div.headerSnsArea {
    display: none;
  }
}
div#header div.headerSnsArea a {
  display: inline-block;
  margin-right: 8px;
}
div#header div.headerSnsArea a:hover {
  opacity: 0.7;
}
div#header div.headerSnsArea a.facebookLink {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -2px;
  width: 21px;
  height: 21px;
  position: relative;
  top: -2px;
}
div#header div.headerSnsArea a.twitterLink {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -301px -276px;
  width: 22px;
  height: 16px;
}
div#header div.headerSnsArea a.googlePlusLink {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -390px -144px;
  width: 28px;
  height: 18px;
}
div#header div.headerSnsArea div#fontsize_b {
  display: inline-block;
  color: #b9baba;
  text-align: center;
  position: relative;
  top: 12px;
  border-right: #f6f7f7 solid 1px;
}
div#header div.headerSnsArea div#fontsize_b > a {
  text-decoration: none;
  color: #b9baba;
  padding: 4px 10px 3px 10px;
  margin-right: 8px;
  font-size: 10px;
  display: inline-block;
  cursor: pointer;
}
div#header div.headerSnsArea div#fontsize_b > a:hover {
  color: white;
  background-color: #333;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow {
  display: none;
  position: absolute;
  bottom: -60px;
  left: -25px;
  z-index: 1000;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow a {
  font-size: 11px;
  text-decoration: none;
  display: inline-block;
  color: #b9baba;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 10px 3px 10px;
  position: absolute;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow a:hover {
  background-color: #333;
  cursor: pointer;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  color: white;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow a.normal {
  top: 20px;
  left: 12px;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow a.large {
  top: 20px;
  left: 76px;
}
div#header div.headerSnsArea div#fontsize_b div#fontsize_flow a.textresizer-active {
  background-color: #b9baba;
  color: white;
}
div#header div.headerSnsArea a.languageLink {
  color: white;
  background-color: #b9baba;
  text-align: center;
  font-size: 70%;
  padding: 4px 10px 3px 10px;
  text-decoration: none;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  top: 13px;
  margin-right: 0;
}
div#header div.headerSnsArea a.languageLink:hover {
  background-color: #333;
}
div#header div.headerSnsArea a.languageLink.off {
  background-color: #fff;
  color: #b9baba;
}
div#header div.headerSnsArea a.languageLink.off:hover {
  background-color: #000;
  color: #fff;
}
div#header div.headerSearchArea {
  position: absolute;
  text-align: right;
  right: 2.5%;
  top: 105px;
  width: 50px;
}
@media screen and (max-width: 767px) {
  div#header div.headerSearchArea {
    display: none;
  }
}
div#header div.headerSearchArea a#searchIcon {
  display: inline-block;
  cursor: pointer;
}
div#header div.headerSearchArea a#searchIcon:hover {
  opacity: 0.7;
}
div#header div#googleSearchArea {
  display: none;
  height: 90px;
  overflow: hidden;
  position: absolute;
  width: 82%;
  height: 45px;
  right: 2%;
  top: 86px;
  text-align: center;
}
div#header div#googleSearchArea div#googleSearch {
  display: block;
  width: 65%;
  position: relative;
  left: 12%;
  font-size: 85%;
}
div#header div#googleSearchArea div#googleSearch div {
  background-color: transparent!important;
}
div#header div#googleSearchArea div#googleSearch div.gsc-results-wrapper-overlay {
  background-color: white!important;
}
div#header div#googleSearchArea div#googleSearch div.gsc-option-menu-item {
  background-color: white!important;
}
div#header div#googleSearchArea div#googleSearch div.gsc-control-cse {
  border: none!important;
}
div#header div#googleSearchArea div#googleSearch div.gsc-input-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: white!important;
}
div#header div#googleSearchArea div#googleSearch input[type="text"] {
  font-size: 95%!important;
  color: #666;
}
div#header div#googleSearchArea div#googleSearch input[type="text"]:focus {
  outline: 0;
  /*safariの自動フォーカスを切る */
}
div#header div#googleSearchArea div#googleSearch input.gsc-search-button {
  background: #b9baba !important;
  border: none !important;
}
div#header div#googleSearchArea div#closeSearch {
  display: block;
  position: absolute;
  right: 11%;
  top: 20px;
}
div#header div#googleSearchArea div#closeSearch a.closeSearchWindow {
  color: #999;
  font-size: 85%;
  text-decoration: none;
}
div#header div#googleSearchArea div#closeSearch a.closeSearchWindow:hover {
  color: #333;
}
div#header div#headerSpMenuButton {
  position: absolute;
  right: 4%;
  top: 16px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  div#header div#headerSpMenuButton {
    display: none;
  }
}
div#header div#headerSpMenuButton:hover {
  opacity: 0.7;
}
div#spMenuArea {
  display: none;
  background-color: #232f3e;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  text-align: center;
}
div#spMenuArea div.close_b {
  position: absolute;
  top: 20px;
  right: 5%;
  cursor: pointer;
}
div#spMenuArea div.close_b:hover {
  opacity: 0.7;
}
div#spMenuArea ul.spmenu {
  width: 90%;
  text-align: center;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  list-style: none;
}
div#spMenuArea ul.spmenu li a {
  display: inline-block;
}
div#spMenuArea ul.spmenu li a:hover {
  opacity: 0.6;
}
div#spMenuArea hr {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  background-color: #444343;
  height: 1px;
  opacity: 0.3;
  margin-top: 20px;
  margin-bottom: 10px;
}
div#spMenuArea ul.sp_submenu {
  list-style: none;
}
div#spMenuArea ul.sp_submenu li a {
  font-size: 80%;
  color: #999b9c;
  text-decoration: none;
}
div#spMenuArea ul.sp_submenu li a:hover {
  color: white;
}
div#spMenuArea a.sp_jplink,
div#spMenuArea a.sp_enlink {
  text-decoration: none;
  font-size: 75%;
  color: #999b9c;
}
div#spMenuArea a.sp_jplink:hover,
div#spMenuArea a.sp_enlink:hover {
  color: white;
}
div#spMenuArea div.sp_snsArea {
  padding: 15px 0;
  text-align: center;
}
div#spMenuArea div.sp_snsArea a {
  display: inline-block;
  margin: 0 3px;
}
div#spMenuArea div.sp_snsArea a:hover {
  opacity: 0.7;
}
div#spMenuArea div.sp_snsArea a.sp_facebook {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -2px;
  width: 21px;
  height: 21px;
}
div#spMenuArea div.sp_snsArea a.sp_twitter {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -301px -276px;
  width: 22px;
  height: 16px;
}
div#spMenuArea div.sp_snsArea a.sp_google {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -390px -144px;
  width: 28px;
  height: 18px;
}
div#spMenuArea p.copyright {
  margin-top: 10px;
  font-size: 75%;
  color: #999b9c;
}
div#footerArea {
  background-color: #232f3e;
  width: 100%;
}
div#footer {
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  padding-top: 50px;
  min-height: 210px;
}
div#footer div.footerLogoArea {
  float: left;
  width: 30%;
  text-align: center;
}
div#footer div.footerLogoArea div.footer_logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  margin-bottom: 5px;
}
div#footer div.footerLogoArea div.languageArea {
  text-align: center;
}
div#footer div.footerLogoArea a.footer_jplink,
div#footer div.footerLogoArea a.footer_enlink {
  display: inline-block;
  text-decoration: none;
  font-size: 72%;
  color: #999b9c;
}
div#footer div.footerLogoArea a.footer_jplink:hover,
div#footer div.footerLogoArea a.footer_enlink:hover {
  color: white;
}
div#footer div.footerLogoArea div.footer_snsArea {
  padding: 0px 0;
  text-align: center;
}
div#footer div.footerLogoArea div.footer_snsArea a {
  display: inline-block;
  margin: 0 3px;
}
div#footer div.footerLogoArea div.footer_snsArea a:hover {
  opacity: 0.7;
}
div#footer div.footerLogoArea div.footer_snsArea a.sp_facebook {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -2px;
  width: 21px;
  height: 21px;
}
div#footer div.footerLogoArea div.footer_snsArea a.sp_twitter {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -301px -276px;
  width: 22px;
  height: 16px;
}
div#footer div.footerLogoArea div.footer_snsArea a.sp_google {
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -390px -144px;
  width: 28px;
  height: 18px;
}
@media screen and (max-width: 767px) {
  div#footer div.footerLogoArea {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 60px;
  }
}
div#footer div.footerLinkArea {
  float: left;
  width: 20%;
}
div#footer div.footerLinkArea ul {
  list-style: none;
  padding: 0;
  padding-left: 15px;
  border-left: #3f4150 solid 1px;
}
div#footer div.footerLinkArea ul li {
  height: 30px;
}
div#footer div.footerLinkArea ul li a {
  font-size: 85%;
  color: #999b9c;
  text-decoration: none;
}
div#footer div.footerLinkArea ul li a:hover {
  color: white;
}
div#footer div.footerLinkArea ul li.sub {
  opacity: 0.6;
  height: 20px;
}
div#footer div.footerLinkArea ul li.sub a {
  font-size: 72%;
  color: #999b9c;
  text-decoration: none;
}
div#footer div.footerLinkArea ul li.sub a:hover {
  color: white;
}
@media screen and (max-width: 767px) {
  div#footer div.footerLinkArea {
    width: 50%;
  }
  div#footer div.footerLinkArea ul {
    margin-top: 10px;
  }
  div#footer div.footerLinkArea li.sub {
    height: 24px!important;
  }
}
div#footer div.pagetopLinkArea {
  float: right;
  width: 10%;
}
div#footer div.pagetopLinkArea a.pagetopLink {
  display: block;
  cursor: pointer;
}
div#footer div.pagetopLinkArea a.pagetopLink:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  div#footer div.pagetopLinkArea {
    float: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
  }
  div#footer div.pagetopLinkArea a.pagetopLink {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }
}
div#footer a.bunkachoArea {
  display: inline-block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 40px;
  left: 0px;
}
@media screen and (min-width: 768px) {
  div#footer a.bunkachoArea {
    margin: 0px;
    position: absolute;
    top: 160px;
    left: 89%;
  }
}
div#footer p.project {
  padding: 10px 0 0 0;
  text-align: center;
  margin-top: 130px;
  font-size: 75%;
  color: #999b9c;
  line-height: 1.4;
}
div#footer p.project span {
  color: #ccc;
}
div#footer p.project a {
  color: #999b9c;
  text-decoration: none;
}
div#footer p.project a:hover {
  color: #fff;
}
@media screen and (min-width: 767px) {
  div#footer p.project br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  div#footer p.project {
    margin-top: 50px;
  }
}
div#footer p.copyright {
  padding: 0px 0 20px 0;
  text-align: center;
  font-size: 75%;
  color: #999b9c;
}
@media screen and (max-width: 767px) {
  div#footer {
    width: 96%;
  }
}
div.toppage_slideArea {
  width: 100%;
  background-color: #f6f7f7;
  position: relative;
}
div.toppage_slideArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px) {
  div.toppage_slideArea {
    display: none;
  }
}
div.bxslider {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
/*これが無いとboxsliderがダメ*/
div.toppage_slideAreaSp {
  width: 100%;
  display: none;
  background-color: #ccc;
  position: relative;
}
div.toppage_slideAreaSp img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px) {
  div.toppage_slideAreaSp {
    display: block;
  }
}
div.slider {
  width: 100%;
  height: auto;
}
div.movieButton {
  position: absolute;
  bottom: -10%;
  right: 5%;
  background-color: #78466c;
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 1000;
}
div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
@media screen and (max-width: 479px) {
  div.movieButton {
    width: 100px;
    height: 100px;
    bottom: -6%;
  }
  div.movieButton a.movieGuide {
    display: none;
  }
  div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.movieButton {
    width: 100px;
    height: 100px;
    bottom: -7%;
    right: 5%;
  }
  div.movieButton a.movieGuide {
    display: none;
  }
  div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.movieButton:hover {
  background-color: #cf1920;
}
div.toppageLeadArea {
  width: 100%;
  background-color: #fff;
  padding: 35px 0;
}
div.toppageLeadArea div.toppageLead {
  width: 100%;
  max-width: 970px;
  text-align: center;
}
div.toppageLeadArea div.toppageLead p {
  padding: 0 10px;
  font-size: 110%;
}
div.toppageLeadArea div.toppageLead a {
  color: white;
  background-color: #232f3e;
  padding: 10px 20px;
  display: inline-block;
  font-size: 85%;
  text-decoration: none;
  letter-spacing: 2px;
  margin-top: 20px;
}
div.toppageLeadArea div.toppageLead a:hover {
  background-color: #cf1920;
}
div.toppageBannerArea {
  width: 100%;
  padding: 15px 0;
  background-color: #f6f7f7;
  border-bottom: #d7d9d9 solid 1px;
}
div.toppageBannerArea div.toppageBanner {
  width: 100%;
  max-width: 970px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.toppageBannerArea div.toppageMapArea {
  float: left;
  width: 50%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  border: #fff solid 4px;
  -webkit-box-shadow: 0px 0px 10px 0px #ccc;
  /* Safari, Chrome */
  -moz-box-shadow: 0px 0px 10px 0px #ccc;
  /* Firefox */
  box-shadow: 0px 0px 10px 0px #ccc;
  /* CSS3 */
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a > img {
  width: 100%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#hokkaidoLink {
  display: block;
  position: absolute;
  top: 7%;
  left: 68%;
  width: 22%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#tohokuLink {
  position: absolute;
  top: 30%;
  left: 74%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#chubuLink {
  position: absolute;
  top: 43%;
  left: 54%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#kantoLink {
  position: absolute;
  top: 50%;
  left: 74%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#kinkiLink {
  position: absolute;
  top: 65%;
  left: 43%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#shikokuLink {
  position: absolute;
  top: 73%;
  left: 25%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#chugokuLink {
  position: absolute;
  top: 50%;
  left: 28%;
  width: 19%;
}
div.toppageBannerArea div.toppageMapArea div.toppageMapBox a#kyushuLink {
  position: absolute;
  top: 59%;
  left: 2%;
  width: 27%;
}
div.toppageBannerArea div.toppageMapArea img.toppagemap {
  width: 100%;
}
div.toppageBannerArea div.bannerArea {
  float: right;
  width: 50%;
  height: 100px;
  padding-top: 0px;
}
div.toppageBannerArea div.bannerArea a:hover {
  opacity: 0.6;
}
div.toppageBannerArea div.bannerArea a.halfbanner {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 10px;
}
div.toppageBannerArea div.bannerArea a.halfbanner img {
  width: 95%;
}
div.toppageBannerArea div.bannerArea a.fullbanner {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
div.toppageBannerArea div.bannerArea a.fullbanner img {
  width: 98%;
}
@media screen and (max-width: 479px) {
  div.toppageBannerArea {
    border-bottom: none;
  }
  div.toppageBannerArea div.toppageMapArea {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  div.toppageBannerArea div.bannerArea {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.toppageBannerArea {
    border-bottom: none;
  }
  div.toppageBannerArea div.toppageMapArea {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  div.toppageBannerArea div.bannerArea {
    float: none;
    width: 100%;
  }
}
div.toppageNewsArea {
  width: 100%;
  padding: 15px 0;
  background-color: #fff;
}
div.toppageNewsArea div.toppageNews {
  width: 100%;
  max-width: 970px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.toppageNewsArea div.toppageNews h3.newsTitle {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 15px;
}
div.toppageNewsArea div.toppageNews a.newsIndexLink {
  color: white;
  background-color: #232f3e;
  padding: 6px 14px;
  display: inline-block;
  font-size: 80%;
  text-decoration: none;
  letter-spacing: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
}
div.toppageNewsArea div.toppageNews a.newsIndexLink:hover {
  background-color: #cf1920;
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: absolute;
  /*これが無いとboxsliderがダメ*/
  top: 0;
  /*これが無いとboxsliderがダメ*/
  left: 0;
  /*これが無いとboxsliderがダメ*/
  /*margin: 0 auto 60px;*/
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  padding-left: 0px;
  background: #333;
}
/*ポチの位置*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 1000;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}
@media screen and (max-width: 767px) {
  /*ポチの位置 SP*/
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ccc;
  }
  div#sp_toppage_slideArea .bx-wrapper .bx-pager,
  div#sp_toppage_slideArea .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: 100%;
  }
  div#sp_toppage_slideArea .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
  }
  div#sp_toppage_slideArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
  div#sp_toppage_slideArea .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
  }
}
/*mediaquery*/
/* DIRECTION CONTROLS (NEXT / PREV) */
/*tinker*/
.bx-wrapper .bx-prev {
  left: 20px;
  background: url(images/controls.png) no-repeat 0 7px;
}
/*tinker*/
.bx-wrapper .bx-next {
  right: 20px;
  background: url(images/controls.png) no-repeat -36px 7px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -39px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 45%;
  margin-top: -16px;
  outline: 0;
  width: 39px;
  height: 39px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
div.mapAreaWrapper {
  width: 100%;
  background-color: #fbfbfb;
  min-height: 100px;
}
div.mapAreaWrapper img {
  width: 100%;
}
div.mapAreaWrapper a#hokkaidoLink {
  position: absolute;
  top: 15%;
  left: 61%;
  width: 13%;
}
div.mapAreaWrapper a#tohokuLink {
  position: absolute;
  top: 37%;
  left: 70%;
  width: 11.5%;
}
div.mapAreaWrapper a#chubuLink {
  position: absolute;
  top: 47%;
  left: 53%;
  width: 11.5%;
}
div.mapAreaWrapper a#kantoLink {
  position: absolute;
  top: 54%;
  left: 70%;
  width: 11.5%;
}
div.mapAreaWrapper a#kinkiLink {
  position: absolute;
  top: 58%;
  left: 45%;
  width: 11.5%;
}
div.mapAreaWrapper a#shikokuLink {
  position: absolute;
  top: 70%;
  left: 35%;
  width: 11.5%;
}
div.mapAreaWrapper a#chugokuLink {
  position: absolute;
  top: 55%;
  left: 32%;
  width: 11.5%;
}
div.mapAreaWrapper a#kyushuLink {
  position: absolute;
  top: 58%;
  left: 14%;
  width: 17%;
}
div.siteListArea {
  width: 100%;
  background-color: #fff;
}
div.siteList {
  width: 100%;
  max-width: 970px;
  text-align: center;
  padding: 30px 0;
}
div.siteList h3.areaName {
  color: white;
  background-color: #232f3e;
  padding: 10px 20px;
  display: inline-block;
  font-size: 85%;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 100%;
  font-weight: normal;
  padding: 11px 40px 10px 40px;
  margin-bottom: 30px;
  letter-spacing: 3px;
}
div.siteList h3.areaName:hover {
  background-color: #cf1920;
}
div.siteList h3.areaName:hover {
  background-color: #232f3e;
}
@media screen and (max-width: 767px) {
  div.siteList h3.areaName {
    margin-bottom: 0px;
  }
}
ul.sites {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  margin-bottom: 30px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
ul.sites li {
  display: inline-block;
  width: 100%;
  border-bottom: #999 dotted 1px;
  min-height: 26px;
  padding: 12px 10px 8px 10px;
}
ul.sites li.last {
  border-bottom: #000 solid 1px;
}
ul.sites li.dt {
  clear: both;
  border-bottom: #000 solid 1px;
  min-height: 20px!important;
  font-size: 95%;
}
ul.sites div.storyname {
  float: left;
  width: 60%;
  min-height: 30px;
  color: #000;
}
ul.sites div.storyname a {
  text-decoration: none;
}
ul.sites div.storyname a:hover {
  color: #107aae;
  text-decoration: underline;
}
ul.sites div.storyname span {
  margin-left: 10px;
  font-size: 86%;
}
ul.sites div.storyname span:hover {
  color: #107aae;
}
ul.sites div.storyLocation {
  font-size: 90%;
  float: right;
  width: 35%;
  min-height: 30px;
  color: #999;
}
ul.sites div.sitename {
  float: left;
  width: 40%;
  min-height: 30px;
  color: #000;
}
ul.sites div.sitename p {
  padding-right: 25px;
}
ul.sites div.sitename p a.propertyLink {
  display: inline-block;
  width: 17px;
  height: 14px;
  background: url(../../img/common/camera_icon.png) top center no-repeat;
  position: relative;
  top: 2px;
  margin-left: 2px;
}
ul.sites div.sitename p a.propertyLink:hover {
  opacity: 0.7;
}
ul.sites div.sitename span.small {
  font-size: 85%;
}
ul.sites div.siteCategory {
  float: left;
  width: 40%;
  min-height: 30px;
  color: #666;
}
ul.sites div.siteCategory span.small {
  font-size: 85%;
  position: relative;
  top: -3px;
}
ul.sites div.siteLocation {
  float: right;
  width: 20%;
  min-height: 30px;
}
ul.sites div.siteLocation a {
  color: #107aae;
  text-decoration: none;
}
ul.sites div.siteLocation a span {
  display: inline-block;
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -27px;
  width: 10px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 6px;
}
ul.sites div.siteLocation a:hover {
  color: #cf1920;
}
@media screen and (max-width: 767px) {
  ul.sites li.dt > div {
    display: none;
    min-height: 10px!important;
  }
  ul.sites div.sitename,
  ul.sites div.storyname {
    float: none;
    width: 100%;
    font-size: 110%;
    min-height: 20px;
  }
  ul.sites div.sitename p,
  ul.sites div.storyname p {
    padding-right: 10px;
  }
  ul.sites div.siteCategory {
    float: none;
    width: 100%;
    font-size: 85%;
    min-height: 25px;
  }
  ul.sites div.siteLocation,
  ul.sites div.storyLocation {
    float: none;
    width: 100%;
    font-size: 90%;
    min-height: 20px;
  }
  ul.sites div#closeListButton {
    top: 8%;
  }
}
div.stories {
  width: 100%;
  min-height: 100px;
  background-color: white;
  /*これが無いとboxsliderがダメ*/
}
div.stories p {
  font-size: 95%;
}
div.stories div.breadArea {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  font-size: 75%;
  color: #b9baba;
  padding: 10px 10px;
}
@media screen and (max-width: 767px) {
  div.stories div.breadArea {
    display: none;
  }
}
div.stories div.breadArea span {
  color: inherit;
}
div.stories div.breadArea a {
  color: inherit;
  text-decoration: none;
}
div.stories div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.stories div.titleArea {
  text-align: center;
  width: 100%;
  padding-bottom: 6px;
  border-bottom: #d7d9d9 solid 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.stories div.titleArea p.story_number {
  color: #cf1920;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 6px;
  padding-top: 10px;
}
div.stories div.titleArea p.story_number span {
  color: inherit;
}
div.stories div.titleArea h2 {
  color: #000;
  font-weight: normal;
  font-size: 150%;
  letter-spacing: 2px;
  line-height: 1.3;
}
div.stories div.titleArea h2 span.catchphrase {
  line-height: 1.4;
  position: relative;
  top: -10px;
  font-size: 65%;
  color: #727171;
}
@media screen and (max-width: 767px) {
  div.stories div.titleArea {
    font-size: 90%;
  }
}
div.stories div.slideArea {
  width: 100%;
  background-color: #b9baba;
  position: relative;
}
div.stories div.slideArea img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px) {
  div.stories div.slideArea {
    display: none;
  }
}
div.stories div.bxslider {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
div.stories div.slideAreaSp {
  width: 100%;
  display: none;
  background-color: #ccc;
  position: relative;
}
div.stories div.slideAreaSp img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px) {
  div.stories div.slideAreaSp {
    display: block;
  }
}
div.stories div.slider {
  width: 100%;
  height: auto;
}
div.stories div.movieButton {
  position: absolute;
  bottom: 5%;
  right: 5%;
  background-color: #78466c;
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
div.stories div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.stories div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
@media screen and (max-width: 479px) {
  div.stories div.movieButton {
    width: 100px;
    height: 100px;
    bottom: 5%;
  }
  div.stories div.movieButton a.movieGuide {
    display: none;
  }
  div.stories div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.stories div.movieButton {
    width: 100px;
    height: 100px;
    bottom: 10%;
    right: 5%;
  }
  div.stories div.movieButton a.movieGuide {
    display: none;
  }
  div.stories div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.stories div.movieButton:hover {
  background-color: #cf1920;
}
div.stories div.tabArea {
  background-color: #f6f7f7;
  width: 100%;
  height: 68px;
  text-align: center;
  z-index: 1000;
}
div.stories div.tabArea div.tabContainer {
  width: 100%;
}
@media screen and (max-width: 767px) {
  div.stories div.tabArea div.tabContainer {
    width: 100%;
  }
}
div.stories div.tabArea a.tab {
  display: inline-block;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  width: 16.666%;
  height: 68px;
  background-color: #f6f7f7;
  border-left: #d7d9d9 solid 1px;
  float: left;
  opacity: 0.6;
}
div.stories div.tabArea a.tab:hover {
  opacity: 1;
  background-color: #fff;
}
div.stories div.tabArea a.tab:hover span.count {
  background-color: #cf1920;
}
@media screen and (max-width: 479px) {
  div.stories div.tabArea a.tab {
    width: 50%;
    border-bottom: #d7d9d9 solid 1px;
  }
  div.stories div.tabArea a.tab.sp_last {
    border-right: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.stories div.tabArea a.tab {
    width: 33.333%;
    border-bottom: #d7d9d9 solid 1px;
  }
  div.stories div.tabArea a.tab.sp_last {
    border-right: #d7d9d9 solid 1px;
  }
}
@media screen and (min-width: 767px) {
  div.stories div.tabArea a.tab.last {
    border-right: #d7d9d9 solid 1px;
  }
}
div.stories div.tabArea a.tab p {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 15px;
  left: 0;
}
div.stories div.tabArea a.tab span.count {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  background-color: #b9baba;
  color: white;
  font-size: 70%;
  display: inline-block;
  padding: 3px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
div.stories div.tabArea a.tab.selected {
  opacity: 1;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  div.stories div.tabArea a.tab.selected {
    background-color: #fff;
  }
}
@media screen and (min-width: 767px) {
  div.stories div.tabArea a.tab.selected {
    height: 70px;
  }
}
div.stories div.tabArea a.tab.selected span.count {
  background-color: #cf1920;
}
@media screen and (max-width: 479px) {
  div.stories div.tabArea {
    height: 204px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.stories div.tabArea {
    height: 136px;
  }
}
div.stories div.storyArea {
  background-color: #fff;
  width: 100%;
  border-top: #d7d9d9 solid 1px;
  border-bottom: #d7d9d9 solid 1px;
  text-align: center;
  padding: 10px 0 30px 0;
}
@media screen and (max-width: 767px) {
  div.stories div.storyArea {
    border-top: none;
  }
}
div.stories div.storyArea br.show_sm {
  display: none;
}
@media screen and (max-width: 479px) {
  div.stories div.storyArea br.show_sm {
    display: block;
  }
}
div.stories h3.title {
  display: inline-block;
  margin: 20px 0 20px 0;
}
div.stories div.story {
  text-align: center;
}
div.stories div.story p.story_des {
  font-size: 105%;
  line-height: 1.8;
  padding: 10px;
  margin-bottom: 0px;
}
div.stories div.story a#open_detail {
  display: block;
  padding: 0px 0px 30px 0px;
  text-decoration: underline;
  font-size: 100%;
  cursor: pointer;
  color: #0077BE;
}
div.stories div.story a#open_detail:hover {
  text-decoration: none;
  color: #666;
}
div.stories div.story a.listButton {
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px;
  background-color: #232f3e;
  color: #fff;
  font-size: 80%;
  letter-spacing: 2px;
  margin-right: 10px;
  cursor: pointer;
}
div.stories div.story a.listButton:hover {
  background-color: #cf1920;
}
div.stories div.story a.pdfLink {
  display: inline-block;
  padding: 10px 20px;
  background-color: #232f3e;
  color: #fff;
  font-size: 80%;
  letter-spacing: 2px;
  text-decoration: none;
}
div.stories div.story a.pdfLink:hover {
  background-color: #cf1920;
}
div.stories div.story a.pdfLink span {
  color: inherit;
}
div.stories div.listArea {
  display: none;
  width: 100%;
  background-color: #f6f7f7;
  border-bottom: #d7d9d9 solid 1px;
}
div.stories div.listArea div.siteslist {
  width: 100%;
  max-width: 970px;
  text-align: center;
  position: relative;
}
div.stories div.listArea div.siteslist h4 {
  display: inline-block;
  padding: 10px 10px;
  font-weight: normal;
  letter-spacing: 2px;
  font-size: 130%;
  margin: 30px 0;
  color: #000;
  border-bottom: #000 solid 1px;
}
div.stories div.listArea div.siteslist h5 {
  font-size: 110%;
  color: #000;
  font-weight: normal;
  margin-bottom: 20px;
}
div.stories div.listArea div.siteslist a#closeListButton {
  display: block;
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -395px -256px;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 30px;
  right: 5%;
  cursor: pointer;
}
div.stories div.listArea div.siteslist a#closeListButton:hover {
  opacity: 0.5;
}
div.stories div.locationArea {
  background-color: #fff;
}
div.stories div.locationArea div.location {
  text-align: center;
  padding: 20px 0 30px 0;
}
div.stories div.locationArea div.location div.siteLocation {
  min-height: 30px;
}
div.stories div.locationArea div.location div.siteLocation a {
  color: #107aae;
  text-decoration: none;
  padding: 10px;
}
div.stories div.locationArea div.location div.siteLocation a span {
  display: inline-block;
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -27px;
  width: 10px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 6px;
}
div.stories div.locationArea div.location div.siteLocation a:hover {
  color: #cf1920;
}
div.stories div.accessArea {
  background-color: #fff;
  font-size: 95%;
}
div.stories div.accessArea div.access {
  max-width: 970px;
  text-align: center;
  padding: 20px 0 30px 0;
}
div.stories div.accessArea div.access p.des {
  line-height: 1.8;
  margin-bottom: 20px;
  padding: 10px;
}
div.stories div.accessArea div.access h5 {
  font-size: 120%;
  font-weight: normal;
  margin: 20px 0;
}
div.stories div.accessArea div.access ul.accessList {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  width: 96%;
  padding: 0;
  list-style: none;
  border-top: #d7d9d9 solid 1px;
  text-align: left;
  margin-bottom: 40px;
}
div.stories div.accessArea div.access ul.accessList > li {
  width: 100%;
  background-color: #f6f7f7;
  border-bottom: #b9baba dotted 1px;
  display: inline-block;
}
div.stories div.accessArea div.access ul.accessList div.access_name {
  width: 15%;
  float: left;
}
div.stories div.accessArea div.access ul.accessList div.access_name span {
  padding: 10px 15%;
  display: block;
  letter-spacing: 2px;
}
div.stories div.accessArea div.access ul.accessList div.access_route {
  background-color: white;
  width: 85%;
  float: left;
}
div.stories div.accessArea div.access ul.accessList div.access_route ul {
  list-style: square;
  padding: 10px 10px 10px 30px;
}
@media screen and (max-width: 479px) {
  div.stories div.accessArea div.access ul.accessList {
    width: 100%;
    border-top: none;
  }
  div.stories div.accessArea div.access ul.accessList > li {
    width: 100%;
    background-color: white;
    margin-bottom: 30px;
  }
  div.stories div.accessArea div.access ul.accessList > li:last-child {
    border-bottom: none;
  }
  div.stories div.accessArea div.access ul.accessList div.access_name {
    float: none;
    width: 100%;
    text-align: center;
  }
  div.stories div.accessArea div.access ul.accessList div.access_name span {
    font-size: 100%;
    padding: 8px 30px;
    background-color: #f6f7f7;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    display: inline-block;
  }
  div.stories div.accessArea div.access ul.accessList div.access_route {
    float: none;
    width: 100%;
  }
  div.stories div.accessArea div.access ul.accessList div.access_route ul {
    list-style: none;
    padding: 10px;
  }
  div.stories div.accessArea div.access ul.accessList div.access_route li {
    border-bottom: #b9baba dotted 1px;
    padding: 10px 0 8px 0;
    font-size: 90%;
  }
  div.stories div.accessArea div.access ul.accessList div.access_route li:last-child {
    border: none;
  }
}
div.stories div.contactArea {
  background-color: #fff;
}
div.stories div.contactArea div.contact {
  max-width: 970px;
  text-align: center;
  padding: 20px 0 30px 0;
  font-size: 95%;
}
div.stories div.contactArea div.contact p.des {
  line-height: 1.8;
  margin-bottom: 20px;
  padding: 10px;
}
div.stories div.contactArea div.contact div.contactBox {
  margin-bottom: 40px;
}
div.stories div.contactArea div.contact div.contactBox h5 {
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 10px;
}
div.stories div.contactArea div.contact div.contactBox ul {
  list-style: none;
  text-align: center;
}
div.stories div.contactArea div.contact div.contactBox ul li.contactTo {
  color: #000;
}
div.stories div.contactArea div.contact div.contactBox ul li.contactInfo {
  color: #999;
}
div.stories div.contactArea div.contact div.contactBox ul li.contactInfo a {
  color: #107aae;
}
div.stories div.contactArea div.contact div.contactBox br.show_sm {
  display: none;
}
@media screen and (max-width: 479px) {
  div.stories div.contactArea div.contact div.contactBox br.show_sm {
    display: block;
  }
}
div.stories div.accommodationsArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  border-top: #d7d9d9 solid 1px;
}
@media screen and (max-width: 767px) {
  div.stories div.accommodationsArea {
    border-top: none;
  }
}
div.stories div.accommodationsArea div.accommodationsContents {
  padding: 20px 0;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.stories div.accommodationsArea div.accommodationsContents {
    padding: 0;
  }
}
div.stories div.souvenirArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  border-top: #d7d9d9 solid 1px;
}
@media screen and (max-width: 767px) {
  div.stories div.souvenirArea {
    border-top: none;
  }
}
div.stories div.souvenirArea div.souvenirContents {
  padding: 20px 0;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.stories div.souvenirArea div.souvenirContents {
    padding: 0;
  }
}
div.stories div.spotArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  border-top: #d7d9d9 solid 1px;
}
@media screen and (max-width: 767px) {
  div.stories div.spotArea {
    border-top: none;
  }
}
div.stories div.spotArea div.spotContents {
  padding: 20px 0;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.stories div.spotArea div.spotContents {
    padding: 0;
  }
}
div.stories div.specialityArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  border-top: #d7d9d9 solid 1px;
}
@media screen and (max-width: 767px) {
  div.stories div.specialityArea {
    border-top: none;
  }
}
div.stories div.specialityArea div.specialityContents {
  padding: 20px 0;
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.stories div.specialityArea div.specialityContents {
    padding: 0;
  }
}
div.stories div.localInfoBox {
  width: 100%;
  position: relative;
  border-bottom: #d7d9d9 dotted 1px;
  padding-bottom: 10px;
  margin-top: 10px;
  clear: both;
}
div.stories div.localInfoBox div.infoLeft {
  width: 35%;
  float: left;
  text-align: center;
}
div.stories div.localInfoBox div.infoLeft img {
  width: 90%;
  height: auto;
}
div.stories div.localInfoBox div.infoRight {
  width: 65%;
  float: left;
  padding: 10px 0;
  text-align: left;
}
div.stories div.localInfoBox div.infoRight p {
  margin-left: 15px;
}
div.stories div.localInfoBox div.infoRight p.category {
  font-size: 90%;
  color: #666;
  margin-bottom: 4px;
}
div.stories div.localInfoBox div.infoRight p.infoName {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}
div.stories div.localInfoBox div.infoRight p.infoName.large {
  font-size: 120%;
}
div.stories div.localInfoBox div.infoRight p.infoName.thinLarge {
  font-size: 134%;
  font-weight: normal;
}
div.stories div.localInfoBox div.infoRight p.infoAddress a.gmap {
  color: #107aae;
  text-decoration: none;
}
div.stories div.localInfoBox div.infoRight p.infoAddress a.gmap span {
  display: inline-block;
  background-image: url('../../img/common/sprites.png');
  background-repeat: no-repeat;
  background-position: -432px -27px;
  width: 10px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 6px;
}
div.stories div.localInfoBox div.infoRight p.infoAddress a.gmap:hover {
  color: #cf1920;
}
div.stories div.localInfoBox div.infoRight p.infoUrl a {
  color: #107aae;
  text-decoration: none;
}
div.stories div.localInfoBox div.infoRight p.infoUrl a:hover {
  color: #cf1920;
}
div.stories div.localInfoBox div.infoRight div.infoDes {
  font-size: 95%;
  margin-bottom: 10px;
  padding: 5px 15px;
}
@media screen and (max-width: 479px) {
  div.stories div.localInfoBox {
    padding-bottom: 0px;
    margin-top: 0px;
    border-bottom: none;
  }
  div.stories div.localInfoBox div.infoLeft {
    float: none;
    width: 100%;
  }
  div.stories div.localInfoBox div.infoLeft img {
    width: 100%;
  }
  div.stories div.localInfoBox div.infoRight {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.stories div.localInfoBox div.infoLeft {
    width: 40%;
  }
  div.stories div.localInfoBox div.infoRight {
    width: 60%;
  }
}
div.storyDetailArea {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  overflow: visible;
  background-color: #fff;
  z-index: 9999;
}
div.storyDetailArea div.detailHeader div#detail_logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.storyDetailArea div.detailHeader h3.title {
  display: inline-block;
  margin: 20px 0 0px 0;
}
div.storyDetailArea div.detailHeader p.detailTitle {
  text-align: center;
  margin: 0;
}
div.storyDetailArea div.detailHeader a#detail_close_b {
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
}
div.storyDetailArea div.detailHeader a#detail_close_b:hover {
  opacity: 0.7;
}
div.storyDetailArea div.container {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  padding: 40px 0px;
  position: relative;
  box-sizing: border-box;
}
div.storyDetailArea div.container h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 155%;
  font-weight: normal;
  color: #333;
  text-align: center;
  letter-spacing: 2px;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 45px 0 25px 0;
}
div.storyDetailArea div.container p {
  text-align: left;
  font-size: 104%;
  margin: 20px 0 0 0;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 1.9;
}
div.storyDetailArea div.container p.caption {
  font-size: 84%;
  margin: 5px 0;
  color: #999;
}
div.storyDetailArea div.container div.dblWrapper {
  display: inline-block;
  width: 100%;
}
div.storyDetailArea div.container div.dblWrapper div.left {
  width: 48%;
  float: left;
}
div.storyDetailArea div.container div.dblWrapper div.right {
  width: 50%;
  float: right;
}
@media screen and (max-width: 767px) {
  div.storyDetailArea div.container div.dblWrapper div.left,
  div.storyDetailArea div.container div.dblWrapper div.right {
    float: none;
    width: 100%;
  }
}
div.storyDetailArea div.container img.detail_large {
  width: 100%;
  max-width: 640px;
}
div.storyDetailArea div.container img.detail_half {
  margin: 25px 0 0 0;
  width: 100%;
}
div.storyDetailArea div.container a#footer_detail_close {
  display: inline-block;
  margin: 40px 0;
  padding: 10px 45px;
  background-color: #000;
  color: white;
  cursor: pointer;
  font-size: 90%;
  text-decoration: none;
}
div.storyDetailArea div.container a#footer_detail_close:hover {
  background-color: #D10A1C;
}
div.about {
  width: 100%;
  min-height: 100px;
  background-color: white;
}
div.about p {
  font-size: 95%;
}
div.about div.breadArea {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  font-size: 75%;
  color: #b9baba;
  padding: 10px 10px;
}
@media screen and (max-width: 767px) {
  div.about div.breadArea {
    display: none;
  }
}
div.about div.breadArea a {
  color: inherit;
  text-decoration: none;
}
div.about div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.about div.aboutContents {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  padding: 20px 0;
}
div.about div.aboutLeft {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}
div.about div.aboutLeft div.aboutTitle {
  display: inline-block;
}
div.about div.aboutLeft ul.aboutLinkList {
  list-style: none;
  padding: 30px 0;
}
div.about div.aboutLeft ul.aboutLinkList li {
  height: 36px;
}
div.about div.aboutLeft ul.aboutLinkList li a {
  color: #cf1920;
  text-decoration: none;
}
div.about div.aboutLeft ul.aboutLinkList li a:hover {
  text-decoration: underline;
}
div.about div.aboutRight {
  position: relative;
  float: right;
  width: 73%;
  text-align: left;
}
div.about div.aboutRight h2 {
  color: #000;
  font-weight: normal;
  font-size: 190%;
  letter-spacing: 2px;
  line-height: 1.3;
  padding-bottom: 40px;
}
div.about div.aboutRight h2 span {
  line-height: 1.4;
  position: relative;
  top: -10px;
  font-size: 65%;
  color: #727171;
}
div.about div.aboutRight h3 {
  display: inline-block;
  border-bottom: #666 solid 2px;
  width: 98%;
  color: #000;
  font-weight: normal;
  font-size: 120%;
  line-height: 1.5;
  margin: 10px 0;
  padding-bottom: 8px;
  letter-spacing: 2px;
}
div.about div.aboutRight h4 {
  margin-top: 15px;
  border-left: #000 solid 4px;
  padding-left: 10px;
  margin-left: 5px;
}
div.about div.aboutRight p.des {
  width: 98%;
  margin: 10px 0 25px 0;
  line-height: 1.9;
  letter-spacing: 2px;
}
div.about div.aboutRight p.des.strong {
  font-weight: bold;
  font-size: 105%;
  letter-spacing: 1px;
}
div.about div.aboutRight p.des span.normal {
  font-weight: normal;
  font-size: 85%;
}
div.about div.aboutRight ul.pointList {
  list-style: none;
  margin-bottom: 30px;
}
div.about div.aboutRight ul.pointList li {
  margin-bottom: -8px;
}
div.about div.aboutRight ul.pointList li span.redpoint {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: white;
  background-color: #cf1920;
  padding-top: 4px;
  padding-left: 1px;
  font-family: sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}
div.about div.aboutRight ul.pointList li span.pointText {
  display: block;
  margin-left: 40px;
  position: relative;
  top: -25px;
  padding-right: 15px;
  color: #000;
}
div.about div.aboutRight ul.pointList li span.pointText span.normal {
  font-size: 85%;
}
div.about div.aboutRight img.aboutImage {
  width: 96%;
  margin: 10px 0;
}
div.about div.aboutRight img.aboutImage.chigaiImage {
  width: 80%;
  margin-left: 10%;
  margin-bottom: 25px;
}
div.about div.aboutRight div.aboutLinkButtonArea {
  width: 100%;
  padding: 10px 0 25px 0;
}
div.about div.aboutRight div.aboutLinkButtonArea.center {
  text-align: center;
}
div.about div.aboutRight div.aboutLinkButtonArea a.linkButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  min-width: 44%;
  display: inline-block;
  background-color: #232f3e;
  padding: 16px 30px;
  color: white;
  font-size: 90%;
  text-decoration: none;
  margin: 1% 1%;
}
div.about div.aboutRight div.aboutLinkButtonArea a.linkButton:hover {
  background-color: #cf1920;
}
div.about div.aboutRight ul.shinsaList {
  list-style: none;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #f6f7f7;
  padding: 20px 30px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.about div.aboutRight ul.shinsaList li {
  width: 100%;
}
div.about div.aboutRight ul.shinsaList div.left {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 9px;
  float: left;
  background-color: #5ab86d;
  color: white;
  width: 25%;
  max-width: 140px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  letter-spacing: 2px;
}
div.about div.aboutRight ul.shinsaList div.right {
  float: left;
  width: 75%;
  padding-top: 6px;
}
div.about div.aboutRight ul.shinsaList div.right span {
  display: block;
  margin-left: 5%;
}
div.about div.aboutRight ul.katsudou {
  padding: 20px 15px 0px 30px;
  font-size: 95%;
}
div.about div.aboutRight ul.katsudou li {
  margin: 5px 0;
}
@media screen and (max-width: 767px) {
  ul.shinsaList {
    padding: 20px 10px!important;
  }
  div.aboutLeft {
    float: none!important;
    width: 100%!important;
  }
  div.aboutLeft div.aboutTitle {
    display: none!important;
  }
  div.aboutLeft ul.aboutLinkList {
    list-style: none;
    padding: 0 0!important;
    border-top: #d7d9d9 solid 1px;
  }
  div.aboutLeft ul.aboutLinkList li {
    height: 45px!important;
    border-bottom: #d7d9d9 solid 1px;
  }
  div.aboutLeft ul.aboutLinkList li a {
    display: block;
    width: 100%;
    height: 45px;
    color: #333!important;
    text-decoration: none;
    padding-top: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.aboutLeft ul.aboutLinkList li a:hover {
    background-color: #cf1920;
    text-decoration: none!important;
    color: white!important;
  }
  div.aboutContents {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
  }
  div.aboutRight {
    float: none!important;
    width: 94%!important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    margin-top: 30px;
  }
  div.aboutLinkButtonArea {
    text-align: center;
  }
  img.aboutImage {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 20px!important;
  }
  a.linkButton {
    margin: 3% 1%!important;
  }
}
div.newsArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
}
div.newsArea.border_top {
  border-top: #d7d9d9 solid 1px;
}
@media screen and (max-width: 767px) {
  div.newsArea.border_top {
    border-top: none;
  }
}
div.newsArea div.breadArea {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  font-size: 75%;
  color: #b9baba;
  padding: 10px 10px;
}
@media screen and (max-width: 767px) {
  div.newsArea div.breadArea {
    display: none;
  }
}
div.newsArea div.breadArea a {
  color: inherit;
  text-decoration: none;
}
div.newsArea div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.newsArea h3.newsTitle {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 15px;
}
div.newsArea div.newsContents {
  width: 100%;
  max-width: 970px;
  padding: 10px 0px 20px 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.newsArea div.newsContents {
    padding: 0;
  }
}
div.newsArea div.item {
  width: 32%;
  position: relative;
  min-height: 320px;
  box-sizing: border-box;
  margin: 10px 0.5% 10px 0.5%;
}
div.newsArea div.item a.itemimage:hover {
  opacity: 0.7;
}
div.newsArea div.item img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
div.newsArea div.item div.categoryTag {
  width: 68px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}
div.newsArea div.item div.categoryTag.event {
  background-color: #f7ad00;
}
div.newsArea div.item div.categoryTag.media {
  background-color: #72b2ab;
}
div.newsArea div.item div.categoryTag.other {
  background-color: #a2a2a2;
}
div.newsArea div.item div.categoryTag p {
  color: white;
  font-size: 85%;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 479px) {
  div.newsArea div.item div.categoryTag {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
  }
}
div.newsArea div.item p.date {
  font-size: 82%;
  color: #999;
  padding: 0 5px;
  margin-top: 5px;
  letter-spacing: 1px;
  font-style: italic;
}
div.newsArea div.item a.newsTitle {
  display: inline-block;
  font-size: 96%;
  color: #000;
  font-weight: bold;
  margin-top: 0px;
  padding: 0 5px;
  text-decoration: none;
}
div.newsArea div.item a.newsTitle:hover {
  color: #107aae;
}
div.newsArea div.item p.newsLead {
  font-size: 90%!important;
  padding: 0 5px;
  color: #666;
}
@media screen and (max-width: 479px) {
  div.newsArea div.item {
    width: 100%;
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 10px;
    padding-top: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.newsArea div.item {
    width: 49%;
    margin: 5px 0.5%;
  }
}
div.article {
  width: 100%;
  max-width: 680px;
  padding: 0px 0px 20px 0;
  margin-bottom: 40px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.article {
    padding: 0;
  }
}
div.article p.date {
  padding: 10px;
  font-size: 85%;
  color: #999;
}
div.article p.date span.category {
  display: inline-block;
  padding: 3px 10px 3px 10px;
  color: #fff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  margin-left: 15px;
}
div.article p.date span.category.event {
  background-color: #f7ad00;
}
div.article p.date span.category.media {
  background-color: #72b2ab;
}
div.article p.date span.category.other {
  background-color: #a2a2a2;
}
div.article h3.articleTitle {
  font-weight: normal;
  font-size: 140%;
  margin: 10px 0;
  padding: 10px;
}
div.article p {
  padding: 3px 10px;
}
div.article p.articleDes {
  margin-bottom: 10px;
}
div.article p a,
div.article p a span {
  color: #107aae;
  text-decoration: none;
}
div.article p a:hover,
div.article p a span:hover {
  text-decoration: underline;
}
div.article img.halfImage {
  width: 48%;
  display: inline-block;
  margin: 20px 0.3%;
}
div.article img.fullImage {
  width: 100%;
  margin: 20px 0;
}
div.article a.pdfLink {
  margin: 10px 0;
  display: inline-block;
  padding: 15px 20px;
  background-color: #232f3e;
  color: #fff;
  font-size: 80%;
  letter-spacing: 2px;
  text-decoration: none;
}
div.article a.pdfLink:hover {
  background-color: #cf1920;
}
div.article a.pdfLink span {
  color: inherit;
}
@media screen and (max-width: 479px) {
  div.article {
    width: 100%;
  }
  div.article img.halfImage {
    width: 100%;
    margin: 3px 0;
  }
  div.article a.pdfLink {
    margin: 20px 12px;
  }
}
div.specialArea {
  width: 100%;
  min-height: 200px;
  background-color: #fff;
}
div.specialArea div.breadArea {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  font-size: 75%;
  color: #b9baba;
  padding: 10px 10px;
}
@media screen and (max-width: 767px) {
  div.specialArea div.breadArea {
    display: none;
  }
}
div.specialArea div.breadArea a {
  color: inherit;
  text-decoration: none;
}
div.specialArea div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.specialArea div.specialMainImageArea {
  width: 100%;
  max-height: 460px;
  max-width: 970px;
  margin-bottom: 40px;
  /*padding:10px 0px 20px 0;*/
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  /*これが無いとboxsliderがダメ*/
}
@media screen and (max-width: 479px) {
  div.specialArea div.specialMainImageArea {
    padding: 0;
  }
}
div.specialArea div.specialMainImageArea img {
  width: 100%;
}
div.specialArea div.specialMainImageArea ul.slide {
  list-style: none;
  margin: 10px 0;
  opacity: 0;
}
div.specialArea div.specialMainImageArea ul.slide li {
  display: inline-block;
}
div.specialArea div.specialMainImageArea ul.slide li a {
  display: inline-block;
  line-height: 1;
}
div.specialArea div.specialMainImageArea ul.slide li img {
  width: 100%;
  display: inline-block;
}
div.specialArea div.specialMainImageArea img.specialImageDammy {
  position: absolute;
}
div.specialArea div.specialMainImageArea div.bxslider {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
div.specialArea div.specialMainImageArea div.bx-viewport {
  background-color: unset;
}
div.specialArea div.specialTitleArea {
  text-align: center;
}
div.specialArea div.specialTitleArea h3.specialTitle {
  display: inline-block;
}
div.specialArea div.specialTitleArea p.specialLead {
  padding: 20px 0;
}
div.specialArea div.specialContents {
  width: 100%;
  max-width: 970px;
  padding: 10px 0px 20px 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.specialArea div.specialContents {
    padding: 0;
  }
}
div.specialArea div.specialContents div.item {
  width: 32%;
  position: relative;
  min-height: 300px;
  box-sizing: border-box;
  margin: 10px 0.5% 10px 0.5%;
}
div.specialArea div.specialContents div.item a.itemimage:hover {
  opacity: 0.7;
}
div.specialArea div.specialContents div.item img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
div.specialArea div.specialContents div.item div.categoryTag {
  width: 68px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}
div.specialArea div.specialContents div.item div.categoryTag.event {
  background-color: #f7ad00;
}
div.specialArea div.specialContents div.item div.categoryTag.media {
  background-color: #72b2ab;
}
div.specialArea div.specialContents div.item div.categoryTag.other {
  background-color: #a2a2a2;
}
div.specialArea div.specialContents div.item div.categoryTag p {
  color: white;
  font-size: 85%;
  text-align: center;
  position: relative;
  top: 3px;
}
@media screen and (min-width: 479px) {
  div.specialArea div.specialContents div.item div.categoryTag {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
  }
}
div.specialArea div.specialContents div.item p.date {
  font-size: 85%;
  color: #999;
  padding: 0 5px;
  margin-top: 5px;
  letter-spacing: 0;
  font-style: italic;
}
div.specialArea div.specialContents div.item a.newsTitle {
  display: inline-block;
  font-size: 96%;
  color: #000;
  font-weight: bold;
  margin-top: 0px;
  padding: 0 5px;
  text-decoration: none;
}
div.specialArea div.specialContents div.item a.newsTitle:hover {
  color: #107aae;
}
div.specialArea div.specialContents div.item p.newsLead {
  font-size: 85%;
  padding: 0 5px;
  color: #666;
}
@media screen and (max-width: 479px) {
  div.specialArea div.specialContents div.item {
    width: 100%;
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 10px;
    padding-top: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.specialArea div.specialContents div.item {
    width: 49%;
    margin: 5px 0.5%;
  }
}
div.sp161202 {
  background-color: white;
}
div.sp161202 div.mainimageArea {
  width: 100%;
  background: url(../../img/special/sp161202/mainimage.jpg) top center no-repeat;
  background-size: cover;
}
div.sp161202 div.mainimageArea img {
  width: 100%;
  height: auto;
}
div.sp161202 div.taidanArea {
  width: 100%;
  min-height: 300px;
  background: url(../../img/special/sp161202/oldmap_bg.jpg) top center repeat;
}
div.sp161202 div.taidanArea div.movieButton {
  position: absolute;
  top: -100px;
  right: 37%;
  background-color: #78466c;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
div.sp161202 div.taidanArea div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.sp161202 div.taidanArea div.movieButton a.movieGuide img {
  margin-top: 10px;
}
div.sp161202 div.taidanArea div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
div.sp161202 div.taidanArea div.movieButton a.movieGuideSp img {
  width: 65%;
  margin-top: 4%;
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.movieButton {
    width: 130px;
    height: 130px;
    right: 35%;
    top: -60px;
  }
  div.sp161202 div.taidanArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp161202 div.taidanArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp161202 div.taidanArea div.movieButton {
    width: 160px;
    height: 160px;
    right: 10%;
  }
  div.sp161202 div.taidanArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp161202 div.taidanArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.sp161202 div.taidanArea div.movieButton:hover {
  background-color: #cf1920;
}
div.sp161202 div.taidanArea div.taidanInner {
  background-color: white;
  max-width: 800px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: center;
}
div.sp161202 div.taidanArea div.taidanInner h1 {
  display: block;
  text-align: center;
  padding-top: 140px;
}
div.sp161202 div.taidanArea div.taidanInner h1 img {
  max-width: 688px;
  width: 90%;
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.taidanInner h1 {
    padding-top: 80px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp161202 div.taidanArea div.taidanInner h1 {
    padding-top: 100px;
  }
}
div.sp161202 div.taidanArea div.taidanInner p.taidanLead {
  margin-top: 40px;
  max-width: 688px;
  width: 90%;
  font-size: 130%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.taidanInner p.taidanLead {
    font-size: 115%;
  }
}
div.sp161202 div.taidanArea div.taidanInner img.captureImage {
  width: 70%;
  margin: 40px 0;
}
div.sp161202 div.taidanArea div.taidanInner div.talk {
  font-size: 108%;
  margin-bottom: 20px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.sp161202 div.taidanArea div.taidanInner div.talk div.name {
  display: block;
  float: left;
  width: 20%;
  color: #78466C;
  font-weight: bold;
  text-align: right;
}
div.sp161202 div.taidanArea div.taidanInner div.talk div.des {
  display: block;
  width: 70%;
  float: right;
  text-align: left;
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.taidanInner div.talk {
    width: 90%;
  }
  div.sp161202 div.taidanArea div.taidanInner div.talk div.name {
    float: none;
    width: 100%;
    text-align: left;
  }
  div.sp161202 div.taidanArea div.taidanInner div.talk div.des {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp161202 div.taidanArea div.taidanInner div.talk {
    width: 80%;
  }
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.taidanInner img.captureImage {
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp161202 div.taidanArea div.taidanInner img.captureImage {
    width: 80%;
  }
}
div.sp161202 div.taidanArea div.bannerArea {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  padding: 40px 0 50px 0;
}
div.sp161202 div.taidanArea div.bannerArea a.bangumiBanner img {
  width: 100%;
}
@media screen and (max-width: 479px) {
  div.sp161202 div.taidanArea div.bannerArea {
    width: 100%;
  }
}
div.sp170428 {
  background-color: white;
}
div.sp170428 div.mainimageArea {
  width: 100%;
  background: url(../../img/special/sp170428/mainimage.jpg) top center no-repeat;
  background-size: cover;
}
div.sp170428 div.mainimageArea img {
  width: 100%;
  height: auto;
}
div.sp170428 div.awardArea {
  width: 100%;
  min-height: 300px;
  background: url(../../img/special/sp170428/oldmap_bg.jpg) top center repeat;
}
div.sp170428 div.awardArea div.movieButton {
  position: absolute;
  top: -100px;
  right: 37%;
  background-color: #78466c;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
div.sp170428 div.awardArea div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.sp170428 div.awardArea div.movieButton a.movieGuide img {
  margin-top: 10px;
}
div.sp170428 div.awardArea div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
div.sp170428 div.awardArea div.movieButton a.movieGuideSp img {
  width: 65%;
  margin-top: 4%;
}
@media screen and (max-width: 479px) {
  div.sp170428 div.awardArea div.movieButton {
    width: 130px;
    height: 130px;
    right: 35%;
    top: -60px;
  }
  div.sp170428 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp170428 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp170428 div.awardArea div.movieButton {
    width: 160px;
    height: 160px;
    right: 10%;
  }
  div.sp170428 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp170428 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.sp170428 div.awardArea div.movieButton:hover {
  background-color: #cf1920;
}
div.sp170428 div.awardArea div.awardInner {
  background-color: white;
  max-width: 800px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: center;
  /*h1{
				display: block;
				text-align: center;
				padding-top:140px;
				img{max-width:688px;
					width:90%;}//img
				@media screen and (max-width: 479px) {padding-top:80px;}
				@media screen and (min-width: 480px) and (max-width: 767px)  {
					padding-top:100px;
				}
				}//h1*/
}
div.sp170428 div.awardArea div.awardInner h1 {
  font-weight: normal;
  font-size: 180%;
  width: 88%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  div.sp170428 div.awardArea div.awardInner h1 {
    font-size: 160%;
    padding-top: 90px;
  }
}
div.sp170428 div.awardArea div.awardInner h2.sp170428title img {
  width: 95%;
  max-width: 459px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  div.sp170428 div.awardArea div.awardInner h2.sp170428title img {
    margin-bottom: 0px;
  }
}
div.sp170428 div.awardArea div.awardInner p.sp170428Lead {
  max-width: 688px;
  width: 90%;
  font-size: 120%;
  text-align: left;
  line-height: 2;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.sp170428 div.awardArea div.awardInner p.sp170428Lead {
    font-size: 115%;
  }
}
div.sp170428 div.awardArea div.awardInner div.imageArea {
  width: 100%;
  margin-bottom: 70px;
}
div.sp170428 div.awardArea div.awardInner div.imageArea div.left {
  float: left;
  width: 50%;
}
div.sp170428 div.awardArea div.awardInner div.imageArea div.left img {
  width: 100%;
}
div.sp170428 div.awardArea div.awardInner div.imageArea div.right {
  width: 50%;
  float: right;
}
div.sp170428 div.awardArea div.awardInner div.imageArea div.right img {
  width: 100%;
}
@media screen and (max-width: 479px) {
  div.sp170428 div.awardArea div.awardInner div.imageArea div.left,
  div.sp170428 div.awardArea div.awardInner div.imageArea div.right {
    float: none;
    width: 100%;
  }
}
div.sp170428 div.awardArea div.awardInner div.sitelist {
  width: 98%;
  padding-bottom: 60px;
}
div.sp170428 div.awardArea div.awardInner div.sitelist div.storytitle {
  float: left;
  width: 40%;
  min-height: 30px;
  color: #000;
}
div.sp170428 div.awardArea div.awardInner div.sitelist div.storytitle p {
  padding-right: 25px;
}
div.sp170428 div.awardArea div.awardInner div.sitelist div.storytitle span.small {
  font-size: 85%;
}
div.sp170428 div.awardArea div.awardInner div.sitelist div.site {
  float: left;
  width: 35%;
  min-height: 30px;
  color: #127f24!important;
  font-size: 90%;
}
div.sp170428 div.awardArea div.awardInner div.sitelist div.siteLocation {
  float: right;
  width: 20%;
  min-height: 30px;
  color: #78466c;
  font-size: 90%;
}
@media screen and (max-width: 767px) {
  div.sp170428 div.awardArea div.awardInner div.sitelist li.dt > div {
    display: none;
    min-height: 10px!important;
  }
  div.sp170428 div.awardArea div.awardInner div.sitelist div.storytitle,
  div.sp170428 div.awardArea div.awardInner div.sitelist div.storyname {
    float: none;
    width: 100%;
    font-size: 110%;
    min-height: 20px;
  }
  div.sp170428 div.awardArea div.awardInner div.sitelist div.storytitle p,
  div.sp170428 div.awardArea div.awardInner div.sitelist div.storyname p {
    padding-right: 10px;
  }
  div.sp170428 div.awardArea div.awardInner div.sitelist div.site {
    float: none;
    width: 100%;
    font-size: 85%;
    min-height: 25px;
  }
  div.sp170428 div.awardArea div.awardInner div.sitelist div.siteLocation,
  div.sp170428 div.awardArea div.awardInner div.sitelist div.storyLocation {
    float: none;
    width: 100%;
    font-size: 90%;
    min-height: 20px;
  }
  div.sp170428 div.awardArea div.awardInner div.sitelist div#closeListButton {
    top: 8%;
  }
}
div.sp171004 {
  background-color: white;
}
div.sp171004 div.mainimageArea {
  width: 100%;
  background: url(../../img/special/sp171004/mainimage.jpg) top center no-repeat;
  background-size: cover;
}
div.sp171004 div.mainimageArea img {
  width: 100%;
  height: auto;
}
div.sp171004 div.awardArea {
  width: 100%;
  min-height: 300px;
  background: url(../../img/special/sp171004/oldmap_bg.jpg) top center repeat;
}
div.sp171004 div.awardArea div.movieButton {
  position: absolute;
  top: -100px;
  right: 37%;
  background-color: #78466c;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
div.sp171004 div.awardArea div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.sp171004 div.awardArea div.movieButton a.movieGuide img {
  margin-top: 10px;
}
div.sp171004 div.awardArea div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
div.sp171004 div.awardArea div.movieButton a.movieGuideSp img {
  width: 65%;
  margin-top: 4%;
}
@media screen and (max-width: 479px) {
  div.sp171004 div.awardArea div.movieButton {
    width: 130px;
    height: 130px;
    right: 35%;
    top: -60px;
  }
  div.sp171004 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp171004 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp171004 div.awardArea div.movieButton {
    width: 160px;
    height: 160px;
    right: 10%;
  }
  div.sp171004 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp171004 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.sp171004 div.awardArea div.movieButton:hover {
  background-color: #cf1920;
}
div.sp171004 div.awardArea div.awardInner {
  padding-bottom: 30px;
  background-color: white;
  max-width: 800px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: center;
  /*h1{
				display: block;
				text-align: center;
				padding-top:140px;
				img{max-width:688px;
					width:90%;}//img
				@media screen and (max-width: 479px) {padding-top:80px;}
				@media screen and (min-width: 480px) and (max-width: 767px)  {
					padding-top:100px;
				}
				}//h1*/
}
div.sp171004 div.awardArea div.awardInner h1 {
  font-weight: normal;
  font-size: 180%;
  width: 88%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  div.sp171004 div.awardArea div.awardInner h1 {
    font-size: 160%;
    padding-top: 90px;
  }
}
div.sp171004 div.awardArea div.awardInner h2.sp171004title img {
  width: 95%;
  max-width: 459px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  div.sp171004 div.awardArea div.awardInner h2.sp171004title img {
    margin-bottom: 0px;
  }
}
div.sp171004 div.awardArea div.awardInner p.sp171004Lead {
  max-width: 688px;
  width: 90%;
  font-size: 120%;
  text-align: left;
  line-height: 2;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.sp171004 div.awardArea div.awardInner p.sp171004Lead {
    font-size: 115%;
  }
}
div.sp171004 div.awardArea div.awardInner div.imageArea {
  width: 100%;
  margin-bottom: 70px;
}
div.sp171004 div.awardArea div.awardInner div.imageArea div.left {
  float: left;
  width: 50%;
}
div.sp171004 div.awardArea div.awardInner div.imageArea div.left img {
  width: 100%;
}
div.sp171004 div.awardArea div.awardInner div.imageArea div.right {
  width: 50%;
  float: right;
}
div.sp171004 div.awardArea div.awardInner div.imageArea div.right img {
  width: 100%;
}
@media screen and (max-width: 479px) {
  div.sp171004 div.awardArea div.awardInner div.imageArea div.left,
  div.sp171004 div.awardArea div.awardInner div.imageArea div.right {
    float: none;
    width: 100%;
  }
}
div.sp171004 div.awardArea div.awardInner div.sitelist {
  width: 98%;
  padding-bottom: 60px;
}
div.sp171004 div.awardArea div.awardInner div.sitelist div.storytitle {
  float: left;
  width: 40%;
  min-height: 30px;
  color: #000;
}
div.sp171004 div.awardArea div.awardInner div.sitelist div.storytitle p {
  padding-right: 25px;
}
div.sp171004 div.awardArea div.awardInner div.sitelist div.storytitle span.small {
  font-size: 85%;
}
div.sp171004 div.awardArea div.awardInner div.sitelist div.site {
  float: left;
  width: 35%;
  min-height: 30px;
  color: #127f24!important;
  font-size: 90%;
}
div.sp171004 div.awardArea div.awardInner div.sitelist div.siteLocation {
  float: right;
  width: 20%;
  min-height: 30px;
  color: #78466c;
  font-size: 90%;
}
@media screen and (max-width: 767px) {
  div.sp171004 div.awardArea div.awardInner div.sitelist li.dt > div {
    display: none;
    min-height: 10px!important;
  }
  div.sp171004 div.awardArea div.awardInner div.sitelist div.storytitle,
  div.sp171004 div.awardArea div.awardInner div.sitelist div.storyname {
    float: none;
    width: 100%;
    font-size: 110%;
    min-height: 20px;
  }
  div.sp171004 div.awardArea div.awardInner div.sitelist div.storytitle p,
  div.sp171004 div.awardArea div.awardInner div.sitelist div.storyname p {
    padding-right: 10px;
  }
  div.sp171004 div.awardArea div.awardInner div.sitelist div.site {
    float: none;
    width: 100%;
    font-size: 85%;
    min-height: 25px;
  }
  div.sp171004 div.awardArea div.awardInner div.sitelist div.siteLocation,
  div.sp171004 div.awardArea div.awardInner div.sitelist div.storyLocation {
    float: none;
    width: 100%;
    font-size: 90%;
    min-height: 20px;
  }
  div.sp171004 div.awardArea div.awardInner div.sitelist div#closeListButton {
    top: 8%;
  }
}
div.sp180306 {
  width: 100%;
  background-color: white;
}
div.sp180306 div.detailLinkArea {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
div.sp180306 a.detailLink {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
div.sp180306 a.detailLink:hover {
  opacity: 0.7;
}
div.sp180306 a.detailLink img {
  width: 90%;
  max-width: 222px;
}
div.sp180306 div.guideHeaderArea {
  width: 100%;
  color: blue;
}
div.sp180306 div.guideHeaderArea div.breadArea {
  width: 100%;
  max-width: 900px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  color: #999;
  font-size: 86%;
  padding-left: 10px;
}
div.sp180306 div.guideHeaderArea div.breadArea a {
  text-decoration: none;
  color: inherit;
}
div.sp180306 div.guideHeaderArea div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.sp180306 div.guideHeaderArea h2 {
  text-align: center;
  padding: 15px 0 0px 0;
}
div.sp180306 div.guideHeaderArea h2 img.tsuwano_title {
  max-width: 320px;
}
div.sp180306 div.guideHeaderArea h2 img.onomichi_title {
  max-width: 400px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.guideHeaderArea div.guideMenuArea {
    padding-bottom: 0px;
  }
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 20px 0 10px 0;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li {
  display: inline-block;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a {
  position: relative;
  display: block;
  border-right: #ccc solid 1px;
  width: 180px;
  text-align: center;
  overflow: visible;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a:hover {
  opacity: 0.7;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a.guidemenu01 {
  border-left: #ccc solid 1px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a.guidemenu01 img {
  width: 113px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a.guidemenu02 img {
  width: 110px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a.guidemenu03 img {
  width: 110px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a.guidemenu04 img {
  width: 75px;
}
div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a img.arrow {
  width: 10px;
  display: block;
  position: absolute;
  left: 85px;
  bottom: -15px;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu {
    padding: 0;
    margin-bottom: 0;
    border-top: #ccc solid 1px;
    box-sizing: border-box;
  }
  div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li {
    width: 50%;
    height: 60px;
    box-sizing: border-box;
    border-bottom: #ccc solid 1px;
    padding-top: 15px;
  }
  div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li.border_right {
    border-right: #ccc solid 1px;
  }
  div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }
  div.sp180306 div.guideHeaderArea div.guideMenuArea ul.guidemenu li a img.arrow {
    display: none;
  }
}
div.sp180306 div.guideContentsWrapper.tsuwano {
  width: 100%;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.tsuwanoMainImage {
  width: 100%;
  /*background: url(../../img/special/sp180306/tsuwano/tsuwano_main.jpg)top center no-repeat;
			background-size: cover;*/
}
div.sp180306 div.guideContentsWrapper.tsuwano div.tsuwanoMainImage img {
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 480px) {
  div.sp180306 div.guideContentsWrapper.tsuwano div.tsuwanoMainImage {
    display: none;
  }
}
div.sp180306 div.guideContentsWrapper.tsuwano div.sp_tsuwanoMainImage {
  display: none;
}
@media screen and (max-width: 480px) {
  div.sp180306 div.guideContentsWrapper.tsuwano div.sp_tsuwanoMainImage {
    width: 100%;
    display: block;
  }
  div.sp180306 div.guideContentsWrapper.tsuwano div.sp_tsuwanoMainImage img {
    width: 100%;
  }
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano {
  width: 100%;
  margin-top: 30px;
  max-width: 900px;
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.left {
  float: left;
  width: 35%;
  text-align: right;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.left img.pc_image {
  margin-bottom: 10px;
  width: 90%;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.right {
  width: 63%;
  float: right;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.right p {
  padding: 15px;
}
div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.right img.sp_subimage {
  display: none;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.left {
    float: none;
    width: 100%;
  }
  div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano img.pc_image {
    display: none;
  }
  div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.right {
    float: none;
    width: 100%;
  }
  div.sp180306 div.guideContentsWrapper.tsuwano div.dblWrapper.tsuwano div.right img.sp_subimage {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}
div.sp180306 div.guideContentsWrapper.onomichi {
  width: 100%;
}
div.sp180306 div.guideContentsWrapper.onomichi div.onomichiMainImage {
  position: relative;
  background: url(../../img/special/sp180306/onomichi/onomichi_main.jpg) bottom center no-repeat;
  background-size: cover;
}
div.sp180306 div.guideContentsWrapper.onomichi div.onomichiMainImage > img.onomichiMainDammy {
  width: 100%;
  max-width: 1000px;
}
div.sp180306 div.guideContentsWrapper.onomichi div.onomichiMainImage img.onomichi_main_title {
  position: absolute;
  top: 12%;
  left: 14%;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.guideContentsWrapper.onomichi div.onomichiMainImage img.onomichi_main_title {
    width: 210px;
    left: 20%;
  }
}
div.sp180306 div.guideContentsWrapper.onomichi div.onomichiMainImage div.nami {
  width: 100%;
  height: 138px;
  background: url(../../img/special/sp180306/onomichi/nami.png) bottom center repeat-x;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi {
  width: 100%;
  margin-top: 20px;
  max-width: 900px;
  padding-bottom: 40px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi img.onomichi_neko {
  position: absolute;
  top: -120px;
  right: 0;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi h3 {
  padding-top: 30px;
  margin-left: 2%;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi h3.onomichi_leadtitle img {
  width: 96%;
  max-width: 420px;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left {
  float: left;
  width: 63%;
  text-align: left;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left p {
  padding: 15px;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left img.sp_subimage {
  display: none;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.right {
  padding-top: 20px;
  width: 35%;
  float: right;
}
div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.right img.pc_image {
  margin-bottom: 10px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi img.onomichi_neko {
    width: 88%;
    top: -90px;
    right: 5%;
    max-width: 410px;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi h3 {
    padding-top: 80px;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi h3 img {
    width: 90%;
    margin-left: 4%;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left {
    float: none;
    width: 100%;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi img.pc_image {
    display: none;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left {
    float: none;
    width: 100%;
  }
  div.sp180306 div.guideContentsWrapper.onomichi div.dblWrapper.onomichi div.left img.sp_subimage {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}
div.sp180306 div.sp1803footerLinkArea {
  border-top: #ccc dotted 1px;
  border-bottom: #ccc dotted 1px;
  width: 100%;
  background-color: white;
  padding: 20px 0 10px 0;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.sp1803footerLinkArea {
    padding: 0;
    border: none;
  }
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0px 0 10px 0;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li {
  display: inline-block;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a {
  position: relative;
  display: block;
  border-right: #ccc solid 1px;
  width: 180px;
  text-align: center;
  overflow: visible;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a:hover {
  opacity: 0.7;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a.guidemenu01 {
  border-left: #ccc solid 1px;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a.guidemenu01 img {
  width: 113px;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a.guidemenu02 img {
  width: 110px;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a.guidemenu03 img {
  width: 110px;
}
div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a.guidemenu04 img {
  width: 75px;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.sp1803footerLinkArea ul.guidemenu {
    padding: 0;
    margin-bottom: 0;
    border-top: #ccc solid 1px;
    box-sizing: border-box;
  }
  div.sp180306 div.sp1803footerLinkArea ul.guidemenu li {
    width: 50%;
    height: 60px;
    box-sizing: border-box;
    border-bottom: #ccc solid 1px;
    padding-top: 15px;
  }
  div.sp180306 div.sp1803footerLinkArea ul.guidemenu li.border_right {
    border-right: #ccc solid 1px;
  }
  div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }
  div.sp180306 div.sp1803footerLinkArea ul.guidemenu li a img.arrow {
    display: none;
  }
}
div.sp180306 div.relativeAreaWrapper {
  width: 100%;
  background-color: #F9F9F8;
  padding: 15px 0 10px 0;
  text-align: center;
}
div.sp180306 div.relativeAreaWrapper.linebg {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #ECE6D4), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ECE6D4), color-stop(0.75, #ECE6D4), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 5px 5px;
}
div.sp180306 div.relativeAreaWrapper h3 {
  font-size: 120%;
  font-weight: normal;
  color: #777;
  margin-bottom: 20px;
}
div.sp180306 div.relativeArea {
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
div.sp180306 div.relativeArea div.relativeBox {
  width: 33.333%;
  float: left;
}
div.sp180306 div.relativeArea div.relativeBox a:hover {
  opacity: 0.7;
}
div.sp180306 div.relativeArea div.relativeBox img {
  width: 95%;
  border: #ccc dotted 1px;
}
@media screen and (max-width: 767px) {
  div.sp180306 div.relativeArea div.relativeBox {
    width: 50%;
  }
}
div.courseAreaWrapper {
  width: 100%;
  background-color: #F9F9F8;
  min-height: 300px;
  text-align: center;
  padding: 40px 0;
}
div.courseAreaWrapper h3 img {
  max-width: 240px;
  margin-bottom: 30px;
}
div.courseArea {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  min-height: 300px;
  padding-top: 40px;
  background-color: white!important;
}
div.courseArea.blueline {
  background: url(../../img/special/sp180306/common/course/course_line_blue.png) top center repeat-x;
}
div.courseArea.blueline p.coursePoint {
  color: #54B7E9;
}
div.courseArea.blueline span.num,
div.courseArea.blueline div.time {
  background-color: #54B7E9;
}
div.courseArea.greenline {
  background: url(../../img/special/sp180306/common/course/course_line_green.png) top center repeat-x;
}
div.courseArea.greenline p.coursePoint {
  color: #74C6C0;
}
div.courseArea.greenline span.num,
div.courseArea.greenline div.time {
  background-color: #74C6C0;
}
div.courseArea.purpleline {
  background: url(../../img/special/sp180306/common/course/course_line_purple.png) top center repeat-x;
}
div.courseArea.purpleline p.coursePoint {
  color: #7360a3;
}
div.courseArea.purpleline span.num,
div.courseArea.purpleline div.time {
  background-color: #7360a3;
}
div.courseArea div.course {
  width: 100%;
  padding-top: 10px;
  padding-left: 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  div.courseArea div.course {
    padding-left: 0px;
  }
}
div.courseArea div.tsuwano1 div.courseBox {
  height: 430px;
}
div.courseArea div.tsuwano2 div.courseBox {
  height: 430px;
}
div.courseArea div.onomichi div.courseBox {
  height: 410px;
}
div.courseArea div.courseBox {
  width: 33%;
  float: left;
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  div.courseArea div.courseBox {
    width: 100%;
  }
  div.courseArea div.courseBox div.courseBoxInner {
    width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  div.courseArea div.courseBox {
    width: 50%;
  }
}
div.courseArea div.courseBoxInner {
  width: 95%;
  position: relative;
}
div.courseArea div.courseBoxInner img {
  width: 100%;
  border: #ccc solid 1px;
}
div.courseArea div.courseBoxInner div.time {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  color: white;
  font-size: 100%;
  box-sizing: border-box;
  padding: 4px 10px 3px 8px;
  font-weight: bold;
  display: inline-block;
}
div.courseArea div.courseBoxInner div.time img.time_icon {
  width: 14px;
  display: inline-block;
  border: none;
  position: relative;
  top: 3px;
}
div.courseArea div.courseBoxInner p.coursePoint {
  margin: 10px 0;
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 2%;
}
div.courseArea div.courseBoxInner p.coursePoint span.num {
  width: 20px;
  height: 20px;
  color: white;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 80%;
  margin-right: 10px;
  letter-spacing: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
div.courseArea div.courseBoxInner p.coursePoint span.small {
  font-size: 80%;
  color: inherit;
}
div.courseArea div.courseBoxInner p.courseDes {
  box-sizing: border-box;
  text-align: left;
  font-size: 90%;
  padding: 0 2%;
}
img.course_tsuwano1 {
  max-width: 127px;
  border: none!important;
}
img.sp_course_tsuwano1 {
  display: none;
}
img.course_onomichi {
  max-width: 127px;
  border: none!important;
}
img.sp_course_onomichi {
  display: none;
}
@media screen and (max-width: 480px) {
  div.titlebox {
    text-align: center;
    height: unset!important;
    padding-bottom: 15px;
  }
  img.course_tsuwano1 {
    display: none;
  }
  img.sp_course_tsuwano1 {
    max-width: 80%;
    border: none!important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }
  img.course_onomichi {
    display: none;
  }
  img.sp_course_onomichi {
    width: 80%;
    max-width: 255px;
    border: none!important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }
}
div.guideContentsWrapper div.accessAreaWrapper {
  padding: 30px 0;
  width: 100%;
  background-color: white;
  min-height: 300px;
  text-align: center;
}
div.guideContentsWrapper div.accessAreaWrapper h3 img {
  max-width: 188px;
}
div.guideContentsWrapper div.accessArea {
  margin: 40px 0 20px 0;
  width: 98%;
  max-width: 900px;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea {
    width: 100%;
  }
}
div.guideContentsWrapper div.accessArea div.where {
  background-color: #BDAA6B;
  color: white;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}
div.guideContentsWrapper div.accessArea div.where span {
  display: inline-block;
  position: absolute;
  top: 10%;
  left: 20px;
  box-sizing: border-box;
  color: white;
  font-weight: normal;
  font-size: 110%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea div.where {
    background-color: #323941;
    height: 45px;
  }
  div.guideContentsWrapper div.accessArea div.where span {
    position: relative;
    padding: 5px 0;
    top: 0px;
  }
}
div.guideContentsWrapper div.accessArea div.how_box {
  width: 82%;
  float: right;
  border-bottom: #fff solid 4px;
  background-color: #F6F6F5;
  text-align: left;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea div.how_box {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
}
div.guideContentsWrapper div.accessArea div.how {
  min-height: 62px;
  box-sizing: border-box;
  font-size: 100%;
  border-left: #fff solid 3px;
  padding: 10px;
  background-color: #F6F6F5;
  width: 15%;
  float: left;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea div.how {
    width: 50%;
    background-color: #ECEBE1;
    min-height: 30px;
  }
}
div.guideContentsWrapper div.accessArea div.time {
  min-height: 62px;
  box-sizing: border-box;
  font-size: 100%;
  border-left: #fff solid 3px;
  padding: 10px;
  background-color: #F6F6F5;
  width: 20%;
  float: left;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea div.time {
    width: 50%;
    min-height: 30px;
  }
}
div.guideContentsWrapper div.accessArea div.route {
  background-color: #F6F6F5;
  font-size: 90%;
  min-height: 62px;
  box-sizing: border-box;
  border-left: #fff solid 3px;
  padding: 10px;
  width: 65%;
  float: left;
}
@media screen and (max-width: 767px) {
  div.guideContentsWrapper div.accessArea div.route {
    width: 100%;
    background-color: #fff;
  }
}
div.contactAreaWrapper {
  width: 100%;
  background-color: #fff;
  color: #333;
  padding: 0px 0 60px 0;
}
div.contactArea {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
div.contactColumn_title {
  width: 26%;
  float: left;
}
div.contactColumn_title h3 {
  color: #333;
  font-size: 155%;
  font-weight: normal;
  margin-left: 10px;
}
div.contactColumn_title span.small {
  color: #666;
  margin-left: 10px;
}
div.contactList {
  float: left;
  width: 74%;
}
div.contactColumn {
  float: left;
  width: 50%;
}
p.contactName {
  width: 80%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 100%;
}
p.conatctDes {
  width: 80%;
  color: #666;
  font-size: 85%;
}
p.conatctDes a {
  color: #BDAA6B;
}
@media screen and (max-width: 767px) {
  div.contactColumn_title,
  div.contactList,
  div.contactColumn {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    text-align: center;
  }
  div.contactColumn_title span.small,
  div.contactList span.small,
  div.contactColumn span.small {
    border-bottom: #333 solid 1px;
    padding-bottom: 5px;
  }
  div.contactColumn_title h3,
  div.contactColumn_title span,
  div.contactColumn_title small {
    margin: 0;
  }
  p.contactName,
  p.conatctDes {
    padding-left: 0px;
    width: 100%;
  }
}
/*SPOT PAGE*/
div.sp180306 div.spotAreaWrapper {
  width: 100%;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #ECE6D4), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ECE6D4), color-stop(0.75, #ECE6D4), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 5px 5px;
  padding: 60px 0;
}
div.sp180306 div.spotArea {
  width: 100%;
  max-width: 950px;
  background-color: white;
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  padding: 30px 0;
}
div.sp180306 div.spotArea h3 {
  padding: 30px 0 40px 0;
}
div.sp180306 div.spotArea h3.midokoro img {
  width: 90%;
  max-width: 240px;
}
div.sp180306 div.spotArea img.tsuwano_osusume {
  position: absolute;
  width: 110px;
  top: 30px;
  left: 20%;
}
div.sp180306 div.midokoroArea {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding-bottom: 30px;
}
div.sp180306 div.midokoroBox {
  float: left;
  width: 50%;
  margin-bottom: 15px;
  text-align: center;
}
div.sp180306 div.midokoroBoxInner {
  width: 90%;
  text-align: left;
}
div.sp180306 div.midokoroBoxInner div.left {
  float: left;
  width: 50%;
}
div.sp180306 div.midokoroBoxInner div.left img {
  width: 100%;
  margin-bottom: 5px;
}
div.sp180306 div.midokoroBoxInner div.left p {
  color: #BDAA6B;
  font-size: 80%;
  line-height: 1.5;
  margin-top: 10px;
  font-weight: bold;
}
div.sp180306 div.midokoroBoxInner div.right {
  float: right;
  width: 47%;
}
div.sp180306 div.midokoroBoxInner div.right p.midokoro_name {
  color: #BDAA6B;
  font-size: 105%;
}
div.sp180306 div.midokoroBoxInner div.right span.num {
  width: 20px;
  height: 20px;
  color: white;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 70%;
  margin-right: 5px;
  position: relative;
  top: -2px;
  padding-top: 2px;
  box-sizing: border-box;
  background-color: #BDAA6B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
div.sp180306 div.midokoroBoxInner div.right p.midokoro_des {
  font-size: 85%;
  line-height: 1.7;
  margin-top: 10px;
}
div.sp180306 p.spotLink {
  color: #BDAA6B;
  font-weight: bold;
  font-size: 95%;
  margin-top: 20px;
}
div.sp180306 a.spotLinkArea {
  margin-top: 20px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 300px;
}
div.sp180306 a.spotLinkArea img {
  width: 100%;
}
div.sp180306 a.spotLinkArea:hover {
  opacity: 0.7;
}
@media screen and (max-width: 480px) {
  div.sp180306 div.spotAreaWrapper {
    background-color: white;
    padding: 0;
  }
  div.sp180306 div.spotArea {
    padding-top: 0;
  }
  div.sp180306 div.spotArea img.tsuwano_osusume {
    top: 10px;
    left: 5%;
    width: 90px;
  }
  div.sp180306 div.midokoroBox {
    width: 100%;
    float: none;
  }
  div.sp180306 div.midokoroBoxInner div.left {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  div.sp180306 div.midokoroBoxInner div.right {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  div.sp180306 div.midokoroBoxInner div.right p.midokoro_name {
    font-size: 115%;
    font-weight: bold;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  div.sp180306 div.spotAreaWrapper {
    background-color: white;
    padding: 0;
  }
  div.sp180306 div.spotArea img.tsuwano_osusume {
    top: 30px;
    left: 14%;
    width: 90px;
  }
  div.sp180306 div.spotArea {
    padding-top: 0;
  }
  div.sp180306 div.midokoroBox {
    width: 100%;
    float: none;
  }
  div.sp180306 p.midokoro_name {
    font-size: 115%;
    font-weight: bold;
  }
  div.sp180306 p.spotLink {
    text-align: center;
  }
}
@media screen and (min-width: 950px) {
  div.sp180306 div.spotArea {
    -webkit-box-shadow: 0px 0px 5px 0px #eaeaea;
    /* Safari, Chrome */
    -moz-box-shadow: 0px 0px 5px 0px #eaeaea;
    /* Firefox */
    box-shadow: 0px 0px 5px 0px #eaeaea;
    /* CSS3 */
  }
}
/*TAIKEN AREA*/
div.taikenArea {
  width: 94%;
  box-sizing: border-box;
  background-color: #fbfbfa;
  border: #f1f0e8 solid 6px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5% 40px 5%;
}
div.taikenArea h3 {
  width: 100%;
  height: 30px;
  text-align: left;
}
div.taikenArea h3 img {
  max-width: 410px;
  width: 100%;
}
div.taikenListArea {
  border-top: #eaeaea solid 1px;
  padding-top: 30px;
}
div.taikenBox {
  padding-bottom: 25px;
}
div.taikenBox div.left {
  width: 30%;
  float: left;
}
div.taikenBox div.left img {
  width: 100%;
}
div.taikenBox div.right {
  text-align: left;
  width: 68%;
  float: right;
}
div.taikenBox div.right p.taiken_name {
  color: #BDAA6B;
  font-size: 110%;
  font-weight: bold;
}
div.taikenBox div.right p.location {
  color: #BDAA6B;
  font-size: 85%;
  margin-bottom: 5px;
  font-weight: bold;
}
div.taikenBox div.right p.taiken_des {
  font-size: 85%;
}
@media screen and (max-width: 480px) {
  div.taikenBox div.left {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  div.taikenBox div.right {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  div.taikenBox div.left {
    width: 45%;
    margin-bottom: 10px;
  }
  div.taikenBox div.right {
    width: 50%;
  }
}
/*INFO PAGE*/
div.sp180306 div.infoAreaWrapper {
  width: 100%;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #ECE6D4), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ECE6D4), color-stop(0.75, #ECE6D4), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 5px 5px;
  padding: 60px 0;
}
div.sp180306 div.infoArea {
  width: 100%;
  max-width: 950px;
  background-color: white;
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  padding: 30px 0;
}
div.sp180306 div.infoArea div.dblWrapper {
  width: 96%;
  border-bottom: #eaeaea solid 1px;
  padding-bottom: 30px;
}
div.sp180306 div.infoArea div.dblWrapper.no_border {
  border-bottom: none;
}
div.sp180306 div.infoArea div.dblWrapper img.infolead {
  margin: 15px 0;
}
div.sp180306 div.infoArea div.dblWrapper div.left {
  float: left;
  width: 45%;
}
div.sp180306 div.infoArea div.dblWrapper div.left h3 {
  width: 100%;
  margin-bottom: 30px;
}
div.sp180306 div.infoArea div.dblWrapper div.left h3 img {
  width: 90%;
  max-width: 155px;
}
div.sp180306 div.infoArea div.dblWrapper div.right {
  text-align: left;
  float: right;
  padding-top: 50px;
  width: 53%;
}
div.sp180306 div.infoArea div.dblWrapper div.right img.infoimage {
  width: 100%;
  max-width: 450px;
  margin-bottom: 10px;
}
div.sp180306 div.infoArea div.dblWrapper div.right p.caption {
  color: #BDAA6B;
  font-size: 85%;
}
div.sp180306 div.infoArea div.dblWrapper a.infoLinkArea {
  display: block;
}
div.sp180306 div.infoArea div.dblWrapper a.infoLinkArea:hover {
  opacity: 0.7;
}
div.sp180306 div.infoArea div.dblWrapper a.infoLinkArea img {
  width: 90%;
  max-width: 250px;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir {
  margin-bottom: 50px;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.right {
  width: 45%;
  text-align: center;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.right h3 {
  width: 100%;
  margin-bottom: 30px;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.right h3 img {
  width: 90%;
  max-width: 155px;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.left {
  float: right;
  text-align: left;
  padding-top: 50px;
  width: 53%;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.left img {
  width: 100%;
  max-width: 450px;
  margin-bottom: 10px;
}
div.sp180306 div.infoArea div.dblWrapper.souvenir div.left p.caption {
  color: #BDAA6B;
  font-size: 85%;
}
img.gurume_tsuwano {
  width: 90%;
  max-width: 240px;
}
img.souvenir_tsuwano {
  width: 90%;
  max-width: 157px;
}
img.hotel_tsuwano {
  width: 90%;
  max-width: 100px;
}
img.gurume_onomichi {
  width: 90%;
  max-width: 230px;
}
img.souvenir_onomichi {
  width: 90%;
  max-width: 230px;
}
img.hotel_onomichi {
  width: 90%;
  max-width: 230px;
}
@media screen and (max-width: 480px) {
  div.sp180306 div.infoAreaWrapper {
    background-color: white;
    padding: 0;
  }
  div.sp180306 div.infoArea {
    padding-top: 30px;
  }
  div.sp180306 div.infoArea div.dblWrapper {
    border-bottom: #ccc solid 1px;
    padding-bottom: 30px;
    width: 100%;
  }
  div.sp180306 div.infoArea div.dblWrapper div.left {
    width: 100%;
    float: none;
  }
  div.sp180306 div.infoArea div.dblWrapper div.right {
    width: 100%;
    float: none;
    text-align: center;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir {
    border-bottom: #ccc solid 1px;
    padding-bottom: 30px;
    width: 100%;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir div.left {
    width: 100%;
    float: none;
    text-align: center;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir div.right {
    width: 100%;
    float: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  div.sp180306 div.infoAreaWrapper {
    background-color: white;
    padding: 0;
  }
  div.sp180306 div.infoArea {
    padding-top: 30px;
  }
  div.sp180306 div.infoArea div.dblWrapper {
    border-bottom: #ccc solid 1px;
    padding-bottom: 30px;
    width: 100%;
  }
  div.sp180306 div.infoArea div.dblWrapper div.left {
    width: 100%;
    float: none;
  }
  div.sp180306 div.infoArea div.dblWrapper div.right {
    width: 100%;
    float: none;
    text-align: center;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir {
    border-bottom: #ccc solid 1px;
    padding-bottom: 30px;
    width: 100%;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir div.left {
    width: 100%;
    float: none;
    text-align: center;
  }
  div.sp180306 div.infoArea div.dblWrapper.souvenir div.right {
    width: 100%;
    float: none;
  }
}
@media screen and (min-width: 950px) {
  div.sp180306 div.spotArea {
    -webkit-box-shadow: 0px 0px 5px 0px #eaeaea;
    /* Safari, Chrome */
    -moz-box-shadow: 0px 0px 5px 0px #eaeaea;
    /* Firefox */
    box-shadow: 0px 0px 5px 0px #eaeaea;
    /* CSS3 */
  }
}
div.sp180524 {
  background-color: white;
}
div.sp180524 div.mainimageArea {
  width: 100%;
  background: url(../../img/special/sp180524/mainimage.jpg) top center no-repeat;
  background-size: cover;
}
div.sp180524 div.mainimageArea img {
  width: 100%;
  height: auto;
}
div.sp180524 div.awardArea {
  width: 100%;
  min-height: 300px;
  background: url(../../img/special/sp180524/oldmap_bg.jpg) top center repeat;
}
div.sp180524 div.awardArea div.movieButton {
  position: absolute;
  top: -100px;
  right: 37%;
  background-color: #78466c;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
div.sp180524 div.awardArea div.movieButton a.movieGuide {
  display: inline-block;
  position: relative;
  top: 28px;
  left: 0;
}
div.sp180524 div.awardArea div.movieButton a.movieGuide img {
  margin-top: 10px;
}
div.sp180524 div.awardArea div.movieButton a.movieGuideSp {
  display: none;
  position: relative;
  top: 22px;
  left: 0;
}
div.sp180524 div.awardArea div.movieButton a.movieGuideSp img {
  width: 65%;
  margin-top: 4%;
}
@media screen and (max-width: 479px) {
  div.sp180524 div.awardArea div.movieButton {
    width: 130px;
    height: 130px;
    right: 35%;
    top: -60px;
  }
  div.sp180524 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp180524 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.sp180524 div.awardArea div.movieButton {
    width: 160px;
    height: 160px;
    right: 10%;
  }
  div.sp180524 div.awardArea div.movieButton a.movieGuide {
    display: none;
  }
  div.sp180524 div.awardArea div.movieButton a.movieGuideSp {
    display: inline-block;
  }
}
div.sp180524 div.awardArea div.movieButton:hover {
  background-color: #cf1920;
}
div.sp180524 div.awardArea div.awardInner {
  background-color: white;
  max-width: 800px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: center;
  /*h1{
				display: block;
				text-align: center;
				padding-top:140px;
				img{max-width:688px;
					width:90%;}//img
				@media screen and (max-width: 479px) {padding-top:80px;}
				@media screen and (min-width: 480px) and (max-width: 767px)  {
					padding-top:100px;
				}
				}//h1*/
}
div.sp180524 div.awardArea div.awardInner h1 {
  font-weight: normal;
  font-size: 180%;
  width: 88%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  div.sp180524 div.awardArea div.awardInner h1 {
    font-size: 160%;
    padding-top: 90px;
  }
}
div.sp180524 div.awardArea div.awardInner h2.sp180524title img {
  width: 95%;
  max-width: 459px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  div.sp180524 div.awardArea div.awardInner h2.sp180524title img {
    margin-bottom: 0px;
  }
}
div.sp180524 div.awardArea div.awardInner p.sp180524Lead {
  max-width: 688px;
  width: 90%;
  font-size: 120%;
  text-align: left;
  line-height: 2;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 479px) {
  div.sp180524 div.awardArea div.awardInner p.sp180524Lead {
    font-size: 115%;
  }
}
div.sp180524 div.awardArea div.awardInner div.imageArea {
  width: 100%;
  margin-bottom: 70px;
}
div.sp180524 div.awardArea div.awardInner div.imageArea div.left {
  float: left;
  width: 50%;
}
div.sp180524 div.awardArea div.awardInner div.imageArea div.left img {
  width: 100%;
}
div.sp180524 div.awardArea div.awardInner div.imageArea div.right {
  width: 50%;
  float: right;
}
div.sp180524 div.awardArea div.awardInner div.imageArea div.right img {
  width: 100%;
}
@media screen and (max-width: 479px) {
  div.sp180524 div.awardArea div.awardInner div.imageArea div.left,
  div.sp180524 div.awardArea div.awardInner div.imageArea div.right {
    float: none;
    width: 100%;
  }
}
div.sp180524 div.awardArea div.awardInner div.sitelist {
  width: 98%;
  padding-bottom: 60px;
}
div.sp180524 div.awardArea div.awardInner div.sitelist div.storytitle {
  float: left;
  width: 40%;
  min-height: 30px;
  color: #000;
}
div.sp180524 div.awardArea div.awardInner div.sitelist div.storytitle p {
  padding-right: 25px;
}
div.sp180524 div.awardArea div.awardInner div.sitelist div.storytitle span.small {
  font-size: 85%;
}
div.sp180524 div.awardArea div.awardInner div.sitelist div.site {
  float: left;
  width: 35%;
  min-height: 30px;
  color: #127f24!important;
  font-size: 90%;
}
div.sp180524 div.awardArea div.awardInner div.sitelist div.siteLocation {
  float: right;
  width: 20%;
  min-height: 30px;
  color: #78466c;
  font-size: 90%;
}
@media screen and (max-width: 767px) {
  div.sp180524 div.awardArea div.awardInner div.sitelist li.dt > div {
    display: none;
    min-height: 10px!important;
  }
  div.sp180524 div.awardArea div.awardInner div.sitelist div.storytitle,
  div.sp180524 div.awardArea div.awardInner div.sitelist div.storyname {
    float: none;
    width: 100%;
    font-size: 110%;
    min-height: 20px;
  }
  div.sp180524 div.awardArea div.awardInner div.sitelist div.storytitle p,
  div.sp180524 div.awardArea div.awardInner div.sitelist div.storyname p {
    padding-right: 10px;
  }
  div.sp180524 div.awardArea div.awardInner div.sitelist div.site {
    float: none;
    width: 100%;
    font-size: 85%;
    min-height: 25px;
  }
  div.sp180524 div.awardArea div.awardInner div.sitelist div.siteLocation,
  div.sp180524 div.awardArea div.awardInner div.sitelist div.storyLocation {
    float: none;
    width: 100%;
    font-size: 90%;
    min-height: 20px;
  }
  div.sp180524 div.awardArea div.awardInner div.sitelist div#closeListButton {
    top: 8%;
  }
}
div.other {
  width: 100%;
  background-color: white;
}
div.other p {
  font-size: 95%;
}
div.other div.breadArea {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  font-size: 75%;
  color: #b9baba;
  padding: 10px 10px;
}
@media screen and (max-width: 767px) {
  div.other div.breadArea {
    display: none;
  }
}
div.other div.breadArea a {
  color: inherit;
  text-decoration: none;
}
div.other div.breadArea a:hover {
  color: #107aae;
  text-decoration: underline;
}
div.otherContents {
  max-width: 727.5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 15px 40px 15px;
}
div.otherContents ol.other_ol {
  padding: 15px 20px 15px 40px;
  color: #666;
  font-size: 90%;
}
div.otherContents h2 {
  color: #000;
  font-weight: normal;
  font-size: 190%;
  letter-spacing: 2px;
  line-height: 1.3;
  padding-bottom: 40px;
}
div.otherContents h2 span {
  line-height: 1.4;
  position: relative;
  top: -10px;
  font-size: 65%;
  color: #727171;
}
div.otherContents h3 {
  display: inline-block;
  border-bottom: #666 solid 2px;
  width: 98%;
  color: #000;
  font-weight: normal;
  font-size: 120%;
  line-height: 1.5;
  margin: 10px 0;
  padding-bottom: 8px;
  letter-spacing: 2px;
}
div.otherContents h4 {
  margin-top: 15px;
  border-left: #000 solid 4px;
  padding-left: 10px;
  margin-left: 5px;
}
div.otherContents p.des {
  width: 98%;
  margin: 10px 0 25px 0;
  line-height: 1.9;
  letter-spacing: 1px;
}
div.otherContents p.des.strong {
  font-weight: bold;
  font-size: 105%;
  letter-spacing: 1px;
}
div.otherContents p.des span.normal {
  font-weight: normal;
  font-size: 85%;
}
div.otherContents div.aboutLinkButtonArea {
  width: 100%;
  padding: 10px 0 25px 0;
}
div.otherContents div.aboutLinkButtonArea.center {
  text-align: center;
}
div.otherContents div.aboutLinkButtonArea a.linkButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  min-width: 44%;
  display: inline-block;
  background-color: #232f3e;
  padding: 16px 30px;
  color: white;
  font-size: 90%;
  text-decoration: none;
  margin: 1% 1%;
}
div.otherContents div.aboutLinkButtonArea a.linkButton:hover {
  background-color: #cf1920;
}
div.otherContents ul.sitemap_list {
  padding: 10px 0 10px 6%;
}
div.otherContents ul.sitemap_list > li {
  padding-bottom: 5px;
}
div.otherContents ul.sitemap_list li > ul {
  padding: 10px 0;
  margin-left: 20px;
  list-style: none;
}
div.otherContents ul.sitemap_list li > ul li {
  font-size: 90%;
}
div.otherContents ul.sitemap_list.sub {
  list-style: none;
  font-size: 90%;
  margin-left: 20px;
}
div.otherContents ul.sitemap_list.sub > li {
  padding: 0;
}
div.otherContents ul.sitemap_list a {
  color: #107aae;
}
div.otherContents ul.sitemap_list a:hover {
  color: #cf1920;
}
@media screen and (max-width: 767px) {
  div.aboutLinkButtonArea {
    text-align: center;
  }
}
div.errorpage {
  background-color: white;
  min-height: 200px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 479px) {
  div.errorpage {
    font-size: 85%;
  }
}
div.errorpageContainer {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  max-width: 970px;
  width: 100%;
  padding: 40px 15px;
}
div.errorpageContainer h2 {
  font-size: 280%;
}
div.errorpageContainer p.notfound {
  font-size: 150%;
  padding-bottom: 40px;
}
div.errorpageContainer p.notfound_des {
  padding-bottom: 30px;
}
div.errorpageContainer a.errorpageLink {
  font-size: 95%;
  padding: 20px;
  color: #107aae;
}
div.errorpageContainer a.errorpageLink:hover {
  color: #cf1920;
}