@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;

  /*ikkrweb preview ie9 emulator ie7 varnish error*/

  /*background:transparent;*/

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}



nav ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



a {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  /*ikkrweb preview ie9 emulator ie7 varnish error*/

  /*background:transparent;*/

}



/* change colours to suit your needs */

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}



/* change colours to suit your needs */

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}



del {

  text-decoration: line-through;

}



abbr[title], dfn[title] {

  border-bottom: 1px dotted;

  cursor: help;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* change border colour to suit your needs */

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}



input, select {

  vertical-align: middle;

}



/*++++++++++++++++++++++++++++++++++

 * wysiwyg専用CSS

 * @version 0.0.1

++++++++++++++++++++++++++++++++++*/

@media screen and (max-width: 768px) {

  .wysiwyg {

    overflow-x: auto;

  }

}

/*==================================

見出し

==================================*/

/* h2 */

h2.head-title, .wysiwyg h2, .free-layout-area h2 {

  margin-top: 20px;

  padding: 5px 0px;

  background: #cccccc;

  color: #333;

  font-size: 140%;

  overflow: hidden;

  box-sizing: border-box;

}

h2.head-title .bg, .wysiwyg h2 .bg, .free-layout-area h2 .bg {

  display: block;

  padding: 8px 15px 6px 15px;

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

}



h2.head-title a:link {

  color: #fff;

}

h2.head-title a:visited {

  color: #efffff;

}

h2.head-title a:hover {

  color: #efffff;

}



h3.head-title, .wysiwyg h3, .free-layout-area h3 {

  margin-top: 20px;

  padding: 0 0 0 5px;

  background: #333;

  color: #333;

  font-size: 120%;

  box-sizing: border-box;

  overflow: hidden;

}

h3.head-title .bg, .wysiwyg h3 .bg, .free-layout-area h3 .bg {

  display: block;

  padding: 8px 15px 7px 15px;

  background: #ccc;

}



/* h4 */

h4, .wysiwyg h4, .free-layout-area h4 {

  margin-top: 20px;

  display: block;

  line-height: 1.2;

  overflow: hidden;

  background: #ccc;

  font-size: 110%;

  padding: 10px 15px 13px;

}



/* h5 */

h5, .wysiwyg h5, .free-layout-area h5 {

  font-size: 110%;

  margin-top: 20px;

  overflow: hidden;

  display: block;

  padding: 0 0 5px 15px;

  line-height: 1.2;

  border-bottom: 2px solid #ccc;

}



/* h6 */

h6, .wysiwyg h6, .free-layout-area h6 {

  font-size: 100%;

  padding-left: 15px;

  margin-top: 20px;

  overflow: hidden;

  line-height: 1.2;

}



/*==================================

  ↓↓↓↓↓　ここからは編集禁止。　↓↓↓↓↓

==================================*/

/**

 * wysiwyg contents

 */

.wysiwyg ul {

  overflow: hidden;

  margin-top: 10px;

  margin-left: 30px;

  padding-left: 1.4em;

  list-style: disc;

}



* html .wysiwyg ul {

  display: inline-block;

}



.wysiwyg ol {

  padding-left: 50px;

  margin-top: 10px;

  list-style: decimal;

  /*回り込み画像時にリストが出ない問題を解決*/

  overflow: hidden;

}



* html .wysiwyg ol {

  display: inline-block;

}



.wysiwyg p {

  margin-top: 10px;

  padding-left: 10px;

  padding-right: 10px;

}



.wysiwyg table {

  border-collapse: collapse;

  border: 1px solid #bfbfbf;

  margin-top: 10px;

}



.wysiwyg td

, .wysiwyg th {

  border-collapse: collapse;

  border: 1px solid #bfbfbf;

  padding: 5px 10px;

  word-break: break-all;

}



.wysiwyg th {

  background-color: #eeeeee;

}



.wysiwyg caption {

  text-align: left;

  font-weight: bold;

  padding: 5px;

}



