@charset "UTF-8";
/*========================================
	

	*This CSS is written by SASS


========================================*/
@font-face {
  font-family: "Hannari-Mincho";
  src: url("../font/HannariWeb.woff") format("woff"); }
@font-face {
  font-family: "Hannari-Mincho-vertical";
  src: url("../font/HannariWebV.woff") format("woff"); }
/*========================================
	

	*変数の設定


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

	*スタイルリセット（sanitize.css）


========================================*/
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  text-size-adjust: 100%; }

audio:not([controls]) {
  display: none; }

details {
  display: block; }

input[type="number"] {
  width: auto; }
input[type="search"] {
  -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

main {
  display: block; }

summary {
  display: block; }

pre {
  overflow: auto; }

progress {
  display: inline-block; }

small {
  font-size: 75%; }

template {
  display: none; }

textarea {
  overflow: auto; }

[hidden] {
  display: none; }

[unselectable] {
  user-select: none; }

/*
 * Universal inheritance
 */
*,
::before,
::after {
  box-sizing: inherit; }

* {
  font-size: inherit;
  line-height: inherit; }

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit; }

/*
 * Opinionated defaults
 */
*,
::before,
::after {
  border-style: solid;
  border-width: 0; }

* {
  margin: 0;
  padding: 0; }

:root {
  box-sizing: border-box;
  cursor: default;
  font: 13px/1.75 sans-serif;
  text-rendering: optimizeLegibility; }

