@charset 'UTF-8';
/* [[湯の花専用]]トップページ以外のスタイル */
/* スタイルのディレクトリ階層
core/　　　　共通の基本部分スタイル
yunohana/　　湯の花専用スタイル
sonobe/　　　園部専用スタイル
include/　 　ライブラリ等のスタイル
*/
/* 変数の設定[[湯の花・園部共通]] */
/* サイズの設定 */
/* パスの設定 */
/* 色の設定 */
/* 変数の設定[[湯の花専用]] */
/* サイズの設定 */
/* パスの設定 */
/* 色の設定 */
/* [[湯の花・園部共通]]基本のスタイル */
/* スタイルのディレクトリ階層
core/　　　　共通の基本部分スタイル
yunohana/　　湯の花専用スタイル
sonobe/　　　園部専用スタイル
include/　 　ライブラリ等のスタイル
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family:sans-serif;
  /* 1 */
      -ms-text-size-adjust:100%;
  /* 2 */
  -webkit-text-size-adjust:100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin:0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article ,aside ,details ,figcaption ,figure ,footer ,header ,hgroup ,main ,menu ,nav ,section ,summary {
  display:block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio ,canvas ,progress ,video {
  display:inline-block;
  /* 1 */
  vertical-align:baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display:none;
  height:0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden] ,template {
  display:none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color:transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active ,a:hover {
  outline:0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom:1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b ,strong {
  font-weight:bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style:italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size:2em;
  margin:.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background:#ffff00;
  color:#000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size:80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub ,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup {
  top:-.5em;
}

sub {
  bottom:-.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border:0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow:hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin:1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing:content-box;
  height:0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow:auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code ,kbd ,pre ,samp {
  font-family:monospace, monospace;
  font-size:1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button ,input ,optgroup ,select ,textarea {
  color:inherit;
  /* 1 */
  font:inherit;
  /* 2 */
  margin:0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow:visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button ,select {
  text-transform:none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button ,html input[type='button'] ,input[type='reset'] ,input[type='submit'] {
  -webkit-appearance:button;
  /* 2 */
  cursor:pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled] ,html input[disabled] {
  cursor:default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner ,input::-moz-focus-inner {
  border:0;
  padding:0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height:normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'] ,input[type='radio'] {
  box-sizing:border-box;
  /* 1 */
  padding:0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button ,input[type='number']::-webkit-outer-spin-button {
  height:auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance:textfield;
  /* 1 */
  /* 2 */
  box-sizing:content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button ,input[type='search']::-webkit-search-decoration {
  -webkit-appearance:none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:.35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border:0;
  /* 1 */
  padding:0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow:auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight:bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse:collapse;
  border-spacing:0;
}

td ,th {
  padding:0;
}

/* Mixin */
/* 定義済み変数
$minWidth　　　　 サイト全体の最小幅
$imageCommonPath　共通画像へのパス
$imageSinglePath　テーマごとの画像パス
$baseTxtColor　　　　基本の文字色
$keyColor　　　　 テーマごとの基本色
$keyTxtColor　　　テーマごとのテキスト用基本色
*/
/*
# WP固有設定の打消し
# 基本設定
## パラグラフ
## 画像
## リンク

# ヘッダー
## ヘッダー右サイド（サブナビ & お問合わせ）
## グローバルナビゲーション
### ナビゲーション個別設定

# フッター
## フッター生徒募集
*/
/* # WP固有設定の打消し */
#wp-admin-bar-updates ,#wp-admin-bar-comments ,#wp-admin-bar-jwl_links {
  display:none !important;
}

/* # 基本設定 */
#header ,#gNavi ul ,#ftContactArea ,#ftNaviArea ,#ftSchool ,#footer ,#breadcrumb ,#main {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

body {
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

::-moz-selection {
  background:#3ca500;
  color:#ffffff;
}

::selection {
  background:#3ca500;
  color:#ffffff;
}

/* ## パラグラフ */
p {
  font-size:14px;
  line-height:1.7;
  margin:10px 0 0;
}

/* ## 画像 */
img {
  vertical-align:top;
}

/* ## リンク */
a {
  -webkit-transition:.3s;
          transition:.3s;
  color:#3ca500;
}
a:hover {
  text-decoration:none;
}
a.themeColorLink {
  font-size:18px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:15px 3em;
  line-height:1;
  color:#ffffff;
  text-decoration:none;
  background:#5bc51c;
  border:1px solid #5bc51c;
  border-radius:4px;
}
a.themeColorLink:after {
  content:url('../../images/common/page/iconTriangle.png');
  margin-left:10px;
}
a.themeColorLink:hover {
  background:#ffffff;
  color:#5bc51c;
}
a.themeColorLink:hover:after {
  content:url('../../images/yunohana/common/iconTriangle.png');
}
a.arrLink {
  -webkit-transition:none;
          transition:none;
  padding-left:17px;
  background:url('../../images/yunohana/common/iconArrow.png') left no-repeat;
  text-decoration:underline;
}
a.arrLink:hover {
  background-position:2px;
  text-decoration:none;
}

.btnOrgLink a:hover img ,#headSubArea a:hover img ,#ftContactInfo a:hover img ,#ftSchool ul a:hover img ,#footer ul a:hover img {
  opacity:.8;
}

.bannerArea a:hover img {
  opacity:.7;
}

.iBlockarrowLink ,.innerLinkList a {
  display:inline-block;
  *display:inline;
  *zoom:1;
  border:1px solid #d8d8d8;
  border-radius:4px;
  background:-webkit-linear-gradient(#ffffff, #f5f5f5);
  background:        linear-gradient(#ffffff, #f5f5f5);
  text-decoration:none;
  text-align:center;
  padding:9px 15px 9px 12px;
}
.iBlockarrowLink:before ,.innerLinkList a:before {
  content:url('../../images/yunohana/common/iconTriangle.png');
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:6px;
  -webkit-transform:scale(.85) translateY(1.2px);
          transform:scale(.85) translateY(1.2px);
}
.iBlockarrowLink:hover ,.innerLinkList a:hover {
  background:rgba(91, 197, 28, .2);
  background:-webkit-linear-gradient(#ffffff, rgba(91, 197, 28, .2));
  background:        linear-gradient(#ffffff, rgba(91, 197, 28, .2));
}

.btnOrgLink ,.highlightColumn a.btnOrgLink {
  width:100%;
  display:inline-block;
  text-align:center;
  border-radius:4px;
  line-height:1;
  border:1px solid #ff6200;
  background:#ff6200;
  background:-webkit-linear-gradient(#ff7d2f, #ff6200);
  background:        linear-gradient(#ff7d2f, #ff6200);
  color:#ffffff;
  padding-top:14px;
  padding-bottom:14px;
  text-decoration:none;
  font-size:18px;
}
.btnOrgLink:before ,.highlightColumn a.btnOrgLink:before {
  content:url('../../images/common/page/iconArrow.png');
  margin-right:8px;
}
.btnOrgLink:hover ,.highlightColumn a.btnOrgLink:hover {
  background:#ff9759;
  background:-webkit-linear-gradient(#ff6200, rgba(255, 125, 47, .8));
  background:        linear-gradient(#ff6200, rgba(255, 125, 47, .8));
}

.blockRightLink {
  margin-top:3px;
  display:block;
  text-align:right;
}

#container {
  min-width:1000px;
  overflow:hidden;
}

/* # ヘッダー */
#header {
  *zoom:1;
}
#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#logoArea {
  float:left;
  width:415px;
  position:relative;
}
#logoArea p {
  padding:0;
  margin:0;
  line-height:1;
  vertical-align:top;
}
#logoArea span {
  position:absolute;
  display:inline-block;
  top:1px;
  left:68px;
  font-size:12px;
  margin:0;
  padding:0;
}

#headSubArea {
  float:right;
  width:560px;
}
#headSubArea ul {
  *zoom:1;
  list-style-type:none;
  margin:0;
  padding:0;
  line-height:1;
  vertical-align:top;
  font-size:0;
}
#headSubArea ul:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#headSubArea li {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-left:5px;
  font-size:12;
}
#headSubArea p {
  margin:18px 0 0 6px;
  padding:0;
  line-height:1;
  vertical-align:top;
  text-align:right;
}

#gNavi ul {
  list-style-type:none;
  padding:0;
  line-height:1;
  vertical-align:top;
  margin-top:0;
  margin-bottom:0;
  font-size:0;
}
#gNavi li {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0;
  padding:0;
  height:52px;
  width:250px;
  vertical-align:top;
  font-size:12px;
}
#gNavi a {
  -webkit-transition:none;
          transition:none;
  display:block;
  width:100%;
  height:100%;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-image:url('../../images/common/header/gNavi.png');
}

.gn01 a:hover {
  background-position:0 -52px;
}

.gn02 a {
  background-position:-250px 0;
}

.gn02 a:hover {
  background-position:-250px -52px;
}

.gn03 a {
  background-position:-500px 0;
}

.gn03 a:hover {
  background-position:-500px -52px;
}

.gn04 a {
  background-position:-750px 0;
}

.gn04 a:hover {
  background-position:-750px -52px;
}

/* #フッター */
#ftContactWrap {
  margin-top:50px;
  background:url('../../images/yunohana/common/recruitmentBg.png') bottom repeat-x;
}

#ftContactArea {
  *zoom:1;
  padding:40px 0;
}
#ftContactArea:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#ftContactMain {
  width:445px;
  float:left;
  background:url('../../images/common/footer/recruitmentArrow.png') right top no-repeat;
}
#ftContactMain h2 {
  margin:0;
  padding:0;
}
#ftContactMain p {
  color:#ffffff;
  font-size:14px;
  line-height:1.6;
  margin:0;
  padding:15px 0 0;
}

#ftContactInfo {
  width:535px;
  float:right;
}
#ftContactInfo ul {
  margin:0;
  padding:0;
  list-style-type:none;
  font-size:0;
}
#ftContactInfo li {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0 12px 0 0;
  padding:0;
  font-size:14px;
}
#ftContactInfo li:last-child {
  margin-right:0;
}
#ftContactInfo p {
  margin:13px 0 0;
  padding:0;
}

#ftNaviWrap {
  background:url('../../images/common/footer/ftNaviBg.png') top repeat;
}

#ftNaviArea {
  padding:30px 0 40px;
  font-size:0;
}
#ftNaviArea div {
  width:200px;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#ftNaviArea div#ftNaviMenu {
  width:400px;
}
#ftNaviArea p {
  margin:10px 0 0;
  font-size:14px;
  font-weight:normal;
}
#ftNaviArea p:before {
  display:inline-block;
  *display:inline;
  *zoom:1;
  content:url('../../images/yunohana/common/iconTriangle.png');
  margin-right:6px;
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
}
#ftNaviArea ul {
  list-style-type:none;
  margin:2px 0 0 18px;
  padding:0;
}
#ftNaviArea li {
  margin:8px 0 0 0;
  font-size:12px;
  line-height:1.6;
}
#ftNaviArea li:before {
  display:inline-block;
  *display:inline;
  *zoom:1;
  content:'－';
  margin-right:6px;
  color:#5bc51c;
}
#ftNaviArea li.fnCar:before {
  content:url('../../images/common/iconCar.png');
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
}
#ftNaviArea li.fnBike:before {
  content:url('../../images/common/iconBike.png');
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
}
#ftNaviArea li.fnInnerLink {
  margin-left:20px;
}
#ftNaviArea li.fnInnerLink:before {
  color:#898989;
}
#ftNaviArea a {
  color:#000000;
  text-decoration:none;
}
#ftNaviArea a:hover {
  color:#5bc51c;
}