.wysiwyg div {

  line-height: 150%;

  margin-top: 10px;

}



.wysiwyg img {

  max-width: 100%;

  height: auto;

}



.wysiwyg .col {

  width: 700px;

  overflow: hidden;

}



.wysiwyg .left-col {

  width: 330px;

  float: left;

}



.wysiwyg .right-col {

  width: 330px;

  float: right;

}



/*cke_panel_listをいれなければリストにもスタイルが効かない*/

.wysiwyg .text_, .cke_panel_list .text_ {

  color: #c00;

}



.wysiwyg .text2_, .cke_panel_list .text2_ {

  color: #00c;

}



.wysiwyg blockquote {

  margin-top: 10px;

  margin-left: 30px;

  padding: 5px 5px 5px 15px;

  background-image: url("../img_common/blockquote.png");

  background-position: left top;

  background-repeat: no-repeat;

  background-color: #eee;

  border-left: 3px solid #999;

}



/*==================================

  ↑↑↑↑↑　ここまでは編集禁止。　↑↑↑↑↑

==================================*/

/*++++++++++++++++++++++++++++++++++

 * common.css

 * @version 0.0.1 

++++++++++++++++++++++++++++++++++*/

/*==================================

  ↓↓↓↓↓　ここからは編集禁止。　↓↓↓↓↓



  **編集したい場合は、

  下部の「編集可能エリア」を使用してください。**

==================================*/

body {

  font: "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif !important;

  font-size: 90%;

  color: #333;

  background: #fff;

}



img {

  border: none;

  vertical-align: top;

}



p, li, address, table, dt, dd {

  line-height: 150%;

}



ul, ol {

  list-style: none;

}



a:link {

  color: #2d5f92;

  text-decoration: underline;

}



a:visited {

  color: #2d5f92;

  text-decoration: underline;

}



a:hover {

  color: #2d5f92;

  text-decoration: none;

}



/*アクセシビリティ対応*/

a:focus img {

  /*border:1px solid #C00000;*/

}



a:focus {

  background-color: #cce2fc;

}



a:active {

  _background: #cce2fc;

  /*IEのみactive疑似クラスにて処理*/

}



/*iphoneでルビで文字サイズが勝手に変わるのを修正*/

body {

  -webkit-text-size-adjust: 100%;

}



/*clearfix*/

.cmstag:after,

.clearfix:after {

  content: ".";

  display: block;

  height: 0px;

  clear: both;

  visibility: hidden;

}



.clearfix {

  display: inline-table;

}



/* Hides from IE-mac \*/

* html .clearfix {

  height: 1%;

}



.clearfix {

  display: block;

}



/* End hide from IE-mac */

.first-left {

  margin-left: 0 !important;

}



.first-top {

  margin-top: 0 !important;

}



.left-col {

  float: left;

}



.right-col {

  float: right;

}



.img-item img, .img-text img {

  max-width: 100%;

  height: auto;

}



@media print, screen and (min-width: 769px) {

  .view-sp {

    display: none !important;

  }

}

@media screen and (max-width: 768px) {

  .view-pc {

    display: none !important;

  }

}

/* 作業者向けコメント */

.des-attention-area {

  width: 960px;

  margin: 0 auto;

  padding-bottom: 10px;

}



.des-attention {

  background-color: #FFFF40;

  font-size: 80%;

}



.des-attention2 {

  background-color: #C0C0FF;

  font-size: 80%;

}



.color-scheme-area {

  margin-top: 20px;

}



.scheme-bar {

  padding: 5px 0 5px 0;

  border: 1px solid #333333;

}



.color-scheme-area .box {

  width: 300px;

}



@media screen and (min-width: 769px) {

  .color-scheme-area .box {

    float: left;

    margin-left: 20px;

  }

}

.color-scheme-area .title {

  margin: 5px 0 0 0;

}



.scheme1 {

  background-color: #85c8b6;

  text-align: center;

}



