@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 ,#slideArea > div ,#kindArea ,#reasonArea ,#consultationMain ,#infoWrap {
  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 ,#kindArea a:hover img {
  opacity:.8;
}

#slideArea a {
  background:#ffffff;
}
#slideArea a:hover img {
  opacity:.8;
}

#infoBtnArea a:hover img ,#campaignArea a:hover img {
  opacity:.7;
}

.iBlockarrowLink {
  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 {
  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 {
  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 {
  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 {
  content:url('../../images/common/page/iconArrow.png');
  margin-right:8px;
}
.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　　　テーマごとのテキスト用基本色
*/
/*
# スライダーエリア
## キャンペーン価格バナー
### 金額欄
#### 切り替え用文字色
### 期間（日付）
# 車種エリア
## 普通自動車エリア
## 普通二輪エリア
# 選ばれる6つの理由
## お得な特典
# 説明会エリア
## 説明会見出し
## 説明会会場情報
# インフォメーションエリア
## 新着情報
## スケジュール
## キャンペーンバナーエリア
## フェイスブック埋め込みエリア
# 高齢者講習エリア
*/
/* # スライダーエリア */
/* Slider */
.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  -webkit-touch-callout:none;
   -khtml-user-select:none;
  -ms-touch-action:pan-y;
      touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}

.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}

.slick-list:focus {
  outline:none;
}

.slick-list.dragging {
  cursor:pointer;
  cursor:hand;
}

.slick-slider .slick-track ,.slick-slider .slick-list {
  -webkit-transform:translate3d(0, 0, 0);
          transform:translate3d(0, 0, 0);
}

.slick-track {
  position:relative;
  top:0;
  left:0;
  display:block;
}

.slick-track:before ,.slick-track:after {
  display:table;
  content:'';
}

.slick-track:after {
  clear:both;
}

.slick-loading .slick-track {
  visibility:hidden;
}

.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px;
}

[dir='rtl'] .slick-slide {
  float:right;
}

.slick-slide img {
  display:block;
}

.slick-slide.slick-loading img {
  display:none;
}

.slick-slide.dragging img {
  pointer-events:none;
}

.slick-initialized .slick-slide {
  display:block;
}

.slick-loading .slick-slide {
  visibility:hidden;
}

.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent;
}

.slick-arrow.slick-hidden {
  display:none;
}

/* Slider */
.slick-loading .slick-list {
  background:#ffffff url('/images/common/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/slick.eot');
    src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/slick.woff') format('woff'), url('/fonts/slick.ttf') format('truetype'), url('/fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev ,.slick-next {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:20px;
  height:20px;
  padding:0;
  margin-top:-10px\9;
  /*lte IE 8*/
  -webkit-transform:translate(0, -50%);
          transform:translate(0, -50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent;
}

.slick-prev:hover ,.slick-prev:focus ,.slick-next:hover ,.slick-next:focus {
  color:transparent;
  outline:none;
  background:transparent;
}

.slick-prev:hover:before ,.slick-prev:focus:before ,.slick-next:hover:before ,.slick-next:focus:before {
  opacity:1;
}

.slick-prev.slick-disabled:before ,.slick-next.slick-disabled:before {
  opacity:.25;
}

.slick-prev:before ,.slick-next:before {
  font-size:20px;
  line-height:1;
  opacity:.75;
  color:white;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.slick-prev {
  left:-25px;
}

[dir='rtl'] .slick-prev {
  right:-25px;
  left:auto;
}

.slick-prev:before {
  content:'←';
}

[dir='rtl'] .slick-prev:before {
  content:'→';
}

.slick-next {
  right:-25px;
}

[dir='rtl'] .slick-next {
  right:auto;
  left:-25px;
}

.slick-next:before {
  content:'→';
}

[dir='rtl'] .slick-next:before {
  content:'←';
}

/* Dots */
.slick-slider {
  margin-bottom:30px;
}

.slick-dots {
  position:absolute;
  bottom:-45px;
  display:block;
  width:100%;
  padding:0;
  list-style:none;
  text-align:center;
}

.slick-dots li {
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  padding:0;
  cursor:pointer;
}

.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent;
}

.slick-dots li button:hover ,.slick-dots li button:focus {
  outline:none;
}

.slick-dots li button:hover:before ,.slick-dots li button:focus:before {
  opacity:1;
}

.slick-dots li button:before {
  font-size:6px;
  line-height:20px;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  content:'•';
  text-align:center;
  opacity:.25;
  color:black;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.slick-dots li.slick-active button:before {
  opacity:.75;
  color:black;
}

#slideArea {
  width:100%;
  overflow:hidden;
  margin:0;
  padding:20px 0 0 0;
  height:435px;
  background:url('../../images/common/top/slideArea.jpg') top center no-repeat;
}

#slideArea > div {
  vertical-align:top;
}

#slideArea * {
  vertical-align:top;
  line-height:1;
}