#ftNaviMenu ul {
  vertical-align:top;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#ftNaviMenu li.fnInnerLink {
  line-height:1.4;
}

#ftSchool {
  *zoom:1;
  padding-top:20px;
}
#ftSchool:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#ftSchool p {
  width:400px;
  float:left;
  margin:0;
  padding:0;
  font-size:14px;
}
#ftSchool p img {
  margin-bottom:10px;
}
#ftSchool ul {
  width:494px;
  float:right;
  margin:0 0 0;
  padding:0;
  font-size:0;
  list-style-type:none;
}
#ftSchool li {
  margin:15px 10px 0 0;
  padding:0;
  line-height:1;
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:12px;
}
#ftSchool li:last-of-type {
  margin-right:0;
}
#ftSchool li img {
  border:1px solid #bcbcbc;
}
#ftSchool li a:hover img {
  border-color:#5bc51c;
}

#footer {
  *zoom:1;
  margin-top:30px;
  padding:20px 0 30px;
  border-top:1px dotted #c6c6c6;
  /* ### 姉妹校 */
  /* ### コピーライト */
}
#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#footer ul {
  width:610px;
  float:left;
  margin:0;
  padding:0;
  font-size:0;
  list-style-type:none;
}
#footer li {
  margin:0 10px 0 0;
  vertical-align:middle;
  padding:0;
  line-height:1;
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:12px;
}
#footer li img {
  border:1px solid #bcbcbc;
}
#footer li a:hover img {
  border-color:#5bc51c;
}
#footer li:first-of-type {
  color:#6b6b6b;
  min-width:50px;
}
#footer li:last-of-type {
  margin-right:0;
}
#footer p {
  width:360px;
  float:right;
  text-align:right;
  margin:0;
  padding:12px 0 0;
  font-size:10px;
}

/* [[湯の花専用]]基本のスタイル */
/* スタイルのディレクトリ階層
core/　　　　共通の基本部分スタイル
yunohana/　　湯の花専用スタイル
sonobe/　　　園部専用スタイル
include/　 　ライブラリ等のスタイル
*/
/* 定義済み変数
$minWidth　　　　 サイト全体の最小幅
$imageCommonPath　共通画像へのパス
$imageSinglePath　テーマごとの画像パス
$baseTxtColor　　　　基本の文字色
$keyColor　　　　 テーマごとの基本色
$keyTxtColor　　　テーマごとのテキスト用基本色
*/
/* # ヘッダー */
#logoArea {
  margin-top:28px;
}
#logoArea p {
  margin-bottom:22px;
}

#gNavi {
  background-color:#5bc51c;
}

/* #フッター */
#ftContactWrap {
  background-color:#4fb715;
}

/* [[湯の花・園部共通]]トップページ以外のスタイル */
/* スタイルのディレクトリ階層
core/　　　　共通の基本部分スタイル
yunohana/　　湯の花専用スタイル
sonobe/　　　園部専用スタイル
include/　 　ライブラリ等のスタイル
*/
/* 定義済み変数
$minWidth　　　　 サイト全体の最小幅
$imageCommonPath　共通画像へのパス
$imageSinglePath　テーマごとの画像パス
$baseTxtColor　　　　基本の文字色
$keyColor　　　　 テーマごとの基本色
$keyTxtColor　　　テーマごとのテキスト用基本色
*/
/*
# ライトボックス用CSS
# デートピッカー用CSS

# パンくず

# メインビジュアル

# メインカラム
## 基本クラス(CMSのためpタグやテーブルタグ全体のデフォルト指定をせずbasicクラスを付与して対応)
### 段落 
### 基本の見出し
### リスト
### 基本テーブル
### 注釈
### ページ内（関連先）リンク
### フォーム関連（個別インクルード）
## レイアウト・配置
### 画像の左右配置
### 左右いずれかにイメージを配置する時のレイアウト
### 横並びのフロー
### 関連ページへバナーリンク
### 強調コンテンツ
#### 予約リンク
### 注意文言・中強調エリア
### インデックスページ専用
#### 子階層へのリンクエリア

### 各種ページ別の指定（bodyに親カテゴリー_自身というIDが挿入される）
#### メインビジュアル

# サイドカラム
## 関連ページリンク
## 共通リンクエリア

*/
/* # ライトボックス用CSS */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  overflow:hidden;
  -ms-touch-action:none;
      touch-action:none;
  z-index:1500;
  -webkit-text-size-adjust:100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility:hidden;
  outline:none;
}

.pswp * {
  box-sizing:border-box;
}