.scheme2 {

  border: 1px solid #85c8b6;

  text-align: center;

}



.scheme3 {

  background-color: #333;

  text-align: center;

}



.scheme4 {

  background-color: 1px solid #85c8b6;

  text-align: center;

}



.scheme5 {

  border: #c896bd;

  text-align: center;

}



.scheme6 {

  background-color: #c896bd;

  text-align: center;

}



.scheme7 {

  background-color: #73b2a1;

  text-align: center;

}



.scheme8 {

  background-color: #85c8b6;

  text-align: center;

}



.scheme9 {

  background-color: #eaf6f3;

  text-align: center;

}



.scheme10 {

  background-color: #4682c0;

  text-align: center;

}



.scheme11 {

  background-color: #c896bd;

  text-align: center;

}



/*==================================

  ↑↑↑↑↑　ここまでは編集禁止。　↑↑↑↑↑

==================================*/

/*==================================

ここから下は編集可能エリアです。

==================================*/

@font-face {

  font-family: "utsukushi";

  src: url("../../fonts/utsukushi.eot") format("eot");

  src: url("../../fonts/utsukushi.eot#iefix") format("embedded-opentype"), url("../../fonts/utsukushi.woff") format("woff"), url("../../fonts/utsukushi.ttf") format("truetype");

}

.font-mincho {

  font-family: "utsukushi", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3" , "HiraMinProN-W3" ,"メイリオ", Meiryo, serif !important;

}



/*google検索v1のカスタマイズ*/

.gsc-search-box {

  /*初期化*/

  margin: 0 !important;

}



.gsc-search-box td {

  /*初期化*/

  padding: 0 !important;

}



.gsc-search-box .gsst_b {

  /*初期化*/

  padding: 0 !important;

}



.gsc-search-box .gsc-input-box {

  /*検索枠*/

  height: 24px !important;

  border-radius: 3px 0px 0px 3px !important;

  -moz-border-radius: 3px 0px 0px 3px !important;

  -webkit-border-radius: 3px 0px 0px 3px !important;

  padding-left: 10px;

  padding-top: 0px;

  border: 2px solid #42927c !important;

  border-right: none;

}



.gsc-search-box .gsc-input-box input[type=text] {

  /*検索枠の画像部分*/

  width: 151px !important;

  line-height: 24px;

}



.gsc-search-button {

  /*検索ボタン*/

  border-radius: 0px 3px 3px 0px !important;

  -moz-border-radius: 0px 3px 3px 0px !important;

  -webkit-border-radius: 0px 3px 3px 0px !important;

  background-color: #42927c !important;

  text-align: center;

}



.gsc-search-button input[type=image] {

  /*検索ボタン　画像部分*/

  margin: 0px !important;

  background-image: none !important;

  border: none !important;

  padding-top: 8px !important;

}



@media screen and (max-width: 768px) {

  .gsc-search-box .gsc-input-box {

    height: 65px !important;

  }



  .gsc-search-box .gsc-input-box input[type=text] {

    /*検索枠の画像部分*/

    line-height: 65px;

    font-size: 28px;

  }



  .gsc-search-button {

    padding: 0 50px !important;

  }



  .gsc-search-button input[type=image] {

    width: 20px !important;

    height: auto !important;

  }

}

/*++++++++++++++++++++++++++++++++++

 * トップと下層ページのヘッダーエリア専用CSS

 * @version 0.0.1

++++++++++++++++++++++++++++++++++*/

/*==================================

wrapper 

==================================*/

/*==================================

header

==================================*/

#header {

  position: relative;

}

#header #header-logo {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  margin: 6.7% auto 0;

  z-index: 98;

  width: 35.41666666666667%;

  max-width: 680px;

}

#header #header-logo img {

  max-width: 100%;

}

#header #header-slider {

  position: relative;

}

#header #header-slider .bxslider .list li img {

  max-width: 100%;

}

#header #header-slider .bxslider .slide-next,