html {
  background-color: #FFFFFF; }

a {
  text-decoration: underline; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

button,
input,
select,
textarea {
  background-color: transparent; }

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit; }

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.75em; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

ol,
ul {
  list-style: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    color: currentColor; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea {
  resize: vertical; }

::selection {
  background-color: #B3D4FC;
  text-shadow: none; }

@media screen {
  [hidden~="screen"] {
    display: inherit; }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }
/*========================================
	

	*mixin／extend


========================================*/
/*----------------------------------------
	
	*mixin

----------------------------------------*/
/*----------------------------------------
	
	*extend

----------------------------------------*/
.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

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

.ml0 {
  margin-left: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

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

.ml5 {
  margin-left: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

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

.ml10 {
  margin-left: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

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

.ml15 {
  margin-left: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

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

.ml20 {
  margin-left: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

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

.ml25 {
  margin-left: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

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

.ml30 {
  margin-left: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

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

.ml35 {
  margin-left: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

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

.ml40 {
  margin-left: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

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

.ml45 {
  margin-left: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

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

.ml50 {
  margin-left: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

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

.ml55 {
  margin-left: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

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

.ml60 {
  margin-left: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

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

.ml65 {
  margin-left: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

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

.ml70 {
  margin-left: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

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

.ml75 {
  margin-left: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

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

.ml80 {
  margin-left: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

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

.ml85 {
  margin-left: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

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

.ml90 {
  margin-left: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

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

.ml95 {
  margin-left: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

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

.ml100 {
  margin-left: 100px !important; }

.clearfix, #navArea .language, #contentArea.contentAreaTop article, #contentArea.contentAreaTop article > section#cont05, #contentArea.contentAreaTop article > section#cont08, #contentArea.contentAreaTop article > section#cont08 .content, #contentArea.contentAreaTop article > section#cont10 {
  *zoom: 1; }
  .clearfix:after, #navArea .language:after, #contentArea.contentAreaTop article:after, #contentArea.contentAreaTop article > section#cont05:after, #contentArea.contentAreaTop article > section#cont08:after, #contentArea.contentAreaTop article > section#cont08 .content:after, #contentArea.contentAreaTop article > section#cont10:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

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

	*初期設定


========================================*/
body {
  background: #fff;
  color: #828282;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  letter-spacing: 0.1em; }

input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a {
  color: #DB7272; }

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


	*共通エリア


========================================*/
.blue {
  color: #0000cc; }

.red {
  color: #cc0000; }

a {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all; }
  a:hover {
    opacity: 0.8; }
  a.hoverText:hover {
    opacity: 0.7; }

.btn {
  text-align: center; }
  .btn a {
    display: block;
    line-height: 1;
    padding: 0 15px;
    color: #505050;
    font-size: 13px;
    border: 1px solid #505050;
    text-decoration: none; }
  .btn:hover a {
    background-color: #505050;
    color: #FFF !important; }
  .btn.red a {
    color: #F95D5D;
    border-color: #F95D5D; }
  .btn.red:hover a {
    background-color: #F95D5D; }

body {
  background: url("../img/common/background.jpg") repeat;
  border-top: 4px solid #F95D5D; }
  body #baseFrame {
    position: relative;
    overflow: hidden;
    opacity: 0;
    min-height: 980px; }
  body .loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px; }
    body .loading span, body .loading:before, body .loading:after {
      display: block;
      font-size: 0;
      width: 8px;
      height: 8px;
      border-radius: 4px;
      background-color: #F95D5D; }
    body .loading:before, body .loading:after {
      content: "";
      position: absolute;
      top: 0; }
    body .loading:before {
      left: -30px;
      -webkit-animation: loadingAnm 0.6s 0s infinite;
      -moz-animation: loadingAnm 0.6s 0s infinite;
      animation: loadingAnm 0.6s 0s infinite;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both; }
    body .loading span {
      -webkit-animation: loadingAnm 0.6s 0.1s infinite;
      -moz-animation: loadingAnm 0.6s 0.1s infinite;
      animation: loadingAnm 0.6s 0.1s infinite;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both; }
    body .loading:after {
      left: 30px;
      -webkit-animation: loadingAnm 0.6s 0.2s infinite;
      -moz-animation: loadingAnm 0.6s 0.2s infinite;
      animation: loadingAnm 0.6s 0.2s infinite;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both; }
  body.loaded #baseFrame {
    opacity: 1;
    -webkit-animation: fadeIn 0.6s;
    -moz-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }
  body.loaded .loading {
    display: none; }

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


	*サイドバー


========================================*/
#navArea {
  background: url("../img/common/sidebar/background.jpg") repeat;
  width: 280px;
  height: 9999px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51;
  padding: 0 48px;
  /*----------------------------------------
  	*ナビゲーション
  ----------------------------------------*/ }
  #navArea > h1 {
    text-align: center;
    padding: 48px 0;
    margin-bottom: 48px;
    background: url("../img/common/sidebar/logo_border.png") no-repeat 50% 100%; }
  #navArea ul#navGrobal {
    margin: 0 -48px 48px;
    border-top: 1px solid #E2E2E2; }
    #navArea ul#navGrobal > li {
      font-size: 16px;
      border-bottom: 1px solid #E2E2E2;
      font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      /* ナビゲーション詳細 */ }
      #navArea ul#navGrobal > li > a {
        line-height: 1;
        padding: 20px 25px;
        display: block;
        color: #505050;
        text-decoration: none;
        background: url("../img/common/sidebar/nav_arrow.png") no-repeat 92% 50%; }
      #navArea ul#navGrobal > li > section {
        width: 220px;
        height: 9999px;
        position: absolute;
        top: 0;
        left: 280px;
        display: none;
        background-color: #FFF;
        -webkit-animation: menuOpen 0.4s;
        -moz-animation: menuOpen 0.4s;
        animation: menuOpen 0.4s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-perspective: 500;
        -moz-perspective: 500;
        -ms-perspective: 500;
        -o-perspective: 500;
        perspective: 500;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left; }
        #navArea ul#navGrobal > li > section h1 {
          text-align: center;
          height: 353px;
          margin-bottom: 48px; }
          #navArea ul#navGrobal > li > section h1 span {
            height: 353px;
            display: inline-block;
            font-weight: normal;
            font-size: 18px;
            text-align: right;
            writing-mode: tb-rl;
            writing-mode: vertical-rl;
            -moz-writing-mode: vertical-rl;
            -o-writing-mode: vertical-rl;
            -webkit-writing-mode: vertical-rl;
            font-family: "Marcellus", "Hannari-Mincho-vertical", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
        #navArea ul#navGrobal > li > section ul {
          border-top: 1px solid #E2E2E2; }
          #navArea ul#navGrobal > li > section ul li {
            font-size: 12px;
            border-bottom: 1px solid #E2E2E2; }
            #navArea ul#navGrobal > li > section ul li a {
              line-height: 1.5;
              padding: 10px 12px;
              display: block;
              color: #505050;
              text-decoration: none; }
              #navArea ul#navGrobal > li > section ul li a:hover {
                background-color: #F3F3F3;
                opacity: 1; }
        #navArea ul#navGrobal > li > section:before {
          content: "";
          display: block;
          width: 6px;
          height: 9999px;
          background: url("../img/common/sidebar/shadow.png") repeat-y;
          position: absolute;
          z-index: 100;
          top: 0;
          right: -6px;
          pointer-events: none; }
      #navArea ul#navGrobal > li:hover a {
        background-color: #FFF;
        opacity: 1; }
      #navArea ul#navGrobal > li:hover > section {
        display: block; }
    #navArea ul#navGrobal:before {
      content: "";
      display: block;
      width: 6px;
      height: 9999px;
      background: url("../img/common/sidebar/shadow.png") repeat-y;
      position: absolute;
      z-index: 100;
      top: 0;
      right: -6px;
      pointer-events: none; }
  #navArea .btnMarried {
    text-align: center;
    margin-bottom: 20px;
    font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    #navArea .btnMarried b {
      font-size: 20px;
      font-weight: normal; }
    #navArea .btnMarried a {
      text-decoration: none;
      padding: 0 15px;
      height: 40px;
      line-height: 40px;
      display: block; }
  #navArea .btnAcc {
    text-align: center;
    margin-bottom: 60px;
    font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    #navArea .btnAcc b {
      font-size: 20px;
      font-weight: normal; }
    #navArea .btnAcc a {
      text-decoration: none;
      padding: 0 15px;
      height: 40px;
      line-height: 40px;
      display: block; }
  #navArea .language {
    margin-bottom: 70px;
    font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    #navArea .language .btn {
      width: 83px;
      display: block;
      float: left; }
      #navArea .language .btn a {
        padding: 3px 8px; }
      #navArea .language .btn:last-child {
        float: right; }
  #navArea .copyright {
    font-size: 10px;
    text-align: center;
    margin: 0 -30px;
    font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

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


	*コンテンツ


========================================*/
#contentArea {
  min-width: 920px;
  margin-left: 280px;
  	/*----------------------------------------
  
  		*PAGE : 全ページ共通
  
  	----------------------------------------*/
  /*----------------------------------------
  	*フッター
  ----------------------------------------*/
  	/*----------------------------------------
  
  		*PAGE : トップページ
  
  	----------------------------------------*/
  	/*----------------------------------------
  
  		*PAGE : 中ページ
  
  	----------------------------------------*/ }
  #contentArea footer {
    color: #FFF;
    background-color: #F95D5D;
    padding: 3px 0;
    margin: 0 -80px; }
    #contentArea footer ul {
      text-align: center; }
      #contentArea footer ul li {
        display: inline-block;
        border-right: 1px solid #fff;
        padding: 0 10px;
        line-height: 1; }
        #contentArea footer ul li a {
          color: #FFF;
          text-decoration: none;
          font-size: 12px; }
        #contentArea footer ul li:first-child {
          border-left: 1px solid #FFF; }
  #contentArea.contentAreaTop article {
    padding-bottom: 0px;
    /*----------------------------------------
    	*トップページコンテンツ
    ----------------------------------------*/ }
    #contentArea.contentAreaTop article > section {
      margin-bottom: 0;
      float: left;
      border-bottom: 2px solid #FFF;
      overflow: hidden;
      /* ボーダーの調整 */
      /* スライダー（京都最古の神社） */
      /* ご案内 */
      /* 松尾大社からお知らせ */
      /* バナー（平成の御遷宮） */
      /* 開花情報のお知らせ */
      /* アクセス */
      /* 京都五社めぐり */
      /* 社報まつのを */
      /* 松尾大社の結婚式 */
      /* 関連団体 */
      /* 松尾大社facebook & Twitter共通 */
      /* 松尾大社facebook */
      /* 松尾大社twitter */
      /* 日本酒ガールブログ */ }
      #contentArea.contentAreaTop article > section#cont01, #contentArea.contentAreaTop article > section#cont05, #contentArea.contentAreaTop article > section#cont07, #contentArea.contentAreaTop article > section#cont09, #contentArea.contentAreaTop article > section#cont11, #contentArea.contentAreaTop article > section#cont14 {
        border-right: 2px solid #FFF; }
      #contentArea.contentAreaTop article > section#cont01 {
        -webkit-animation: fadeIn 0.8s 0.1s;
        -moz-animation: fadeIn 0.8s 0.1s;
        animation: fadeIn 0.8s 0.1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont02 {
        -webkit-animation: fadeIn 0.8s 0.2s;
        -moz-animation: fadeIn 0.8s 0.2s;
        animation: fadeIn 0.8s 0.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont03 {
        -webkit-animation: fadeIn 0.8s 0.3s;
        -moz-animation: fadeIn 0.8s 0.3s;
        animation: fadeIn 0.8s 0.3s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont04 {
        -webkit-animation: fadeIn 0.8s 0.4s;
        -moz-animation: fadeIn 0.8s 0.4s;
        animation: fadeIn 0.8s 0.4s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont05 {
        -webkit-animation: fadeIn 0.8s 0.5s;
        -moz-animation: fadeIn 0.8s 0.5s;
        animation: fadeIn 0.8s 0.5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont06 {
        -webkit-animation: fadeIn 0.8s 0.6s;
        -moz-animation: fadeIn 0.8s 0.6s;
        animation: fadeIn 0.8s 0.6s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont07 {
        -webkit-animation: fadeIn 0.8s 0.7s;
        -moz-animation: fadeIn 0.8s 0.7s;
        animation: fadeIn 0.8s 0.7s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont08 {
        -webkit-animation: fadeIn 0.8s 0.8s;
        -moz-animation: fadeIn 0.8s 0.8s;
        animation: fadeIn 0.8s 0.8s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont09 {
        -webkit-animation: fadeIn 0.8s 0.9s;
        -moz-animation: fadeIn 0.8s 0.9s;
        animation: fadeIn 0.8s 0.9s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont10 {
        -webkit-animation: fadeIn 0.8s 1s;
        -moz-animation: fadeIn 0.8s 1s;
        animation: fadeIn 0.8s 1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont11 {
        -webkit-animation: fadeIn 0.8s 1.1s;
        -moz-animation: fadeIn 0.8s 1.1s;
        animation: fadeIn 0.8s 1.1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont12 {
        -webkit-animation: fadeIn 0.8s 1.2s;
        -moz-animation: fadeIn 0.8s 1.2s;
        animation: fadeIn 0.8s 1.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont13 {
        -webkit-animation: fadeIn 0.8s 1.3s;
        -moz-animation: fadeIn 0.8s 1.3s;
        animation: fadeIn 0.8s 1.3s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont14 {
        -webkit-animation: fadeIn 0.8s 1.4s;
        -moz-animation: fadeIn 0.8s 1.4s;
        animation: fadeIn 0.8s 1.4s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaTop article > section#cont01 {
        width: 55%;
        height: 660px; }
        #contentArea.contentAreaTop article > section#cont01 .slide {
          position: relative;
          height: 100%; }
          #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper {
            height: 100%; }
            #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-viewport {
              height: 100%; }
              #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-viewport ul {
                height: 100%; }
                #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-viewport ul li {
                  height: 100%;
                  background-position: 50% 50%;
                  background-repeat: no-repeat;
                  background-size: cover; }
            #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-controls {
              position: relative;
              z-index: 100; }
              #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-controls .bx-pager {
                position: absolute;
                bottom: 20px;
                left: 0;
                width: 100%;
                text-align: center; }
                #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
                  display: inline-block;
                  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
                  margin: 0 8px; }
                  #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
                    display: block;
                    text-indent: -9999px;
                    width: 14px;
                    height: 14px;
                    border-radius: 7px;
                    background-color: #FFF; }
                    #contentArea.contentAreaTop article > section#cont01 .slide .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
                      background-color: #F95D5D; }
      #contentArea.contentAreaTop article > section#cont02 {
        background-color: #FFF;
        width: 45%;
        height: 240px;
        padding-top: 40px; }
        #contentArea.contentAreaTop article > section#cont02 h1 {
          position: relative;
          text-align: center;
          margin-bottom: 27px;
          color: #151515; }
          #contentArea.contentAreaTop article > section#cont02 h1 span {
            font-family: "Marcellus", "Hannari-Mincho-vertical", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            font-size: 20px;
            font-weight: normal;
            position: relative;
            writing-mode: tb-rl;
            writing-mode: vertical-rl;
            -moz-writing-mode: vertical-rl;
            -o-writing-mode: vertical-rl;
            -webkit-writing-mode: vertical-rl; }
            #contentArea.contentAreaTop article > section#cont02 h1 span:before {
              content: "";
              display: block;
              width: 7px;
              height: 7px;
              background-color: #F95D5D;
              border-radius: 4px;
              position: absolute;
              top: -16px;
              left: 50%;
              margin-left: -3px; }
          #contentArea.contentAreaTop article > section#cont02 h1:before, #contentArea.contentAreaTop article > section#cont02 h1:after {
            content: "";
            position: absolute;
            background: url("../img/index/02_contact/pagecaption_bg.png") no-repeat;
            width: 298px;
            height: 60px;
            top: 50%;
            margin-top: -30px; }
          #contentArea.contentAreaTop article > section#cont02 h1:before {
            left: -150px; }
          #contentArea.contentAreaTop article > section#cont02 h1:after {
            right: -150px; }
        #contentArea.contentAreaTop article > section#cont02 p {
          line-height: 1;
          text-align: center;
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
          #contentArea.contentAreaTop article > section#cont02 p a {
            color: #828282;
            text-decoration: none; }
          #contentArea.contentAreaTop article > section#cont02 p.tel {
            font-size: 24px;
            margin-bottom: 8px; }
          #contentArea.contentAreaTop article > section#cont02 p.mail {
            font-size: 15px;
            margin-bottom: 10px; }
          #contentArea.contentAreaTop article > section#cont02 p.address {
            font-size: 11px; }
      #contentArea.contentAreaTop article > section#cont03 {
        width: 45%;
        height: 260px;
        padding: 40px 32px 47px;
        position: relative; }
        #contentArea.contentAreaTop article > section#cont03 h1 {
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 20px;
          font-weight: normal;
          margin-bottom: 20px;
          color: #151515; }
        #contentArea.contentAreaTop article > section#cont03 .more {
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 12px;
          position: absolute;
          top: 46px;
          right: 32px; }
          #contentArea.contentAreaTop article > section#cont03 .more a {
            display: block;
            text-decoration: none;
            color: #828282;
            background: url("../img/common/sidebar/nav_arrow.png") no-repeat 100% 50%;
            padding-right: 20px; }
        #contentArea.contentAreaTop article > section#cont03 .newsArea {
          overflow-y: scroll;
          max-height: 120px;
          padding-right: 15px;
          -webkit-overflow-scrolling: touch;
          -moz-overflow-scrolling: touch;
          -ms-overflow-scrolling: touch;
          -o-overflow-scrolling: touch;
          overflow-scrolling: touch; }
          #contentArea.contentAreaTop article > section#cont03 .newsArea::-webkit-scrollbar {
            width: 4px;
            background-color: #DDD; }
            #contentArea.contentAreaTop article > section#cont03 .newsArea::-webkit-scrollbar:horizontal {
              display: none;
              background-color: #FFF; }
          #contentArea.contentAreaTop article > section#cont03 .newsArea::-webkit-scrollbar-thumb {
            background-color: #F95D5D; }
          #contentArea.contentAreaTop article > section#cont03 .newsArea ul li a {
            font-size: 12px;
            text-decoration: none;
            color: #828282;
            letter-spacing: 0;
            padding: 10px 0;
            display: block; }
            #contentArea.contentAreaTop article > section#cont03 .newsArea ul li a .date {
              margin-right: 7px; }
      #contentArea.contentAreaTop article > section#cont04 {
        width: 45%;
        height: 160px; }
        #contentArea.contentAreaTop article > section#cont04 a {
          height: 100%;
          padding: 15px;
          display: block;
          background-color: #B81C22;
          text-decoration: none;
          position: relative;
          color: #FFF; }
          #contentArea.contentAreaTop article > section#cont04 a:before, #contentArea.contentAreaTop article > section#cont04 a:after {
            content: "";
            display: block;
            background: url("../img/index/04_gosengu/background_01.png") no-repeat;
            width: 111px;
            height: 79px;
            position: absolute; }
          #contentArea.contentAreaTop article > section#cont04 a:before {
            top: 0;
            left: 30px; }
          #contentArea.contentAreaTop article > section#cont04 a:after {
            bottom: 0;
            right: 30px; }
          #contentArea.contentAreaTop article > section#cont04 a .inner {
            height: 100%;
            border: 3px solid #FFF;
            padding: 3px;
            position: relative;
            z-index: 1; }
            #contentArea.contentAreaTop article > section#cont04 a .inner .content {
              height: 100%;
              border: 1px solid #FFF;
              padding: 15px;
              text-align: center; }
              #contentArea.contentAreaTop article > section#cont04 a .inner .content h1 {
                font-size: 30px;
                text-align: center;
                text-shadow: 0px 0px 4px #000;
                line-height: 1;
                letter-spacing: 0.2em;
                font-weight: normal;
                margin-bottom: 10px;
                font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
                #contentArea.contentAreaTop article > section#cont04 a .inner .content h1 span {
                  font-size: 13px;
                  letter-spacing: 0.4em;
                  display: block;
                  margin-bottom: 10px; }
              #contentArea.contentAreaTop article > section#cont04 a .inner .content .more {
                font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
                background: url("../img/index/04_gosengu/arrow.png") no-repeat 0% 50%;
                padding-left: 26px;
                display: inline-block; }
      #contentArea.contentAreaTop article > section#cont05 {
        width: 67%;
        height: 298px;
        background: url("../img/index/05_flower/img.jpg") no-repeat 0% 50%;
        background-size: 30% auto; }
        #contentArea.contentAreaTop article > section#cont05 .text {
          float: right;
          width: 70%;
          height: 100%;
          padding: 35px 50px;
          position: relative;
          background: #FFF url("../img/index/05_flower/background.png") no-repeat 100% 50%; }
          #contentArea.contentAreaTop article > section#cont05 .text > h1 {
            font-size: 20px;
            font-weight: normal;
            border-bottom: 1px solid #F95D5D;
            padding-bottom: 15px;
            margin-bottom: 20px;
            color: #151515;
            font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
            #contentArea.contentAreaTop article > section#cont05 .text > h1 span {
              color: #F95D5D; }
            #contentArea.contentAreaTop article > section#cont05 .text > h1 b {
              font-size: 26px;
              font-weight: normal; }
          #contentArea.contentAreaTop article > section#cont05 .text article .date {
            font-size: 12px;
            margin-bottom: 10px; }
            #contentArea.contentAreaTop article > section#cont05 .text article .date span {
              font-size: 14px;
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              color: #DA0000; }
          #contentArea.contentAreaTop article > section#cont05 .text article h1 {
            font-size: 15px;
            color: #151515;
            margin-bottom: 15px;
            font-weight: normal;
            text-decoration: underline; }
          #contentArea.contentAreaTop article > section#cont05 .text article .body {
            font-size: 12px;
            line-height: 2.1; }
          #contentArea.contentAreaTop article > section#cont05 .text:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background-color: #FFF;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            left: -10px;
            top: 50%;
            margin-top: -10px; }
      #contentArea.contentAreaTop article > section#cont06 {
        width: 33%;
        height: 298px; }
        #contentArea.contentAreaTop article > section#cont06 a {
          color: #FFF;
          display: block;
          text-decoration: none;
          background: url("../img/index/06_access/background.jpg") no-repeat 50% 50%;
          background-size: cover;
          text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
          text-align: center;
          padding: 60px 0;
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
          #contentArea.contentAreaTop article > section#cont06 a h1 {
            display: inline-block;
            border: 2px solid #FFF;
            font-size: 23px;
            padding: 8px 18px;
            line-height: 1;
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
            margin-bottom: 30px;
            font-weight: normal; }
          #contentArea.contentAreaTop article > section#cont06 a .body {
            font-size: 17px;
            margin-bottom: 30px; }
          #contentArea.contentAreaTop article > section#cont06 a .more {
            font-size: 16px;
            display: inline-block;
            background: url("../img/index/06_access/arrow.png") no-repeat 0% 50%;
            padding-left: 30px; }
      #contentArea.contentAreaTop article > section#cont07 {
        width: 43%;
        height: 238px; }
        #contentArea.contentAreaTop article > section#cont07 a {
          width: 100%;
          height: 100%;
          background: url("../img/index/07_gosha/border.gif") repeat-x 50% 50%, url("../img/index/07_gosha/background.jpg") no-repeat 50% 50%;
          background-size: 1px 8px, cover;
          display: table; }
          #contentArea.contentAreaTop article > section#cont07 a h1 {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
      #contentArea.contentAreaTop article > section#cont08 {
        width: 57%;
        height: 238px;
        padding: 32px 32px 32px 40px; }
        #contentArea.contentAreaTop article > section#cont08 > h1 {
          float: left;
          margin-right: 32px; }
        #contentArea.contentAreaTop article > section#cont08 .content {
          position: relative;
          height: 100%; }
          #contentArea.contentAreaTop article > section#cont08 .content .img {
            position: absolute;
            left: 64px;
            z-index: 5; }
          #contentArea.contentAreaTop article > section#cont08 .content .text {
            padding-left: 186px; }
            #contentArea.contentAreaTop article > section#cont08 .content .text a {
              color: #828282;
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              display: block;
              text-decoration: none; }
            #contentArea.contentAreaTop article > section#cont08 .content .text > h1 {
              font-size: 18px;
              padding-left: 20px;
              padding-bottom: 10px;
              margin-bottom: 10px;
              border-bottom: 1px solid #F95D5D;
              font-weight: normal;
              position: relative; }
              #contentArea.contentAreaTop article > section#cont08 .content .text > h1 a {
                color: #151515;
                display: block; }
                #contentArea.contentAreaTop article > section#cont08 .content .text > h1 a .pdf {
                  color: #828282;
                  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
                  font-size: 9px;
                  position: absolute;
                  top: 10px;
                  right: 0; }
                  #contentArea.contentAreaTop article > section#cont08 .content .text > h1 a .pdf img {
                    margin-right: 3px; }
            #contentArea.contentAreaTop article > section#cont08 .content .text .body {
              padding-left: 20px; }
            #contentArea.contentAreaTop article > section#cont08 .content .text .more {
              position: absolute;
              right: 0;
              bottom: 0; }
              #contentArea.contentAreaTop article > section#cont08 .content .text .more a {
                background: url("../img/index/08_magazine/arrow.png") no-repeat 0% 50%;
                padding-left: 16px; }
      #contentArea.contentAreaTop article > section#cont09 {
        width: 50%;
        height: 286px;
        position: relative; }
        #contentArea.contentAreaTop article > section#cont09 a {
          width: 100%;
          height: 100%;
          display: block;
          background: url("../img/index/09_marry/background.jpg") no-repeat 50% 50%;
          background-size: cover;
          display: table; }
          #contentArea.contentAreaTop article > section#cont09 a:before {
            content: "";
            display: table-cell;
            width: 45%; }
          #contentArea.contentAreaTop article > section#cont09 a h1 {
            position: absolute;
            display: block;
            width: 55%;
            text-align: center;
            vertical-align: middle;
            padding-bottom: 20px;
            top: 95px;
            left: -10px; }
      #contentArea.contentAreaTop article > section#cont10 {
        width: 50%;
        height: 286px;
        background-color: rgba(140, 198, 63, 0.4);
        padding: 20px 50px; }
        #contentArea.contentAreaTop article > section#cont10 .inner {
          width: 300px;
          height: 100%;
          margin: 0 auto; }
          #contentArea.contentAreaTop article > section#cont10 .inner h1 {
            writing-mode: tb-rl;
            writing-mode: vertical-rl;
            -moz-writing-mode: vertical-rl;
            -o-writing-mode: vertical-rl;
            -webkit-writing-mode: vertical-rl;
            font-family: "Marcellus", "Hannari-Mincho-vertical", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            font-size: 20px;
            float: left;
            width: 30px;
            margin-right: 60px;
            color: #151515;
            font-weight: normal; }
          #contentArea.contentAreaTop article > section#cont10 .inner ul {
            writing-mode: tb-rl;
            writing-mode: vertical-rl;
            -moz-writing-mode: vertical-rl;
            -o-writing-mode: vertical-rl;
            -webkit-writing-mode: vertical-rl;
            font-family: "Marcellus", "Hannari-Mincho-vertical", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            float: left;
            width: 210px;
            margin-top: 1.5em; }
            #contentArea.contentAreaTop article > section#cont10 .inner ul li {
              margin-left: 60px; }
              #contentArea.contentAreaTop article > section#cont10 .inner ul li a {
                font-size: 18px;
                color: #3A5E32;
                text-decoration: none;
                background: url("../img/common/sidebar/nav_arrow.png") no-repeat 50% 100%;
                display: inline-block;
                padding-bottom: 22px; }
              #contentArea.contentAreaTop article > section#cont10 .inner ul li:last-child {
                margin-left: 0; }
      #contentArea.contentAreaTop article > section#cont11, #contentArea.contentAreaTop article > section#cont12 {
        width: 25%;
        height: 230px; }
        #contentArea.contentAreaTop article > section#cont11 h1, #contentArea.contentAreaTop article > section#cont12 h1 {
          height: 100%;
          font-weight: normal; }
          #contentArea.contentAreaTop article > section#cont11 h1 a, #contentArea.contentAreaTop article > section#cont12 h1 a {
            width: 100%;
            height: 100%;
            display: table;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            position: relative; }
            #contentArea.contentAreaTop article > section#cont11 h1 a:before, #contentArea.contentAreaTop article > section#cont12 h1 a:before {
              content: "";
              background: url("../img/common/icn_newtab_wh.png");
              width: 13px;
              height: 11px;
              position: absolute;
              top: 12px;
              right: 21px; }
            #contentArea.contentAreaTop article > section#cont11 h1 a .inner, #contentArea.contentAreaTop article > section#cont12 h1 a .inner {
              display: table-cell;
              vertical-align: middle;
              padding-bottom: 10px; }
              #contentArea.contentAreaTop article > section#cont11 h1 a .inner img, #contentArea.contentAreaTop article > section#cont12 h1 a .inner img {
                margin-bottom: 5px; }
              #contentArea.contentAreaTop article > section#cont11 h1 a .inner span, #contentArea.contentAreaTop article > section#cont12 h1 a .inner span {
                font-size: 16px;
                display: block;
                font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
      #contentArea.contentAreaTop article > section#cont11 h1 a {
        background-color: #4967A9; }
      #contentArea.contentAreaTop article > section#cont12 h1 a {
        background-color: #55ACEE; }
        #contentArea.contentAreaTop article > section#cont12 h1 a:after {
          content: "";
          display: block;
          background: url("../img/index/12_twitter/img_bird.png") no-repeat;
          width: 43px;
          height: 35px;
          position: absolute;
          bottom: 20px;
          right: 20px; }
      #contentArea.contentAreaTop article > section#cont13 {
        width: 50%;
        height: 230px; }
        #contentArea.contentAreaTop article > section#cont13 a {
          color: #828282;
          height: 100%;
          display: block;
          text-decoration: none;
          background: url("../img/index/13_blog/img.jpg") no-repeat 100% 50%;
          background-size: 50% auto; }
          #contentArea.contentAreaTop article > section#cont13 a .text {
            width: 50%;
            height: 100%;
            padding: 35px;
            position: relative;
            background: url("../img/common/background.jpg"); }
            #contentArea.contentAreaTop article > section#cont13 a .text h1 {
              text-align: center;
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-size: 22px;
              font-weight: normal;
              line-height: 1.5;
              margin-bottom: 15px;
              color: #151515; }
              #contentArea.contentAreaTop article > section#cont13 a .text h1 span {
                display: block;
                font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
                font-size: 11px;
                color: #FF9292;
                margin-bottom: 5px;
                letter-spacing: normal; }
            #contentArea.contentAreaTop article > section#cont13 a .text .body {
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              text-align: center;
              font-size: 11px; }
            #contentArea.contentAreaTop article > section#cont13 a .text:before {
              content: "";
              display: block;
              width: 20px;
              height: 20px;
              background: url("../img/common/background.jpg");
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              right: -10px;
              top: 50%;
              margin-top: -10px; }
      #contentArea.contentAreaTop article > section#cont14 {
        width: 25%;
        height: 230px;
        position: relative; }
        #contentArea.contentAreaTop article > section#cont14 a {
          width: 100%;
          height: 100%;
          display: block;
          background: url("../img/index/14_tukiyomi/background.jpg") no-repeat 50% 50%;
          background-size: cover;
          display: table; }
          #contentArea.contentAreaTop article > section#cont14 a h1 {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
  #contentArea.contentAreaSub {
    padding: 80px 80px 0;
    /*----------------------------------------
    	*テンプレートコンテンツ
    ----------------------------------------*/
    /* ページ見出し */
    /* パンくずリスト */
    /* 同階層ページナビ */ }
    #contentArea.contentAreaSub > h1 {
      text-align: center;
      margin: 0 -80px 45px;
      position: relative; }
      #contentArea.contentAreaSub > h1 span {
        font-family: "Marcellus", "Hannari-Mincho-vertical", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #505050;
        font-size: 32px;
        font-weight: normal;
        position: relative;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -webkit-animation: titleShow 1s 1.2s;
        -moz-animation: titleShow 1s 1.2s;
        animation: titleShow 1s 1.2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
        #contentArea.contentAreaSub > h1 span:before {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          background-color: #F95D5D;
          border-radius: 5px;
          position: absolute;
          top: -28px;
          left: 50%;
          margin-left: -5px; }
      #contentArea.contentAreaSub > h1:before, #contentArea.contentAreaSub > h1:after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        height: 107px;
        top: 50%;
        margin-top: -53px; }
      #contentArea.contentAreaSub > h1:before {
        background-image: url("../img/common/pagecaption_bg_01.png");
        width: 346px;
        left: 0;
        -webkit-animation: titleParts01Show 0.6s 0.7s;
        -moz-animation: titleParts01Show 0.6s 0.7s;
        animation: titleParts01Show 0.6s 0.7s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
      #contentArea.contentAreaSub > h1:after {
        background-image: url("../img/common/pagecaption_bg_02.png");
        width: 359px;
        right: 0;
        -webkit-animation: titleParts02Show 0.6s 0.9s;
        -moz-animation: titleParts02Show 0.6s 0.9s;
        animation: titleParts02Show 0.6s 0.9s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both; }
    #contentArea.contentAreaSub #pankuzu {
      margin-bottom: 40px; }
      #contentArea.contentAreaSub #pankuzu li {
        display: inline-block; }
        #contentArea.contentAreaSub #pankuzu li:after {
          content: ">";
          margin-left: 10px;
          margin-right: 5px; }
        #contentArea.contentAreaSub #pankuzu li:last-child:after {
          content: none; }
    #contentArea.contentAreaSub #navLocal {
      border: 1px dotted #828282;
      padding: 20px;
      margin-bottom: 59px;
      text-align: center; }
      #contentArea.contentAreaSub #navLocal li {
        display: inline-block;
        border-right: 1px solid #E2E2E2;
        padding: 0 17px 0 13px;
        line-height: 1; }
        #contentArea.contentAreaSub #navLocal li a {
          text-decoration: none; }
        #contentArea.contentAreaSub #navLocal li:last-child {
          border-right: none; }
    #contentArea.contentAreaSub article {
      padding-bottom: 80px;
      /* 見出しレベル1 */
      /* 見出しレベル2 */
      /* 見出しレベル3 */
      /* 本文 */
      /* 画像 */
      /* 画像+テキストのフロート */
      /* リスト */
      /* テーブル */
      /* ボタン */
      /* お問い合わせ */
      /* 第2階層 */ }
      #contentArea.contentAreaSub article > h1 {
        font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #505050;
        font-size: 28px;
        font-weight: normal;
        text-align: center;
        position: relative;
        margin-bottom: 70px;
        line-height: 1; }
        #contentArea.contentAreaSub article > h1:before {
          content: "";
          display: block;
          background-color: #828282;
          height: 1px;
          width: 27px;
          margin-left: -13px;
          position: absolute;
          left: 50%;
          bottom: -32px; }
      #contentArea.contentAreaSub article > section > h1 {
        font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #505050;
        font-size: 22px;
        font-weight: normal;
        border-top: 1px dotted #828282;
        border-bottom: 1px dotted #828282;
        margin-bottom: 40px;
        line-height: 1;
        padding: 20px 0; }
      #contentArea.contentAreaSub article > section > section > h1 {
        font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #505050;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 15px; }
      #contentArea.contentAreaSub article .text {
        line-height: 2.1; }
        #contentArea.contentAreaSub article .text img {
          float: right;
          margin-bottom: 20px;
          margin-left: 20px; }
      #contentArea.contentAreaSub article .img {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 0 -20px; }
        #contentArea.contentAreaSub article .img figure {
          width: 100%;
          margin: 0 20px; }
          #contentArea.contentAreaSub article .img figure img {
            display: block;
            margin-bottom: 25px; }
            #contentArea.contentAreaSub article .img figure img:last-child {
              margin-bottom: 0; }
          #contentArea.contentAreaSub article .img figure figcaption {
            font-size: 12px; }
      #contentArea.contentAreaSub article .float {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 0 -20px; }
        #contentArea.contentAreaSub article .float .text, #contentArea.contentAreaSub article .float figure {
          width: 50%;
          margin: 0 20px; }
      #contentArea.contentAreaSub article ul li {
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px; }
        #contentArea.contentAreaSub article ul li:before {
          content: "";
          display: block;
          position: absolute;
          border: 1px solid #F95D5D;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          left: 0;
          top: 50%;
          margin-top: -4px; }
        #contentArea.contentAreaSub article ul li:last-child {
          margin-bottom: 0; }
      #contentArea.contentAreaSub article ul.column02 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; }
        #contentArea.contentAreaSub article ul.column02 li {
          width: 50%;
          padding-right: 15px; }
          #contentArea.contentAreaSub article ul.column02 li:nth-child(even) {
            padding-right: 0;
            padding-left: 30px; }
            #contentArea.contentAreaSub article ul.column02 li:nth-child(even):before {
              left: 15px; }
          #contentArea.contentAreaSub article ul.column02 li:nth-last-child(-n+2) {
            margin-bottom: 0; }
      #contentArea.contentAreaSub article table {
        width: 100%; }
        #contentArea.contentAreaSub article table.tbl01 tr th, #contentArea.contentAreaSub article table.tbl01 tr td {
          border-bottom: 1px dotted #828282;
          padding: 20px 0; }
        #contentArea.contentAreaSub article table.tbl01 tr th {
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          color: #505050;
          font-size: 15px;
          font-weight: normal;
          padding-right: 64px;
          padding-left: 20px; }
        #contentArea.contentAreaSub article table.tbl01 tr td {
          padding-right: 20px; }
        #contentArea.contentAreaSub article table.tbl02 {
          border-collapse: separate;
          border-spacing: 4px; }
          #contentArea.contentAreaSub article table.tbl02 caption {
            font-size: 17px;
            color: #505050;
            background-color: #F4F0EF;
            padding: 8px;
            text-align: center;
            font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
          #contentArea.contentAreaSub article table.tbl02 tr th, #contentArea.contentAreaSub article table.tbl02 tr td {
            padding: 20px; }
          #contentArea.contentAreaSub article table.tbl02 tr th {
            font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            background-color: #F7F5F5; }
          #contentArea.contentAreaSub article table.tbl02 tr td {
            background-color: #FFF; }
      #contentArea.contentAreaSub article .btnGroup {
        text-align: center; }
        #contentArea.contentAreaSub article .btnGroup .btn {
          display: inline-block;
          margin: 0 5px; }
          #contentArea.contentAreaSub article .btnGroup .btn a {
            padding: 10px 30px; }
      #contentArea.contentAreaSub article #contact {
        margin-top: 80px;
        border: 1px dotted #828282;
        border-top: none;
        padding: 1px 0 25px;
        position: relative; }
        #contentArea.contentAreaSub article #contact > h1 {
          font-weight: normal;
          font-size: 20px;
          font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          text-align: center;
          margin-top: -18px;
          margin-bottom: 15px;
          color: #505050; }
        #contentArea.contentAreaSub article #contact .contactChildWrap {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild {
            width: 100%;
            text-align: center;
            border-right: 1px dotted #828282; }
            #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild h1 {
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-weight: normal;
              color: #505050;
              font-size: 17px; }
            #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild p {
              font-family: "Marcellus", "Hannari-Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-size: 24px;
              font-weight: normal;
              letter-spacing: 0.1em; }
              #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild p img {
                margin-top: -5px;
                margin-right: 10px; }
              #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild p a {
                color: #828282;
                text-decoration: none; }
            #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild:last-child {
              border-right: none; }
            #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild.tel p {
              font-size: 30px; }
            #contentArea.contentAreaSub article #contact .contactChildWrap .contactChild.mail {
              padding-top: 5px; }
        #contentArea.contentAreaSub article #contact:before, #contentArea.contentAreaSub article #contact:after {
          content: "";
          display: block;
          width: 33%;
          height: 0px;
          border-bottom: 1px dotted #828282;
          position: absolute;
          top: 0; }
        #contentArea.contentAreaSub article #contact:before {
          left: 0; }
        #contentArea.contentAreaSub article #contact:after {
          right: 0; }
      #contentArea.contentAreaSub article > section {
        margin-bottom: 80px;
        /* 第3階層 */ }
        #contentArea.contentAreaSub article > section > section {
          margin-bottom: 60px; }
          #contentArea.contentAreaSub article > section > section:last-child {
            margin-bottom: 0; }
        #contentArea.contentAreaSub article > section:last-child {
          margin-bottom: 0; }

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

	*keyframes


========================================*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes loadingAnm {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
@-moz-keyframes loadingAnm {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
@-ms-keyframes loadingAnm {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
@-o-keyframes loadingAnm {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
@keyframes loadingAnm {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes titleParts01Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes titleParts01Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-ms-keyframes titleParts01Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes titleParts01Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@keyframes titleParts01Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes titleParts02Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes titleParts02Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-ms-keyframes titleParts02Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes titleParts02Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@keyframes titleParts02Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes titleShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes titleShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes titleShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes titleShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes titleShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes menuOpen {
  0% {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1; } }
@-moz-keyframes menuOpen {
  0% {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1; } }
@-ms-keyframes menuOpen {
  0% {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1; } }
@-o-keyframes menuOpen {
  0% {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1; } }
@keyframes menuOpen {
  0% {
    -webkit-transform: rotateY(45deg);
    -moz-transform: rotateY(45deg);
    -ms-transform: rotateY(45deg);
    -o-transform: rotateY(45deg);
    transform: rotateY(45deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1; } }
/*========================================
	

	*各プラグイン用スタイル


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

	*プリンター用スタイル


========================================*/
@media print {
  * html body {
    zoom: .7; } }