.pswp img {
  max-width:none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity:.001;
  will-change:opacity;
  /* for open/close transition */
  -webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
          transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp--open {
  display:block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor:-webkit-zoom-in;
  cursor:   -moz-zoom-in;
  cursor:        zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor:-webkit-grab;
  cursor:   -moz-grab;
  cursor:        grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor:-webkit-grabbing;
  cursor:   -moz-grabbing;
  cursor:        grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#000000;
  opacity:0;
  -webkit-backface-visibility:hidden;
  will-change:opacity;
}

.pswp__scroll-wrap {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

.pswp__container ,.pswp__zoom-wrap {
  -ms-touch-action:none;
      touch-action:none;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}

/* Prevent selection and tap highlights */
.pswp__container ,.pswp__img {
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
}

.pswp__zoom-wrap {
  position:absolute;
  width:100%;
  -webkit-transform-origin:left top;
          transform-origin:left top;
  /* for open/close transition */
  -webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
          transition:        transform 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp__bg {
  will-change:opacity;
  /* for open/close transition */
  -webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
          transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp--animated-in .pswp__bg ,.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition:none;
          transition:none;
}

.pswp__container ,.pswp__zoom-wrap {
  -webkit-backface-visibility:hidden;
  will-change:transform;
}

.pswp__item {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden;
}

.pswp__img {
  position:absolute;
  width:auto;
  height:auto;
  top:0;
  left:0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility:hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background:#222222;
}

.pswp--ie .pswp__img {
  width:100% !important;
  height:auto !important;
  left:0;
  top:0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  text-align:center;
  font-size:14px;
  line-height:16px;
  margin-top:-8px;
  color:#cccccc;
}

.pswp__error-msg a {
  color:#cccccc;
  text-decoration:underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width:44px;
  height:44px;
  position:relative;
  background:none;
  cursor:pointer;
  overflow:visible;
  -webkit-appearance:none;
  display:block;
  border:0;
  padding:0;
  margin:0;
  float:right;
  opacity:.75;
  -webkit-transition:opacity .2s;
          transition:opacity .2s;
  box-shadow:none;
}

.pswp__button:focus ,.pswp__button:hover {
  opacity:1;
}

.pswp__button:active {
  outline:none;
  opacity:.9;
}

.pswp__button::-moz-focus-inner {
  padding:0;
  border:0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity:1;
}

.pswp__button ,.pswp__button--arrow--left:before ,.pswp__button--arrow--right:before {
  background:url(/images/common/photoswipe_skin.png) 0 0 no-repeat;
  background-size:264px 88px;
  width:44px;
  height:44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button ,.pswp--svg .pswp__button--arrow--left:before ,.pswp--svg .pswp__button--arrow--right:before {
    background-image:url(skin/default-skin.svg);
  }

  .pswp--svg .pswp__button--arrow--left ,.pswp--svg .pswp__button--arrow--right {
    background:none;
  }
}
.pswp__button--close {
  background-position:0 -44px;
}

.pswp__button--share {
  background-position:-44px -44px;
}

.pswp__button--fs {
  display:none;
}

.pswp--supports-fs .pswp__button--fs {
  display:block;
}

.pswp--fs .pswp__button--fs {
  background-position:-44px 0;
}

.pswp__button--zoom {
  display:none;
  background-position:-88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display:block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position:-132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left ,.pswp--touch .pswp__button--arrow--right {
  visibility:hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left ,.pswp__button--arrow--right {
  background:none;
  top:50%;
  margin-top:-50px;
  width:70px;
  height:100px;
  position:absolute;
}

.pswp__button--arrow--left {
  left:0;
}

.pswp__button--arrow--right {
  right:0;
}

.pswp__button--arrow--left:before ,.pswp__button--arrow--right:before {
  content:'';
  top:35px;
  background-color:rgba(0, 0, 0, .3);
  height:30px;
  width:32px;
  position:absolute;
}

.pswp__button--arrow--left:before {
  left:6px;
  background-position:-138px -44px;
}

.pswp__button--arrow--right:before {
  right:6px;
  background-position:-94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter ,.pswp__share-modal {
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}

.pswp__share-modal {
  display:block;
  background:rgba(0, 0, 0, .5);
  width:100%;
  height:100%;
  top:0;
  left:0;
  padding:10px;
  position:absolute;
  z-index:1600;
  opacity:0;
  -webkit-transition:opacity .25s ease-out;
          transition:opacity .25s ease-out;
  -webkit-backface-visibility:hidden;
  will-change:opacity;
}

.pswp__share-modal--hidden {
  display:none;
}

.pswp__share-tooltip {
  z-index:1620;
  position:absolute;
  background:#ffffff;
  top:56px;
  border-radius:2px;
  display:block;
  width:auto;
  right:44px;
  box-shadow:0 2px 5px rgba(0, 0, 0, .25);
  -webkit-transform:translateY(6px);
          transform:translateY(6px);
  -webkit-transition:-webkit-transform .25s;
          transition:        transform .25s;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}

.pswp__share-tooltip a {
  display:block;
  padding:8px 12px;
  color:#000000;
  text-decoration:none;
  font-size:14px;
  line-height:18px;
}

.pswp__share-tooltip a:hover {
  text-decoration:none;
  color:#000000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius:2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius:0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity:1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform:translateY(0);
          transform:translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding:16px 12px;
}

a.pswp__share--facebook:before {
  content:'';
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:-12px;
  right:15px;
  border:6px solid transparent;
  border-bottom-color:#ffffff;
  -webkit-pointer-events:none;
     -moz-pointer-events:none;
          pointer-events:none;
}

a.pswp__share--facebook:hover {
  background:#3e5c9a;
  color:#ffffff;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color:#3e5c9a;
}

a.pswp__share--twitter:hover {
  background:#55acee;
  color:#ffffff;
}

a.pswp__share--pinterest:hover {
  background:#cccccc;
  color:#ce272d;
}

a.pswp__share--download:hover {
  background:#dddddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position:absolute;
  left:0;
  top:0;
  height:44px;
  font-size:13px;
  line-height:44px;
  color:#ffffff;
  opacity:.75;
  padding:0 10px;
}

/*
	
	4. Caption

 */
.pswp__caption {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  min-height:44px;
}

.pswp__caption small {
  font-size:11px;
  color:#bbbbbb;
}

.pswp__caption__center {
  text-align:left;
  max-width:420px;
  margin:0 auto;
  font-size:13px;
  padding:10px;
  line-height:20px;
  color:#cccccc;
}

.pswp__caption--empty {
  display:none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility:hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width:44px;
  height:44px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-22px;
  opacity:0;
  -webkit-transition:opacity .25s ease-out;
          transition:opacity .25s ease-out;
  will-change:opacity;
  direction:ltr;
}

.pswp__preloader__icn {
  width:20px;
  height:20px;
  margin:12px;
}

.pswp__preloader--active {
  opacity:1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background:url(/images/common/ajax-loader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity:1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation:clockwise 500ms linear infinite;
          animation:clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation:donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
          animation:donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background:none;
  opacity:.75;
  width:14px;
  height:14px;
  position:absolute;
  left:15px;
  top:15px;
  margin:0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position:relative;
  width:7px;
  height:14px;
  overflow:hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing:border-box;
  width:14px;
  height:14px;
  border:2px solid #ffffff;
  border-radius:50%;
  border-left-color:transparent;
  border-bottom-color:transparent;
  position:absolute;
  top:0;
  left:0;
  background:none;
  margin:0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position:relative;
    left:auto;
    top:auto;
    margin:0;
    float:right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform:rotate(0);
            transform:rotate(0);
  }
  50% {
    -webkit-transform:rotate(-140deg);
            transform:rotate(-140deg);
  }
  100% {
    -webkit-transform:rotate(0);
            transform:rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform:rotate(0);
            transform:rotate(0);
  }
  50% {
    -webkit-transform:rotate(-140deg);
            transform:rotate(-140deg);
  }
  100% {
    -webkit-transform:rotate(0);
            transform:rotate(0);
  }
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing:auto;
  visibility:visible;
  opacity:1;
  z-index:1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position:absolute;
  left:0;
  top:0;
  height:44px;
  width:100%;
}

.pswp__caption ,.pswp__top-bar ,.pswp--has_mouse .pswp__button--arrow--left ,.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility:hidden;
  will-change:opacity;
  -webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
          transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left ,.pswp--has_mouse .pswp__button--arrow--right {
  visibility:visible;
}

.pswp__top-bar ,.pswp__caption {
  background-color:rgba(0, 0, 0, .5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar ,.pswp__ui--fit .pswp__caption {
  background-color:rgba(0, 0, 0, .3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity:0;
}

.pswp__ui--idle .pswp__button--arrow--left ,.pswp__ui--idle .pswp__button--arrow--right {
  opacity:0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar ,.pswp__ui--hidden .pswp__caption ,.pswp__ui--hidden .pswp__button--arrow--left ,.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity:.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left ,.pswp__ui--one-slide .pswp__button--arrow--right ,.pswp__ui--one-slide .pswp__counter {
  display:none;
}

.pswp__element--disabled {
  display:none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background:none;
}

/* # デートピッカー用CSS */
/* 園部のみ個別指定アリ(火曜日の色指定) */
/*! jQuery UI - v1.11.4 - 2016-03-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display:none;
}

.ui-helper-hidden-accessible {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.ui-helper-reset {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none;
}

.ui-helper-clearfix:before ,.ui-helper-clearfix:after {
  content:'';
  display:table;
  border-collapse:collapse;
}

.ui-helper-clearfix:after {
  clear:both;
}

.ui-helper-clearfix {
  min-height:0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index:100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor:default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display:block;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.ui-datepicker {
  width:17em;
  padding:.2em .2em 0;
  display:none;
}

.ui-datepicker .ui-datepicker-header {
  position:relative;
  padding:.2em 0;
}

.ui-datepicker .ui-datepicker-prev ,.ui-datepicker .ui-datepicker-next {
  position:absolute;
  top:2px;
  width:1.8em;
  height:1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover ,.ui-datepicker .ui-datepicker-next-hover {
  top:1px;
}

.ui-datepicker .ui-datepicker-prev {
  left:2px;
}

.ui-datepicker .ui-datepicker-next {
  right:2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left:1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right:1px;
}

.ui-datepicker .ui-datepicker-prev span ,.ui-datepicker .ui-datepicker-next span {
  display:block;
  position:absolute;
  left:50%;
  margin-left:-8px;
  top:50%;
  margin-top:-8px;
}

.ui-datepicker .ui-datepicker-title {
  margin:0 2.3em;
  line-height:1.8em;
  text-align:center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size:1em;
  margin:1px 0;
}

.ui-datepicker select.ui-datepicker-month ,.ui-datepicker select.ui-datepicker-year {
  width:45%;
}

.ui-datepicker table {
  width:100%;
  font-size:.9em;
  border-collapse:collapse;
  margin:0 0 .4em;
}

.ui-datepicker th {
  padding:.7em .3em;
  text-align:center;
  font-weight:bold;
  border:0;
}

.ui-datepicker td {
  border:0;
  padding:1px;
}

.ui-datepicker td span ,.ui-datepicker td a {
  display:block;
  padding:.2em;
  text-align:right;
  text-decoration:none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image:none;
  margin:.7em 0 0 0;
  padding:0 .2em;
  border-left:0;
  border-right:0;
  border-bottom:0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float:right;
  margin:.5em .2em .4em;
  cursor:pointer;
  padding:.2em .6em .3em .6em;
  width:auto;
  overflow:visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float:left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width:auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float:left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width:95%;
  margin:0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width:50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width:33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width:25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header ,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width:0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear:left;
}

.ui-datepicker-row-break {
  clear:both;
  width:100%;
  font-size:0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction:rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right:2px;
  left:auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left:2px;
  right:auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right:1px;
  left:auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left:1px;
  right:auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear:right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float:left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current ,.ui-datepicker-rtl .ui-datepicker-group {
  float:right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header ,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width:0;
  border-left-width:1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family:Verdana,Arial,sans-serif;
  font-size:1.1em;
}

.ui-widget .ui-widget {
  font-size:1em;
}

.ui-widget input ,.ui-widget select ,.ui-widget textarea ,.ui-widget button {
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
}

.ui-widget-content {
  border:1px solid #aaaaaa;
  background:#ffffff;
  color:#222222;
}

.ui-widget-content a {
  color:#222222;
}

.ui-widget-header {
  border:1px solid #aaaaaa;
  background:#cccccc url('/images/common/lib/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
  color:#222222;
  font-weight:bold;
}

.ui-widget-header a {
  color:#222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default ,.ui-widget-content .ui-state-default ,.ui-widget-header .ui-state-default {
  border:1px solid #d3d3d3;
  background:#e6e6e6 url('/images/common/lib/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
  font-weight:normal;
  color:#555555;
}

.ui-state-default a ,.ui-state-default a:link ,.ui-state-default a:visited {
  color:#555555;
  text-decoration:none;
}

.ui-state-hover ,.ui-widget-content .ui-state-hover ,.ui-widget-header .ui-state-hover ,.ui-state-focus ,.ui-widget-content .ui-state-focus ,.ui-widget-header .ui-state-focus {
  border:1px solid #999999;
  background:#dadada url('/images/common/lib/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;
  font-weight:normal;
  color:#212121;
}

.ui-state-hover a ,.ui-state-hover a:hover ,.ui-state-hover a:link ,.ui-state-hover a:visited ,.ui-state-focus a ,.ui-state-focus a:hover ,.ui-state-focus a:link ,.ui-state-focus a:visited {
  color:#212121;
  text-decoration:none;
}

.ui-state-active ,.ui-widget-content .ui-state-active ,.ui-widget-header .ui-state-active {
  border:1px solid #aaaaaa;
  background:#ffffff url('/images/common/lib/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight:normal;
  color:#212121;
}

.ui-state-active a ,.ui-state-active a:link ,.ui-state-active a:visited {
  color:#212121;
  text-decoration:none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight ,.ui-widget-content .ui-state-highlight ,.ui-widget-header .ui-state-highlight {
  border:1px solid #fcefa1;
  background:#fbf9ee url('/images/common/lib/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;
  color:#363636;
}

.ui-state-highlight a ,.ui-widget-content .ui-state-highlight a ,.ui-widget-header .ui-state-highlight a {
  color:#363636;
}

.ui-state-error ,.ui-widget-content .ui-state-error ,.ui-widget-header .ui-state-error {
  border:1px solid #cd0a0a;
  background:#fef1ec url('/images/common/lib/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;
  color:#cd0a0a;
}

.ui-state-error a ,.ui-widget-content .ui-state-error a ,.ui-widget-header .ui-state-error a {
  color:#cd0a0a;
}

.ui-state-error-text ,.ui-widget-content .ui-state-error-text ,.ui-widget-header .ui-state-error-text {
  color:#cd0a0a;
}

.ui-priority-primary ,.ui-widget-content .ui-priority-primary ,.ui-widget-header .ui-priority-primary {
  font-weight:bold;
}

.ui-priority-secondary ,.ui-widget-content .ui-priority-secondary ,.ui-widget-header .ui-priority-secondary {
  opacity:.7;
  filter:Alpha(Opacity=70);
  /* support: IE8 */
  font-weight:normal;
}

.ui-state-disabled ,.ui-widget-content .ui-state-disabled ,.ui-widget-header .ui-state-disabled {
  opacity:.35;
  filter:Alpha(Opacity=35);
  /* support: IE8 */
  background-image:none;
}

.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width:16px;
  height:16px;
}

.ui-icon ,.ui-widget-content .ui-icon {
  background-image:url('/images/common/lib/ui-icons_222222_256x240.png');
}

.ui-widget-header .ui-icon {
  background-image:url('/images/common/lib/ui-icons_222222_256x240.png');
}

.ui-state-default .ui-icon {
  background-image:url('/images/common/lib/ui-icons_888888_256x240.png');
}

.ui-state-hover .ui-icon ,.ui-state-focus .ui-icon {
  background-image:url('/images/common/lib/ui-icons_454545_256x240.png');
}

.ui-state-active .ui-icon {
  background-image:url('/images/common/lib/ui-icons_454545_256x240.png');
}

.ui-state-highlight .ui-icon {
  background-image:url('/images/common/lib/ui-icons_2e83ff_256x240.png');
}

.ui-state-error .ui-icon ,.ui-state-error-text .ui-icon {
  background-image:url('/images/common/lib/ui-icons_cd0a0a_256x240.png');
}

/* positioning */
.ui-icon-blank {
  background-position:16px 16px;
}

.ui-icon-carat-1-n {
  background-position:0 0;
}

.ui-icon-carat-1-ne {
  background-position:-16px 0;
}

.ui-icon-carat-1-e {
  background-position:-32px 0;
}

.ui-icon-carat-1-se {
  background-position:-48px 0;
}

.ui-icon-carat-1-s {
  background-position:-64px 0;
}

.ui-icon-carat-1-sw {
  background-position:-80px 0;
}

.ui-icon-carat-1-w {
  background-position:-96px 0;
}

.ui-icon-carat-1-nw {
  background-position:-112px 0;
}

.ui-icon-carat-2-n-s {
  background-position:-128px 0;
}

.ui-icon-carat-2-e-w {
  background-position:-144px 0;
}

.ui-icon-triangle-1-n {
  background-position:0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position:-16px -16px;
}

.ui-icon-triangle-1-e {
  background-position:-32px -16px;
}

.ui-icon-triangle-1-se {
  background-position:-48px -16px;
}

.ui-icon-triangle-1-s {
  background-position:-64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position:-80px -16px;
}

.ui-icon-triangle-1-w {
  background-position:-96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position:-112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position:-128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position:-144px -16px;
}

.ui-icon-arrow-1-n {
  background-position:0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position:-16px -32px;
}

.ui-icon-arrow-1-e {
  background-position:-32px -32px;
}

.ui-icon-arrow-1-se {
  background-position:-48px -32px;
}

.ui-icon-arrow-1-s {
  background-position:-64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position:-80px -32px;
}

.ui-icon-arrow-1-w {
  background-position:-96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position:-112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position:-128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position:-144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position:-160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position:-176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position:-192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position:-208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position:-224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position:-240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position:0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position:-16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position:-32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position:-48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position:-64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position:-80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position:-96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position:-112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position:-128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position:-144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position:-160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position:-176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position:-192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position:-208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position:-224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position:-240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position:0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position:-16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position:-32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position:-48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position:-64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position:-80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position:-96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position:-112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position:-128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position:-144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position:-160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position:-176px -64px;
}

.ui-icon-arrow-4 {
  background-position:0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position:-16px -80px;
}

.ui-icon-extlink {
  background-position:-32px -80px;
}

.ui-icon-newwin {
  background-position:-48px -80px;
}

.ui-icon-refresh {
  background-position:-64px -80px;
}

.ui-icon-shuffle {
  background-position:-80px -80px;
}

.ui-icon-transfer-e-w {
  background-position:-96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position:-112px -80px;
}

.ui-icon-folder-collapsed {
  background-position:0 -96px;
}

.ui-icon-folder-open {
  background-position:-16px -96px;
}

.ui-icon-document {
  background-position:-32px -96px;
}

.ui-icon-document-b {
  background-position:-48px -96px;
}

.ui-icon-note {
  background-position:-64px -96px;
}

.ui-icon-mail-closed {
  background-position:-80px -96px;
}

.ui-icon-mail-open {
  background-position:-96px -96px;
}

.ui-icon-suitcase {
  background-position:-112px -96px;
}

.ui-icon-comment {
  background-position:-128px -96px;
}

.ui-icon-person {
  background-position:-144px -96px;
}

.ui-icon-print {
  background-position:-160px -96px;
}

.ui-icon-trash {
  background-position:-176px -96px;
}

.ui-icon-locked {
  background-position:-192px -96px;
}

.ui-icon-unlocked {
  background-position:-208px -96px;
}

.ui-icon-bookmark {
  background-position:-224px -96px;
}

.ui-icon-tag {
  background-position:-240px -96px;
}

.ui-icon-home {
  background-position:0 -112px;
}

.ui-icon-flag {
  background-position:-16px -112px;
}

.ui-icon-calendar {
  background-position:-32px -112px;
}

.ui-icon-cart {
  background-position:-48px -112px;
}

.ui-icon-pencil {
  background-position:-64px -112px;
}

.ui-icon-clock {
  background-position:-80px -112px;
}

.ui-icon-disk {
  background-position:-96px -112px;
}

.ui-icon-calculator {
  background-position:-112px -112px;
}

.ui-icon-zoomin {
  background-position:-128px -112px;
}

.ui-icon-zoomout {
  background-position:-144px -112px;
}

.ui-icon-search {
  background-position:-160px -112px;
}

.ui-icon-wrench {
  background-position:-176px -112px;
}

.ui-icon-gear {
  background-position:-192px -112px;
}

.ui-icon-heart {
  background-position:-208px -112px;
}

.ui-icon-star {
  background-position:-224px -112px;
}

.ui-icon-link {
  background-position:-240px -112px;
}

.ui-icon-cancel {
  background-position:0 -128px;
}

.ui-icon-plus {
  background-position:-16px -128px;
}

.ui-icon-plusthick {
  background-position:-32px -128px;
}

.ui-icon-minus {
  background-position:-48px -128px;
}

.ui-icon-minusthick {
  background-position:-64px -128px;
}

.ui-icon-close {
  background-position:-80px -128px;
}

.ui-icon-closethick {
  background-position:-96px -128px;
}

.ui-icon-key {
  background-position:-112px -128px;
}

.ui-icon-lightbulb {
  background-position:-128px -128px;
}

.ui-icon-scissors {
  background-position:-144px -128px;
}

.ui-icon-clipboard {
  background-position:-160px -128px;
}

.ui-icon-copy {
  background-position:-176px -128px;
}

.ui-icon-contact {
  background-position:-192px -128px;
}

.ui-icon-image {
  background-position:-208px -128px;
}

.ui-icon-video {
  background-position:-224px -128px;
}

.ui-icon-script {
  background-position:-240px -128px;
}

.ui-icon-alert {
  background-position:0 -144px;
}

.ui-icon-info {
  background-position:-16px -144px;
}

.ui-icon-notice {
  background-position:-32px -144px;
}

.ui-icon-help {
  background-position:-48px -144px;
}

.ui-icon-check {
  background-position:-64px -144px;
}

.ui-icon-bullet {
  background-position:-80px -144px;
}

.ui-icon-radio-on {
  background-position:-96px -144px;
}

.ui-icon-radio-off {
  background-position:-112px -144px;
}

.ui-icon-pin-w {
  background-position:-128px -144px;
}

.ui-icon-pin-s {
  background-position:-144px -144px;
}

.ui-icon-play {
  background-position:0 -160px;
}

.ui-icon-pause {
  background-position:-16px -160px;
}

.ui-icon-seek-next {
  background-position:-32px -160px;
}

.ui-icon-seek-prev {
  background-position:-48px -160px;
}

.ui-icon-seek-end {
  background-position:-64px -160px;
}

.ui-icon-seek-start {
  background-position:-80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position:-80px -160px;
}

.ui-icon-stop {
  background-position:-96px -160px;
}

.ui-icon-eject {
  background-position:-112px -160px;
}

.ui-icon-volume-off {
  background-position:-128px -160px;
}

.ui-icon-volume-on {
  background-position:-144px -160px;
}

.ui-icon-power {
  background-position:0 -176px;
}

.ui-icon-signal-diag {
  background-position:-16px -176px;
}

.ui-icon-signal {
  background-position:-32px -176px;
}

.ui-icon-battery-0 {
  background-position:-48px -176px;
}

.ui-icon-battery-1 {
  background-position:-64px -176px;
}

.ui-icon-battery-2 {
  background-position:-80px -176px;
}

.ui-icon-battery-3 {
  background-position:-96px -176px;
}

.ui-icon-circle-plus {
  background-position:0 -192px;
}

.ui-icon-circle-minus {
  background-position:-16px -192px;
}

.ui-icon-circle-close {
  background-position:-32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position:-48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position:-64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position:-80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position:-96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position:-112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position:-128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position:-144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position:-160px -192px;
}

.ui-icon-circle-zoomin {
  background-position:-176px -192px;
}

.ui-icon-circle-zoomout {
  background-position:-192px -192px;
}

.ui-icon-circle-check {
  background-position:-208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position:0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position:-16px -208px;
}

.ui-icon-circlesmall-close {
  background-position:-32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position:-48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position:-64px -208px;
}

.ui-icon-squaresmall-close {
  background-position:-80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position:0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position:-16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position:-32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position:-48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position:-64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position:-80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all ,.ui-corner-top ,.ui-corner-left ,.ui-corner-tl {
  border-top-left-radius:4px;
}

.ui-corner-all ,.ui-corner-top ,.ui-corner-right ,.ui-corner-tr {
  border-top-right-radius:4px;
}

.ui-corner-all ,.ui-corner-bottom ,.ui-corner-left ,.ui-corner-bl {
  border-bottom-left-radius:4px;
}

.ui-corner-all ,.ui-corner-bottom ,.ui-corner-right ,.ui-corner-br {
  border-bottom-right-radius:4px;
}

/* Overlays */
.ui-widget-overlay {
  background:#aaaaaa;
  opacity:.3;
  filter:Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  margin:-8px 0 0 -8px;
  padding:8px;
  background:#aaaaaa;
  opacity:.3;
  filter:Alpha(Opacity=30);
  /* support: IE8 */
  border-radius:8px;
}

.ui-datepicker-calendar tr td:last-child a {
  background:none !important;
  background-color:rgba(91, 197, 28, .4) !important;
  color:#3ca500 !important;
}

/* # パンくず */
#breadcrumb {
  color:#000000;
  margin-top:13px;
  margin-bottom:13px;
  *zoom:1;
  padding:0;
  font-size:0;
  list-style-type:none;
}
#breadcrumb:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#breadcrumb li {
  line-height:1;
  font-size:12px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  background:url('../../images/common/page/breadArrow.jpg') right no-repeat;
  padding-right:12px;
  padding-left:7px;
}
#breadcrumb li:first-child {
  padding-left:0;
}
#breadcrumb li:last-child {
  background:none;
  padding-right:0;
}
#breadcrumb a {
  text-decoration:none;
}
#breadcrumb a:hover {
  text-decoration:underline;
}

/* # メインビジュアル */
#titleArea {
  text-align:center;
  background:no-repeat center top;
  background-image:url('../../images/yunohana/common/mainBg.jpg');
  padding:105px 0 0;
  height:255px;
  overflow:hidden;
}
#titleArea div {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#titleArea div {
  min-width:380px;
  max-width:900px;
  min-height:90px;
  padding:30px 50px 30px;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, .85);
  overflow:hidden;
}
#titleArea h1 {
  font-size:16px;
  margin:4px 0 0;
  padding:0;
}
#titleArea p {
  font-size:40px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#5bc51c;
}