#header #header-slider .bxslider .slide-back {

  position: absolute;

  bottom: 50%;

  z-index: 97;

  margin-top: -30px;

}

#header #header-slider .bxslider .slide-next a,

#header #header-slider .bxslider .slide-back a {

  display: block;

  width: 60px;

  height: 60px;

  text-indent: -9999px;

  white-space: nowrap;

}

#header #header-slider .bxslider .slide-next a:focus,

#header #header-slider .bxslider .slide-back a:focus {

  background-color: transparent;

}

#header #header-slider .bxslider .slide-next {

  right: 45px;

  background: url(../img_top/header_slider_next.png) no-repeat left top;

}

#header #header-slider .bxslider .slide-back {

  left: 45px;

  background: url(../img_top/header_slider_back.png) no-repeat left top;

}



@media screen and (max-width: 768px) {

  #header #header-slider .bxslider .slide-next {

    right: 20px;

  }

  #header #header-slider .bxslider .slide-back {

    left: 20px;

  }

}

/*++++++++++++++++++++++++++++++++++

 * トップページのコンテンツエリア専用CSS

 * @version 0.0.1

++++++++++++++++++++++++++++++++++*/

#live-camera-area {

  position: relative;

  margin-top: -163px;

  z-index: 99;

}

#live-camera-area .box {

  min-height: 163px;

  background: url(../img_top/live_camera_title_bg.png) no-repeat center top;

  text-align: center;

}

#live-camera-area .title {

  padding-top: 30px;

}

#live-camera-area .title .text,

#live-camera-area .title .text2 {

  display: block;

  color: #116ca8;

}

#live-camera-area .title .text {

  font-size: 90%;

}

#live-camera-area .title .text2 {

  font-size: 125%;

}

#live-camera-area .text3 {

  font-size: 125%;

}

#live-camera-area #live-camera-slider {

  position: relative;

  padding: 35px 135px 25px;

  background: #f4f2f2;

}

#live-camera-area #live-camera-slider .bxslider .list li {

  text-align: center;

}

#live-camera-area #live-camera-slider .bxslider .list li a {

  color: #333;

  text-decoration: none;

}

#live-camera-area #live-camera-slider .bxslider .list li .img,

#live-camera-area #live-camera-slider .bxslider .list li .date {

  display: block;

}

#live-camera-area #live-camera-slider .bxslider .list li .img {

  border: 4px solid #fff;

}

#live-camera-area #live-camera-slider .bxslider .list li .date {

  margin-top: 10px;

}

#live-camera-area #live-camera-slider .bxslider .list li img {

  max-width: 100%;

}

#live-camera-area #live-camera-slider .bxslider .slide-next2,

#live-camera-area #live-camera-slider .bxslider .slide-back2 {

  position: absolute;

  top: 50%;

  margin-top: -30px;

}

#live-camera-area #live-camera-slider .bxslider .slide-next2 a,

#live-camera-area #live-camera-slider .bxslider .slide-back2 a {

  display: block;

  width: 60px;

  height: 60px;

  text-indent: -9999px;

  white-space: nowrap;

}

#live-camera-area #live-camera-slider .bxslider .slide-next2 a:focus,

#live-camera-area #live-camera-slider .bxslider .slide-back2 a:focus {

  background-color: transparent;

}

#live-camera-area #live-camera-slider .bxslider .slide-next2 {

  right: 45px;

  background: url(../img_top/main_slider_next.png) no-repeat left top;

}

#live-camera-area #live-camera-slider .bxslider .slide-back2 {

  left: 45px;

  background: url(../img_top/main_slider_back.png) no-repeat left top;

}

#live-camera-area .in {

  padding: 35px 20px 25px;

  background: #f4f2f2;

  text-align: center;

}

#live-camera-area .in .list li {

  display: inline-block;

  text-align: center;

}

#live-camera-area .in .list li a {

  color: #333;

  text-decoration: none;

}

#live-camera-area .in .list li .img,

