@charset "UTF-8";
/*! 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. */
@import url(../icomoon/style.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
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: 0.67em 0; }

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

/** 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: -0.5em; }

sub { bottom: -0.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 { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; 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"] { -webkit-box-sizing: border-box; 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 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 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: 0.35em 0.625em 0.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; }

/**************************************************
	base
***************************************************/
img { max-width: 100%; height: auto; }

/* -----------------------------------------------
  Media Query JS制御用
-------------------------------------------------- */
#mq_status { display: none; position: fixed; z-index: 1000; background: #333; color: #fff; padding: 5px; }

#mq_status span { display: none; }

#mq_status #mq_pc { display: block; }

#mq_status #mq_pc:before { content: "pc"; }

#mq_status #mq_mn:before { content: "menu"; }

#mq_status #mq_tb:before { content: "tablet"; }

#mq_status #mq_mb:before { content: "mobile"; }

@media screen and (max-width: 1052px) { #mq_status #mq_pc { display: none; }
  #mq_status #mq_mn { display: block; } }

@media screen and (max-width: 788px) { #mq_status #mq_mn { display: none; }
  #mq_status #mq_tb { display: block; } }

@media screen and (max-width: 500px) { #mq_status #mq_tb { display: none; }
  #mq_status #mq_mb { display: block; } }

/* -----------------------------------------------
	1. Body
-------------------------------------------------- */
html { height: 100%; }

body { height: 100%; color: #404040; background: #fff; text-align: left; line-height: 1.48; margin: 0; }

body, input, textarea { font-size: 16px; *font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; margin: 0px auto; padding: 0px; color: #404040; background-image: url("../../images/common/bg-01.png"); background-color: #F5F4ED; }

a { text-decoration: none; color: #69821B; text-decoration: underline; }

a:hover { color: #9acd32; }

a img { border: none; }

.clear { clear: both; }

.headerimg { margin-bottom: 100px; }

@media screen and (max-width: 500px) { .headerimg { margin-bottom: 50px; } }

.plan_price .headerimg { margin-bottom: 50px; }

@media screen and (max-width: 500px) { .plan_price .headerimg { margin-bottom: 25px; } }

.plan_price .bnr-container { margin-bottom: 40px; }

.plan_price .bnr-container .box { border: dotted 1px #999; padding: 0 1em 1em; }

.plan_price .bnr-container strong { color: orangered; }

.attention { color: #c00; }

p.small { font-size: 0.9em; }

/* -----------------------------------------------
  2. Elements
-------------------------------------------------- */
.disp-sp { display: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; letter-spacing: 1px; }

img, video { border: 0; vertical-align: bottom; }

ul { list-style: none; margin: 0; padding: 0; }

ol { margin: 0 0 0 1em; padding: 0; }

li { margin: 0; padding: 0; }

dl, dt, dd { margin: 0; padding: 0; }

.entry-content h2 { font-size: 137.5%; font-weight: bold; margin: 2em 0 1em; }

.entry-content h3 { font-size: 112.5%; font-weight: bold; margin: 2em 0 1em; }

.entry-content h4 { font-size: 100%; font-weight: bold; margin: 1em 0; }

.entry-content hr { margin: 40px 0; }

@media screen and (max-width: 788px) { input[type="text"], input[type="tel"], select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; } }

@media screen and (max-width: 500px) { input[type="submit"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; } }

/* -----------------------------------------------
  3. Common Class
-------------------------------------------------- */
/* ---------- text ---------- */
/* ---------- clear ---------- */
/* For modern browsers */
.cf:before, ul:before, .cf:after, ul:after { content: ""; display: table; }

.cf:after, ul:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf, ul { zoom: 1; }

.clearfix, .cf, .wrap, ul { zoom: 1; }

.clearfix:after, .cf:after, .wrap:after, ul:after { content: ""; display: block; clear: both; }

.clear { clear: both; }

/* ---------- text ---------- */
.center { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

.nowrap { white-space: nowrap !important; }

.txt-small { font-size: 87.5%; }

strong { font-weight: normal; color: #69821B; }

/* ---------- block ---------- */
.disp-none { display: none; }

.disp-ib { display: inline-block; }

.float-l { float: left; }

.float-r { float: right; }

/* ---------- margin ---------- */
/* ---------- bxslider ---------- */
.js-bxslider { list-style: none; }

.bx-wrapper { margin: 0px auto; padding: 0px; }

.bx-wrapper .bx-viewport { overflow: visible !important; max-height: 485px; border: none; -webkit-box-shadow: none; box-shadow: none; left: 0; }

.bx-wrapper .bx-viewport ul { padding: 0; margin: 0; }

/**************************************************
	components
***************************************************/
/* -----------------------------------------------
	1. Modules
-------------------------------------------------- */
/* ---------- 装飾 ---------- */
.note { padding: 10px; background: #fff; border: dotted 1px #aaa; font-size: 87.5%; }

.note strong { color: #c00; }

/* ---------- 見出し ---------- */
/* ---------- シンプル装飾 ---------- */
ul.plain, ol.plain, dl.plain { margin: 1em 0em 1em 1.3em; }

.plain ul, .plain ol { margin: 0 0 0 2em; }

ul.plain { list-style-type: disc; }

ul.plain li { margin-bottom: 0.5em; }

ul.small li { font-size: 0.9em; }

ul.plain ul { list-style-type: circle; }

ul.plain ul ul { list-style-type: square; }

ol.plain, ol.plain ol { list-style-type: decimal; }

dl.plain { margin-left: 0; }

dl.plain dt { font-weight: bold; }

table.plain th { padding: 5px 1em 5px 5px; }

table.plain td { padding: 5px; }

ul.simple li { margin-bottom: 0.7em; }

ul.indention { margin-top: 1em; margin-left: 1em; }

ul.indention li { margin-right: 1em; text-indent: -1em; margin-bottom: 0.7em; }

/* ---------- グリッドカラム ---------- */
.columns { zoom: 1; margin-left: -10px; margin-right: -10px; }

.columns:after { content: ''; display: block; clear: both; overflow: auto; }

.columns > .column, .columns > .column-1, .columns > .column-2, .columns > .column-3, .columns > .column-4, .columns > .column-5, .columns > .column-6, .columns > .column-7, .columns > .column-8, .columns > .column-9, .columns > .column-10, .columns > .column-11, .columns > .column-12 { padding: 0 10px; }

.columns--no-gutter { zoom: 1; margin-left: 0px; margin-right: 0px; }

.columns--no-gutter:after { content: ''; display: block; clear: both; overflow: auto; }

.columns--no-gutter > .column, .columns--no-gutter > .column-1, .columns--no-gutter > .column-2, .columns--no-gutter > .column-3, .columns--no-gutter > .column-4, .columns--no-gutter > .column-5, .columns--no-gutter > .column-6, .columns--no-gutter > .column-7, .columns--no-gutter > .column-8, .columns--no-gutter > .column-9, .columns--no-gutter > .column-10, .columns--no-gutter > .column-11, .columns--no-gutter > .column-12 { padding: 0 0px; }

.column, .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; }

.column-1 { width: 8.33%; }

.column-2 { width: 16.66%; }

.column-3 { width: 25%; }

.column-4 { width: 33.33%; }

.column-5 { width: 41.66%; }

.column-6 { width: 50%; }

.column-7 { width: 58.33%; }

.column-8 { width: 66.66%; }

.column-9 { width: 75%; }

.column-10 { width: 83.33%; }

.column-11 { width: 91.66%; }

.column-12 { width: 100%; }

/* ---------- columns-table ---------- */
.columns-table { display: table; }

.columns-table > .column, .columns-table > .column-1, .columns-table > .column-2, .columns-table > .column-3, .columns-table > .column-4, .columns-table > .column-5, .columns-table > .column-6, .columns-table > .column-7, .columns-table > .column-8, .columns-table > .column-9, .columns-table > .column-10, .columns-table > .column-11, .columns-table > .column-12 { display: table-cell; vertical-align: top; padding: 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; float: none; }

/* ---------- パンくずナビ ---------- */
/* ---------- リスト ---------- */
ul.line { zoom: 1; list-style: none; }

ul.line:after { content: ''; display: block; clear: both; overflow: auto; }

ul.line li { float: left; }

/* ---------- テーブル ---------- */
/* ---------- マージン ---------- */
.m0 { margin: 0; }

.mtb-x1 { margin-top: 10px; margin-bottom: 10px; }

.mt-x1 { margin-top: 10px; }

.mt-x2 { margin-top: 20px; }

.mt-x3 { margin-top: 30px; }

.mt-x4 { margin-top: 40px; }

.mb-x1 { margin-bottom: 10px; }

.mb-x2 { margin-bottom: 20px; }

.mb-x3 { margin-bottom: 30px; }

.mb-x4 { margin-bottom: 40px; }

.mtb-1em { margin-top: 10px; margin-bottom: 10px; }

.mt-1em { margin-top: 1em; }

.mt-2em { margin-top: 2em; }

.mt-3em { margin-top: 3em; }

.mt-4em { margin-top: 4em; }

.mb-1em { margin-bottom: 1em; }

.mb-2em { margin-bottom: 2em; }

.mb-3em { margin-bottom: 3em; }

.mb-4em { margin-bottom: 4em; }

/**************************************************
	structure
***************************************************/
/* -----------------------------------------------
	コンテナ
-------------------------------------------------- */
#container { margin: 30px auto 0px; padding: 0 10px; max-width: 1020px; text-align: left; }

.bnr-container { margin-bottom: 10px; }

/*contents*/
.contents, #contents { clear: both; height: auto; max-width: 1020px; }

.contents > .inner, #contents > .inner { max-width: 800px; margin: 0 auto; }

/*rightColumn*/
.side, #rightColumn { height: auto; }

@media screen and (max-width: 500px) { .contents, #contents { width: 100%; }
  .side, #rightColumn { width: 100%; } }

.mapContainer { height: 0; width: 100%; position: relative; padding-top: 100%; }

.mapContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

/*各ページタイトル　h1*/
#container h1.pagetitle { clear: both; margin: 130px 0px 60px 0px; }

@media screen and (max-width: 788px) { #container h1.pagetitle { margin: 0px 0px 30px 0px; } }

/* -----------------------------------------------
	ヘッダー
-------------------------------------------------- */
#header { width: 100%; min-height: 68px; }

#header .outer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 30px 10px 10px; }

#header .inner { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0px auto; max-width: 1020px; text-align: left; }

#header.fixed { padding: 0; }

#header.fixed .outer { position: fixed; top: 0; z-index: 10; background-image: url("../../images/common/bg-01.png"); }

@media screen and (max-width: 1020px) { #header .outer { padding: 10px; }
  #header .inner { text-align: center; padding-right: 70px; } }

#header #header_button { position: absolute; right: 10px; top: 44px; margin: 0px; padding: 0px; list-style-type: none; }

@media screen and (max-width: 1020px) { #header #header_button { position: static; margin-top: 20px; margin-bottom: 10px; margin-right: -70px; } }

@media screen and (max-width: 788px) and (orientation: landscape) { #header #header_button { display: none; } }

@media screen and (max-width: 500px) { #header #header_button { display: none; } }

#header .top-info { position: absolute; right: 10px; top: 10px; margin: 0; }

@media screen and (max-width: 1020px) { #header .top-info { position: static; margin-top: 20px; margin-bottom: 10px; margin-right: -70px; } }

#header #header_button li { float: left; margin: 0px 0px 0px 10px; padding: 0px; }

@media screen and (max-width: 1020px) { #header #header_button li { display: inline; float: none; } }

#header #header_button li a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

/*グローバルナビゲーション*/
#area_gNavi { /*height: 31px;*/ max-width: 1020px; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; }

@media screen and (max-width: 1052px) { #area_gNavi { display: none; } }

#gNavi { /*height: 31px;*/ max-width: 1020px; list-style-type: none; padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#gNavi li { line-height: 1; float: left; margin: 0px 0 0px; padding: 7px 34px; border-right-width: 1px; border-right-style: solid; border-right-color: #999; }

#gNavi li:first-child { border-left-width: 1px; border-left-style: solid; border-left-color: #999; }

#gNavi li a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

/* -----------------------------------------------
  フッター
-------------------------------------------------- */
/*pagetoparea*/
#pagetoparea { clear: both; text-align: right; margin: 0px; padding: 120px 10px 40px 0px; }

@media screen and (max-width: 1000px) { #pagetoparea { padding-top: 20px; } }

#pagetoparea a img { margin: 0px; padding: 0px; }

#pagetoparea a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }

/*フッター*/
#bg_footer { background-image: url(../../images/common/bg-footer.png); background-repeat: repeat; margin: 0px; padding: 0px 0px 40px 0px; }

@media screen and (max-width: 1052px) { #bg_footer { padding: 0 20px 10px; } }

@media screen and (max-width: 500px) { #bg_footer { padding: 0 10px 10px; } }

#area_footer { max-width: 1020px; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left; position: relative; }

/*サイトナビゲーション*/
/*フッター＞サイトナビゲーション＞4ブロック分*/
.area_siteNavi4 { max-width: 940px; margin-top: 20px; margin-right: 0px; margin-left: 0px; float: left; text-align: left; }

/*フッター＞ロゴエリア*/
.area_logo { max-width: 380px; margin: 0px; padding: 0 10px; float: left; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 900px) { .area_logo { max-width: none; width: 100%; } }

/*フッター＞ロゴリスト*/
.area_logoList { padding: 0px; margin-top: 16px; margin-bottom: 20px; }

.area_logoList li { margin-left: 0px; color: #FFF; list-style-type: none; line-height: 180%; font-size: 9pt; display: block; }

.area_logoList li img { margin-bottom: 10px; }

/*フッター＞サイトナビゲーション＞3ブロックの1ブロック分*/
.area_siteNavi { max-width: 180px; margin: 0px; padding: 0px; float: left; text-align: left; }

/*フッター＞サイトナビゲーション＞メニュー*/
.siteNaviList { padding: 0px; margin-top: 6px; margin-bottom: 20px; }

.siteNaviList li { margin-left: 20px; color: #FFF; list-style-type: none; line-height: 240%; font-size: 10pt; display: block; }

.siteNaviList li a { text-decoration: none; color: #FFF; background-image: url(../../images/common/ico_arrow_01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

.siteNaviList li a:hover { color: #FF0; }

/*フッター＞サイトナビゲーション＞枠外メニュー*/
#siteNavi { font-size: 12px; text-align: right; height: 20px; position: absolute; bottom: 2em; right: 0; overflow: hidden; }

#siteNavi li { display: inline-block; line-height: 1; margin-left: 6px; height: 20px; overflow: hidden; }

#siteNavi li iframe { vertical-align: bottom; }

/*フッター＞コピーライトエリア*/
#area_copyrightsList { clear: both; margin: 0px; padding: 0px; }

#copyrights { padding-top: 10px; margin-left: 0px; margin-top: 10px; text-align: right; font-size: 11px; color: #fff; }

/**************************************************
	スマホレイアウト調整
***************************************************/
.spNav-menus { display: none; }

@media screen and (min-width: 1053px) { .spNav-menus { display: none !important; } }

.spNav-menuBtn { position: absolute; width: 1em; height: 1em; line-height: 1; top: 5px; right: 10px; font-size: 32px; margin: 0; display: none; cursor: pointer; }

@media screen and (min-width: 1053px) { .spNav-menuBtn { display: none !important; } }

@media screen and (max-width: 1052px) { .spNav-menuBtn { display: block; } }

@media screen and (max-width: 1052px) { .home .spNav-menuBtn { display: none; } }

.spNav-menuCloseBtn { z-index: 2; top: 20px; right: 20px; font-size: 28px; }

.disp-sp { display: none; }

@media screen and (max-width: 1052px) { .disp-pc { display: none !important; }
  .disp-sp { display: block; }
  .headerNav, .globalNav, .footer-sitemap { display: none; } }

@media screen and (max-width: 1052px) and (max-width: 500px) { .globalNav { display: none; } }

@media screen and (max-width: 1052px) { /* ----------------------------------------------- スマホ用メニュー -------------------------------------------------- */
  .swiper-container { width: 100%; height: auto; }
  .home .swiper-container { background: transparent; height: auto !important; }
  .swiper-slide { height: auto; }
  .fixed .spNav-menuBtn { display: block; }
  .spNav-menuCloseBtn { display: none; }
  .spNav-menus { right: 0; top: 0; position: fixed; z-index: 200; width: 100%; height: 100%; background-image: url("../../images/common/bg-01.png"); background-color: #F5F4ED; }
  .spNav-menus .navBtns { right: 0; width: 100%; height: 72px; z-index: 201; }
  .spNav-menus .navBtns ul { position: absolute; max-width: 1060px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 0 auto; top: 20px; right: 0; left: 0; }
  .spNav-menus .header { padding: 10px 80px 10px 10px; }
  .spNav-menus .swiper-container { width: 100%; height: auto; }
  .spNav-menus .swiper-scrollbar { z-index: 202; }
  .spNav-menus .swiper-slide { height: auto; }
  .spNav-menus .icon-bars, .spNav-menus .icon-remove { font-size: 36px; }
  .spNav-menus ul { border-top: dotted 1px #aaa; }
  .spNav-menus li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; float: left; border: dotted 1px #aaa; border-top: none; border-left: none; width: 50%; text-align: center; }
  .spNav-menus li.main { font-size: 100%; }
  .spNav-menus li.main a { padding: 20px 5px; }
  .spNav-menus li.main-select { position: relative; }
  .spNav-menus li.main-select > a:after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; position: absolute; display: block; width: 1em; height: 1em; top: 23px; right: 0.5em; vertical-align: middle; content: "\f107"; font-size: 175%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
  .spNav-menus li.open > a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .spNav-menus li.icon { width: 33.3%; background: #fff; border-color: #F5F4ED; }
  .spNav-menus li.icon a { color: #F5F4ED; font-size: 36px; padding: 0px; }
  .spNav-menus li.sub { width: 33.33%; }
  .spNav-menus li.half { width: 50%; }
  .spNav-menus li.full { width: 100%; }
  .spNav-menus li.full ul { display: none; }
  .spNav-menus li.full li a { color: #4B4B4B; background: #ccc; }
  .spNav-menus li a { display: block; padding: 12px 5px; text-decoration: none; color: #000; -webkit-transition: background 0.7s ease-out; -o-transition: background 0.7s ease-out; transition: background 0.7s ease-out; }
  .spNav-menus li a .genericon { vertical-align: middle; margin-right: 3px; }
  .spNav-menus li a:hover { background: rgba(255, 255, 255, 0.8); opacity: 1; } }

@media screen and (max-width: 1052px) and (max-width: 480px) { .spNav-menus li { font-size: 87.5%; } }

@media screen and (max-width: 1052px) and (max-width: 500px) { .spNav .navBtn { right: 5px; top: 5px; } }

/* 汎用スタイル */
/* アイコン */
.ficon:before { display: inline-block; font-family: "FontAwesome"; vertical-align: middle; /*color: #998675;*/ margin-right: 0.2em; }

.date:before { content: "\f017"; }

.categories-links:before { content: '\f115'; margin-left: 1em; }

.tags-links:before { content: '\f040'; margin-left: 1em; }

.edit-link:before { content: '\f013'; margin-left: 1em; }

/* 基本レイアウト */
.column2 #contents { max-width: 660px; margin: -30px 0 0 0; padding: 0px; float: left; }

.column2b #contents { max-width: 705px; margin: -30px 0 0 0; padding: 0px; float: left; }

.column2c #contents { max-width: 800px; margin: -30px 0 0 0; padding: 0px; float: left; }

/* サイドメニュー */
.column2 .side { float: right; max-width: 320px; margin: 0px; padding: 194px 0px 0px 0px; }

.column2b .side { float: right; max-width: 240px; margin: 0px; padding: 194px 0px 0px 0px; }

.column2c .side { float: right; max-width: 180px; margin: 0px; padding: 194px 0px 0px 0px; }

.side > ul { list-style: none; margin: 0; padding: 0; }

.side > ul > li { padding: 20px; border: solid #ccc 1px; margin-bottom: 20px; }

.side > ul > li ul { margin: 10px; padding: 0 0 0 10px; }

.column2c .side > ul > li { padding: 10px; margin-bottom: 10px; }

#contents p.pagetitle { clear: both; margin: 130px 0 60px; }

.side h2 { margin-top: 0; font-size: 18px; }

/* カレンダー */
#wp-calendar { width: 100%; }

#wp-calendar td { text-align: center; }

#wp-calendar td#prev { text-align: left; }

#wp-calendar td#next { text-align: right; }

/* 検索 */
#searchform #s { width: 80px; }

/* フォーム関連 */
.mw_wp_form { padding-top: 140px; margin-top: -140px; }

.form-msg { padding-left: 0.2em; }

.form-msg-err { color: #cc3333; }

input[type=text]:focus, textarea:focus { outline: none; background: #ffffdd; }

.flow { text-align: center; }

.btns { text-align: center; }

.require { color: #fff; background: #cc3333; display: inline-block; float: right; border-radius: 3px; padding: 3px; line-height: 1; }

.form-table { border-top: 1px dotted #AAA; max-width: 800px; margin: 20px auto 20px; }

.form-table th, .form-table td { padding: 8px 16px; font-weight: normal; border-bottom: 1px dotted #AAA; font-size: 0.8em; line-height: 1.8em; }

.form-table td th, .form-table td td { font-size: 1em; }

.form-table th { font-weight: bold; vertical-align: top; text-align: left; background-image: url(../../images/common/bg-02.png); background-repeat: repeat-y; white-space: nowrap; }

.form-table p { margin-top: 0; }

.form-table table { width: auto; }

@media screen and (max-width: 500px) { .form-table td, .form-table th { display: block; padding: 8px; }
  .form-table td { padding: 8px 0; }
  .form-table td th { display: table-cell; }
  .form-table td td { display: table-cell; padding: 8px; } }

/*ボタン*/
.btns input[type="submit"] { -moz-box-shadow: inset 0px 1px 0px 0px #a4e271; -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271; box-shadow: inset 0px 1px 0px 0px #a4e271; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%); background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%); background: -o-linear-gradient(top, #89c403 5%, #77a809 100%); background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #89c403), to(#77a809)); background: linear-gradient(to bottom, #89c403 5%, #77a809 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0); background-color: #89c403; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #74b807; display: inline-block; cursor: pointer; color: #ffffff; font-size: 21px; font-weight: normal; padding: 12px 48px; margin: 0 10px; text-decoration: none; text-shadow: 0px 1px 0px #528009; opacity: 0.85; }

@media screen and (max-width: 500px) { .btns input[type="submit"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; margin: 0  0 10px; } }

.btns input[type="submit"]:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403)); background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%); background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%); background: -o-linear-gradient(top, #77a809 5%, #89c403 100%); background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #77a809), to(#89c403)); background: linear-gradient(to bottom, #77a809 5%, #89c403 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0); background-color: #77a809; }

.btns input[type="submit"]:active { position: relative; top: 1px; }

.btns input[name="submitBack"] { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f9f9f9), to(#e9e9e9)); background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0); background-color: #f9f9f9; border: 1px solid #dcdcdc; color: #666666; text-shadow: 0px 1px 0px #ffffff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.btns input[name="submitBack"]:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #e9e9e9), to(#f9f9f9)); background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color: #e9e9e9; }

.btns input[name="submitBack"]:active { position: relative; top: 1px; }

/* 宿泊予約 */
#table-contact td { font-size: 1.2em; }

/* ブログ */
#blog article { margin-bottom: 60px; }

#blog article .entry-header { margin-bottom: 20px; }

article .entry-title { font-size: 175%; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 5px; padding-bottom: 5px; }

@media screen and (max-width: 500px) { article .entry-title { font-size: 150%; } }

article .entry-title a { color: #404040; text-decoration: none; }

article .entry-title a:hover { text-decoration: underline; }

.navigation { margin: 20px 0; }

.navigation .nav-previous { float: left; width: 50%; }

.navigation .nav-next { float: right; text-align: right; width: 50%; }

#contents .size-full { max-width: 100%; height: auto; }

ul.page_navi { list-style: none; margin: 20px 0; }

ul.page_navi li { display: inline-block; padding: 0; margin: 0 2px; }

ul.page_navi li a { display: inline-block; padding: 5px 10px; border: solid #ccc 1px; background: rgba(255, 255, 255, 0.3); }

ul.page_navi li a:hover { background: rgba(255, 255, 255, 0.6); }

ul.page_navi li.current { padding: 5px 10px; border: solid #667E1A 1px; background: rgba(255, 255, 255, 0.3); }

/**************************************************
	unique
***************************************************/
/* 共通 */
.sectionTitle { margin-bottom: 40px; overflow: hidden; }

.home .sectionTitle { margin-bottom: 26px; }

.plan .sectionTitle { margin-bottom: 60px; }

.sectionTitle img { max-width: none; }

@media screen and (max-width: 400px) { .sectionTitle img.long { max-width: 900px; } }

/* 図・イメージ */
.figure { margin-bottom: 140px; }

@media screen and (max-width: 788px) { .figure { margin-bottom: 60px; } }

/* アイコン */
.map_icon, .website_icon { display: inline-block; font-size: 0.6em; color: #FFF; font-weight: bold; vertical-align: 14%; margin: 0px 4px 0px 0px; padding: 2px 5px 1px 5px; background-color: #3cd371; }

@media screen and (max-width: 1052px) { .map_icon, .website_icon { display: none; } }

.website_icon { display: inline-block; background-color: #DB7093; }

/* 地図切替 */
.selectmap { margin: 0.5em 0; padding: 0.5em; border-radius: 5px; background: #69821B; }

.selectmap .title { color: #fff; display: inline-block; margin: 5px 5px 5px 0; }

/*　フォトギャラリー　*/
.photo_gallery li { float: left; padding: 0 3px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; }

.photo_gallery li a { text-decoration: none; }

.photo_gallery li a:after { content: attr(title); display: block; color: #404040; font-size: 75%; text-align: center; padding: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

@media screen and (max-width: 788px) { .photo_gallery li { width: 33.33%; } }

@media screen and (max-width: 500px) { .photo_gallery li { width: 50%; } }

/* table */
.tbl-standard { border-top: 1px dotted #AAA; max-width: 780px; margin: 0 0 160px; }

.tbl-standard th, .tbl-standard td { padding: 16px; font-weight: normal; border-bottom: 1px dotted #AAA; font-size: 0.8em; line-height: 1.8em; }

.tbl-standard th { font-weight: bold; width: 20%; max-width: 150px; padding-top: 16px; vertical-align: top; text-align: left; background-image: url(../../images/common/bg-02.png); background-repeat: repeat-y; }

.tbl-standard td textarea { max-width: 400px; height: 200px; }

@media screen and (max-width: 788px) { .tbl-standard { margin-bottom: 60px; } }

/* photo swipe modal */
.pswp .pswp__caption__center { text-align: center; padding: 0; }

/* -----------------------------------------------
  トップページ
-------------------------------------------------- */
.home { /*top フルスクリーン*/ /*top メインピクチャー*/ /*top ３つのメニューボタン*/ }

.home #fulimg { height: 780px; background: url("../../images/top/top_full.jpg") no-repeat center center; background-size: cover; padding-top: 80px; }

.home #fulimg .logo { margin: 10px 0 80px; }

.home #fulimg .slogan { margin: 0; font-size: 87.5%; }

.home #fulimg .slogan span { display: block; }

.home #fulimg .slogan .text { color: #fff; line-height: 2; text-align: left; display: none; }

.home #fulimg .slogan .text br { display: none; }

@media screen and (max-width: 1000px) { .home #fulimg { height: auto; padding: 150px 15px; } }

@media screen and (max-width: 500px) { .home #fulimg { padding: 90px 20px; }
  .home #fulimg .logo { margin-bottom: 60px; }
  .home #fulimg .slogan .image { display: none; }
  .home #fulimg .slogan .text { display: block; } }

.home #main_pic { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px 0px 54px 0px; text-align: center; border: solid 20px #F4FF56; background: #fff; font-size: 87.5%; line-height: 1.5; }

.home #main_pic .image { display: table; margin: 0 auto; padding: 10px; }

.home #main_pic .image img { vertical-align: middle; }

.home #main_pic .image .pic1 { width: 42.7%; }

.home #main_pic .image .pic2 { width: 57.3%; }

.home #main_pic .image2 { display: none; padding: 10px; }

.home #main_pic .text { display: none; text-align: left; padding: 10px 20px; margin: 0; }

.home #main_pic .text img { max-width: 100%; }

@media screen and (max-width: 788px) { .home #main_pic .image .pic1 { width: 100%; max-width: 410px; margin-top: 40px; }
  .home #main_pic .image .pic2 { width: 100%; } }

@media screen and (max-width: 500px) { .home #main_pic .image .pic1 { margin: 20px 0 0; }
  .home #main_pic .image .pic2 { display: none; }
  .home #main_pic .image2 { display: block; }
  .home #main_pic .text { display: block; } }

.home .top_menu { max-width: 1020px; margin: 0 auto; margin-bottom: 54px; }

.home .top_menu ul { margin: 0px -6px; padding: 0px; list-style-type: none; display: block; overflow: hidden; }

.home .top_menu li { margin: 0px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; padding: 0 6px; }

.home .top_menu li img { width: 100%; }

@media screen and (max-width: 768px) { .home .top_menu li { width: 50%; padding-bottom: 12px; } }

@media screen and (max-width: 480px) { .home .top_menu li { width: 100%; } }

.home #top_menu li a img { border: 1px solid #E6E6E6; padding: 0px; }

.home #top_menu li a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }

.home .clear_area { content: "."; padding: 0px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 60px; margin-left: 0px; visibility: hidden; max-width: 630px; }

/* -----------------------------------------------
  施設情報
-------------------------------------------------- */
/* -----------------------------------------------
  宿泊プラン・料金
-------------------------------------------------- */
.plans2 h3 { clear: both; margin: 0px 0px 20px 0px; padding: 20px 8em 18px 12px; border-left: 10px solid #84cbc7; font-weight: normal; font-size: 1.4em; line-height: 1.4; position: relative; background-color: #e9ffff; }

.plan_price .plans { margin: 15px 0; }

.plan_price .plans .plans-inner { max-height: 0; overflow: hidden; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

.plan_price .plans .plans-inner.open { max-height: 200em; }

.plan_price .plans h3 { clear: both; margin: 0px 0px 20px 0px; padding: 20px 8em 18px 12px; border-left: 10px solid #84cbc7; font-weight: normal; font-size: 1.4em; line-height: 1.4; position: relative; cursor: pointer; background-color: #e9ffff; }

@media screen and (max-width: 500px) { .plan_price .plans h3 { font-size: 1.1em; } }

.plan_price .plans h3:after { content: "詳細を見る▼"; font-size: 14px; line-height: 1; color: #69821B; display: block; width: 8em; height: 1em; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; -webkit-transition: -webkit-transform 0.5s ease-out; transition: -webkit-transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

.plan_price .plans h3.open:after { content: "詳細を閉じる▲"; }

/* -----------------------------------------------
.plan_price .plans h3.open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
-------------------------------------------------- */

.plan_price .plans h3 .sub { margin-left: 1em; font-size: 0.6em; }

.plan_price .plans.kidsprice h3, .plan_price .plans.morning h3, .plan_price .plans.dinner h3 { border-left-color: #fbc74d; background-color: #ffffe0; }

.plan_price .plans .image { margin-bottom: -14px; }

.plan_price .plans .headerimg { margin-bottom: 50px; }

.plan_price .plan { margin: 60px 0; }

.plan_price .plan .plan-title { font-weight: bold; margin-bottom: 0.5em; }

.plan_price .plan .plan-btn { margin: 3px 0 20px; }

.plan_price .plan .yoyakuBtn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; border-radius: 3px; background: #69821B; color: #fff; padding: 8px 10px; text-decoration: none; text-align: center; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; font-size: 112.5%; }

.plan_price .plan .yoyakuBtn:hover { color: #fff; opacity: 0.8; }

.plan_price .tbl-plan { width: 100%; }

.plan_price .tbl-plan th, .plan_price .tbl-plan td { padding: 12px; font-weight: normal; border-bottom: 1px dotted #AAA; border-right: 1px dotted #AAA; font-size: 0.8em; line-height: 1.8em; background: #fff; }

.plan_price .tbl-plan th { background: rgba(200, 200, 200, 0.3); }

.plan_price .tbl-plan .price { color: #c00; }

/* -----------------------------------------------
  周辺情報
-------------------------------------------------- */
.guide small { padding-top: 10px; display: block; }

.guide .side h2 { margin: 40px 0px 15px 0px; padding: 0px 0px 0px 0px; }

.guide .side h2.first { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }

.guide .side p { font-size: 0.9em; color: #000; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 20px; /*border-bottom: 1px #BBB dotted;*/ }

.guide .side p a { text-decoration: none; }

@media screen and (max-width: 788px) { .guide .side p { padding-left: 10px; } }

@media screen and (max-width: 500px) { .guide .side p { padding-left: 5px; } }

/* -----------------------------------------------
  お料理
-------------------------------------------------- */
.food h3 { margin: 0px 0px 20px 0px; padding: 2px 1.2em 1px 8px; border-left: 10px solid #fbc74d; font-weight: normal; font-size: 1.4em; line-height: 1.4; position: relative; }

.food h3 .sub { margin-left: 1em; font-size: 0.6em; }

.food .photo_gallery li { width: 10%; }

.food .photo_gallery li img { width: 100%; }

@media screen and (max-width: 788px) { .food .photo_gallery li { width: 12.5%; } }

@media screen and (max-width: 500px) { .food .photo_gallery li { width: 20%; } }

/* -----------------------------------------------
  交通アクセス
-------------------------------------------------- */
.access h2 { font-weight: bold; font-size: 1.2em; }

.access ul.shoyou { margin: 1em 0; }

.access ul.shoyou li { display: inline-block; padding: 5px 1em; margin: 0.2em 0; border-radius: 5px; border: solid 1px #999; background: rgba(255, 255, 255, 0.7); font-size: 0.9em; }

.access .contents table { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 0.8em; width: 100%; border-top: 1px dotted #CCC; }

.access .contents table tr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 4.6em; }

.access .contents table td.kouro { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 25%; border-bottom: 1px dotted #CCC; }

.access .contents table td.ferry { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 35%; border-bottom: 1px dotted #CCC; }

.access .contents table td.honsuu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 40%; border-bottom: 1px dotted #CCC; }

.access .contents table a { text-decoration: none; }

.access .contents .mapContainer { margin-bottom: 20px; }

.access .side h2 { margin: 40px 0px 15px 0px; }

.access .side h2.first { margin: 0px 0px 15px 0px; }

.access .side .spot { font-size: 0.9em; color: #000; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 20px; }

.access .side .spot a { text-decoration: none; }

.access .side th { vertical-align: top; }

.access .side .kouro h3 { font-weight: bold; font-size: 112.5%; padding: 2px 1.2em 1px 8px; border-left: 10px solid #84cbc7; }

.access .side .kouro .ferry { font-size: 87.5%; margin-left: 10px; margin-bottom: 5px; }

.access .side .kouro .honsuu { font-size: 87.5%; display: block; padding: 5px 1em; margin: 0.2em 0 2em 10px; border: dashed 1px #666; }

/* -----------------------------------------------
  オーナーブログ
-------------------------------------------------- */
/* -----------------------------------------------
  お問い合わせ
-------------------------------------------------- */
/* -----------------------------------------------
  宿泊予約
-------------------------------------------------- */
.booking h4.subh4 { clear: both; margin: 0px 0px 20px 0px; padding: 2px 0px 1px 8px; border-left: 10px solid #fbc74d; font-weight: normal; font-size: 1.3em; }

.booking table.contactTable { border-top: 1px dotted #AAA; border-left: 1px dotted #AAA; width: 100%; margin: 0 0 10px; }

.booking .contactTable th, .booking .contactTable td { padding: 12px 24px; font-weight: normal; border-bottom: 1px dotted #AAA; border-right: 1px dotted #AAA; font-size: 0.8em; line-height: 1.8em; }

.booking .contactTable th { font-weight: bold; width: 150px; padding-top: 16px; vertical-align: top; text-align: left; background-image: url(../../images/common/bg-02.png); background-repeat: repeat-y; }

.booking p.studio_atention { padding: 0px; font-size: 0.9em; text-align: justify; color: #69821b; }

.booking .ol-standard { padding: 10px; margin-bottom: 1em; }

.booking .ol-standard li { margin-bottom: 0.5em; }

.booking #table-contact { margin: 1em 0; }

.booking .table-standard th, .booking .table-standard td { padding-bottom: 5px; }

@media screen and (max-width: 788px) { .booking #table-contact th, .booking #table-contact td { display: block; }
  .booking #table-contact th { margin-top: 1em; }
  .booking #table-contact td { margin-top: 0.2em; margin-bottom: 1em; border: dotted 1px #999; padding: 5px; } }

.booking input[name="ご宿泊日"] { width: 11em !important; }

.booking select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.booking select[name="宿泊日数"], .booking select[name="到着予定時刻：時"], .booking select[name="到着予定時刻：分"] { width: auto; }

/* -----------------------------------------------
  空室状況
-------------------------------------------------- */
/* -----------------------------------------------
  音楽スタジオ
-------------------------------------------------- */
/* -----------------------------------------------
  音楽合宿案内
-------------------------------------------------- */
.training_camp .tbl-standard { width: 900px; max-width: 100%; }

.training_camp .tbl-standard th { max-width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 930px) { .training_camp .tbl-standard { width: 100%; } }

@media screen and (max-width: 788px) { .training_camp .tbl-standard th { display: block; max-width: none; width: 100%; background-repeat: repeat; }
  .training_camp .tbl-standard th br { display: none; }
  .training_camp .tbl-standard td { display: block; padding-left: 5px; padding-right: 0px; } }

/* -----------------------------------------------
  サイトマップ
-------------------------------------------------- */
.sitemap ul.list-sitemap { padding: 0 40px; }

.sitemap ul.list-sitemap li { margin: 1em 0; }

.sitemap ul.list-sitemap a { text-decoration: none; color: #000; background-image: url(../../images/sitemap/ico_arrow30r_7.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

@media screen and (max-width: 788px) { .sitemap ul.list-sitemap { padding: 0 10px; } }

@media screen and (max-width: 500px) { .sitemap .column-4 { width: 100%; } }

/* -----------------------------------------------
  プライバシーポリシー
-------------------------------------------------- */
.policy .leading { clear: both; margin: 0px 0 30px; padding: 0px; font-size: 0.9em; line-height: 2; }

.policy .policyList { margin: 30px 0; padding: 30px 40px; font-size: 0.8em; line-height: 2; border: dashed #CCC 1px; }

.policy .policyList ol li { margin: 0 0 20px 0; }

.policy .contactInformation { margin: 0px 0px 30px; padding: 0px; text-align: left; font-size: 0.8em; line-height: 2; }

@media screen and (max-width: 500px) { .policy .policyList { padding: 15px 20px; } }

/*# sourceMappingURL=vqy.css.map */