#main {
  *zoom:1;
}
#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#main figure {
  margin:0;
  padding:0;
}

/* # メインカラム */
.mainColumn {
  width:710px;
  margin-top:40px;
  float:right;
}
.mainColumn > *:first-child {
  margin-top:0;
}

/* ## 基本クラス */
/* ### 基本の見出し */
h2.circleTitle ,h3.circleTitle ,h4.circleTitle ,h5.circleTitle ,h6.circleTitle ,p.circleTitle {
  font-size:24px;
  font-weight:bold;
  line-height:1.3;
  background:url('../../images/common/page/pageTitleBg.jpg') left top repeat;
  border-bottom:6px solid #e3e1d9;
  margin:40px 0 0;
  padding:28px 20px 18px;
  padding:24.4px 20px 14.4px;
}
h2.circleTitle:before ,h3.circleTitle:before ,h4.circleTitle:before ,h5.circleTitle:before ,h6.circleTitle:before ,p.circleTitle:before {
  content:url('../../images/yunohana/common/circleIcon.png');
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:12px;
}
h2.circleTitle + p.basic ,h3.circleTitle + p.basic ,h4.circleTitle + p.basic ,h5.circleTitle + p.basic ,h6.circleTitle + p.basic ,p.circleTitle + p.basic {
  margin-top:30px;
}
h2.themeBgTitle ,h3.themeBgTitle ,h4.themeBgTitle ,h5.themeBgTitle ,h6.themeBgTitle ,p.themeBgTitle {
  /* テーマごとの分岐あり(背景＆ボーダーカラー) */
  font-size:20px;
  font-weight:bold;
  line-height:1.4;
  border-bottom:2px solid;
  margin:40px 0 0;
  padding:16px 20px 14px;
  padding:12px 20px 10px;
}
h2.themeBgTitle:before ,h3.themeBgTitle:before ,h4.themeBgTitle:before ,h5.themeBgTitle:before ,h6.themeBgTitle:before ,p.themeBgTitle:before {
  content:'';
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:4px;
  height:27px;
  margin-right:18px;
  -webkit-transform:translateY(5px);
          transform:translateY(5px);
  background-color:#5bc51c;
}
h2.themeBgTitle + p.basic ,h3.themeBgTitle + p.basic ,h4.themeBgTitle + p.basic ,h5.themeBgTitle + p.basic ,h6.themeBgTitle + p.basic ,p.themeBgTitle + p.basic {
  margin-top:20px;
}
h2.underLineTitle ,h3.underLineTitle ,h4.underLineTitle ,h5.underLineTitle ,h6.underLineTitle ,p.underLineTitle {
  font-size:18px;
  font-weight:bold;
  line-height:1.5;
  margin:35px 0 0;
  padding:0 0 8px;
  border-bottom:3px solid #e5e5e5;
}
h2.underLineTitle + p.basic ,h3.underLineTitle + p.basic ,h4.underLineTitle + p.basic ,h5.underLineTitle + p.basic ,h6.underLineTitle + p.basic ,p.underLineTitle + p.basic {
  margin-top:20px;
}
h2.largeThemeTitle ,h3.largeThemeTitle ,h4.largeThemeTitle ,h5.largeThemeTitle ,h6.largeThemeTitle ,p.largeThemeTitle {
  font-size:18px;
  font-weight:bold;
  line-height:1.6;
  margin:30px 0 0;
  margin:24.6px 0 0;
  color:#3ca500;
}
h2.largeThemeTitle + p.basic ,h3.largeThemeTitle + p.basic ,h4.largeThemeTitle + p.basic ,h5.largeThemeTitle + p.basic ,h6.largeThemeTitle + p.basic ,p.largeThemeTitle + p.basic {
  margin-top:15px;
  margin-top:9.6px;
}
h2.normalThemeTitle ,h3.normalThemeTitle ,h4.normalThemeTitle ,h5.normalThemeTitle ,h6.normalThemeTitle ,p.normalThemeTitle {
  font-size:16px;
  font-weight:bold;
  line-height:1.6;
  margin:30px 0 0;
  margin:25.2px 0 0;
  color:#3ca500;
}
h2.normalThemeTitle + p.basic ,h3.normalThemeTitle + p.basic ,h4.normalThemeTitle + p.basic ,h5.normalThemeTitle + p.basic ,h6.normalThemeTitle + p.basic ,p.normalThemeTitle + p.basic {
  margin-top:15px;
  margin-top:10.2px;
}
h2.boldThemeTitle ,h3.boldThemeTitle ,h4.boldThemeTitle ,h5.boldThemeTitle ,h6.boldThemeTitle ,p.boldThemeTitle {
  font-size:14px;
  font-weight:bold;
  line-height:1.6;
  margin:20px 0 0;
  color:#3ca500;
}
h2.boldThemeTitle + p.basic ,h3.boldThemeTitle + p.basic ,h4.boldThemeTitle + p.basic ,h5.boldThemeTitle + p.basic ,h6.boldThemeTitle + p.basic ,p.boldThemeTitle + p.basic {
  margin-top:0;
}
h2.basicArrowTitle ,h3.basicArrowTitle ,h4.basicArrowTitle ,h5.basicArrowTitle ,h6.basicArrowTitle ,p.basicArrowTitle {
  font-size:16px;
  color:#3ca500;
  margin:0;
  padding:0 0 0 20px;
  background:url('../../images/yunohana/common/iconTriangle.png') left 4px no-repeat;
}
h2.basicArrowTitle + p.basic ,h3.basicArrowTitle + p.basic ,h4.basicArrowTitle + p.basic ,h5.basicArrowTitle + p.basic ,h6.basicArrowTitle + p.basic ,p.basicArrowTitle + p.basic {
  margin-top:15px;
}