#live-camera-area .in .list li .date {

  display: block;

}

#live-camera-area .in .list li .img {

  border: 4px solid #fff;

}

#live-camera-area .in .list li .date {

  margin-top: 10px;

}

#live-camera-area .in .list li img {

  max-width: 100%;

}

#live-camera-area .wysiwyg {

  text-align: center;

}



@media screen and (max-width: 768px) {

  #live-camera-area #live-camera-slider {

    padding: 35px 110px 25px;

  }

  #live-camera-area #live-camera-slider .bxslider .list li img {

    width: 100%;

  }

  #live-camera-area #live-camera-slider .bxslider .slide-next2 {

    right: 20px;

  }

  #live-camera-area #live-camera-slider .bxslider .slide-back2 {

    left: 20px;

  }

}

#second-block {

  max-width: 930px;

  margin: 50px auto 0;

}

#second-block #past-fuji-area,

#second-block #bestview-fuji-area {

  width: 46.236559139784944%;

}

#second-block #past-fuji-area .title,

#second-block #bestview-fuji-area .title {

  font-weight: normal;

  text-align: center;

}

#second-block #past-fuji-area {

  float: left;

}

#second-block #bestview-fuji-area {

  float: right;

}



@media screen and (max-width: 768px) {

  #second-block {

    margin: 0 20px;

  }

  #second-block #past-fuji-area,

  #second-block #bestview-fuji-area {

    float: none;

    width: 100%;

    margin-top: 50px;

  }

}

#past-fuji-area .table {

  width: 100%;

  margin-top: 5px;

  border-collapse: collapse;

}

#past-fuji-area .table .ctrl {

  padding: 15px 0;

}

#past-fuji-area .table .ctrl .date {

  padding: 0 6px 0 10px;

}

#past-fuji-area .table .ctrl .nav img {

  vertical-align: middle;

}

#past-fuji-area .table th,

#past-fuji-area .table td {

  padding: 8px 10px;

  border-collapse: collapse;

  border-top: 3px solid #fff;

  border-left: 3px solid #fff;

  text-align: center;

}

#past-fuji-area .table th:first-child,

#past-fuji-area .table td:first-child {

  border-left: none;

}

#past-fuji-area .table .week-row th {

  border-top: none;

  background: #f9f07b;

}

#past-fuji-area .table .week-row th img {

  vertical-align: middle;

}

#past-fuji-area .table td {

  background: #f4f2f3;

}

#past-fuji-area .table td:first-child {

  background: #f66;

  color: #fff;

}

#past-fuji-area .table td:first-child a {

  color: #fff;

}

#past-fuji-area .table td:last-child {

  background: #0071b5;

  color: #fff;

}

#past-fuji-area .table td:last-child a {

  color: #fff;

}

#past-fuji-area .more {

  width: 53.48837209302325%;

  margin: 30px auto 0;

  text-align: center;

}

#past-fuji-area .more a {

  display: block;

  padding: 10px;

  border: 1px solid #70a7cb;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  color: #333;

  text-decoration: none;

}



#bestview-fuji-area #bestview-fuji-slider {

  margin-top: 20px;

  background: #116ca8;

}

#bestview-fuji-area #bestview-fuji-slider p {

  text-align: center;

}

#bestview-fuji-area #bestview-fuji-slider p .img {

  display: block;

  position: relative;

  padding: 20px 20px 17px;

}

#bestview-fuji-area #bestview-fuji-slider p .img:before {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 62px;

  height: 62px;

  background: url(../img_top/bestview_fuji_bg01.png) no-repeat left top;

  content: '';

}

#bestview-fuji-area #bestview-fuji-slider p .img:after {

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  width: 62px;

  height: 62px;

  background: url(../img_top/bestview_fuji_bg02.png) no-repeat left top;

  content: '';

}