.slick-prev ,.slick-next {
  height:76px;
  width:22px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
}
.slick-prev:hover ,.slick-next:hover {
  opacity:.8;
}

.slick-prev ,.slick-prev:hover ,.slick-prev:focus {
  background-image:url('../../images/common/top/slideBtnPref.png');
  left:-30px;
}

.slick-next ,.slick-next:hover ,.slick-next:focus {
  background-image:url('../../images/common/top/slideBtnNext.png');
  right:-30px;
}

.slick-dots li button {
  background:#ffffff;
  border-radius:50%;
  height:9px;
  width:9px;
  box-shadow:1px 1px 1px 0 #666666 inset;
}
.slick-dots li button:before {
  content:'';
}
.slick-dots li.slick-active button {
  background:#5bc51c;
}

.campaignPrice {
  width:1000px;
  height:380px;
  position:relative;
  text-decoration:none;
  display:block;
}
.campaignPrice span {
  font-weight:700;
  display:inline-block;
  *display:inline;
  *zoom:1;
}

.slick-track > * {
  margin-left:50px;
  margin-right:50px;
}

.changePrice {
  position:absolute;
  font-family:'Open Sans';
  width:200px;
  font-size:50px;
  text-align:right;
}

.noneAT {
  left:47px;
  top:210px;
}

.noneMT {
  left:47px;
  top:280px;
}

.onAT {
  left:347px;
  top:210px;
}

.onMT {
  left:347px;
  top:280px;
}

.incPrice {
  color:#000000;
  position:absolute;
  width:140px;
  font-size:14px;
  text-align:right;
}

.incNoneAT {
  left:150px;
  top:261px;
}

.incNoneMT {
  left:150px;
  top:331px;
}

.incOnAT {
  left:450px;
  top:261px;
}

.incOnMT {
  left:450px;
  top:331px;
}

.colorRed {
  color:#e31414;
}

.colorBlue {
  color:#0066cc;
}

.colorGreen {
  color:#339900;
}

.colorBlack {
  color:#000000;
}

.colorWhite {
  color:#ffffff;
}

.campaignPeriod {
  top:18px;
  left:0;
  right:0;
  margin-right:390px;
  margin-left:auto;
  position:absolute;
  font-family:'Open Sans';
  text-align:center;
  font-size:30px;
  color:#6c230f;
}
.campaignPeriod.periodMin {
  font-size:24px;
}
.campaignPeriod:before {
  content:url('../../images/common/top/slideDateBefore.png');
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:3px;
  bottom:-9px;
}
.campaignPeriod:after {
  content:url('../../images/common/top/slideDateAfter.png');
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-left:12px;
  bottom:-9px;
}

#kindArea {
  *zoom:1;
  margin-top:-38px;
}
#kindArea:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#kindArea h2 {
  margin:0;
  padding:0;
}
#kindArea h3 {
  margin:20px 0 5px;
  padding:0;
}
#kindArea img {
  vertical-align:top;
}
#kindArea ul {
  list-style-type:none;
  margin:0;
  padding:0;
  font-size:0;
}
#kindArea li {
  font-size:12px;
  display:inline-block;
  *display:inline;
  *zoom:1;
}

#kindCar {
  width:660px;
  float:left;
  overflow:hidden;
}

#kindBike {
  width:320px;
  float:right;
  overflow:hidden;
}

/* #選ばれる6つの理由 */
#reasonWrap {
  background:url('../../images/yunohana/common/reasonBg.jpg') left top repeat;
}

h1 {
  text-align:center;
  margin:0 0 15px 0;
  padding:0;
}

#reasonArea {
  margin-top:40px;
  padding:35px 0 55px;
  position:relative;
  font-size:0;
}
#reasonArea > * {
  font-size:14px;
}
#reasonArea h2 {
  margin:0;
  padding:0;
}
#reasonArea div {
  background:#ffffff;
  width:320px;
  margin:20px 20px 0 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#reasonArea div:nth-of-type(3n) {
  margin-right:0;
}
#reasonArea p {
  line-height:1.6;
  text-align:center;
  margin:10px 30px 25px;
  padding:0;
}