/* ### 段落 */
.basic {
  margin:20px 0 0;
}

p.basic {
  padding:0;
  font-size:14px;
  line-height:1.7;
}

.basicCenter {
  text-align:center;
}

p + p.basic {
  margin-top:10px;
}
p + p.basic.basicInherit {
  margin-top:20px;
}
p + p.basic.basicOnlyBtn {
  margin-top:50px;
}

td p.basic:first-child {
  margin-top:0;
}

/* ### リスト */
ol.basic ,ul.basic {
  padding:0;
  font-size:14px;
  line-height:1.7;
  list-style-type:none;
}
ol.basic li ,ul.basic li {
  margin:8px 0 0;
  padding:0 0 2px 2em;
  text-indent:-1em;
}
ol.basic.arrType li:before ,ol.basic.arrTypeGO li:before ,ul.basic.arrType li:before ,ul.basic.arrTypeGO li:before {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:.35em;
  text-indent:-.35em;
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
}
ol.basic.arrUnderLine li ,ul.basic.arrUnderLine li {
  border-bottom:1px dotted #bbbbbb;
}
ol.basic.arrType li:before ,ul.basic.arrType li:before {
  content:url('../../images/yunohana/common/iconTriangle.png');
}
ol.basic.arrTypeGO li:before ,ul.basic.arrTypeGO li:before {
  content:url('../../images/common/iconTriangleGrayOut.png');
}

/* ### 基本テーブル */
table.basic {
  margin-top:20px;
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  /* 最初に出現するthの幅 */
}
table.basic.wtdEqual {
  table-layout:fixed;
}
table.basic th ,table.basic td {
  padding:11px 18px;
  border:1px solid #dddddd;
  vertical-align:top;
}
table.basic th {
  background:#f3f3f3;
  text-align:left;
  font-weight:normal;
}
table.basic th span {
  font-size:smaller;
}
table.basic td strong {
  color:#3ca500;
}
table.basic td span {
  font-weight:bold;
  color:#ff3232;
}
table.basic td.totalPrice {
  font-weight:bold;
}
table.basic.wth8em th:first-of-type {
  width:8em;
}
table.basic.wth9em th:first-of-type {
  width:9em;
}
table.basic.wth10em th:first-of-type {
  width:10em;
}
table.basic.wth12em th:first-of-type {
  width:12em;
}
table.basic thead th {
  background:#5bc51c;
  color:#ffffff;
  text-align:center;
  vertical-align:middle;
}
table.basic.horizonTh th {
  text-align:center;
}
table.basic.priceTable th ,table.basic.priceTable td {
  vertical-align:middle;
}
table.basic.priceTable td {
  padding-right:6px;
  padding-left:6px;
  text-align:center;
}
table.basic.priceTable thead th {
  padding:0 6px;
  height:45px;
}

/* ### 注釈 */
.attention {
  font-size:12px !important;
  color:#444444 !important;
  font-weight:normal !important;
}

.notice {
  color:#ff3232 !important;
}

.asterisk {
  font-size:12px !important;
  color:#ff3232 !important;
}

.themeColor {
  color:#3ca500 !important;
}

.secondColor ,.basic.course2 td strong {
  color:#079bb6 !important;
}

.thirdColor {
  color:#879606 !important;
}

p.attention {
  margin:10px 0 0;
  padding:0;
  line-height:1.7;
}

/* ### ページ内（関連先）リンク */
.innerLinkList {
  font-size:0;
  margin:20px 0 0;
  padding:0;
}
.innerLinkList li {
  vertical-align:top;
  font-size:14px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:10px 10px 0 0;
  padding:0;
}
.innerLinkList li.iLLbr {
  margin-right:0;
}
.innerLinkList li.selectList a {
  color:#ffffff;
  border-color:#5bc51c;
  background:#5bc51c;
}
.innerLinkList li.selectList a:before {
  content:url('../../images/common/page/iconTriangle.png');
}
.innerLinkList a:before {
  -webkit-transform:rotate(90deg) scale(.85) translateY(1.2px);
          transform:rotate(90deg) scale(.85) translateY(1.2px);
}
.innerLinkList.w8em a {
  width:9.5em;
}
.innerLinkList.w10em a {
  width:11.5em;
}
.innerLinkList.w12em a {
  width:13.5em;
}
.innerLinkList.ill3fixed li {
  width:32%;
  margin-right:2%;
}
.innerLinkList.ill3fixed li a {
  box-sizing:border-box;
  width:100%;
  text-align:left;
}
.innerLinkList.ill3fixed li:nth-of-type(3n) {
  margin-right:0;
}

/* ### フォーム関連 */
/* 各種フォーム関連 */
/*
# 基本設定
## チェックボックス
### 横並び指定
### チェックボックスのビジュアル化
## ラジオボタン
### ラジオボタンのビジュアル化
## フォーム表示テーブル
### 必須・任意アイコン
## 同意エリア
## 送信・確認エリア
## ワードプレス依存のスタイル
### MW WP FORM 依存のスタイル
### wysija 依存のスタイル
*/
/* ## チェックボックス */
/* ### チェックボックスの横並び */
.checkarea label::before ,.privacyCheckArea > label::before ,.mwform-radio-field label::before {
  z-index:2;
  position:absolute;
  left:0;
  top:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  content:'';
  width:18px;
  height:18px;
  display:none\9;
  background:#f5f4ee;
  border:1px solid #cbc7ba;
  box-sizing:border-box;
  border-radius:3px;
  box-shadow:0 0 5px 0 rgba(0, 0, 0, .1) inset;
  -webkit-transform:translateY(1px);
          transform:translateY(1px);
}

.checkarea input + span ,.privacyCheckArea input + span {
  z-index:999;
  width:12px;
  height:7px;
  margin-top:-10px;
  display:block;
  display:none\9;
  position:absolute;
  top:50%;
  left:3px;
  opacity:0;
  -webkit-transition:all .30s ease-out;
          transition:all .30s ease-out;
  -webkit-transform:scale(.3, .3) rotate(-250deg);
          transform:scale(.3, .3) rotate(-250deg);
  border-left:3px solid #5bc51c;
  border-bottom:3px solid #5bc51c;
}

/* ## ラジオボタン */
/* ### ラジオボタンのビジュアル化 */
.mwform-radio-field input + span {
  z-index:999;
  width:8px;
  height:8px;
  border-radius:50%;
  margin-top:-5px;
  display:block;
  display:none\9;
  position:absolute;
  top:50%;
  left:5px;
  opacity:0;
  -webkit-transition:all .30s ease-out;
          transition:all .30s ease-out;
  -webkit-transform:scale(.3, .3) rotate(-250deg);
          transform:scale(.3, .3) rotate(-250deg);
  background:#5bc51c;
}

.checkarea label input:checked + span ,.privacyCheckArea > label input:checked + span ,.mwform-radio-field label input:checked + span {
  opacity:1;
          transform:scale(1, 1) rotate(-405deg);
  -webkit-transform:scale(1, 1) rotate(-405deg);
      -ms-transform:scale(1, 1) rotate(-405deg);
}

/* ## フォーム表示テーブル */
.formTable {
  width:100%;
  margin:30px 0 0;
}
.formTable th ,.formTable td {
  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
  font-size:14px;
  vertical-align:top;
}
.formTable th {
  text-align:left;
  background:#f7f7f7;
  width:9.5em;
  padding:16px;
}
.formTable td {
  padding:12px 12px 5px;
}
.formTable input:focus {
  background-color:#f7f7f7;
}
.formTable input[type='text'] ,.formTable select ,.formTable textarea {
  border:1px solid #cccccc;
  box-shadow:0 0 4px #dadada inset;
  border-radius:3px;
  padding:5px;
}
.formTable input[type='text'] {
  width:20em;
  margin-bottom:5px;
}
.formTable input[type='text'].inputLong {
  width:28em;
}
.formTable input[type='text'].inputShort {
  width:10em;
}
.formTable input[type='text'].inputVeryShort {
  width:5em;
}
.formTable textarea {
  width:28em;
}

/* ## フォーム表示テーブル */
.nesVar ,.freeVar {
  position:relative;
}
.nesVar:after ,.freeVar:after {
  font-weight:normal;
  display:inline-block;
  *display:inline;
  *zoom:1;
  color:#ffffff;
  padding:3px;
  font-size:10px;
  position:absolute;
  right:10px;
}