#bestview-fuji-area #bestview-fuji-slider img {

  max-width: 100%;

  height: auto;

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li {

  text-align: center;

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li .img {

  display: block;

  position: relative;

  padding: 20px 20px 17px;

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li .img:before {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 62px;

  height: 62px;

  background: url(../img_top/bestview_fuji_bg01.png) no-repeat left top;

  content: '';

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li .img:after {

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  width: 62px;

  height: 62px;

  background: url(../img_top/bestview_fuji_bg02.png) no-repeat left top;

  content: '';

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li .img img {

  max-width: 100%;

}

#bestview-fuji-area #bestview-fuji-slider .bxslider .list li .text {

  display: block;

  padding: 0 20px 15px;

  color: #fff;

}



@media screen and (max-width: 768px) {

  #bestview-fuji-area #bestview-fuji-slider .bxslider .list li .img img {

    width: 100%;

  }

}

.text-link-area {

  text-align: center;

  margin-top: 4em;

}

.text-link-area .inner-text {

  transition: .3s;

  display: inline-block;

  background-color: #eee;

  background-image: url(../img_top/calendar_icon_next.png);

  background-repeat: no-repeat;

  background-position: 20px center;

  padding: 10px 25px 10px 40px;

  font-weight: bold;

  position: relative;

  font-size: 123%;

}

.text-link-area .inner-text:before, .text-link-area .inner-text:after {

  position: absolute;

  content: '';

  width: 0;

  height: 1px;

  background-color: #70a7cb;

  transition: .3s;

}

.text-link-area .inner-text:hover {

  cursor: pointer;

}

.text-link-area .inner-text:hover:before, .text-link-area .inner-text:hover:after {

  width: 100%;

}

.text-link-area .inner-text:before {

  top: 0;

  left: 0;

}

.text-link-area .inner-text:after {

  bottom: 0;

  right: 0;

}



#post-gallery-area {

  margin-top: 70px;

  padding: 20px 0 35px;

  background: #f4f2f2;

}

#post-gallery-area .title {

  font-weight: normal;

  text-align: center;

}

#post-gallery-area #post-gallery-slider {

  position: relative;

  margin-top: 20px;

  padding: 0 135px;

}

#post-gallery-area #post-gallery-slider .bxslider .list li a {

  color: #333;

  text-decoration: none;

}

#post-gallery-area #post-gallery-slider .bxslider .list li dl {

  background: #fff;

}

#post-gallery-area #post-gallery-slider .bxslider .list li dd {

  padding: 20px 15px;

}

#post-gallery-area #post-gallery-slider .bxslider .list li img {

  max-width: 100%;

}

#post-gallery-area #post-gallery-slider .bxslider .list li span {

  display: block;

}

#post-gallery-area #post-gallery-slider .bxslider .list li .name {

  color: #116ca8;

}

#post-gallery-area #post-gallery-slider .bxslider .list li .place,

#post-gallery-area #post-gallery-slider .bxslider .list li .text {

  margin-top: 5px;

}

#post-gallery-area #post-gallery-slider .bxslider .list li .date {

  margin-top: 15px;

  text-align: right;

}

#post-gallery-area #post-gallery-slider .bxslider .slide-next3,

#post-gallery-area #post-gallery-slider .bxslider .slide-back3 {

  position: absolute;

  top: 50%;

  margin-top: -30px;

}

#post-gallery-area #post-gallery-slider .bxslider .slide-next3 a,

#post-gallery-area #post-gallery-slider .bxslider .slide-back3 a {

  display: block;

  width: 60px;

  height: 60px;

  text-indent: -9999px;

  white-space: nowrap;

}

#post-gallery-area #post-gallery-slider .bxslider .slide-next3 a:focus,

#post-gallery-area #post-gallery-slider .bxslider .slide-back3 a:focus {

  background-color: transparent;

}

#post-gallery-area #post-gallery-slider .bxslider .slide-next3 {

  right: 45px;

  background: url(../img_top/main_slider_next.png) no-repeat left top;

}