/* ##お得な特典 */
#privilegeArea {
  width:1000px;
  margin:0 auto;
  font-size:0;
}
#privilegeArea > * {
  font-size:14px;
}
#privilegeArea h2 {
  margin:-35px 00 0;
  padding:0;
  line-height:1;
  text-align:center;
}
#privilegeArea div {
  vertical-align:top;
  width:320px;
  margin:20px 20px 0 0;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#privilegeArea div:nth-of-type(3n) {
  margin-right:0;
}
#privilegeArea h3 {
  margin:0;
  padding:0;
  line-height:1;
  baseline-shift:baseline;
}
#privilegeArea h3 img {
  vertical-align:top;
}
#privilegeArea p {
  margin:0;
  padding:20px 23px 18px;
  line-height:1.6;
  border:3px solid;
  border-top:none;
  vertical-align:top;
}
#privilegeArea strong {
  color:#ff5005;
  font-size:20px;
}
#privilegeArea span {
  font-weight:bold;
}

/* #説明会エリア */
#consultationWrap {
  background:#f5f0dc;
  margin-top:40px;
}

#consultationMain {
  position:relative;
  *zoom:1;
}
#consultationMain:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#consultationMain p {
  color:#46280f;
}
#consultationMain figure {
  z-index:2;
  position:absolute;
  left:-40px;
  bottom:0;
  margin:0;
  padding:0;
}
#consultationMain figure img {
  vertical-align:top;
}

/* ## 説明会見出し */
#consultationTitle {
  overflow:hidden;
  width:328px;
  float:left;
}
#consultationTitle h2 {
  z-index:2;
  margin:-69px 0 0 0;
  padding:0;
  background:#ff5005;
  width:254px;
  height:254px;
  border-radius:50%;
  position:relative;
  margin-left:38px;
}
#consultationTitle h2 img {
  position:absolute;
  margin:0 auto;
  top:95px;
  left:0;
  right:0;
}
#consultationTitle div {
  width:202px;
  height:202px;
  border-radius:50%;
  background:#ffffff;
  position:relative;
  margin:-43px 0 0 125px;
}
#consultationTitle p {
  font-size:14px;
  line-height:1.6;
  position:absolute;
  padding:0 25px 0 37px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin:55px auto auto;
  left:0;
  right:0;
}

/* ## 説明会会場情報 */
#consultationContents {
  margin-top:15px;
  z-index:2;
  width:660px;
  float:right;
}
#consultationContents div {
  padding:15px 0 19px;
  border-bottom:1px solid #cdc4a2;
}
#consultationContents div:last-child {
  border:none;
}
#consultationContents h3 {
  margin:0;
  padding:0;
  font-size:16px;
  color:#46280f;
}
#consultationContents h3 span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:4px 8px;
  color:#ffffff;
  background-color:#46280f;
  font-size:14px;
  margin-right:10px;
}
#consultationContents p {
  margin:8px 0 0;
  padding:0;
  font-size:14px;
  line-height:1.7;
}
#consultationContents p strong {
  font-size:18px;
  color:#ff5005;
}
#consultationContents p .arrLink {
  margin-left:10px;
}

/* #インフォメーションエリア */
#infoWrap {
  *zoom:1;
  padding-top:10px;
}
#infoWrap:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#infoWrap h2 {
  font-size:20px;
  position:relative;
  margin:0;
  padding:0 0 20px 35px;
  background:url('../../images/common/top/titleBg.png') left bottom no-repeat;
}
#infoWrap h2:before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:25px;
  height:25px;
}

/* ## 新着情報 */
#infoArea {
  width:485px;
  margin-top:40px;
  float:left;
}
#infoArea h2:before {
  background:url('../../images/yunohana/top/infoIcon.png') left top no-repeat;
}
#infoArea dl {
  max-height:400px;
  min-height:400px;
  overflow:auto;
  margin:10px 0 0 0;
  padding:0 20px 0 0;
}
#infoArea dt {
  margin:0;
  padding:0;
  font-size:13px;
  line-height:1;
  color:#555555;
}
#infoArea dt span {
  color:#ffffff;
  font-size:smaller;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:6px 5px 4px;
  margin-right:13px;
  background:#46280f;
}
#infoArea dt span.fl_event {
  background:#5bc51c;
}
#infoArea dt span.fl_student {
  background:#ff5005;
}
#infoArea dd {
  margin:14px 0 20px;
  padding:0 0 24px;
  border-bottom:1px dotted #c7c7c7;
}
#infoArea dd:last-child {
  border:none;
  margin-bottom:5px;
}
#infoArea dd strong {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:16px;
}

/* ## スケジュールエリア */
#scheduleArea {
  width:485px;
  margin-top:40px;
}
#scheduleArea h2:before {
  background:url('../../images/yunohana/top/scheduleIcon.png') left top no-repeat;
}
#scheduleArea iframe {
  margin:10px 0 0;
  padding:0;
  max-height:400px;
}