.nesVar:after {
  content:'必須';
  background:#5bc51c;
}

.freeVar:after {
  content:'任意';
  background:#aeaeae;
}

.checkarea input {
  z-index:1;
  margin:2px 12px 0 1px;
}
.checkarea label {
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:baseline;
  margin:0 10px 10px 0;
}
.checkarea span {
  margin:0;
}
.checkarea.cainherit > span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:2%;
}
.checkarea.cahalf > span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:48%;
  margin-right:2%;
}
.checkarea.cahalf > span:nth-of-type(2n) {
  margin-right:0;
}

.formTableInner {
  margin-top:10px;
  margin-bottom:5px;
  display:inline-block;
  *display:inline;
  *zoom:1;
}

/* ## 送信・確認エリア */
.formSubmitArea {
  margin:18px 0 0;
  text-align:center;
}
.formSubmitArea input[type='submit'] {
  -webkit-transition:.5s;
          transition:.5s;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border:none;
  background:#5bc51c;
  border-radius:5px;
  padding:19px 0;
  line-height:1;
  width:298px;
  text-align:center;
  border:1px solid #5bc51c;
  color:#ffffff;
}
.formSubmitArea input[type='submit']:hover {
  background:#ffffff;
  color:#5bc51c;
}
.formSubmitArea input[type='submit'].backBtn {
  background:#999999;
  width:200px;
  margin-right:20px;
  border-color:#999999;
}
.formSubmitArea input[type='submit'].backBtn:hover {
  background:#ffffff;
  color:#999999;
  border-color:#999999;
}

/* ## 同意エリア */
.privacyCheckArea {
  margin:30px 0 0;
  padding:20px 20px 10px;
  text-align:center;
  background:#f7f7f7;
  border:1px solid #dddddd;
}
.privacyCheckArea input {
  height:0;
  width:0;
  z-index:1;
  opacity:0;
}
.privacyCheckArea > label {
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:baseline;
  margin:0 0 10px 0;
  padding:0 0 0 25px;
}
.privacyCheckArea a:hover {
  text-decoration:none;
}

/* ## ワードプレス依存のスタイル */
/* ### MW WP FORM 依存のスタイル */
.inputHidden {
  display:none;
}

.mw_wp_form .privacyCheckArea .confHidden:after {
  content:'必須';
  background-color:#5bc51c;
  font-weight:normal;
  display:inline-block;
  *display:inline;
  *zoom:1;
  color:#ffffff;
  padding:3px;
  font-size:10px;
}
.mw_wp_form .error {
  display:block !important;
  margin:2px 0;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left:0;
}

.mw_wp_form_confirm .confHidden ,.mw_wp_form_confirm .privacyCheck {
  display:none;
}
.mw_wp_form_confirm .inputHidden {
  display:inline;
}
.mw_wp_form_confirm .formTable td {
  padding:16px;
}
.mw_wp_form_confirm .nesVar:after {
  display:none;
}
.mw_wp_form_confirm .freeVar:after {
  display:none;
}

.mwform-radio-field input {
  z-index:1;
  margin:1px 10px 0 1px;
}
.mwform-radio-field label {
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:baseline;
  margin:0 30px 10px 0;
}

.cahalf .mwform-checkbox-field ,.cainherit .mwform-checkbox-field {
  margin-left:0;
}

/* ### wysija 依存のスタイル */
/* メルマガ申込みフォーム専用 */
.widget_wysija_cont {
  margin-top:20px;
}
.widget_wysija_cont p {
  margin:0;
  padding:0;
  border-bottom:1px solid #dddddd;
}
.widget_wysija_cont p label {
  background:#f7f7f7;
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:9.5em;
  font-size:14px;
  padding:16px;
  position:relative;
}
.widget_wysija_cont p label span {
  display:none;
}
.widget_wysija_cont p label:after {
  content:'必須';
  background:#5bc51c;
  font-weight:normal;
  display:inline-block;
  *display:inline;
  *zoom:1;
  color:#ffffff;
  padding:3px;
  font-size:10px;
  position:absolute;
  right:10px;
}
.widget_wysija_cont input[type='text'] {
  border:1px solid #cccccc;
  box-shadow:0 0 4px #dadada inset;
  border-radius:3px;
  margin-left:16px;
  padding:5px;
}
.widget_wysija_cont input[type='text'] {
  width:20em;
}
.widget_wysija_cont input.wysija-submit {
  margin:20px auto 0;
  -webkit-transition:.5s;
          transition:.5s;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border:none;
  background:#5bc51c;
  border-radius:5px;
  padding:19px 0;
  line-height:1;
  width:298px;
  text-align:center;
  border:1px solid #5bc51c;
  color:#ffffff;
}
.widget_wysija_cont input.wysija-submit:hover {
  background:#ffffff;
  color:#5bc51c;
}
.widget_wysija_cont form p:first-child {
  border-top:1px solid #dddddd;
}

/* ## レイアウト・配置 */
/* ### 画像の左右配置 */
.figureRight {
  *zoom:1;
}
.figureRight:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.figureRight > * {
  float:left;
}
.figureRight figure {
  float:right;
}

.figureLeft {
  *zoom:1;
}
.figureLeft:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.figureLeft > * {
  float:right;
}
.figureLeft figure {
  float:left;
}

/* ## 左右いずれかにイメージを配置する時のレイアウト */
.photoColumn {
  margin-top:30px;
}
.photoColumn > * {
  width:380px;
}
.photoColumn div p:first-child {
  margin-top:0;
}
.photoColumn figure {
  width:287px;
  border:4px solid #ffffff;
  box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .35);
}

.pcUnderbar {
  padding-bottom:30px;
  border-bottom:1px solid #dddddd;
}