#post-gallery-area #post-gallery-slider .bxslider .slide-back3 {

  left: 45px;

  background: url(../img_top/main_slider_back.png) no-repeat left top;

}

#post-gallery-area .list2 {

  margin-top: 25px;

  text-align: center;

}

#post-gallery-area .list2 li {

  display: inline-block;

  margin: 0 8px;

  text-align: center;

}

#post-gallery-area .list2 li a {

  display: block;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  color: #333;

  text-decoration: none;

}

#post-gallery-area .list2 li.post a {

  padding: 10px 25px 10px 70px;

  border: 1px solid #f4e621;

  background: #f4e621 url(../img_top/post_gallery_icon_post.png) no-repeat 20px center;

}

#post-gallery-area .list2 li.past a {

  padding: 10px 25px 10px 60px;

  border: 1px solid #70a7cb;

  background: url(../img_top/post_gallery_icon_past.png) no-repeat 15px center;

}



@media screen and (max-width: 768px) {

  #post-gallery-area #post-gallery-slider {

    padding: 0 110px;

  }

  #post-gallery-area #post-gallery-slider .bxslider .list li img {

    width: 100%;

  }

  #post-gallery-area #post-gallery-slider .bxslider .slide-next3 {

    right: 20px;

  }

  #post-gallery-area #post-gallery-slider .bxslider .slide-back3 {

    left: 20px;

  }

  #post-gallery-area .list2 li {

    margin-top: 25px;

  }

  #post-gallery-area .list2 li:first-child {

    margin-top: 0;

  }

}

#viewspot-area {

  max-width: 960px;

  margin: 50px auto 0;

}

#viewspot-area .title {

  font-weight: normal;

  text-align: center;

}

#viewspot-area .gmap {

  overflow: hidden;

  position: relative;

  height: 0;

  margin-top: 25px;

  padding-bottom: 56.25%;

}

#viewspot-area .gmap iframe,

#viewspot-area .gmap object,

#viewspot-area .gmap embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



@media screen and (max-width: 768px) {

  #viewspot-area {

    margin: 50px 20px 0;

  }

}

/*==================================

過去のライブカメラページ用

==================================*/

body.past #container {

  margin-top: 50px;

}

body.past #main {

  width: 960px;

  margin: 0 auto;

}

body.past #main > .left-col {

  width: 230px;

}

body.past #main > .right-col {

  width: 700px;

}

body.past .past-calendar-area .title {

  font-weight: normal;

  text-align: center;

}

body.past .past-calendar-area .in {

  margin-top: 20px;

}

body.past .past-calendar-area .col {

  float: left;

  width: 32%;

  margin-left: 2%;

}

body.past .past-calendar-area .col:nth-child(3n+1) {

  margin-left: 0;

}

body.past .past-calendar-area .col:nth-child(n+4) {

  margin-top: 20px;

}

body.past .past-calendar-area .table {

  width: 100%;

  border-collapse: collapse;

}

body.past .past-calendar-area .table caption {

  margin-bottom: 5px;

}

body.past .past-calendar-area .table th,

body.past .past-calendar-area .table td {

  padding: 5px;

  border-collapse: collapse;

  border-top: 1px solid #fff;

  border-left: 1px solid #fff;

  text-align: center;

}

body.past .past-calendar-area .table th:first-child,

body.past .past-calendar-area .table td:first-child {

  border-left: none;

}

body.past .past-calendar-area .table .week-row th {

  border-top: none;

  background: #f9f07b;

}

body.past .past-calendar-area .table .week-row th img {

  vertical-align: middle;

}

body.past .past-calendar-area .table td {

  background: #f4f2f3;

}

body.past .past-calendar-area .table td:first-child {

  background: #f66;

  color: #fff;

}

body.past .past-calendar-area .table td:first-child a {

  color: #fff;

}

body.past .past-calendar-area .table td:last-child {

  background: #0071b5;

  color: #fff;

}

body.past .past-calendar-area .table td:last-child a {

  color: #fff;

}