/* ## 重要コンテンツリンクエリア */
#infoBtnArea ul {
  list-style-type:none;
  margin:0;
  padding:30px 0 0;
  font-size:0;
}
#infoBtnArea li {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:12px;
  margin:10px 0 0;
  padding:0;
  width:238px;
}

/* ## キャンペーンバナーエリア */
#campaignArea h2:before {
  background:url('../../images/yunohana/top/campaignIcon.png') left top no-repeat;
}
#campaignArea ul {
  *zoom:1;
  list-style-type:none;
  margin:10px 0 0;
  padding:0;
}
#campaignArea ul:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#campaignArea ul li {
  width:485px;
}

#infoBtnArea a ,#campaignArea a {
  display:block;
  padding:1px;
  background:#ffffff;
  /* border:1px solid #bcbcbc; */
  font-size:12px;
}
#infoBtnArea a:hover ,#campaignArea a:hover {
  border-color:#5bc51c;
}

/* ## フェイスブック埋め込みエリア */
#facebookArea {
  width:485px;
  float:right;
  margin-top:40px;
}
#facebookArea h2:before {
  background:url('../../images/yunohana/top/fbIcon.png') left top no-repeat;
}
#facebookArea iframe {
  margin:10px 0 0;
  padding:0;
  max-height:450px;
}

/* # 高齢者講習エリア */
#infoWrap #seniorArea h2 {
  margin:0;
  padding:0;
  background:none;
  font-size:0;
}
#infoWrap #seniorArea h2:before {
  position:static;
}

#seniorArea {
  width:940px;
  margin-top:20px;
  padding:30px;
  *zoom:1;
  clear:both;
  background:#f5f0dc;
  background-image:url('../../images/common/top/seniorBg.png');
  background-position:233px 0;
  background-repeat:no-repeat;
  border-top:5px solid #e7c9a1;
}
#seniorArea:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.seniorLeft {
  width:345px;
  float:left;
}
.seniorLeft p {
  font-size:12px;
}
.seniorLeft p.basic {
  font-size:16px;
  line-height:1.6;
}

.seniorRight {
  width:590px;
  float:right;
  *zoom:1;
}
.seniorRight:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.seniorRightL {
  float:left;
}

.seniorRightR {
  float:right;
}

.seniorRightL ,.seniorRightR {
  width:290px;
}
.seniorRightL h3 ,.seniorRightR h3 {
  background:#ffe98f;
  margin:0;
  padding:6px;
  text-align:center;
}
.seniorRightL p ,.seniorRightR p {
  min-height:20px;
  padding:25px 20px;
  margin:0;
  background:#ffffff;
  font-size:18px;
}

/* 定義済み変数
$minWidth　　　　 サイト全体の最小幅
$imageCommonPath　共通画像へのパス
$imageSinglePath　テーマごとの画像パス
$baseTxtColor　　　　基本の文字色
$keyColor　　　　 テーマごとの基本色
$keyTxtColor　　　テーマごとのテキスト用基本色
*/
/*
#kindCar{
	ul{
		width:672px;
	}
	li{
			margin-right:12px;
	}
}
#kindBike{
	ul{
		width:328px;
	}
	li{
		margin-right:8px;
	}
}
*/
#kindCarColumn ,#kindBikeColumn {
  margin-top:20px;
  *zoom:1;
}
#kindCarColumn:after ,#kindBikeColumn:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
#kindCarColumn h3 ,#kindBikeColumn h3 {
  float:left;
  margin:0;
}
#kindCarColumn ul ,#kindBikeColumn ul {
  margin-top:15px;
  float:right;
  width:934px;
}
#kindCarColumn li ,#kindBikeColumn li {
  margin-right:8px;
}

#kindCarColumn {
  background:#ffebcf;
}

#kindBikeColumn {
  background:url('../../images/yunohana/top/kindBikeBg.png') right bottom no-repeat #d3f6ff;
}

#reasonArea {
  margin-top:20px;
}

/* #お得な特典 */
#privilegeArea p {
  border-color:#5bc51c;
}

/* #インフォメーションエリア */
#scheduleArea {
  float:right;
}

#infoArea {
  margin-bottom:40px;
}

#infoBtnArea {
  width:100%;
  display:block;
  clear:both;
}
#infoBtnArea li {
  margin-right:16px;
}
#infoBtnArea li:nth-of-type(4n) {
  margin-right:0;
}

#campaignArea {
  width:100%;
  margin-top:40px;
}
#campaignArea li {
  margin:10px 30px 0 0;
  padding:0;
  float:left;
}
#campaignArea li:nth-of-type(2n) {
  margin-right:0;
}