/* ### 横並びのフロー */
/* テーマごとの分岐あり(背景＆ボーダーカラー) */
.flowHorizon {
  position:relative;
  z-index:1;
  margin-top:30px;
  padding:20px 30px;
}
.flowHorizon div {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:        flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
          justify-content:space-between;
  width:100%;
}
.flowHorizon div p ,.flowHorizon div figure {
      -ms-writing-mode:tb-lr;
  /* for MS IE8+ */
  -webkit-writing-mode:vertical-lr;
          writing-mode:vertical-lr;
  margin:26px 0 26px;
  box-sizing:border-box;
  text-align:center;
}
.flowHorizon div figure {
  position:relative;
  width:23px;
}
.flowHorizon div figure img {
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.flowHorizon div p {
  vertical-align:top;
  min-height:182px;
  position:relative;
  line-height:1;
  letter-spacing:.2em;
  font-size:16px;
  font-weight:bold;
  width:65px;
  padding:2px 23px 0 22px;
  background:#ffffff;
  border-right:3px solid;
  border-left:3px solid;
  color:#3ca500;
}
.flowHorizon div p:last-of-type {
  background-color:#ffa200;
  border-color:#ffa200;
  color:#ffffff;
}
.flowHorizon div p.eitherFlow {
  background:#fbffdc;
}
.flowHorizon div p.eitherFlow:before ,.flowHorizon div p.eitherFlow:after {
  background:#fbffdc;
}
.flowHorizon div p:before ,.flowHorizon div p:after {
  content:'';
  display:block;
  z-index:-1;
  position:absolute;
  box-sizing:border-box;
  width:65px;
  height:65px;
  border-radius:50%;
  left:-3px;
  background:#ffffff;
  border-top:3px solid;
  border-bottom:3px solid;
  border-left:3px solid;
  border-right:3px solid;
}
.flowHorizon div p:before {
  top:-32.5px;
}
.flowHorizon div p:after {
  bottom:-32.5px;
}
.flowHorizon div p:last-of-type {
  background-color:#ffa200;
  border-color:#ffa200;
  color:#ffffff;
}
.flowHorizon div p:last-of-type:before ,.flowHorizon div p:last-of-type:after {
  background-color:#ffa200;
  border-color:#ffa200;
}

.fHpunctuation {
  display:inline-block;
  *display:inline;
  *zoom:1;
  -webkit-transform:translateY(.2em);
          transform:translateY(.2em);
  margin-bottom:6px;
}

.fHsmall {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:11px;
  width:14px;
  text-align:right;
}

.fHplus {
  font-size:smaller;
  font-weight:normal;
  line-height:.95;
}

.flowHorizonNT {
  /* 所要時間 */
  margin:20px 0 0;
  padding:8px;
  text-align:center;
  background:#ffffff;
  border:1px solid;
  font-size:14px;
}
.flowHorizonNT strong {
  color:#3ca500;
  font-size:18px;
}

/* ページ下部 */
/* ### 関連ページへバナーリンク(div > a > p) */
/* テーマごとの分岐あり(ボーダーカラー) */
.schoolLink {
  margin:20px 0 0;
  padding:0 0 20px 20px;
  background:#f3fbef;
  list-style-type:none;
  font-size:0;
}
.schoolLink a {
  position:relative;
  width:321px;
  font-size:14px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:0;
  color:#ffffff;
  min-height:88px;
  margin:20px 20px 0 0;
  padding:0 0 0 136px;
  text-decoration:none;
  box-sizing:border-box;
  border:2px solid;
  background:left top no-repeat #5bc51c;
}
.schoolLink a.slProcedure {
  background-image:url('../../images/common/entry/sLinkProcedure.jpg');
}
.schoolLink a.slPayment {
  background-image:url('../../images/common/entry/sLinkPayment.jpg');
}
.schoolLink a.slRequirement {
  background-image:url('../../images/common/entry/sLinkRequirement.jpg');
  background-image:url('../../images/common/entry/sLinkRequirement.jpg');
}
.schoolLink a.slReservation {
  background-image:url('../../images/common/sLinkReservation.jpg');
}
.schoolLink a.slRequest {
  background-image:url('../../images/yunohana/common/sLinkRequest.jpg');
}
.schoolLink p {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  padding:0 20px;
  margin:0;
  display:inline-block;
}
.schoolLink p:before {
  content:url('../../images/common/page/iconTriangle.png');
  position:absolute;
  left:0;
  top:1px;
}

/* ### 強調コンテンツ */
.highlightColumn {
  position:relative;
  z-index:1;
  margin-top:30px;
  background:#fffdf0;
  border:5px solid #ffe59f;
  padding:25px;
}
.highlightColumn h2 ,.highlightColumn h3 ,.highlightColumn h4 ,.highlightColumn h5 ,.highlightColumn h6 {
  margin:0;
  padding:0;
}
.highlightColumn p {
  font-size:14px;
  padding:0;
  margin:15px 0 0;
}
.highlightColumn strong {
  color:#ff5006;
}
.highlightColumn > div {
  width:340px;
}
.highlightColumn figure {
  position:relative;
  width:275px;
}
.highlightColumn figure img {
  box-shadow:1px 1px 4px #bbbbbb;
}
.highlightColumn figure:after {
  z-index:-1;
  top:0;
  left:0;
  position:absolute;
  display:block;
  content:'';
  width:275px;
  height:185px;
  background:#fff6ac;
  -webkit-transform:rotate(-5deg);
          transform:rotate(-5deg);
}
.highlightColumn figure.hlSmall {
  width:252px;
}
.highlightColumn figure.hlSmall:after {
  width:252px;
  height:169px;
  -webkit-transform:rotate(-7deg);
          transform:rotate(-7deg);
}
.highlightColumn a {
  color:#ff5006;
}

/**/
.supportStaff a.btnOrgLink {
  margin-left:20%;
  margin-right:20%;
  padding-left:3.5em;
  padding-right:3.5em;
  width:auto;
}

/* #### 予約リンク */
.toReservation {
  margin-top:30px;
  position:relative;
  background:#fffdf0;
  border:5px solid #ffe59f;
  padding:25px;
}
.toReservation:after {
  margin:0;
  padding:0;
  position:absolute;
  content:url('../../images/common/page/reserveColumnBg.png');
  bottom:-12px;
  right:-5px;
}
.toReservation p {
  margin:15px 5px 0 6px;
}
.toReservation a.btnOrgLink {
  padding-left:3.5em;
  padding-right:3.5em;
  width:auto;
}

/* ### 注意文言・中強調エリア */
.strokeColumn {
  margin-top:30px;
  padding:28px;
  border:4px solid #dddddd;
}
.strokeColumn h2 ,.strokeColumn h3 ,.strokeColumn h4 ,.strokeColumn h5 ,.strokeColumn h6 {
  color:#3ca500;
  font-size:16px;
  margin:0;
  padding:0;
}
.strokeColumn > div {
  width:380px;
}
.strokeColumn figure {
  width:240px;
}
.strokeColumn p.basic:first-of-type {
  margin-top:15px;
}

/* ### インデックスページ専用 */
/* #### 子階層へのリンクエリア */
.naviPageColumn {
  *zoom:1;
}
.naviPageColumn:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.naviPageColumn a {
  margin-top:30px;
  display:block;
  width:330px;
  float:left;
  text-decoration:none;
}
.naviPageColumn a:nth-of-type(2n) {
  float:right;
}
.naviPageColumn a:hover {
  opacity:.7;
}
.naviPageColumn h2 ,.naviPageColumn h3 ,.naviPageColumn h4 ,.naviPageColumn h5 ,.naviPageColumn h6 {
  color:#3ca500;
  position:relative;
  *zoom:1;
  font-size:18px;
  margin:15px 0 0 0;
  padding:0 0 12px 22px;
  border-bottom:1px solid #dddddd;
}
.naviPageColumn h2:after ,.naviPageColumn h3:after ,.naviPageColumn h4:after ,.naviPageColumn h5:after ,.naviPageColumn h6:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.naviPageColumn h2:before ,.naviPageColumn h3:before ,.naviPageColumn h4:before ,.naviPageColumn h5:before ,.naviPageColumn h6:before {
  position:absolute;
  left:0;
  content:url('../../images/yunohana/common/iconTriangle.png');
}
.naviPageColumn h2 span ,.naviPageColumn h3 span ,.naviPageColumn h4 span ,.naviPageColumn h5 span ,.naviPageColumn h6 span {
  float:right;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding-left:20px;
  -webkit-transform:translateY(5px);
          transform:translateY(5px);
}
.naviPageColumn h2 span img ,.naviPageColumn h3 span img ,.naviPageColumn h4 span img ,.naviPageColumn h5 span img ,.naviPageColumn h6 span img {
  margin-left:4px;
}
.naviPageColumn .changeColor2nd h2 ,.naviPageColumn .changeColor2nd h3 ,.naviPageColumn .changeColor2nd h4 ,.naviPageColumn .changeColor2nd h5 ,.naviPageColumn .changeColor2nd h6 {
  color:#079bb6;
}
.naviPageColumn .changeColor2nd h2:before ,.naviPageColumn .changeColor2nd h3:before ,.naviPageColumn .changeColor2nd h4:before ,.naviPageColumn .changeColor2nd h5:before ,.naviPageColumn .changeColor2nd h6:before {
  content:url('../../images/common/iconTriangle2nd.png');
}
.naviPageColumn p {
  color:#444444;
  font-size:14px;
  margin:10px 0 0;
  line-height:1.7;
  padding:0;
}
.naviPageColumn figure {
  position:relative;
}
.naviPageColumn figure img {
  border-radius:4px;
}
.naviPageColumn figure span {
  position:absolute;
  top:10px;
  right:10px;
}

/* # コース専用 */
/* 各種教習案内・メニュー専用 */
/*
# 基本設定
## 2つめ以降のコースカラー
# 教習メニュー一覧画面
## 安心パック
# 各免許詳細
## 教習の流れ
### 行単位の指定
### 免許種別名（先頭）
### 第一第二段階
### テスト・検定関係
### 時間表示エリア
### 効果の確認
## 免許詳細内の安心パック
*/
/* # 基本設定 */
/* ## 2つめ以降のコースカラー */
.basic.course2 thead th {
  background-color:#10b5d3;
}

.basic.course3 thead th {
  background-color:#adbc2d;
}
.basic.course3 td strong {
  color:#879605;
}

/* # 教習メニュー一覧画面 */
/* ## 安心パック */
#anshinPack {
  z-index:1;
  margin:30px 0 0;
  padding:25px;
  background:#ddf7ff;
  position:relative;
}
#anshinPack:before ,#anshinPack:after {
  position:absolute;
  margin:0;
  padding:0;
  vertical-align:top;
  line-height:1;
}
#anshinPack:before {
  z-index:-2;
  content:url('../../images/common/course/packPoint.png');
  top:82px;
  right:161px;
}
#anshinPack:after {
  z-index:-1;
  content:url('../../images/common/course/packBg.png');
  bottom:-3px;
  right:0;
}
#anshinPack h3 {
  margin:12px 0 0;
  padding:0;
}
#anshinPack h4 {
  margin:0;
  padding:0;
}
#anshinPack p.basic {
  margin-left:10px;
  color:#444444;
}
#anshinPack table {
  margin:20px 0 0 10px;
  border-collapse:collapse;
  padding:0;
  font-size:14px;
}
#anshinPack th ,#anshinPack td {
  padding:10px 20px;
}
#anshinPack th {
  text-align:center;
  color:#ffffff;
  background:#10b5d3;
}
#anshinPack td {
  background:#ffffff;
  color:#10b5d3;
}
#anshinPack td a {
  color:#10b5d3;
}
#anshinPack td a:hover {
  text-decoration:none;
}

/* #各免許詳細 */
/* ## 教習の流れ */
.flowCourse {
  margin-top:20px;
  background:top center repeat-y;
  font-family:'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.cfColumn1 {
  background-image:url('../../images/yunohana/course/cfColumn1.jpg');
}

.cfColumn2 {
  background-image:url('../../images/yunohana/course/cfColumn2.jpg');
}

.cfColumn3 {
  background-image:url('../../images/yunohana/course/cfColumn3.jpg');
}

/* ### 行単位の指定 */
/* 1行に1つの要素しか並ばないラッパーの幅 */
.flowWrapWidth100 {
  width:100%;
}

.flowWrapWidth50 {
  width:50%;
}

.flowWrapWidth33 {
  width:33%;
}

.flowWrapWidth66 {
  width:66%;
}

/* ### 免許種別名（先頭） */
.headColumn {
  width:100%;
  font-size:0;
}
.headColumn h4 {
  color:#ffffff;
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:16px;
  text-align:center;
  background:#eeeeee;
  margin:0;
  padding:22px 0;
}
.headColumn h4:nth-of-type(2) {
  background-color:#10b5d3;
}
.headColumn h4:last-of-type {
  background-color:#adbc2d;
}
.headColumn h4:first-of-type {
  background-color:#5bc51c;
}
.cfColumn1 .headColumn h4 {
  width:100%;
}
.cfColumn2 .headColumn h4 {
  width:49%;
}
.cfColumn3 .headColumn h4 {
  width:32%;
}
.headColumn h4 + h4 {
  margin-left:2%;
}

/* ### 第一第二段階 */
.flowStage {
  margin-top:20px;
}
.flowStage h5 {
  margin:0;
  background:#736445;
  border-radius:3px 3px 0 0;
  text-align:center;
  font-size:16px;
  padding:7px 0 5px;
  color:#ffffff;
}
.flowStage h6 {
  margin:0;
  padding:4px 6px;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  background:#ffffff;
}
.flowStage .attention {
  font-size:12px;
  margin:10px 10px 0;
  display:block;
}

/* #### 段階のメインコンテンツエリア */
.flowStageContent {
  background:#ffffff;
  border:2px solid #736446;
  padding:12px 0;
  font-size:0;
}

/* ### テスト・検定関係 */
.flowTest p {
  box-sizing:border-box;
  margin:20px 0 0;
  padding:8px 0;
  font-size:16px;
  text-align:center;
  background:#f7f7f7;
  border:2px solid #c3c3c3;
}
.flowTest.noLicense p {
  border-style:dashed;
}
.flowTest span {
  font-size:smaller;
}
.flowTest span.onlyLicense {
  font-weight:bold;
  font-size:14px;
}

/* ### 時間表示エリア */
.flowTime {
  position:relative;
  padding:6px 0;
  box-sizing:border-box;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  margin-left:2%;
  margin-right:2%;
  min-height:44px;
}
.flowTime + .flowTime {
  margin-left:0;
}
.ftWidth100 .flowTime {
  width:96%;
}
.ftWidth50 .flowTime {
  width:47%;
}
.ftWidth33 .flowTime {
  width:30.66667%;
}
.flowTime:nth-of-type(2) {
  background-color:#b2eaf5;
}
.flowTime:nth-of-type(2) span {
  background-color:#10b5d3;
}
.flowTime:last-of-type {
  background-color:#e6ebae;
}
.flowTime:last-of-type span {
  background-color:#adbc2d;
}
.flowTime:first-of-type span {
  background-color:#5bc51c;
}
.flowTime.flowTimeStrongSecond {
  background-color:#b2eaf5;
}
.flowTime.flowTimeStrongSecond span {
  background-color:#10b5d3;
}
.flowTimeCommon .flowTime {
  background:#ffffff;
}
.flowTimeCommon .flowTime h6 {
  background:#e7e2d0;
}
.flowTimeCommon .flowTime span {
  background:#736446;
}
.flowTime p {
  margin:5px 0 0;
  padding:0;
  font-size:12px;
}
.flowTime p:only-child {
  margin-left:-6px;
  text-align:center;
  width:100%;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  min-height:36px;
}
.flowTime.flowDetCenter p {
  text-align:center;
}
.flowTime span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:4px;
  margin-right:2px;
  font-size:10px;
  color:#ffffff;
  -webkit-transform:translateY(-2px);
          transform:translateY(-2px);
  margin-left:10px;
}
.flowTime span:first-of-type {
  margin-left:0;
}
.flowTime strong {
  display:inline-block;
  *display:inline;
  *zoom:1;
  text-align:center;
  width:1.5em;
  font-size:18px;
}
.flowTime div {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  padding:0 6px;
  width:100%;
  box-sizing:border-box;
}
.flowTime div + div {
  padding-left:0;
}
.flowTime.ftHalfInner div {
  width:50%;
}