body.past .past-nav-list .list li {

  margin-top: 10px;

}

body.past .past-nav-list .list li:first-child {

  margin-top: 0;

}

body.past .past-nav-list .list li a {

  display: block;

  padding: 10px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  background: #116ca8;

  color: #fff;

  text-decoration: none;

}

body.past .past-nav-list .list li a:hover {

  background: #f4e621;

  color: #333;

}



@media screen and (max-width: 768px) {

  body.past #container {

    margin: 50px 20px 0;

  }

  body.past #main {

    width: 100%;

  }

  body.past #main > .left-col,

  body.past #main > .right-col {

    float: none;

    width: 100%;

  }

  body.past .past-calendar-area .col {

    float: none;

    width: 100%;

    margin: 20px 0 0 !important;

  }

  body.past .past-calendar-area .col:first-child {

    margin-top: 20px;

  }

  body.past .past-nav-list {

    margin-top: 30px;

  }

}

/*==================================

404・500ページ用

==================================*/

body.notfound #container {

  margin-top: 50px;

}

body.notfound #main {

  width: 960px;

  margin: 0 auto;

}

body.notfound #main .title {

  font-weight: normal;

  text-align: center;

}

body.notfound #main .wysiwyg {

  margin-top: 20px;

}



@media screen and (max-width: 768px) {

  body.notfound #container {

    margin: 50px 20px 0;

  }

  body.notfound #main {

    width: 100%;

  }

}

/*++++++++++++++++++++++++++++++++++

 * トップと下層ページのフッターエリア専用CSS

 * @version 0.0.1 

++++++++++++++++++++++++++++++++++*/

/*==================================

フッター

==================================*/

footer {

  margin-top: 30px;

}

footer #footer-logo {

  text-align: center;

}

footer #footer-language {

  display: table;

}

footer #footer-language dt,

footer #footer-language dd {

  display: table-cell;

  vertical-align: middle;

}

footer #footer-language dt {

  padding-right: 10px;

}

footer #footer-language dd {

  width: 100%;

}

footer #footer-language .list li {

  float: left;

  width: 13%;

  margin-left: 1.5%;

}

footer #footer-language .list li:first-child {

  margin-left: 0;

}

footer #footer-language .list li a {

  display: block;

  padding: 2px 0;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  background: #116ca8;

  color: #fff;

  text-align: center;

  text-decoration: none;

}

footer #footer-language .list li a:hover {

  background: #f4e621;

  color: #333;

}

footer .copyright {

  margin-top: 15px;

  padding: 5px 0;

  background: #116ca8;

  color: #fff;

  font-size: 85%;

  text-align: center;

}



@media print, screen and (min-width: 769px) {

  footer .in2 {

    display: table;

    max-width: 960px;

    width: 100%;

    margin: 15px auto 0;

  }

  footer #footer-sns,

  footer #footer-language,

  footer .unit {

    display: table-cell;

    vertical-align: middle;

  }

  footer #footer-sns {

    width: 7.8125%;

  }

  footer #footer-sns .list li {

    float: left;

    margin-left: 5px;

    width: 26px;

  }

  footer #footer-sns .list li:first-child {

    margin-left: 0;

  }

  footer #footer-sns .list li img {

    width: 100%;

    height: auto;

  }

  footer #footer-language {

    width: 73.4375%;

  }

  footer .unit {

    width: 18.75%;

    text-align: right;

  }

}

@media screen and (max-width: 768px) {

  footer .in2 {

    margin: 0 20px;

  }

  footer #footer-sns {

    margin-top: 20px;

  }

  footer #footer-sns .list {

    text-align: center;

  }

  footer #footer-sns .list li {

    display: inline-block;

  }

  footer #footer-language {

    margin-top: 10px;

    font-size: 50%;

  }

  footer #footer-language .list li a {

    padding: 5px 0;

  }

  footer .unit {

    margin-top: 20px;

    text-align: center;

  }

}