.flowTimeSingle div p {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.flowTimeSingle div p + p {
  margin-left:5px;
}
.flowTimeSingle > p {
  margin-top:6px;
}

/* ### 効果の確認 */
.flowCheck {
  color:#ff7800;
  font-size:14px;
  margin:14px 2% 0;
  padding:5px 0;
  border:1px solid #ff7800;
  text-align:center;
}

/* ## 免許詳細内の安心パック */
.packContent {
  margin:25px 0 0;
  padding:0;
  width:100%;
  border:1px solid #5bc51c;
  border-collapse:collapse;
}
.packContent ul {
  margin-top:10px;
}
.packContent th ,.packContent td {
  padding:18px 22px 14px;
  vertical-align:top;
}
.packContent th {
  text-align:left;
  font-size:16px;
  color:#3ca500;
  width:150px;
  line-height:1.8;
}
.packContent td {
  padding-left:0;
  padding-top:10px;
}
.packContent.pcNotInc {
  margin-top:10px;
  border-color:#cccccc;
  background-color:#f0f0f0;
}
.packContent.pcNotInc th {
  color:#000000;
}

.packCampaign {
  margin-top:20px;
}
.packCampaign h2 ,.packCampaign h3 ,.packCampaign h4 ,.packCampaign h5 ,.packCampaign h6 {
  border-radius:4px 4px 0 0;
  color:#ffffff;
  font-size:16px;
  line-height:1;
  padding:10px 20px 8px;
  margin:0;
  background-color:#5bc51c;
}
.packCampaign p {
  border:2px solid #5bc51c;
  margin:0;
  padding:13px 18px 15px;
  font-size:14px;
  line-height:1.7;
}
.packCampaign p span {
  color:#ff3232;
  font-weight:bold;
  font-size:16px;
}

/* # 各種ページ別の指定（.mainColumnに親カテゴリー_自身というIDが挿入される）*/
/* ページ個別の指定 */
/*
# メインビジュアル
# 各ページ個別指定
## 学校案内
### 時間割・休校日
### メルマガ
### アクセス
## 教習メニュー
### ペーパードライバー専用
*/
/* # メインビジュアル */
#course #titleArea ,#car #titleArea ,#car_medium #titleArea ,#car_large #titleArea ,#car_paper #titleArea ,#motorcycle #titleArea ,#motorcycle_large #titleArea {
  background-image:url('../../images/yunohana/course/mainBg.jpg');
}
#entry #titleArea ,#entry_payment #titleArea ,#entry_procedure #titleArea ,#entry_requirement #titleArea ,#entry_reservation #titleArea {
  background-image:url('../../images/yunohana/entry/mainBg.jpg');
}
#contact #titleArea {
  background-image:url('../../images/common/contact/mainBg.jpg');
}

/* # 各ページ個別指定 */
/* ## 学校案内 */
/* ### 選ばれる理由 */
.schoolReason {
  margin-top:50px;
  background:url('../../images/yunohana/common/reasonBg.jpg') left top repeat;
  border-radius:5px 5px 0 0;
  padding:23px 15px 15px;
}
.schoolReason h2 {
  margin:0 0 14px;
  padding:0;
  text-align:center;
  line-height:1;
}
.schoolReason h3 {
  position:relative;
  color:#3ca500;
  margin:0;
  font-size:24px;
  padding:45px 0 0 0;
}
.schoolReason h3:before {
  position:absolute;
  left:-10px;
  top:-5px;
}

.srs01 h3:before {
  content:url('../../images/yunohana/school/reasonNumber01.png');
}
.srs02 h3:before {
  content:url('../../images/yunohana/school/reasonNumber02.png');
}
.srs03 h3:before {
  content:url('../../images/yunohana/school/reasonNumber03.png');
}
.srs04 h3:before {
  content:url('../../images/yunohana/school/reasonNumber04.png');
}
.srs05 h3:before {
  content:url('../../images/yunohana/school/reasonNumber05.png');
}
.srs06 h3:before {
  content:url('../../images/yunohana/school/reasonNumber06.png');
}

.schoolReasonSingle {
  width:610px;
  *zoom:1;
  background:#ffffff;
  margin-top:10px;
  padding:30px 30px 30px 40px;
}
.schoolReasonSingle:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.schoolReasonSingle div {
  float:left;
  width:305px;
}
.schoolReasonSingle figure {
  width:280px;
}
.schoolReasonSingle p.basic {
  margin-top:10px;
}

/* ### 時間割・休校日 */
#school_schedule table.basic th ,#school_schedule table.basic td {
  text-align:center;
  padding-left:0;
  padding-right:0;
  vertical-align:middle;
}
#school_schedule table.basic td.rest {
  background:#ffeded;
}
#school_schedule iframe {
  margin-top:30px;
}

/* ### メルマガ */
#mailMagazine figure {
  position:relative;
  margin-bottom:10px;
}
#mailMagazine figcaption {
  font-size:12px;
  position:absolute;
  left:0;
  bottom:-30px;
}
#mailMagazine figcaption a {
  color:#000000;
}
#mailMagazine figcaption img {
  margin:0 3px 0 2px;
  -webkit-transform:translateY(3px);
          transform:translateY(3px);
}

/* ### アクセス */
.busStop {
  opacity:0;
}
.busStop ol {
  *zoom:1;
  font-size:0;
  margin:0;
  padding:0;
  counter-reset:countBus;
  list-style:none;
  position:relative;
}
.busStop ol:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.busStop li {
  font-size:14px;
      -ms-writing-mode:tb-lr;
  /* for MS IE8+ */
  -webkit-writing-mode:vertical-lr;
          writing-mode:vertical-lr;
  width:50px;
  margin:20px 10px 0 0;
  padding:50px 0 0 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
  position:relative;
  height:160px;
  line-height:50px;
  line-height:58px\9;
  background:url('../../images/yunohana/school/busLine.png') right top repeat-x;
}
.busStop li:before {
  display:block;
  width:21px;
  height:21px;
  position:absolute;
  top:10px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  counter-increment:countBus;
  content:counter(countBus);
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
  border:3px solid;
  border-radius:20px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  line-height:21px;
  background:#ffffff;
}
.busStop li:after {
  content:' ';
  display:block;
  width:10px;
  height:210px;
  position:absolute;
  top:0;
  left:50px;
  background:url('../../images/yunohana/school/busLine.png') left top repeat-x;
}
.busStop li:nth-child(12n) ,.busStop li:last-child {
  margin-right:0;
}
.busStop li:nth-child(12n):after {
  width:710px;
  height:20px;
  top:210px;
  right:0;
  left:inherit;
  background:url('../../images/yunohana/school/nextLine.jpg') right top no-repeat;
}
.busStop li:first-child ,.busStop li:last-child {
  background-repeat:no-repeat;
}
.busStop li:last-child {
  background-position:left top;
  font-weight:bold;
}
.busStop li:last-child:before {
  content:'★';
  color:#ffffff;
  font-weight:bold;
  -webkit-transform:rotate(0deg);
          transform:rotate(0deg);
}
.busStop li:last-child:after {
  display:none;
}
.busStop li.majorStation {
  font-weight:bold;
}
.busStop li.majorStation:before {
  width:20px;
  height:20px;
  top:7px;
  border:5px solid;
}
.busStop li.bus2Line {
  line-height:1.2;
  padding-left:10px;
  width:40px;
}
.busStop li span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
  margin:3px 0;
}

.strokeColumn.hsBusPeriod {
  padding:15px 20px;
  margin-top:20px;
}
.strokeColumn.hsBusPeriod p.boldThemeTitle {
  margin-top:0;
}

/* ### ペーパードライバー専用 */
p.onlyPaperBus {
  position:absolute;
  right:20px;
  bottom:0;
}

/* # サイドカラム */
#sideColumn {
  width:238px;
  float:left;
  margin-top:40px;
}
#sideColumn ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

/* ## 関連ページリンク */
.categoryArea p {
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:16px;
}
.categoryArea p a {
  display:block;
  padding:18px 16px;
  text-decoration:none;
  color:#ffffff;
  background:#5bc51c;
}
.categoryArea p a:hover {
  color:#f6ff00;
  background:rgba(91, 197, 28, .9);
}
.categoryArea li {
  border-bottom:1px dotted #5bc51c;
  font-size:14px;
  margin:0;
  padding:0;
  /* 車アイコンリンクの挿入 */
  /* 二輪アイコンリンクの挿入 */
}
.categoryArea li a ,.categoryArea li span {
  display:block;
  padding:15px 7px 15px 14px;
}
.categoryArea li a:before ,.categoryArea li span:before {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:10px;
  -webkit-transform:translateY(2px);
          transform:translateY(2px);
}
.categoryArea li a {
  color:#000000;
  text-decoration:none;
}
.categoryArea li a:before {
  content:url('../../images/yunohana/common/iconTriangle.png');
}
.categoryArea li a:hover {
  color:#3ca500;
}
.categoryArea li.catCarIcon ,.categoryArea li.catMcIcon {
  font-weight:bold;
}
.categoryArea li.catCarIcon a ,.categoryArea li.catCarIcon span ,.categoryArea li.catMcIcon a ,.categoryArea li.catMcIcon span {
  padding-left:7px;
}
.categoryArea li.catCarIcon span:before ,.categoryArea li.catCarIcon a:before {
  content:url('../../images/common/iconCar.png');
}
.categoryArea li.catMcIcon span:before ,.categoryArea li.catMcIcon a:before {
  content:url('../../images/common/iconBike.png');
}

/* ## 共通リンクエリア */
.categoryArea + .bannerArea {
  margin-top:20px;
}
.bannerArea li {
  margin:10px 0 0;
  padding:0;
}
.bannerArea li:first-of-type {
  margin-top:0;
}
.bannerArea a {
  display:block;
  padding:1px;
  background:#ffffff;
  border:1px solid #bcbcbc;
  font-size:12px;
}
.bannerArea a:hover {
  border-color:#5bc51c;
}

/* 定義済み変数
$minWidth　　　　 サイト全体の最小幅
$imageCommonPath　共通画像へのパス
$imageSinglePath　テーマごとの画像パス
$baseTxtColor　　　　基本の文字色
$keyColor　　　　 テーマごとの基本色
$keyTxtColor　　　テーマごとのテキスト用基本色
*/
/* # メインカラム */
.themeBgTitle {
  background-color:#f3fbef;
  border-color:#d2e7c6 !important;
}

/* ## 基本クラス */
/* ### 基本テーブル */
table.basic thead th {
  background:#5abe1e;
}

/* ## レイアウト・配置 */
/* ### 横並びのフロー */
.flowHorizon ,.schoolLink {
  background:#f3fbef;
}

.flowHorizon div p {
  border-color:#3ca500;
}
.flowHorizon div p.eitherFlow {
  border-color:#afe17a;
}
.flowHorizon div p.eitherFlow:before ,.flowHorizon div p.eitherFlow:after {
  border-color:#afe17a;
}
.flowHorizon div p:before ,.flowHorizon div p:after {
  border-color:#3ca500;
}

.flowHorizonNT {
  border-color:#afe17a;
}

/* ページ下部 */
/* ### 関連ページへバナーリンク */
.schoolLink a {
  border-color:#81d44f;
}
.schoolLink a:hover {
  background-color:#81d44f;
}

/* ## アクセス */
/* ### 停留所 */
.busStop li {
  background-color:#f3fbef;
}
.busStop li:before {
  border-color:#3ca500;
}
.busStop li:last-child:before {
  background:#3ca500;
}
.busStop li.majorStation {
  background-color:#e4f6be;
}
.busStop li.majorStation:before {
  border-color:#3ca500;
}

/* # 各種教習案内・メニュー */
/* ### 時間表示エリア */
.flowTime:first-of-type {
  background-color:#e1faba;
}

/* ## 免許詳細内の安心パック */
.packContent {
  background:#f3fbef;
}

/* # サイドカラム */
.categoryArea li.catCarIcon ,.categoryArea li.catMcIcon {
  background:#f3fbef;
}
.categoryArea li a:hover {
  background:#f3fbef;
}