@charset "UTF-8";
/*==================================================== Foundation ====================================================*/
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, th, td { margin: 0; padding: 0; }

address, caption, th { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

object, embed { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { border: 0; vertical-align: bottom; line-height: 0; }

.ie7 img { -ms-interpolation-mode: bicubic; }

li { list-style-type: none; }

/*----------------------------------------------------
HTML5 elements for lte IE8
----------------------------------------------------*/
article, footer, header, nav, section { display: block; }

/*----------------------------------------------------
文字サイズ統一
----------------------------------------------------*/
body { color: #333; font-size: 13px; line-height: 1.61; }

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

* html body { /* for IE6 */ font-size: 82%; font-family: "ＭＳ Ｐゴシック", sans-serif; }

*:first-child + html body { /* for IE7 */ font-size: 82%; font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

/*----------------------------------------------------
フォームのノーマライズ
----------------------------------------------------*/
button, input, select, textarea { font-family: inherit; font-size: inherit; margin: 0; }

button { overflow: visible; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

/*----------------------------------------------------
文字サイズ統一
----------------------------------------------------*/
body { text-align: center; color: #000; font-size: 14px; line-height: 1.61; }

body { font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }

* html body { /* for IE6 */ font-size: 82%; font-family: "ＭＳ Ｐゴシック", sans-serif; }

*:first-child + html body { /* for IE7 */ font-size: 82%; font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

/*----------------------------------------------------
リンク設定
----------------------------------------------------*/
a { color: #000000; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:focus { outline: none; }

a:hover { color: #000; opacity: 0.75; }

@media screen and (max-width: 768px) { a:hover { color: #000; opacity: 1; } }

a:hover img { /* filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; */ }

/*==================================================== Origin ====================================================*/
body { background: #5D90CB; }

@media screen and (max-width: 768px) { body { -webkit-text-size-adjust: 100%; } }

.sp { display: none; }

@media screen and (max-width: 768px) { .sp { width: 100%; display: block; font-size: 26px; } }

@media screen and (max-width: 480px) { .sp { font-size: 17px; } }

@media screen and (max-width: 375px) { .sp { font-size: 13px; } }

@media screen and (max-width: 768px) { .pc { display: none !important; }
  .android * { background-image: url("image"); } }

/*----------------------------------------------------
header
----------------------------------------------------*/
.fixed { position: fixed; width: 100%; height: 50px; background: #5D90CB; z-index: 10000; }

#header { max-width: 1200px; min-width: 1100px; width: 100%; margin: 0 auto; text-align: left; height: 50px; color: #fff; position: relative; }

@media screen and (max-width: 768px) { #header { width: 100%; height: initial; max-width: inherit; min-width: inherit; } }

#header h1 { float: left; padding-top: 8px; }

@media screen and (max-width: 768px) { #header h1 { padding: 3% 0 3% 3%; width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 768px) { #header h1 img { width: 100%; height: auto; max-width: 100%; } }

#header .gNavi { display: table; height: 50px; padding: 0; float: right; position: relative; max-width: 82%; width: auto; }

#header .gNavi:before { padding-right: 2px; }

@media screen and (max-width: 768px) { #header .gNavi:before { content: ""; padding-right: 2px; } }

@media screen and (max-width: 768px) { .sp #header .gNavi { padding: 3% 3% 0 0; font-size: 1em; float: right; width: 60%; text-align: right; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; } }

#header .gNavi li { display: table-cell; vertical-align: middle; line-height: 1.1em; padding: 0 18px 0 18px; position: relative; text-align: center; }

@media screen and (max-width: 768px) { #header .gNavi li { display: inline; line-height: initial; position: initial; } }

#header .gNavi li a { color: #fff; }

#header .gNavi li:after { content: ""; width: 1px; height: 1.4em; background: #fff; top: 1em; right: 0; position: absolute; }

@media screen and (max-width: 768px) { #header .gNavi li:after { display: none; } }

#header .gNavi li:first-child:before { content: ""; width: 1px; height: 1.4em; background: #fff; top: 1em; left: 0; position: absolute; }

@media screen and (max-width: 768px) { #header .gNavi li:first-child:before { display: none; } }

@media screen and (max-width: 768px) { .sp #header .gNavi li { padding: 0 0 0 6%; } }

#header .gNavi .arrow a { display: inline-block; position: relative; padding-right: 1.5em; }

#header .gNavi .arrow a:after { content: ''; display: inline-block; border: 0; border-top: solid 2px #fff; border-right: solid 2px #fff; width: .5em; height: .5em; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); position: absolute; right: 0; top: calc(50% - 0.5em); }

#header .gNavi .search { padding: 0 10px; }

#header .gNavi .search img { vertical-align: sub; }

@media screen and (max-width: 768px) { #header .gNavi .search img { width: 10%; height: auto; vertical-align: text-top; } }

@media screen and (max-width: 768px) { #header .gNavi .search:after { content: ""; display: none; } }

#header .gNavi .fav { padding: 0 10px; }

#header .gNavi .clang { padding: 0 10px; }

#header .gNavi .clang span { font-size: .7em; }

#header .gNavi .clang a:before { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.34%22%20height%3D%2220.34%22%20viewBox%3D%220%200%2020.34%2020.34%22%3E%3Cpath%20d%3D%22M10.17%2C20.34a9.73%2C9.73%2C0%2C0%2C1-1.07-.06A10%2C10%2C0%2C0%2C1%2C3%2C17.36%2C10.16%2C10.16%2C0%2C0%2C1%2C3%2C3%2C10%2C10%2C0%2C0%2C1%2C9.1.06a9.57%2C9.57%2C0%2C0%2C1%2C2.14%2C0A10%2C10%2C0%2C0%2C1%2C17.36%2C3a10.16%2C10.16%2C0%2C0%2C1%2C0%2C14.38%2C10%2C10%2C0%2C0%2C1-6.12%2C2.92A9.73%2C9.73%2C0%2C0%2C1%2C10.17%2C20.34ZM7%2C16.21a10.88%2C10.88%2C0%2C0%2C0%2C2.6%2C2.73V16.21Zm3.82%2C2.73a11.06%2C11.06%2C0%2C0%2C0%2C2.6-2.73h-2.6Zm4-2.73a12.21%2C12.21%2C0%2C0%2C1-1.88%2C2.47%2C9%2C9%2C0%2C0%2C0%2C3.83-2.47Zm-11.25%2C0A9%2C9%2C0%2C0%2C0%2C7.4%2C18.68a11.86%2C11.86%2C0%2C0%2C1-1.88-2.47ZM17.7%2C15a8.79%2C8.79%2C0%2C0%2C0%2C1.4-4.21H16.42a12%2C12%2C0%2C0%2C1-.94%2C4.1%2C1.17%2C1.17%2C0%2C0%2C1-.05.11Zm-3.61%2C0a10.83%2C10.83%2C0%2C0%2C0%2C1.11-4.21H10.78V15ZM9.56%2C15V10.78H5.14A10.83%2C10.83%2C0%2C0%2C0%2C6.25%2C15ZM4.91%2C15a.37.37%2C0%2C0%2C1%2C0-.11%2C12%2C12%2C0%2C0%2C1-.94-4.1H1.24A8.88%2C8.88%2C0%2C0%2C0%2C2.63%2C15ZM19.1%2C9.56A8.91%2C8.91%2C0%2C0%2C0%2C17.5%2C5H15.3l.18.41a12.12%2C12.12%2C0%2C0%2C1%2C.94%2C4.11Zm-3.9%2C0A10.87%2C10.87%2C0%2C0%2C0%2C13.93%2C5H10.78V9.56Zm-5.64%2C0V5H6.41A10.72%2C10.72%2C0%2C0%2C0%2C5.14%2C9.56Zm-5.64%2C0a12.12%2C12.12%2C0%2C0%2C1%2C.94-4.11L5%2C5H2.84a8.91%2C8.91%2C0%2C0%2C0-1.6%2C4.52ZM16.48%2C3.82a9%2C9%2C0%2C0%2C0-3.54-2.16%2C11.81%2C11.81%2C0%2C0%2C1%2C1.7%2C2.16Zm-3.31%2C0A11%2C11%2C0%2C0%2C0%2C10.78%2C1.4V3.82Zm-3.61%2C0V1.4A10.76%2C10.76%2C0%2C0%2C0%2C7.17%2C3.82Zm-3.86%2C0A11.81%2C11.81%2C0%2C0%2C1%2C7.4%2C1.66%2C8.94%2C8.94%2C0%2C0%2C0%2C3.86%2C3.82Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E"); width: 20px; height: 20px; display: block; margin: 0 auto; }

#header .gNavi .clang a { display: inline-block; position: relative; padding-right: 0; }

#header .gNavi .clang a:after { display: none; }

#header .nGenre { position: absolute; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; background: #E6E6E6; padding: 25px 15px 15px 15px; top: 50px; left: 50%; -webkit-transform: translateX(-80px); transform: translateX(-80px); }

#header .nGenre li { padding: 3px 0; }

#header .nGenre li a { display: block; border-bottom: 1px dotted #9FA0A0; padding-bottom: 6px; color: #5D90CB; padding-right: 7px; }

#header .nGenre span { display: inline-block; width: 25px; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); text-align: center; line-height: 26px; margin-right: 6px; }

#header .nGenre span img { height: auto; width: auto; vertical-align: text-top; max-width: 20px; max-height: 20px; }

#header .nInfo { position: absolute; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; background: #E6E6E6; padding: 25px 15px 15px 15px; top: 50px; left: 50%; -webkit-transform: translateX(180px); transform: translateX(180px); }

#header .nInfo li { padding: 3px 0; }

#header .nInfo li a { display: block; border-bottom: 1px dotted #9FA0A0; color: #5D90CB; padding: 0 10px; }

#header .nSearch { position: absolute; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; background: #E6E6E6; top: 50px; right: 0; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { #header .nSearch { position: relative; opacity: initial; visibility: initial; right: initial; width: initial; top: initial; clear: both; display: none; } }

#header .nSearch .serchInput { padding: 6% 7%; }

@media screen and (max-width: 768px) { #header .nSearch .serchInput { padding: 4% 2%; } }

#header .nSearch .serchInput img { vertical-align: middle; margin: 0 2px 5px 0; }

@media screen and (max-width: 768px) { #header .nSearch .serchInput img { margin: -0.2em 0 0; width: 7%; height: 7%; } }

#header .nSearch .serchInput input[type=text] { width: 65%; padding: 6px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { #header .nSearch .serchInput input[type=text] { width: 15em; padding: 0.4em; border: 1px solid #ccc; background: #fff; } }

#header .nSearch .serchInput button { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); border: none; color: #fff; padding: 8px 10px; margin-left: 3px; float: right; }

@media screen and (max-width: 768px) { #header .nSearch .serchInput button { border: none; padding: 0.4em 0; width: 25%; margin-left: 0; } }

#header .nSearch dl { color: #5D90CB; border-top: 1px solid #fff; padding: 5% 7% 10% 7%; clear: both; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { #header .nSearch dl { padding: 3% 0 3% 1%; width: 100%; } }

#header .nSearch dt { padding-bottom: 10px; }

@media screen and (max-width: 768px) { #header .nSearch dt { padding-bottom: 2%; } }

#header .nSearch dd { display: inline-block; margin-right: 3px; }

@media screen and (max-width: 768px) { #header .nSearch dd { margin-right: 0; width: 18.8%; text-align: center; vertical-align: text-top; word-wrap: break-word; } }

#header .nSearch dd a { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); display: block; padding: 5px 13px; color: #fff; }

@media screen and (max-width: 768px) { #header .nSearch dd a { padding: 0.3em 0; font-size: .9em; } }

#header .nSearch p { position: absolute; top: 0; right: 9px; color: #000; font-size: 1.4em; }

@media screen and (max-width: 768px) { #header .nSearch p { display: none; } }

#header .nLang { position: absolute; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; background: #E6E6E6; padding: 25px 15px 15px 15px; top: 50px; right: 0; width: 12%; }

@media screen and (max-width: 768px) { #header .nLang { position: relative; opacity: 1; visibility: initial; top: initial; right: initial; width: initial; display: none; clear: both; } }

#header .nLang li { padding: 3px 0; }

#header .nLang li a { display: block; border-bottom: 1px dotted #9FA0A0; padding-bottom: 6px; color: #5D90CB; padding-left: 10px; }

@media screen and (max-width: 768px) { #header .nLang li a { line-height: 3em; padding: 0 15px 0 15px; position: relative; } }

@media screen and (max-width: 768px) { #header .gNavi .spMenu img { width: 13%; height: auto; vertical-align: text-top; }
  #header .spMenu { /*	padding-left: 46px;*/ }
  #header .spNavi { position: relative; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: initial; visibility: initial; background: #E6E6E6; right: initial; width: initial; -webkit-box-sizing: border-box; box-sizing: border-box; top: initial; clear: both; padding: 25px 15px 15px 15px; display: none; }
  #header .spNavi li { padding: 0; }
  #header .spNavi li ul { display: none; background: #fff; }
  #header .spNavi li a { display: block; border-bottom: 1px dotted #9FA0A0; color: #5D90CB; line-height: 1.2em; padding: 1em; position: relative; }
  #header .spNavi li a br { display: none; }
  #header .spNavi .navgenre span { display: inline-block; width: 1.6em; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); text-align: center; line-height: 1.6em; margin-right: 6px; }
  #header .spNavi span img { height: auto; width: auto; vertical-align: baseline; max-width: 70%; max-height: 1.1em; }
  #header .spNavi .navinfo span { display: inline-block; text-align: center; line-height: 1.6em; margin-right: 6px; }
  #header .spNavi .navinfo span img { height: auto; width: auto; vertical-align: sub; max-width: 100%; max-height: 1.1em; }
  #header > ul > li:last-child a, #header div > ul > li:last-child a { border-bottom: none; }
  #header .spNavi li a:after, #header .nLang ul li a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 0.2em; top: 50%; margin-top: -0.4em; width: 1em; height: 1em; }
  #header .spNavi li.arrow > a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 0.5em; top: 50%; margin-top: -0.2em; width: 1em; height: 1em; transform: rotate(90deg); -webkit-transform: rotate(90deg); } }

#main { background: #fff; }

@media screen and (max-width: 768px) { #main { overflow: hidden; } }

#main .sec { width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { #main .sec { width: 100%; padding: 0 3% !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #main .sec img { width: 100%; height: auto; } }

#main .ttl { font-size: 2.5em; }

@media screen and (max-width: 768px) { #main .ttl { font-size: 1.2em; } }

/*----------------------------------------------------
footer Banner
/* -------------------------------------------------- */
.pc #fbnr { background: #fff; padding: 20px 0 50px 0; }

.sp #fbnr { background: #fff; padding: 5% 0; }

.pc #fbnr ul li { display: inline-block; margin: 5px; }

.sp #fbnr ul li { display: inline-block; margin: 1%; width: 30%; }

#fbnr ul a { display: block; }

.sp #fbnr ul li img { width: 100%; height: auto; }

/*----------------------------------------------------
footer LinkFree
/* -------------------------------------------------- */
#linkfree { background: #F9F9F9; padding: 30px 0 30px 0; border-bottom: 50px solid #fff; }

#linkfree .cf { width: 1100px; margin: 0 auto; text-align: left; }

#linkfree h3 { font-size: 1.5em; font-weight: bold; line-height: 1.8em; padding: 5px 0; text-align: center; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom: 20px; }

#linkfree .cf div { width: 50%; float: left; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 7px; }

#linkfree .cf div a { color: #5D90CB; text-decoration: underline; }

#linkfree ul { width: 50%; float: right; text-align: left; }

#linkfree ul li { display: inline-block; margin-left: 10px; vertical-align: top; margin-right: 5px; }

#linkfree ul li span { display: block; text-align: center; line-height: 1.3em; padding-top: 5px; }

#linkfree ul a { display: block; }

/*----------------------------------------------------
footer
----------------------------------------------------*/
#footer { position: relative; width: 1100px; margin: 0 auto; text-align: left; padding: 70px 0 40px 0; }

@media screen and (max-width: 768px) { #footer { width: 100%; padding: 5% 0 5% 0; text-align: center; } }

#footer a { color: #fff; display: inline-block; }

@media screen and (max-width: 768px) { #footer img { width: 100%; height: auto; } }

#footer .pagetop { width: 150px; position: absolute; line-height: 50px; font-size: 1em; text-align: center; top: -24px; right: 0; }

@media screen and (max-width: 768px) { #footer .pagetop { width: 16%; position: fixed; top: initial; right: 0; padding-top: 4em; bottom: 0; z-index: 999; } }

#footer .pagetop a { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); display: block; }

@media screen and (max-width: 768px) { #footer .pagetop a { background: #000; position: absolute; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 3.6em; font-size: 1.2em; } }

#footer ul { float: left; margin-bottom: 30px; height: 750px; margin-right: 30px; border-left: 2px solid #fff; padding-left: 30px; margin-left: 30px; max-width: 360px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#footer ul.fbDabble { height: 1214px; }

#footer ul li { padding: 7px 0; white-space: nowrap; }

@media screen and (max-width: 768px) { #footer .site { display: none; } }

#footer .site li:before { content: url("../img/common/icon_arrow_r2.png"); padding-right: 6px; }

#footer ul li img { margin-right: 7px; vertical-align: middle; }

#footer .fb { width: 532px; float: left; border-right: 2px solid #fff; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

#footer .fb .fb_iframe_widget ~ .fb_iframe_widget { margin-top: 1em; }

#footer p { clear: both; }

@media screen and (max-width: 768px) { #footer p:last-child a { width: 40%; height: auto; } }

#footer .contact { float: left !important; margin-top: 10px; clear: none; padding-left: 30px; }

#footer .contact a { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #645c5a), color-stop(50%, #504a48)); background: linear-gradient(to bottom, #645c5a 50%, #504a48 50%); display: block; padding: 24px 33px; max-width: 204px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#footer .contact a:before { content: url("../img/common/icon_f_contact.png"); display: block; width: 100%; text-align: center; }

.ffb { clear: both; background: #fff; padding: 0 2% 2%; }

.ffb + .ffb { padding: 0 2% 5%; }

.ffb img { width: 100%; height: auto; }

#cr { background: #000; color: #fff; clear: both; height: 4em; }

#cr address { display: block; padding: 10px; }

@media screen and (max-width: 768px) { #cr address { padding: 1em 1em 0; font-size: 0.7em; text-align: left; padding-right: 7em; } }

/*----------------------------------------------------
banner space
----------------------------------------------------*/
.sec-upper-bnr { clear: both; padding: 60px 0 0 0; width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { .sec-upper-bnr { padding: 2em 0 0 0; width: 100%; } }

#top .sec-upper-bnr { clear: both; padding: 40px 0 30px 0; width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { #top .sec-upper-bnr { padding: 2em 0 0 0; width: 100%; } }

.access #main .sec-upper-bnr_ttl, .sec-upper-bnr_ttl { font-size: 1.6em; color: #000; padding-bottom: 1em; }

@media screen and (max-width: 768px) { .access #main .sec-upper-bnr_ttl, .sec-upper-bnr_ttl { font-size: 1.2em; } }

.sec-under-bnr { clear: both; padding: 60px 0; width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { .sec-under-bnr { padding: 1.4em 0 0.5em 0; width: 100%; } }

.sec-under-bnr_ttl { color: #B29161; font-size: 1.9em; font-weight: normal; padding-bottom: 2em; }

@media screen and (max-width: 768px) { .sec-under-bnr_ttl { font-size: 1.4em; padding-bottom: 1em; } }

.sec-upper-bnr_links, .sec-under-bnr_links { text-align: center; }

.sec-upper-bnr_links .link, .sec-under-bnr_links .link { display: inline-block; width: 32.9%; vertical-align: middle; text-align: left; margin-bottom: 1.4em; }

@media screen and (max-width: 768px) { .sec-upper-bnr_links .link, .sec-under-bnr_links .link { width: 82%; } }

.sec-upper-bnr_links .link:nth-child(n3), .sec-under-bnr_links .link:nth-child(n3) { text-align: right; }

.sec-upper-bnr_links .link a, .sec-under-bnr_links .link a { display: inline-block; padding: 10px 5px; width: 95%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

@media screen and (max-width: 768px) { .sec-upper-bnr_links .link a, .sec-under-bnr_links .link a { width: 100%; } }

.sec-upper-bnr_links .link a:after, .sec-under-bnr_links .link a:after { content: url("../img/common/icon_arrow_r3.png"); margin-left: 7px; margin-right: -7px; }

.sec-upper-bnr_links .bnr, .sec-under-bnr_links .bnr { display: inline-block; margin: 0 .7%; padding-bottom: 1em; }

@media screen and (max-width: 768px) { .sec-upper-bnr_links .bnr, .sec-under-bnr_links .bnr { display: block; margin: 0 auto; padding-bottom: 0.5em; width: 90%; } }

.sec-upper-bnr_links .bnr img { width: 284px; height: 62px; }

@media screen and (max-width: 768px) { .sec-upper-bnr_links .bnr img { width: 100%; height: auto; } }

.sec-under-bnr_links .bnr img { width: 284px; }

@media screen and (max-width: 768px) { .sec-under-bnr_links .bnr img { width: 100%; height: auto; } }

.sec-upper-bnr_links .bnr a, .sec-under-bnr_links .bnr a { display: block; text-align: center; }

/*----------------------------------------------------
common
----------------------------------------------------*/
.btnTypeA { color: #fff; font-weight: bold; border-radius: 5px; width: 100%; padding: 3% 8% 3% 3%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 1.1em; background: #231815; line-height: 1.3em; }

.btnTypeA:hover { color: #fff; }

.btnToggle { cursor: pointer; }

/* -------------------------------------------------- */
.bBlue, .bblue, #main .about h2 a, #main .recommend .fL .spots dt span, #main .genre span, .spotArchive #main .box div a, #content #footer .pagetop a, .access #main .airport table td a, .contact #main .btns input[type=submit], .libraryArchive #main .sec .search dl button { color: #fff !important; display: inline-block; background: #5D90CB; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); }

/* -------------------------------------------------- */
.bSkyBlue, .bSkylue, .feature.postid-13482 #main .sec.seto p a { color: #fff !important; display: inline-block; background: #6fc8e9; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6fc8e9), color-stop(50%, #52c1e5)); background: linear-gradient(to bottom, #6fc8e9 50%, #52c1e5 50%); }

/* -------------------------------------------------- */
.cBrown, .cbrown, .access #main .car .link .table dd a, .okayama #main .sec h3 a, .inn #main .sec p a, .course #main .box .inn h5, .course #main .box .inn p.sp a, .okayama #main .sec p.sp a { color: #fff !important; display: inline-block; background: #b29161; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b29161), color-stop(50%, #997d54)); background: linear-gradient(to bottom, #b29161 50%, #997d54 50%); }

/* -------------------------------------------------- */
.cPink, .cpink { color: #fff !important; display: inline-block; background: #ff9eaf; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff9eaf), color-stop(50%, #db8897)); background: linear-gradient(to bottom, #ff9eaf 50%, #db8897 50%); }

/* -------------------------------------------------- */
.csPink, .cspink, .feature.postid-13482 #main .sec.kyoiku p a { color: #fff !important; display: inline-block; background: #ea7ba7; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea7ba7), color-stop(50%, #e86b9d)); background: linear-gradient(to bottom, #ea7ba7 50%, #e86b9d 50%); }

/* -------------------------------------------------- */
.cbPink { color: #fff !important; display: inline-block; background: #e88aa9; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e88aa9), color-stop(50%, #ba6e87)); background: linear-gradient(to bottom, #e88aa9 50%, #ba6e87 50%); }

/* -------------------------------------------------- */
.cPurple, .cpurple { color: #fff !important; display: inline-block; background: #bc91c1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bc91c1), color-stop(50%, #a17da6)); background: linear-gradient(to bottom, #bc91c1 50%, #a17da6 50%); }

/* -------------------------------------------------- */
.cPurpleDark, .cpurpledark, .access #main .train .widearea a { color: #fff !important; display: inline-block; background: #a088bc; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #a088bc), color-stop(50%, #8a75a2)); background: linear-gradient(to bottom, #a088bc 50%, #8a75a2 50%); }

/* -------------------------------------------------- */
.cYellow, .cyellow { color: #fff !important; display: inline-block; background: #e1b961; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e1b961), color-stop(50%, #c29f54)); background: linear-gradient(to bottom, #e1b961 50%, #c29f54 50%); }

/* -------------------------------------------------- */
.cYellow2, .cyellow2, .feature.postid-13482 #main .sec.rekishi p a { color: #fff !important; display: inline-block; background: #f7b53e; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f7b53e), color-stop(50%, #f4a833)); background: linear-gradient(to bottom, #f7b53e 50%, #f4a833 50%); }

/* -------------------------------------------------- */
.cNavy, .cnavy, .access #main .car p a { color: #fff !important; display: inline-block; background: #9196c8; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9196c8), color-stop(50%, #7d81ac)); background: linear-gradient(to bottom, #9196c8 50%, #7d81ac 50%); }

/* -------------------------------------------------- */
.cDarkNavy, .contact #main .btns input[type=button] { color: #fff !important; display: inline-block; background: #7f8f9f; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #7f8f9f), color-stop(50%, #6b7885)); background: linear-gradient(to bottom, #7f8f9f 50%, #6b7885 50%); }

/* -------------------------------------------------- */
.cGreen, .cgreen, .faq #main .sec li a { color: #fff !important; display: inline-block; background: #92a545; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #92a545), color-stop(50%, #758437)); background: linear-gradient(to bottom, #92a545 50%, #758437 50%); }

/* -------------------------------------------------- */
.ccGreen, .ccgreen, .feature.postid-13482 #main .sec.bunka p a { color: #fff !important; display: inline-block; background: #b7d474; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b7d474), color-stop(50%, #a6cd67)); background: linear-gradient(to bottom, #b7d474 50%, #a6cd67 50%); }

/* -------------------------------------------------- */
.cGray, .cgay, .contact #main .btns input.back, #main .recommend .fL .nav strong, .libraryArchive #main .sec .down span, .libraryArchive #main .sec .downc span, .libraryArchive #main .sec .downc a { color: #fff !important; display: inline-block; background: #bfc0c0; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bfc0c0), color-stop(50%, #949595)); background: linear-gradient(to bottom, #bfc0c0 50%, #949595 50%); }

/* -------------------------------------------------- */
.cOrange, .corange, .libraryArchive #main .sec .down a, .libraryArchive #form input[type=submit] { color: #fff !important; display: inline-block; background: #F18E43; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F18E43), color-stop(50%, #d78044)); background: linear-gradient(to bottom, #F18E43 50%, #d78044 50%); }

.slider { background: #fff; width: 100%; height: 760px; overflow: hidden; }

@media screen and (max-width: 768px) { .slider { height: auto; } }

#top .slider { padding-top: 50px; }

@media screen and (max-width: 768px) { #top .slider { padding-top: 0; } }

.slider ul { height: 683px; overflow: hidden; }

@media screen and (max-width: 768px) { .slider ul { height: auto; overflow: initial; } }

.slider ul li { width: 100%; height: 683px; }

@media screen and (max-width: 768px) { .slider ul li { height: auto; } }

.slider ul a { display: block; position: relative; max-height: 683px; width: 100%; padding-top: 646px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { .slider ul a { max-height: 100%; padding-top: 80%; } }

.slider ul span { display: inline-block; position: relative; background: #000; color: #fff; line-height: 2.7em; padding: 0 30px; opacity: 0.7; z-index: 999; }

@media screen and (max-width: 768px) { .slider ul span { display: inline-block; padding: 0 9%; font-size: 0.8em; } }

.slider ul strong { position: absolute; top: 50%; width: 100%; text-align: center; display: block; margin-top: -70px; }

@media screen and (max-width: 768px) { .slider ul strong { top: 39%; width: 100%; text-align: center; margin-top: -3%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .slider ul strong img { width: 70%; height: auto; } }

.slider ul strong.lt { top: 20%; margin-left: -290px; }

@media screen and (max-width: 768px) { .slider ul strong.lt { top: 10%; margin-left: 1em; text-align: left; } }

.slider ul strong.lb { top: 80%; margin-left: -290px; }

@media screen and (max-width: 768px) { .slider ul strong.lb { top: 70%; margin-left: 1em; text-align: left; } }

.slider ul strong.rt { top: 20%; margin-left: 290px; }

@media screen and (max-width: 768px) { .slider ul strong.rt { top: 10%; margin-left: 0; padding-right: 1em; text-align: right; } }

.slider ul strong.rb { top: 80%; margin-left: 290px; }

@media screen and (max-width: 768px) { .slider ul strong.rb { top: 70%; margin-left: 0; padding-right: 1em; text-align: right; } }

#main .sns { padding-top: 50px; }

#main .sns li { display: inline-block; width: 250px; padding: 0 3px; }

#main .sns a { display: block; line-height: 47px; color: #fff; }

#main .sns a:before { vertical-align: sub; padding: 0 10px 0 0; }

#main .sns .fb a { background: #395B9A; }

#main .sns .fb a:before { content: url("../img/top/btn_facebook.png"); }

#main .sns .tw a { background: #54ADEF; }

#main .sns .tw a:before { content: url("../img/top/btn_tweet.png"); }

#main .sns .gp a { background: #DD4D39; }

#main .sns .gp a:before { content: url("../img/top/btn_googlep.png"); }

#main .sns a img { vertical-align: middle; }

@media screen and (max-width: 768px) { #top .sns { padding-top: 5%; padding-bottom: 2px; margin-bottom: -1px; background: #fff; }
  #top .sns li { display: inline-block; width: 30%; padding: 0 3px; }
  #top .sns a { display: block; color: #fff; padding: 8% 0; }
  #top .sns a:before { vertical-align: sub; padding: 0 10px 0 0; }
  #top .sns .fb a { background: #395B9A; }
  #top .sns .fb a:before { content: url("../img/top/btn_facebook.png"); }
  #top .sns .tw a { background: #54ADEF; }
  #top .sns .tw a:before { content: url("../img/top/btn_tweet.png"); }
  #top .sns .gp a { background: #DD4D39; }
  #top .sns .gp a:before { content: url("../img/top/btn_googlep.png"); }
  #top .sns a img { vertical-align: middle; } }

#main .caption { padding-top: 25px; }

@media screen and (max-width: 768px) { #main .caption { padding-top: 5%; } }

#main .caption h2 { font-size: 1.9em; padding-bottom: 70px; }

@media screen and (max-width: 768px) { #main .caption h2 { font-size: 1.25em; padding-bottom: 0; line-height: 1.3em; } }

#main .caption .fL, #main .caption .fR { margin-bottom: 20px; width: 345px; }

#main .caption .fL img, #main .caption .fR img { width: 345px; height: auto; }

#main .caption .fL { margin-left: 98px; }

#main .caption .fR { margin-right: 98px; }

#main .caption dl { float: right; text-align: left; }

#main .caption dl dt { font-size: 0.94em; font-weight: bold; padding-bottom: 0.4em; }

#main .caption dl dd.down { border: solid 1px #ccc; padding: 8px; font-size: .9em; margin-top: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main .caption dl dd.down a { margin-top: 0.5em; display: inline-block; color: #3A6AB2; }

#main .caption dl dd.down a:before { content: ">"; }

@media screen and (max-width: 768px) { #main .abouts { background: #E3E3E3; padding-bottom: 20px; } }

#main .about { clear: both; }

@media screen and (max-width: 768px) { #main .about { position: relative; height: 100%; padding-top: 74%; } }

#main .about h2 { float: left; padding-left: 98px; padding-top: 20px; }

@media screen and (max-width: 768px) { #main .about h2 { position: absolute; left: 3%; top: 3%; padding: 0; z-index: 100; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

#main .about .text { float: left; padding-left: 10px; padding-top: 34px; width: 27%; text-align: left; line-height: 1.8em; }

#main .about h2 a { display: table-cell; width: 135px; height: 135px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; }

@media screen and (max-width: 768px) { #main .about h2 a { display: block; width: 70%; height: auto; }
  #main .about h2 a img { width: 100%; height: auto; } }

#main .about h2 span { font-size: 1.6em; color: #fff; padding: 19px 27px; display: block; background: url("../img/common/icon_arrow_bi.png") no-repeat 60% center; line-height: 1.4em; }

#main .about .jpn { float: right; padding-right: 119px; padding-bottom: 60px; }

@media screen and (max-width: 768px) { #main .about .jpn { position: absolute; left: 3%; top: 3%; padding: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #main .about .jpn img { width: 93%; height: auto; } }

#main .about .oka { clear: both; border-top: solid 1px #ccc; margin: 0 70px; padding-top: 20px; padding-bottom: 100px; }

@media screen and (max-width: 768px) { #main .about .oka { display: none; } }

#main .greeting { /*padding-top: 250px;*/ text-align: left; }

#main .greeting .btnTypeA { margin-bottom: 3%; position: relative; }

#main .greeting .btnTypeA:after { content: " "; background: url("../img/common/icon_arrow_under_w.svg") no-repeat; background-size: contain; position: absolute; right: 16px; top: 50%; margin-top: -0.1em; width: 3%; height: 14%; left: initial; }

#main .greeting .content { display: none; }

#main .greeting dl { margin-top: 5px; }

#main .greeting dl + div { padding-top: 1em; }

#main .greeting dl dd.down { border: solid 1px #ccc; padding: 8px; font-size: .9em; margin-top: 7px; }

#main .greeting dl dd.down + dd { padding-top: .7em; }

#main .greeting .youtube img { width: 100%; height: auto; }

#main .greeting .movie-title { font-size: 1.2em; text-align: center; padding-bottom: .5em; }

#main .pickup { background: transparent; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { #main .pickup { background: #DFDFD0; overflow: hidden; margin-top: 5%; } }

#main .pickup .slider { background: none; padding: 120px 0 160px 0; max-height: 515px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { #main .pickup .slider { width: 240%; margin-left: -70%; padding: 9% 0 13% 0; max-height: 100%; } }

#main .pickup .slider ul { padding: 0; }

#main .pickup .slider ul li { width: 350px; height: auto; }

#main .pickup .slider ul li img { margin: auto; position: relative; width: 100%; height: auto; }

#main .pickup .slider ul strong { display: block; position: absolute; z-index: 999; width: 100%; background: #5D90CB; padding: 3%; font-size: 1em; line-height: 1.2em; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; top: initial; top: auto; /*for IE*/ text-align: left; margin: 0; }

#main .pickup .slider ul a { display: block; text-align: left; color: #fff; position: relative; max-height: 250px; width: 100%; padding-top: 0; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 9px; }

#main .pickup .slider ul h3 { background: url("../img/top/ttl_issue.png") no-repeat left center; background-size: contain; position: absolute; z-index: 999; top: -0.6em; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; font-size: 0.8em; padding: 1% 3%; }

#main .recommend { background: #DFDFD0; padding-bottom: 5%; }

@media screen and (max-width: 768px) { #main .recommend { background: #fff; } }

@media screen and (min-width: 900px) { #main .recommend { min-height: 960px; } }

#main .recommend .sec { width: 1100px; margin: 0 auto; }

@media screen and (max-width: 768px) { #main .recommend .sec { width: 100%; } }

#main .recommend h2.ttl { padding: 50px 0; }

@media screen and (max-width: 768px) { #main .recommend h2.ttl { padding: 5% 0; } }

#main .recommend .fL { width: 736px; text-align: left; }

@media screen and (max-width: 768px) { #main .recommend .fL { width: 100%; text-align: left; float: none !important; } }

#main .recommend .fR { width: 350px; text-align: left; }

@media screen and (max-width: 768px) { #main .recommend .fR { width: 100%; text-align: left; float: none !important; } }

@media screen and (max-width: 768px) { #main .recommend .fR .content { display: none; } }

@media screen and (max-width: 768px) { #main .recommend .fL .nav { width: 100%; } }

#main .recommend .fL .nav li { float: left; width: 24%; margin-right: 1%; }

@media screen and (max-width: 768px) { #main .recommend .fL .nav li { width: 50%; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #main .recommend .fL .nav li:nth-child(3), #main .recommend .fL .nav li:nth-child(4) { margin-top: -1px; }
  #main .recommend .fL .nav li:nth-child(1) a, #main .recommend .fL .nav li:nth-child(3) a { border-right: solid 0 #9FA0A0; } }

@media screen and (max-width: 768px) { #main .recommend .fL .nav li img { width: 100%; height: auto; } }

#main .recommend .fL .nav a { color: #5D90CB; background: #fff; border: solid 2px #9FA0A0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; }

#main .recommend .fL .nav a.target { color: #fff; background: #5D90CB; }

#main .recommend .fL .nav strong { display: table-cell; padding: 5px; border-right: solid 2px #9FA0A0; }

@media screen and (max-width: 768px) { #main .recommend .fL .nav strong { padding: 1%; border-right: 1px solid #9FA0A0; width: 25%; } }

#main .recommend .fL .nav span { display: table-cell; vertical-align: middle; text-align: center; width: 72%; }

#main .recommend .fL .spots { clear: both; position: relative; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots { height: auto; margin-left: -5px; margin-right: -5px; padding-top: 212%; } }

#main .recommend .fL .spots ul { position: absolute; top: 10px; left: 0; }

#main .recommend .fL .spots li { float: left; padding: 0 4px 5px 0; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots li { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px 10px 5px; } }

#main .recommend .fL .spots .s6 { float: right; padding: 0 6px 5px 0; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots .s6 { float: left; padding: 0 5px 10px 5px; } }

#main .recommend .fL .spots li a { display: block; }

#main .recommend .fL .spots li a:hover { opacity: 1; }

#main .recommend .fL .spots dl { position: relative; }

#main .recommend .fL .spots dt { position: relative; }

#main .recommend .fL .spots dt span { position: absolute; bottom: 0; right: 0; width: 33px; height: 33px; display: block; text-align: center; line-height: 30px; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots dt span { top: 0; right: 0; width: 15%; height: 15%; } }

@media screen and (max-width: 768px) { #main .recommend .fL .spots dt img { width: 100%; height: auto; } }

#main .recommend .fL .spots dt span img { height: auto; width: auto; vertical-align: text-top; max-width: 27px; max-height: 23px; margin-top: 0; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots dt span img { width: 80%; max-width: 48px; max-height: 40px; } }

#main .recommend .fL .spots dd { display: none; background: rgba(0, 60, 120, 0.7); position: absolute; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 1.1em; }

@media screen and (max-width: 768px) { #main .recommend .fL .spots dd { display: block; background: rgba(0, 0, 0, 0.7); top: inherit; height: inherit; text-align: center; font-size: 0.7em; bottom: 0; } }

#main .recommend .fL .spots dd strong { display: block; font-weight: normal; font-size: 1.2em; }

#main .recommend .fL .spots dd div { display: table; width: 100%; height: 100%; }

#main .recommend .fL .spots dd span { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

#main .recommend .fR h3 { background: #000; color: #fff; text-align: center; font-size: 1.3em; border-radius: 7px; line-height: 59px; font-weight: normal; position: relative; }

@media screen and (max-width: 768px) { #main .recommend .fR h3 { font-size: 1.1em; border-radius: 5px; line-height: 3em; } }

#main .recommend .fR h3:before { content: url("../img/common/icon_ranking_white.png"); vertical-align: sub; padding-right: 15px; }

@media screen and (max-width: 768px) { #main .recommend .fR h3:before { content: " "; background: url("../img/common/icon_ranking_white.png") no-repeat; background-size: contain; padding: 0; display: inline-block; width: 1.5em; height: 1.3em; margin-right: 0.6em; } }

#main .recommend .fR h3:after { content: "▼"; color: #000; position: absolute; bottom: -9px; line-height: 1em; width: 100%; text-align: center; left: 0; }

@media screen and (max-width: 768px) { #main .recommend .fR h3:after { content: " "; background: url("../img/common/icon_arrow_under_w.svg") no-repeat; background-size: contain; right: 16px; top: 50%; margin-top: -0.1em; width: 3%; height: 14%; left: initial; } }

#main .recommend .fR ul { padding-top: 9px; }

#main .recommend .fR li { background: #fff; border-bottom: 2px solid #ccc; clear: both; }

#main .recommend .fR li:last-child { border-bottom: none; }

#main .recommend .fR li a { display: block; min-height: 145px; }

@media screen and (max-width: 768px) { #main .recommend .fR li a { display: block; min-height: initial; } }

#main .recommend .fR h4 { float: left; }

@media screen and (max-width: 768px) { #main .recommend .fR h4 { width: 40%; } }

#main .recommend .fR h4 img { max-width: 165px; }

@media screen and (max-width: 768px) { #main .recommend .fR h4 img { max-width: 100%; } }

#main .recommend .fR dl { padding-left: 180px; }

@media screen and (max-width: 768px) { #main .recommend .fR dl { padding-left: 40%; } }

#main .recommend .fR dt { padding-top: 18px; padding-bottom: 3px; font-size: 1.1em; }

@media screen and (max-width: 768px) { #main .recommend .fR dt { padding-top: 3%; font-size: 1.1em; } }

#main .recommend .fR dd { border-top: dotted 1px #ccc; margin-right: 15px; padding: 7px 5px; }

#main .recommend .fR strong { display: block; font-size: 1.1em; line-height: 1.2em; }

#main .recommend .fR .n1 dt:before, #main .recommend .fR .n2 dt:before, #main .recommend .fR .n3 dt:before, #main .recommend .fR .n4 dt:before, #main .recommend .fR .n5 dt:before { vertical-align: baseline; padding: 0 6px 0 3px; }

#main .recommend .fR .n1 dt:before, #main .recommend .fR .n2 dt:before, #main .recommend .fR .n3 dt:before { content: url("../img/top/icon_rank13.png"); }

#main .recommend .fR .n4 dt:before, #main .recommend .fR .n5 dt:before { content: url("../img/top/icon_rank45.png"); }

#main .genre { background: transparent; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { #main .genre { background: #DFDFD0; } }

#main .genre h2.ttl { color: #fff; padding: 100px 0 40px; }

@media screen and (max-width: 768px) { #main .genre h2.ttl { color: #000; padding: 5% 0; } }

#main .genre ul { min-width: 1100px; }

@media screen and (max-width: 768px) { #main .genre ul { min-width: inherit; max-width: 96%; margin: 0 auto; } }

#main .genre li { display: inline-block; width: 135px; padding-bottom: 100px; margin: 0 12px; vertical-align: top; }

.sp #main .genre li { float: left; width: 50%; padding: 0; margin: 0; background: #fff; border: solid 1px #DFDFD0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

#main .genre li:first-child { margin: 0 10px 0 0; }

@media screen and (max-width: 768px) { #main .genre li:first-child { margin: 0; } }

#main .genre li:last-child { margin: 0 0 0 10px; }

@media screen and (max-width: 768px) { #main .genre li:last-child { margin: 0; } }

#main .genre a { color: #fff; font-size: 1.2em; display: block; }

@media screen and (max-width: 768px) { #main .genre a { color: #5D90CB; font-size: .95em; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6% 0 6% 5%; } }

#main .genre img { vertical-align: middle; }

#main .genre span { display: block; border-radius: 100px; line-height: 135px; margin-bottom: 1em; }

@media screen and (max-width: 768px) { #main .genre span { display: none; } }

@media screen and (max-width: 768px) { #main .genre ul:last-child { min-width: inherit; max-width: 96%; margin: 2% auto 2% auto; }
  #main .genre ul:last-child li { float: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 0 4px 0; background: #fff; border: solid 2px #9fa0a0; text-align: left; }
  #main .genre ul:last-child li:last-of-type img { left: 5.7%; }
  #main .genre ul:last-child li span { display: inline-block; border-radius: 100%; margin-bottom: 0; width: 10%; text-align: center; margin-right: 3%; padding-top: 10%; vertical-align: middle; }
  #main .genre ul:last-child li span img { position: absolute; top: 24%; left: 3.8%; width: auto; height: 50%; }
  #main .genre ul:last-child li a { padding: 3%; }
  #main .genre ul li:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 3%; top: 50%; margin-top: -0.5em; width: 4%; }
  #main .genre ul:last-child li:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 3%; top: 1.5em; margin-top: -0.5em; width: 1em; } }

@media screen and (max-width: 768px) { #main .mp { clear: both; background: #fff; } }

.pc #main .mp { background: #DFDFD0; padding-bottom: 30px; }

.sp #main .mp { padding-bottom: 0; }

#main .mp h2.ttl { padding: 5% 2%; width: 900px; margin: auto; line-height: 1.3; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { #main .mp h2.ttl { width: 100%; } }

#main .mp ul { min-width: 1100px; }

@media screen and (max-width: 768px) { #main .mp ul { min-width: inherit; } }

#main .mp li { width: 350px; display: inline-block; margin: 0 10px; }

@media screen and (max-width: 768px) { #main .mp li { min-width: inherit; width: 96%; } }

#main .mp li:first-child { margin: 0 10px 0 0; }

#main .mp li:last-child { margin: 0 0 0 10px; }

#main .mp a { display: block; }

@media screen and (max-width: 768px) { #main .mp a { min-width: inherit; color: #5D90CB; border: solid 1px #ccc; margin-right: 2%; } }

#main .mp h3 { background: #fff; text-align: center; font-size: 1.4em; border-radius: 7px; line-height: 50px; font-weight: normal; position: relative; }

@media screen and (max-width: 768px) { #main .mp h3 { font-size: 1.1em; border-radius: 0; border: 0; float: right; width: 71.5%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; line-height: 1em; padding: 4.2% 1%; } }

#main .mp h3:after { content: "▼"; color: #fff; position: absolute; bottom: -9px; line-height: 1em; width: 100%; text-align: center; left: 0; }

@media screen and (max-width: 768px) { #main .mp h3:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 3%; top: 50%; margin-top: -0.4em; font-size: 1.2em; color: #000; text-align: right; bottom: initial; left: initial; width: 3.5%; } }

#main .mp p { padding: 14px 0; }

@media screen and (max-width: 768px) { #main .mp p { float: left; width: 25.5%; padding: 0; }
  #main .mp p img { width: 100%; height: auto; } }

#main .info { background: transparent; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { #main .info { background: #DFDFD0; padding-bottom: 5%; } }

#main .info h2.ttl { color: #fff; padding: 100px 0 40px; }

@media screen and (max-width: 768px) { #main .info h2.ttl { color: #000; padding: 5% 0; } }

#main .info ul { width: 1100px; margin: 0 auto; }

@media screen and (max-width: 768px) { #main .info ul { min-width: inherit; max-width: 96%; margin: 0 auto; } }

#main .info li { display: inline-block; width: 259px; margin: 0 8px; padding-bottom: 50px; vertical-align: top; }

@media screen and (max-width: 768px) { #main .info li { float: left; width: 100%; padding: 0; margin: 0; background: #fff; border: solid 1px #DFDFD0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
  #main .info li h3 { text-align: center; } }

#main .info li img { height: auto; }

#main .info li:nth-of-type(1) img { width: 197px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(1) img { width: 100%; } }

#main .info li:nth-of-type(2) img { width: 168px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(2) img { width: 100%; } }

#main .info li:nth-of-type(3) img { width: 100px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(3) img { width: 96%; margin-top: -.4em; } }

#main .info li:nth-of-type(4) img { width: 145px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(4) img { width: 100%; } }

#main .info li:nth-of-type(5) img { width: 127px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(5) img { width: 100%; } }

#main .info li:nth-of-type(6) img { width: 85px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(6) img { width: 96%; margin-top: -.4em; } }

#main .info li:nth-of-type(7) img { width: 145px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(7) img { width: 100%; } }

#main .info li:nth-of-type(8) img { width: 100px; }

@media screen and (max-width: 768px) { #main .info li:nth-of-type(8) img { width: 100%; } }

#main .info li:first-child, #main .info li:nth-of-type(4n+1) { margin-left: 0; }

#main .info li:nth-of-type(4n) { margin-right: 0; }

#main .info a { color: #fff; font-size: 1.2em; display: block; }

@media screen and (max-width: 768px) { #main .info a { color: #5D90CB; font-size: 1.1em; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5% 8% 5% 3%; }
  #main .info a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 3%; top: 50%; margin-top: -0.5em; width: 2.5%; }
  #main .info a img { width: 100%; height: auto; } }

#main .info h3 { background: #fff; border-radius: 10px; line-height: 150px; }

@media screen and (max-width: 768px) { #main .info h3 { background: #fff; border-radius: inherit; line-height: inherit; float: left; width: 12%; } }

#main .info h3 img { vertical-align: middle; }

#main .info p { padding: 7px 0 0 0; }

@media screen and (max-width: 768px) { #main .info p { padding: 0 0 0 16%; } }

#main .info p.blank:after { content: url("../img/common/icon_blank.png"); vertical-align: text-bottom; padding-left: 6px; }

@media screen and (max-width: 768px) { #main .info li:last-child { margin: 0 0 0 0; } }

#weatherPlace { float: left; padding-top: 7%; font-size: 1.1em; width: 40%; letter-spacing: -.05em; }

#weatherIcon { width: 20%; float: left; }

#weatherIcon img { width: 100%; }

#weatherDataTemp { float: right; font-size: 1.1em; padding-top: 0; width: 37%; text-align: left; }

#weatherDate { font-size: 1.2em; }

#weatherTemp { float: left; font-size: 1.9em; line-height: 1.1em; }

.weatherBlock { background-color: #DFDFD1; padding: 3% 1%; }

.weatherBlock span { display: block; }

.okatabi-home { background-color: #dfdfd0; }

.okatabi-home-img { background-color: #fff; padding: 30px; }

.okatabi-home-img img { max-width: 100%; height: auto; }

@media screen and (min-width: 768px) { .okatabi-home-img .pc { display: block; max-width: 924px; margin: 0 auto; } }

.okatabi-home-btn { padding-bottom: 30px; }

.okatabi-home-btn .bBlue { width: 238px; line-height: 50px; }

.okatabi-home-list { width: 900px; margin: 0 auto; text-align: left; padding: 30px 0; }

.okatabi-home-list li { display: inline-block; width: 282px; position: relative; vertical-align: top; border-bottom: 2px solid #E60012; margin: 10px 7px; }

.okatabi-home-list span { position: absolute; top: 166px; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 13px; }

.okatabi-home-list span:before { content: " "; background: #E60012; display: block; width: 32px; height: 20px; transform: rotate(-45deg); position: absolute; top: 8px; left: -21px; -webkit-transform: rotate(-45deg); }

.okatabi-home-list a img { max-height: 188px; }

.okatabi-home-list p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 4em; }

.okatabi-home-list a:hover { opacity: 1; }

.okatabi-home-list a:hover p { color: #F573A5; }

@media screen and (max-width: 768px) { .okatabi-home-list { width: 100%; margin: 0 auto; text-align: center; }
  .okatabi-home-list li { display: inline-block; width: 95%; position: relative; vertical-align: top; border: 2px solid #E60012; margin: 10px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .okatabi-home-list span { position: absolute; top: auto; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 25px; margin-top: -6.2%; font-size: 13px; height: 3em; }
  .okatabi-home-list img { position: absolute; top: 0; left: 0; }
  .okatabi-home-list a img { width: 100%; max-height: initial; }
  .okatabi-home-list span:before { content: " "; background: #E60012; display: block; width: 55px; height: 36px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 14px; left: -33px; }
  .okatabi-home-list a { display: block; padding-top: 66%; }
  .okatabi-home-list p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 4% 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: inherit; line-height: 1.4em; }
  .okatabi-home-list a:hover p { color: #F573A5; } }

#content #footer { position: relative; width: 1100px; margin: 0 auto; text-align: left; padding: 70px 0 40px 0; }

#content #footer a { color: #fff; display: inline-block; }

#content #footer #contenttop { width: 150px; position: absolute; line-height: 50px; font-size: 1.2em; text-align: center; top: -24px; right: 0; }

#content #footer .pagetop a { display: block; }

#content #footer ul { float: left; width: 30%; margin-bottom: 30px; border-right: 2px solid #fff; margin-right: 50px; min-height: 150px; max-width: initial; height: initial; max-width: auto; height: auto; }

#content #footer ul li { padding: 7px 0; float: left; width: 67%; }

#content #footer ul li:nth-child(even) { padding: 7px 0; float: left; width: initial; width: auto; }

#content #footer ul li:nth-last-child(2) { width: initial; width: auto; }

#content #footer ul li:nth-last-child(1) { padding: 7px 0; float: left; width: 67%; }

#content #footer .site { width: 40%; border-right: none; border-left: 2px solid #fff; margin-left: 40px; padding: 0 0 0 40px; margin-right: 0; }

#content #footer .site li:before { content: url("../img/common/icon_arrow_r2.png"); padding-right: 6px; }

#content #footer ul li img { margin-right: 7px; vertical-align: middle; }

#content #footer .fb { width: 285px; float: left; height: 150px; padding-top: 10px; }

#content #footer .fb p ~ p { padding-top: 10px; }

#content #footer .fb img { width: 100%; height: auto; }

#content #footer p { clear: none; float: right; }

@media screen and (max-width: 768px) { #content #footer { width: 100%; position: relative; margin: 0 auto; padding: 10% 0 9% 0; text-align: center; }
  #content #footer a { color: #fff; display: inline-block; }
  #content #footer #contenttop { width: 150px; position: absolute; line-height: 50px; font-size: 1.2em; text-align: center; top: -24px; right: 0; }
  #content #footer .pagetop a { display: block; background: #000; }
  #content #footer ul { float: left; width: 30%; margin-bottom: 30px; border-right: 2px solid #fff; margin-right: 50px; height: 150px; }
  #content #footer ul li { padding: 7px 0; float: left; width: 50%; }
  #content #footer .site { width: 37%; border-right: none; border-left: 2px solid #fff; margin-left: 50px; padding: 0 0 0 50px; margin-right: 0; }
  #content #footer .site li:before { content: url("../img/common/icon_arrow_r2.png"); padding-right: 6px; }
  #content #footer ul li img { margin-right: 7px; vertical-align: middle; }
  #content #footer .fb { width: 535px; float: right; }
  #content #footer p { clear: none; float: none; } }

#breadCrumbs { background: #000; color: #fff; border-bottom: 2px solid #5D90CB; padding-top: 50px; }

#breadCrumbs ul { width: 740px; margin: auto; text-align: left; padding: 5px 0; }

#breadCrumbs li { display: inline; margin-right: 2em; line-height: 1em; }

#breadCrumbs a { color: #fff; border-bottom: 1px #fff dotted; display: inline-block; }

#breadCrumbs img { vertical-align: text-top; }

@media screen and (max-width: 768px) { #breadCrumbs { padding-top: 5%; }
  #breadCrumbs ul { display: none; } }

#main .head { padding-bottom: 20px; }

#main .head h2 { background: #000; color: #fff; font-size: 3em; font-weight: normal; line-height: 2.8; }

#main .head .catch { width: 900px; margin: 0 auto; }

#main .head .catch .catch-bnr-img { margin-top: 50px; }

@media screen and (max-width: 768px) { #main .head { padding-bottom: 0; }
  #main .head h2 { font-size: 1.5em; line-height: 1.3em; padding: 5%; }
  #main .head .catch { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2%; }
  #main .head .catch img { width: 100%; height: auto; } }

#content #main .sns { padding-top: 10px; width: 900px; margin: 0 auto; text-align: left; margin-bottom: -20px; }

#content #main .sns li { display: inline-block; width: auto; padding: 0 8px 0 0; vertical-align: top; }

#content #main .sns .fb { margin-top: -3px; }

#content #main .sns .tw a { display: none; }

@media screen and (max-width: 768px) { #content .sns { display: none; }
  #content #main .sns { display: block; padding: 2% 0; width: auto; text-align: center; margin-bottom: 0; vertical-align: top; height: 20px; }
  #content #main .sns li { display: inline-block; width: auto; padding: 0 10px; vertical-align: top; line-height: 0; }
  #content #main .sns .fb { margin-top: 0; }
  #content #main .sns .fb span { vertical-align: top !important; }
  #content #main .sns .tw a { display: none; } }

/*----------------------------------------------------
head favorite
----------------------------------------------------*/
#main .head p.favorite { position: relative; width: 1000px; margin: auto; }

#main .head p.favorite a { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fc1680), color-stop(50%, #ca0f67)); background: linear-gradient(to bottom, #fc1680 50%, #ca0f67 50%); display: block; border-radius: 100px; position: absolute; top: -48px; right: 0; padding: 15px 20px; }

#main .head p.favorite span { background: #ccc; display: block; border-radius: 100px; position: absolute; top: -48px; right: 0; padding: 15px 20px; }

@media screen and (max-width: 768px) { #main .head p.favorite { position: relative; width: 100%; margin: auto; }
  #main .head p.favorite a { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fc1680), color-stop(50%, #ca0f67)); background: linear-gradient(to bottom, #fc1680 50%, #ca0f67 50%); display: block; border-radius: 0; position: relative; top: initial; right: initial; padding: 2% 0; color: #fff; }
  #main .head p.favorite span { background: #ccc; display: block; border-radius: 0; position: relative; top: initial; right: inherit; padding: 15px 20px; }
  #main .head p.favorite em { font-style: normal; } }

#main .head .ttl h3 { padding: 60px 0 40px 0; font-size: 1em; line-height: 1.1em; }

#main .head .ttl h4 span { background: #F18E43; width: 260px; font-size: 0.6em; color: #fff; font-weight: normal; border-radius: 20px; display: inline-block; margin: 0 5px; }

#main .head .ttl p { font-size: 0.6em; color: #B29161; padding-top: 40px; line-height: 1.3em; font-weight: bold; padding-bottom: 30px; }

@media screen and (max-width: 768px) { #main .head .ttl { padding-bottom: 2%; }
  #main .head .ttl h3 { padding: 6% 0 0 0; font-size: 1.2em; line-height: 1.1em; }
  #main .head .ttl h4 span { background: #F18E43; width: inherit; font-size: 0.6em; color: #fff; font-weight: normal; border-radius: 20px; display: inline-block; margin: 0 1%; padding: 0 4%; }
  #main .head .ttl p { font-size: 0.9em; color: #B29161; padding-top: 5%; line-height: 1.3em; font-weight: bold; padding-bottom: 0; } }

.spot #main .head .ttl { width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { .spot #main .head .ttl { width: 100%; } }

.spot #main .sec .imgs { padding-bottom: 60px; }

.spot #main .sec .imgs .slider { background: transparent; width: 100%; height: 600px; overflow: hidden; }

.spot #main .sec .imgs .slider li { padding-bottom: 20px; }

#main .sec .imgs .pager { height: 120px; overflow: hidden; padding: 0; text-align: left; }

#main .sec .imgs .pager li { display: inline-block; padding: 0 5px; }

@media screen and (max-width: 768px) { .spot #main .sec .imgs { padding-bottom: 3%; }
  .spot #main .sec .imgs .slider { background: inherit; width: 100%; height: inherit; overflow: hidden; }
  .spot #main .sec .imgs .slider li { padding-bottom: 20px; position: relative; width: 100%; padding-top: 60%; }
  .spot #main .sec .imgs .slider li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: initial; height: initial; }
  #main .sec .imgs .pager { height: 120px; overflow: hidden; padding: 0; display: none; } }

.event #main .sec .imgs { padding-bottom: 60px; }

.event #main .sec .imgs .slider { background: transparent; width: 100%; height: 600px; overflow: hidden; }

.event #main .sec .imgs .slider li { padding-bottom: 20px; }

@media screen and (max-width: 768px) { .event #main .sec .imgs { padding-bottom: 3%; }
  .event #main .sec .imgs .slider { background: inherit; width: 100%; height: inherit; overflow: hidden; }
  .event #main .sec .imgs .slider li { padding-bottom: 20px; position: relative; width: 100%; padding-top: 60%; }
  .event #main .sec .imgs .slider li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: initial; height: initial; } }

.spot #main .sec .txt { font-size: 1.2em; line-height: 1.8em; text-align: left; }

@media screen and (max-width: 768px) { .spot #main .sec .txt { font-size: 1em; line-height: 1.5em; text-align: left; } }

.spot #main .sec .tags { clear: both; padding: 60px 0; }

.spot #main .sec .tags li { border: solid 1px #F18E43; color: #F18E43; font-size: 1.3em; font-weight: bold; display: inline-block; margin-right: 0.4%; padding: 0 30px; }

.spot #main .sec .tags li:last-child { margin: 0; }

.spot #main .sec .tags li a { color: #F18E43; display: block; }

@media screen and (max-width: 768px) { .spot #main .sec .tags { clear: both; padding: 5% 0 0; margin-bottom: 1.4em; }
  .spot #main .sec .tags li { border: solid 1px #F18E43; color: #F18E43; font-size: 1em; font-weight: bold; display: inline-block; margin-right: 0.4%; padding: 1% 0; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; line-height: 1.2em; margin-bottom: 4%; }
  .spot #main .sec .tags li:last-child { margin: 0; }
  .spot #main .sec .tags li a { color: #F18E43; display: block; } }

.spot #main .sec .trip dt { font-size: 1.8em; }

.spot #main .sec .trip dd { padding: 5px 0 60px 0; }

@media screen and (max-width: 768px) { .spot #main .sec .trip dt { font-size: 1.2em; padding-top: 5%; }
  .spot #main .sec .trip dd { padding: 2% 5% 5%; } }

.spot #main .binfo { background: #DFDFD0; padding-bottom: 40px; }

.spot #main .binfo .ttl { text-align: left; padding-top: 30px; color: #fff; }

.spot #main .binfo dl { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; }

.spot #main .binfo .table { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; width: 100%; text-align: left; }

.spot #main .binfo .table dl { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-row; }

.spot #main .binfo dl dt { display: table-cell; padding: 1.5em 1em; vertical-align: middle; width: 23%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #cecec0; border: solid 1px #fff; }

.spot #main .binfo dl dd { display: table-cell; padding: 1.5em 1em; vertical-align: middle; width: 77%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; }

.spot #main .binfo dl a { text-decoration: underline; }

.spot #main .binfo dl .blank:after { content: url("../img/common/icon_blank.png"); padding-left: 6px; }

@media screen and (max-width: 768px) { .spot #main .binfo { background: #DFDFD0; padding-bottom: 5%; margin-bottom: 3%; }
  .spot #main .binfo .ttl { text-align: left; padding-top: 5%; color: #fff; }
  .spot #main .binfo dl { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .spot #main .binfo .table { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; width: 100%; text-align: left; }
  .spot #main .binfo .table dl { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }
  .spot #main .binfo dl dt { display: block; padding: 0.5em; vertical-align: middle; width: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; background: #cecec0; border: solid 1px #fff; }
  .spot #main .binfo dl dd { display: block; padding: 0.5em; vertical-align: middle; width: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; word-wrap: break-word; }
  .spot #main .binfo dl a { text-decoration: underline; }
  .spot #main .binfo dl .blank:after { content: url("../img/common/icon_blank.png"); padding-left: 6px; } }

.spot #main .sec .map, .event #main .sec .map { width: 100%; height: 650px; }

@media screen and (max-width: 768px) { .spot #main .sec .map, .event #main .sec .map { width: 100%; height: 280px; } }

/*
relation
----------------------------------------------------*/
.spot #main .relation .ttl, .event #main .relation .ttl { background: #fdeee4; font-size: 2em; line-height: 3.5; font-weight: normal; margin-bottom: 60px; }

.spot #main .relation .ttl:before, .event #main .relation .ttl:before { content: url("../img/spot/icon_eye.png"); vertical-align: sub; padding-right: 20px; }

.spot #main .relation ul, .event #main .relation ul { padding-bottom: 100px; }

.spot #main .relation li, .event #main .relation li { display: inline-block; text-align: left; font-size: 1.4em; margin-right: 10px; line-height: 1.2em; width: 290px; vertical-align: top; }

.spot #main .relation li:last-child, .event #main .relation li:last-child { margin-right: 0; }

.spot #main .relation a, .event #main .relation a { color: #fff; display: block; }

.spot #main .relation p, .event #main .relation p { background: #F18E43; padding: 0.5em 1em; }

@media screen and (max-width: 768px) { .spot #main .relation, .event #main .relation { padding: 0 0 5% 0; }
  .spot #main .relation .sec, .event #main .relation .sec { width: 255%; margin-left: -77%; }
  .spot #main .relation .ttl, .event #main .relation .ttl { background: #fdeee4; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin-bottom: 5%; position: relative; padding: 5% 7% 5% 20%; margin-top: 3%; }
  .spot #main .relation .ttl:before, .event #main .relation .ttl:before { content: " "; vertical-align: sub; position: absolute; top: 50%; left: 5%; margin-top: -0.6em; background: url("../img/spot/icon_eye.png") no-repeat; background-size: contain; padding: 7%; }
  .spot #main .relation ul, .event #main .relation ul { padding-bottom: 27%; }
  .spot #main .relation li, .event #main .relation li { display: inline-block; text-align: left; font-size: 1em; margin-right: 10px; line-height: 1.2em; width: 290px; vertical-align: top; }
  .spot #main .relation li:last-child, .event #main .relation li:last-child { margin-right: 0; }
  .spot #main .relation a, .event #main .relation a { color: #fff; display: block; }
  .spot #main .relation p, .event #main .relation p { background: #F18E43; padding: 0.5em 0.5em; } }

.pager { text-align: center; padding: 80px 0 20px; }

.pager:last-child { text-align: center; padding: 20px 0 80px; }

.wp-pagenavi { margin: 0 auto 10px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.wp-pagenavi a, .wp-pagenavi span { font-size: 1em; line-height: 1; margin-right: 6px; text-align: center; width: 2em; height: 2em; text-decoration: none; background-color: #fff; border: 1px solid #5D90CB; color: #5D90CB; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.wp-pagenavi a:hover { text-decoration: none; color: #fff; background-color: #5D90CB; }

.wp-pagenavi .current { color: #fff; background-color: #5D90CB; }

.wp-pagenavi .extend { display: none; }

@media screen and (max-width: 768px) { .pager { text-align: center; padding: 2% 0 2%; }
  .pager:last-child { text-align: center; padding: 10px 0 40px; }
  .wp-pagenavi { margin: 0 auto 10px auto; }
  .wp-pagenavi a, .wp-pagenavi span { font-size: 1em; margin-right: 6px; text-align: center; text-decoration: none; background-color: #fff; border: 1px solid #5D90CB; color: #5D90CB; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .wp-pagenavi a:hover { text-decoration: none; color: #fff; background-color: #5D90CB; }
  .wp-pagenavi .current { color: #fff; background-color: #5D90CB; }
  .wp-pagenavi .extend { display: none; } }

.totalPage { text-align: left; font-size: 1.3em; border-bottom: 1px solid #000; padding-bottom: 10px; }

@media screen and (max-width: 768px) { .totalPage { text-align: left; font-size: 1em; border-bottom: 1px solid #000; padding-bottom: 10px; } }

.spotArchive #main .list { text-align: left; }

.spotArchive #main .box { padding: 50px 0; border-bottom: 1px solid #000; }

.spotArchive #main .box > div { float: right; width: 63%; }

.spotArchive #main .box div p { padding-top: 9px; }

.spotArchive #main .box h3 { font-size: 1.6em; }

.spotArchive #main .box h3 span { display: block; float: right; background: #F18E43; margin: auto 0 0 9px; font-size: 0.7em; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; }

.spotArchive #main .box .catch { color: #B29161; font-size: 1.2em; }

.spotArchive #main .box .link { text-align: center; }

.spotArchive #main .box div a { padding: 2px 5px; }

@media screen and (max-width: 768px) { .spotArchive #main .list { text-align: left; }
  .spotArchive #main .list li:last-child { border-bottom: 0 solid #000; }
  .spotArchive #main .box { padding: 5% 0; border-bottom: 1px solid #000; }
  .spotArchive #main .box > div { float: none; width: inherit; }
  .spotArchive #main .box div p { padding-top: 2%; }
  .spotArchive #main .box h3 { font-size: 1.5em; text-align: center; }
  .spotArchive #main .box h3 span { display: none; }
  .spotArchive #main .box p.area { text-align: center; padding-top: 1%; }
  .spotArchive #main .box p.area span { display: inline-block; background: #F18E43; margin: auto 0 0 9px; font-size: 1em; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; }
  .spotArchive #main .box .catch { text-align: center; }
  .spotArchive #main .box .photo { text-align: center; }
  .spotArchive #main .box .photo a { text-align: center; background: none; display: block; }
  .spotArchive #main .box .desc { padding-bottom: 5%; }
  .spotArchive #main .box .link { text-align: center; padding: 0 5%; }
  .spotArchive #main .box div a { padding: 2% 0; display: block; } }

.favorite #main .list { text-align: left; }

.favorite #main .list .box { padding: 50px 0; border-bottom: 1px solid #000; overflow: hidden; }

.favorite #main .list .box .fR { width: 63%; }

.favorite #main .list .box .fR p { padding-top: 9px; }

.favorite #main .list .box .fR dl { margin-top: 9px; background: #E6E6E6; }

.favorite #main .list .box .fR dl dt { padding: 10px 15px; width: 24%; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 2px solid #fff; clear: both; white-space: nowrap; }

.favorite #main .list .box .fR dl dd { padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; margin-left: 24%; border-top: 2px solid #fff; }

.favorite #main .list .box h3 { font-size: 1.6em; }

.favorite #main .list .box h3 a { text-decoration: underline; }

.favorite #main .list .box h3 span a { display: block; float: right; margin: auto; font-size: 0.7em; font-weight: normal; padding: 0 20px; text-decoration: none; border: solid 1px #ccc; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, #ffffff), to(#dedfdf)); background: linear-gradient(to bottom, #ffffff 59%, #dedfdf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedfdf',GradientType=0 ); /* IE6-9 */ }

.favorite #main .list .box h3 span a:before { content: "×"; margin-right: 5px; }

.favorite #main .list .box .catch { color: #B29161; font-size: 1.3em; }

.favorite #main .list .box .fL ul { padding-top: 10px; }

.favorite #main .list .box .fL ul li { background: #F18E43; color: #fff; text-align: center; margin-bottom: 5px; }

@media screen and (max-width: 768px) { .favorite #main .list { text-align: left; }
  .favorite #main .list .box { padding: 50px 0; border-bottom: 1px solid #000; overflow: hidden; }
  .favorite #main .list .box:last-child { border-bottom: 0 solid #000; }
  .favorite #main .list .box .fR { width: initial; }
  .favorite #main .list .box .fR p { padding-top: 9px; }
  .favorite #main .list .box .fR dl { margin-top: 9px; background: #E6E6E6; }
  .favorite #main .list .box .fR dl dt { padding: 10px 15px; width: initial; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; border-top: 2px solid #fff; clear: both; white-space: nowrap; }
  .favorite #main .list .box .fR dl dd { padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; margin-left: auto; border-top: 2px solid #fff; }
  .favorite #main .list .box h3 { font-size: 1.6em; }
  .favorite #main .list .box h3 a { text-decoration: underline; }
  .favorite #main .list .box h3 span a { display: block; float: right; margin: auto; font-size: 0.7em; font-weight: normal; padding: 0 20px; text-decoration: none; border: solid 1px #ccc; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, #ffffff), to(#dedfdf)); background: linear-gradient(to bottom, #ffffff 59%, #dedfdf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedfdf',GradientType=0 ); /* IE6-9 */ }
  .favorite #main .list .box h3 span a:before { content: "×"; margin-right: 5px; }
  .favorite #main .list .box .catch { color: #B29161; font-size: 1.3em; }
  .favorite #main .list .box .fL { float: none !important; }
  .favorite #main .list .box .fL ul { padding-top: 10px; }
  .favorite #main .list .box .fL ul li { background: #F18E43; color: #fff; text-align: center; margin-bottom: 5px; } }

.timelapse #main .sec { padding: 80px 0 130px 0; }

.timelapse #main .box dt, .timelapse #main .list h3 { font-size: 1.4em; text-align: left; }

.timelapse #main .box dt:before, .timelapse #main .list h3:before { content: url("../img/common/icon_timelapus.png"); vertical-align: middle; margin-right: 5px; }

.timelapse #main .box dd { padding-bottom: 30px; }

.timelapse #main .list h3 { font-weight: normal; }

.timelapse #main .list div { background: #000; padding: 20px 20px 10px; text-align: left; }

.timelapse #main .list dl { float: left; padding-right: 10px; padding-bottom: 10px; width: 286px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.timelapse #main .list dl:nth-child(3) { padding-right: 0; }

.timelapse #main .list dd { color: #fff; font-size: 1.2em; background: #242424; padding: 5px 7px; width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { .timelapse #main .sec { padding: 80px 0 130px 0; }
  .timelapse #main .box dt, .timelapse #main .list h3 { padding-left: 3%; padding-top: 5%; }
  .timelapse #main .box dd { padding-bottom: 3%; }
  .timelapse #main .box dd img { width: 100%; height: auto; }
  .timelapse #main .list h3 { font-weight: normal; font-size: 1.2em; }
  .timelapse #main .list div { background: #000; padding: 3% 1% 1% 3%; text-align: left; margin-bottom: 5%; }
  .timelapse #main .list dl { float: left; padding-right: 2%; padding-bottom: 2%; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .timelapse #main .list dt img { width: 100%; height: auto; }
  .timelapse #main .list dl:nth-child(3) { padding-right: 10px; }
  .timelapse #main .list dd { color: #fff; font-size: 1em; background: #242424; padding: 3%; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.4em; } }

/*----------------------------------------------------
guidemap
----------------------------------------------------*/
.guidemap #main .sec { text-align: left; }

.guidemap #main .sec p { text-align: right; padding: 0 0 80px 0; clear: both; }

.guidemap #main .head p { font-size: 1.3em; padding: 70px; }

.guidemap #main h3 { font-size: 1.7em; padding-bottom: 20px; clear: both; text-align: left; }

.guidemap #main li { text-align: center; display: inline-block; margin-right: 1%; width: 31.9%; margin-bottom: 30px; vertical-align: top; padding-top: 50px; }

.guidemap #main .l4 li { margin-right: 1%; min-width: 24%; }

.guidemap #main ul li:last-child { margin-right: 0; }

.guidemap #main li a { display: block; color: #fff; }

.guidemap #main dt { background: #E8E8E8; padding: 40px 0; min-height: 348px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 220px; }

.guidemap #main dt span { display: block; text-align: center; color: #000; font-size: 1.2em; padding-top: 7px; margin-bottom: -1em; }

.guidemap #main .l4 dt { padding: 40px 0; }

.guidemap #main dd { background: #000; font-size: 1.2em; padding: 6px 0; margin-bottom: 13px; }

.guidemap #main dd span { display: block; font-size: .9em; }

@media screen and (max-width: 768px) { .guidemap #main .sec { text-align: left; }
  .guidemap #main .sec p { text-align: center; padding: 0 0 5% 0; clear: both; font-size: 0.8em; }
  .guidemap #main .head p { font-size: 1.3em; padding: 70px; }
  .guidemap #main h3 { font-size: 1.1em; padding-bottom: 0; clear: both; text-align: left; }
  .guidemap #main li { text-align: center; display: inline-block; margin-right: 1%; width: 48.2%; margin-bottom: 5%; vertical-align: top; padding-top: 0; }
  .guidemap #main .l4 li { margin-right: 1%; min-width: 24%; }
  .guidemap #main ul li:last-child { margin-right: 0; }
  .guidemap #main li a { display: block; color: #fff; font-size: 0.8em; line-height: 1.4em; }
  .guidemap #main dt { background: #fff; padding: 0 0 10px 0; min-height: initial; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: initial; }
  .guidemap #main dt img { vertical-align: top; }
  .guidemap #main dt span { display: block; text-align: center; color: #000; font-size: 1.2em; padding-top: 7px; margin-bottom: -1em; }
  .guidemap #main .l4 dt { padding: 40px 0; }
  .guidemap #main dd { background: #000; font-size: 1.2em; padding: 6px 0; margin-bottom: 13px; }
  .guidemap #main dd span { display: block; font-size: .9em; } }

.faq #main .sec { text-align: left; padding: 80px 0 40px 0; font-size: 1.2em; }

.faq #main .sec dl { padding-bottom: 40px; }

.faq #main .sec dt { background: #C5855B; color: #fff; font-size: 1.1em; padding: 15px; }

.faq #main .sec dt:before { content: "Q"; background: #fff; color: #C5855B; padding: 5px 10px; margin-right: 15px; border-radius: 5px; }

.faq #main .sec dd { background: #F7EEE8; font-size: 1em; padding: 15px 15px 15px 65px; position: relative; line-height: 1.4em; }

.faq #main .sec dd:before { content: 'A'; background: #C5855B; color: #fff; padding: 4px 12px; margin-right: 15px; border-radius: 5px; position: absolute; top: 15px; left: 13px; }

.faq #main .sec ul { text-align: center; padding-top: 5px; }

.faq #main .sec li { display: inline-block; font-size: 0.9em; }

.faq #main .sec li a { padding: 2px 15px; margin: 0 3px; }

.faq #main .sec div a { color: #5D90CB; text-decoration: underline; }

@media screen and (max-width: 768px) { .faq #main .sec { text-align: left; font-size: 1.2em; padding: 3% 3% 3% 3% !important; }
  .faq #main .sec dl { padding-bottom: 6%; }
  .faq #main .sec dt { background: #C5855B; color: #fff; font-size: 0.8em; padding: 2%; }
  .faq #main .sec dt:before { content: "Q"; background: #fff; color: #C5855B; padding: 1% 3%; margin-right: 3%; border-radius: 5px; display: inline-block; }
  .faq #main .sec dd { background: #F7EEE8; font-size: 0.8em; padding: 3% 3% 3% 14%; position: relative; line-height: 1.4em; }
  .faq #main .sec dd:before { content: 'A'; background: #C5855B; color: #fff; padding: 2% 4%; margin-right: 3%; border-radius: 5px; position: absolute; top: 0.4em; left: 2%; display: block; }
  .faq #main .sec ul { text-align: center; padding-top: 5px; }
  .faq #main .sec li { display: inline-block; font-size: 0.9em; }
  .faq #main .sec li a { padding: 0.4em 2em; margin: 0 3px; }
  .faq #main .sec div a { color: #5D90CB; text-decoration: underline; } }

/*----------------------------------------------------
abouts
----------------------------------------------------*/
.abouts #main { padding-bottom: 100px; }

.abouts #main .head .img { position: relative; width: 900px; margin: 0 auto; padding-top: 60px; }

.abouts #main .head .img h3 { display: table-cell; width: 900px; text-align: center; height: 200px; vertical-align: middle; z-index: 999; position: relative; font-size: 2.3em; color: #fff; text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

.abouts #main .head .img p { position: absolute; top: 60px; z-index: 0; }

.abouts #main .box { border-bottom: 1px solid #3FBDD7; padding: 60px 0; }

.abouts #main .box:last-child { border-bottom: none; }

.abouts #main .box h3 { color: #B29161; font-size: 1.9em; font-weight: normal; }

.abouts #main .box h3 span { display: block; padding-bottom: 1em; }

.abouts #main .box p { padding: 1% 0; font-size: 1em; }

.abouts #main .box .link a:after { content: url("../img/common/icon_arrow_r3.png"); margin-left: 7px; margin-right: -7px; }

.abouts #main .with { width: 49%; float: left; margin-right: 1%; text-align: left; padding-top: 50px; }

.abouts #main .with h4 { color: #fff; font-weight: normal; font-size: .9em; }

.abouts #main .with h4 span { display: block; padding: 4px 17px; background: #6DA750; border-radius: 5px 5px 0 0; }

.abouts #main .with h4 strong { display: block; background: #3FBDD7; font-size: 1.7em; font-weight: normal; padding: 8px 17px; }

.abouts #main .with p { background: #E2F5F9; padding: 1em; font-size: 1.1em; margin-bottom: 10px; }

.abouts #main .with .slider { height: 330px; }

.abouts #main .with .pager { text-align: center; padding: 0 0; margin: 0 30px; }

.abouts #main .with .pager li { padding-top: 10px; }

.abouts #main .with .link { padding-top: 10px; }

.abouts #main .with .link li { padding-bottom: 5px; text-align: center; }

.abouts #main .with .link li a { display: block; padding: 5px 5px; }

.abouts #main .box .link { text-align: center; }

.abouts #main .box .link dl { display: inline-block; width: 290px; margin: 3px 3px; }

.abouts #main .box .link dd { padding-top: 10px; }

.abouts #main .box .link dd a { display: block; padding: 5px 5px; }

.abouts #main .tl a { background: #3FBDD7; padding: 60px 0; display: block; }

.abouts #main .tl p { font-size: 2em; color: #fff; padding-top: 20px; }

@media screen and (max-width: 768px) { .abouts #main { padding-bottom: 10%; }
  .abouts #main .head .img { position: relative; width: inherit; margin: 0 auto; padding-top: 5%; }
  .abouts #main .head .img h3 { display: block; width: 100%; text-align: center; height: inherit; vertical-align: middle; z-index: 999; position: relative; font-size: 1.4em; color: #000; text-shadow: inherit; }
  .abouts #main .head .img p { display: none; }
  .abouts #main .box { border-bottom: 2px solid #3FBDD7; padding: 5% 0; }
  .abouts #main .box:last-child { border-bottom: none; }
  .abouts #main .box h3 { color: #B29161; font-size: 1.2em; font-weight: normal; }
  .abouts #main .box p { text-align: left; }
  .abouts #main .box p img { width: 100%; height: auto; }
  .abouts #main .box h3 span p { text-align: center; }
  .abouts #main .box h3 span p img { width: auto; height: auto; }
  .abouts #main .box .link a:after { margin-left: 0.5em; margin-right: -1.5em; content: " "; background: url("../img/common/icon_arrow_r3.png") no-repeat; background-size: contain; width: 0.9em; height: 0.8em; display: inline-block; }
  .abouts #main .with { width: 100%; float: left; margin-right: 1%; text-align: left; padding-top: 5%; }
  .abouts #main .with h4 { font-size: 0.8em; text-align: left; }
  .abouts #main .with h4 span { display: block; padding: 1% 4%; background: #6DA750; border-radius: 5px 5px 0 0; }
  .abouts #main .with h4 strong { display: block; background: #3FBDD7; font-size: 1.7em; font-weight: normal; padding: 2% 4%; }
  .abouts #main .with p { background: #E2F5F9; padding: 0.6em; font-size: 1em; margin-bottom: 3%; }
  .abouts #main .with .slider { height: auto; overflow: initial; }
  .abouts #main .with .slider li img { width: 100%; height: auto; }
  .abouts #main .with .pager li { padding-top: 10px; }
  .abouts #main .with .link { padding-top: 1%; }
  .abouts #main .with .link li { width: 80%; margin: 0 auto; }
  .abouts #main .with .link li a { display: block; padding: 2%; margin-top: 2%; }
  .abouts #main .box .link dl { display: inline-block; width: 100%; margin: 3px 3px; }
  .abouts #main .box .link dl dt img { width: 100%; height: auto; }
  .abouts #main .box .link dd { padding: 5%; }
  .abouts #main .box .link dd a { display: block; padding: 5px 5px; }
  .abouts #main .tl a { background: #3FBDD7; padding: 5% 0; display: block; }
  .abouts #main .tl a img { width: 94%; height: auto; }
  .abouts #main .tl p { font-size: 1.2em; color: #fff; padding-top: 3%; } }

.access #main h3 { color: #CE93C0; font-size: 2.4em; padding-bottom: 30px; }

.access #main .link h4 { text-align: left; font-size: 1.2em; }

.access #main .link h4:before { content: url("../img/common/icon_arrow_r5.png"); padding: 0 5px 0 0; }

.access #main .head .catch h3 { padding-top: 30px; font-size: 3.1em; color: #000; }

.access #main .head .catch p { font-size: 1.2em; padding: 0 0 40px 0; }

.access #main .airport { padding: 80px 0; }

.access #main .airport h3:before { content: url("../img/access/icon_airport.png"); vertical-align: middle; margin-right: 15px; }

.access #main .train .sec { padding-bottom: 50px; }

.access #main .train h3:before { content: url("../img/access/icon_train.png"); vertical-align: middle; margin-right: 15px; }

.access #main .airport .table { text-align: left; }

.access #main .airport .table h4:before { content: url("../img/common/icon_arrow_r5.png"); padding: 0 5px 0 0; }

.access #main .airport table { border: solid 1px; width: 100%; margin: 3px 0 10px; }

.access #main .airport table tr.even { background: #F5F0E6; }

.access #main .airport table th { padding: 5px 7px; font-weight: normal; }

.access #main .airport table th.line { border-top: solid 1px #000; border-bottom: solid 1px #ccc; }

.access #main .airport table td { border-left: solid 1px #ccc; padding: 5px 7px; width: 50%; }

.access #main .airport table td a { display: block; text-align: center; }

.access #main .train .sec p { text-align: right; }

.access #main .train .airport { background: #F6F6F6; }

.access #main .train .link { padding: 60px 0; width: 900px; margin: 0 auto; }

.access #main .train .link > dl { font-size: 1.2em; padding: 10px 0 20px 0; }

.access #main .train .link > dl dt, .access #main .train .link > dl dd { color: #055A8E; }

.access #main .train .link > dl dt, .access #main .train .link > dl dd a { color: #055A8E; }

.access #main .train .link > dl dd { padding-bottom: 1.8em; }

.access #main .train .link > dl dd a { text-decoration: underline; }

.access #main .train .widearea { border: 2px solid #8a75a2; }

.access #main .train .widearea p { padding: 30px 60px; text-align: left; }

.access #main .train .widearea p strong { color: #CE93C0; font-weight: normal; font-size: 1.4em; }

.access #main .train .widearea a { display: block; }

.access #main .train .widearea a dl { font-size: 1.3em; padding: 10px; }

.access #main .train .widearea a dt, .access #main .train .widearea a dd { display: inline-block; }

.access #main .train .widearea a dt:after { content: url("../img/common/icon_arrow_r4.png"); vertical-align: middle; padding: 0 10px 0 19px; }

.access #main .car { padding: 60px 0; }

.access #main .car h3:before { content: url("../img/access/icon_car.png"); vertical-align: middle; margin-right: 15px; }

.access #main .car p { font-size: 1.2em; }

.access #main .car p a { border-radius: 10px; border: solid 2px #52589d; display: block; width: 80%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 0 5px 0; font-size: 1.5em; }

.access #main .car p a:before, .access #main .car p a:after { display: inline-block; vertical-align: middle; padding: 0 40px; }

.access #main .car p a:before { content: url("../img/access/icon_train_w.png"); }

.access #main .car p a:after { content: url("../img/access/icon_car_w.png"); }

.access #main .car .link { padding: 60px 0; }

.access #main .car .link .table { width: 80%; margin: 0 auto; }

.access #main .car .link .table dl { display: table; border-spacing: 5px; width: 100%; margin: 30px 0; }

.access #main .car .link .table dt { display: table-cell; border: 2px solid #000; vertical-align: middle; font-weight: bold; font-size: 1.1em; }

.access #main .car .link .table dd { display: table-cell; vertical-align: middle; }

.access #main .car .link .table dd a { display: block; padding: 0; margin-right: 10px; }

.access #main .car .link .table dd ul { margin-right: 0; }

.access #main .car .link .table dd li a { margin: 2px 0; }

.access #main .car .link .table dd li:first-child a { margin: 0 0 2px 0; }

.access #main .car .link .table dd li:last-child a { margin: 2px 0 0 0; }

.access #main .spot { padding: 60px 0 100px; width: 900px; margin: 0 auto; }

.access #main .spot h3 { color: #000; }

.access #main .spot ul { margin: 0 auto; text-align: left; }

.access #main .spot li { display: inline-block; padding-bottom: 25px; margin-right: 5px; }

.access #main .spot li { display: inline-block; padding-bottom: 25px; margin-right: 1px; width: 219px; vertical-align: text-top; }

.access #main .spot a { display: block; }

.access #main .spot p { background: #CE93C0; color: #fff; font-size: 1.1em; padding: 5px 10px; line-height: 1.4em; }

@media screen and (max-width: 768px) { .access #main h3 { color: #CE93C0; font-size: 1.2em; padding-bottom: 2%; line-height: 1.3em; }
  .access #main .link h4 { font-size: 1.2em; text-align: center; }
  .access #main .link h4:before { content: url("../img/common/icon_arrow_r5.png"); padding: 0 5px 0 0; vertical-align: text-bottom; }
  .access #main .head .catch h3 { padding-top: 5%; font-size: 1.4em; color: #000; line-height: 1.3em; }
  .access #main .head .catch p { font-size: 1em; padding: 0 0 5% 0; text-align: left; }
  .access #main .airport { padding: 5% 0; }
  .access #main .airport .pB40 { padding-bottom: 5% !important; }
  .access #main .airport h3:before { content: " "; vertical-align: middle; margin-right: 2%; background: url("../img/access/icon_airport.png") no-repeat; padding: 2% 4%; background-size: contain; }
  .access #main .train .sec { padding-bottom: 10px; }
  .access #main .train h3:before { content: " "; vertical-align: middle; margin-right: 2%; background: url("../img/access/icon_train.png") no-repeat; padding: 1% 3%; background-size: contain; }
  .access #main .airport .table { text-align: left; }
  .access #main .airport .table h4 { font-size: 0.8em; }
  .access #main .airport .table h4:before { content: url("../img/common/icon_arrow_r5.png"); padding: 0 5px 0 0; }
  .access #main .airport table { border: solid 1px; width: 100%; margin: 3px 0 10px; font-size: 0.8em; }
  .access #main .airport table tr.even { background: #fff; }
  .access #main .airport table tr.odd { background: #F5F0E6; }
  .access #main .airport table th { padding: 5px 7px; font-weight: normal; }
  .access #main .airport table th { border-top: solid 1px #000; border-bottom: solid 1px #ccc; }
  .access #main .airport table td { border-left: solid 1px #000; padding: 5px 7px; width: 50%; }
  .access #main .airport table td a { display: block; text-align: center; padding: 2% 0; }
  .access #main .train .sec p { text-align: right; font-size: 0.6em; padding-bottom: 10px; }
  .access #main .train .airport { background: #F6F6F6; padding: 20px; }
  .access #main .train .airport img { width: 100%; height: auto; }
  .access #main .train .link { padding: 5% 0; width: 100%; margin: 0 auto; }
  .access #main .train .link > dl { font-size: 1.2em; padding: 3% 0 3% 0; }
  .access #main .train .link > dl dt, .access #main .train .link > dl dd { display: inline-block; padding: initial; color: #055A8E; }
  .access #main .train .link > dl dd { padding-bottom: 20px; }
  .access #main .train .link > dl dt, .access #main .train .link > dl dd a { color: #055A8E; display: block; }
  .access #main .train .link > dl dd a { text-decoration: underline; }
  .access #main .train .widearea { border: 2px solid #8a75a2; margin: 0 2%; }
  .access #main .train .widearea p { padding: 2%; text-align: left; font-size: 0.9em; line-height: 1.6em; }
  .access #main .train .widearea p strong { color: #CE93C0; font-weight: normal; font-size: 1.3em; }
  .access #main .train .widearea a { display: block; }
  .access #main .train .widearea a dl { font-size: 1.3em; padding: 0 2%; }
  .access #main .train .widearea a dt, .access #main .train .widearea a dd { display: block; font-size: 0.7em; padding: 1% 0 0; }
  .access #main .train .widearea a dt:after { content: url("../img/common/icon_arrow_r4.png"); vertical-align: middle; padding: 0 10px 0 19px; transform: rotate(90deg); position: absolute; margin-top: -5px; -webkit-transform: rotate(90deg); }
  .access #main .car { padding: 5% 0 0; }
  .access #main .car h3:before { content: " "; vertical-align: middle; margin-right: 3%; background: url("../img/access/icon_car.png") no-repeat; padding: 0 4%; background-size: contain; }
  .access #main .car p { font-size: 1em; text-align: center; padding: 5% 0; }
  .access #main .car p { padding: 0 !important; line-height: 1.2em; }
  .access #main .car p a { border-radius: 10px; border: solid 2px #52589d; display: block; width: 98.5%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2% 0 2% 0; font-size: 1.2em; }
  .access #main .car p a:before, .access #main .car p a:after { display: inline-block; vertical-align: middle; padding: 0 5%; }
  .access #main .car p a:before { content: " "; margin-right: 2%; background: url("../img/access/icon_train_w.png") no-repeat; padding: 3% 2%; background-size: contain; }
  .access #main .car p a:after { content: " "; margin-left: 2%; background: url("../img/access/icon_car_w.png") no-repeat; padding: 3% 2.8%; background-size: contain; }
  .access #main .car .link { padding: 5% 0; }
  .access #main .car .link .table { width: 100%; margin: 0 auto; padding-bottom: 5%; }
  .access #main .car .link .table dl { display: table; border-spacing: 5px; width: 100%; margin: 0 0; }
  .access #main .car .link .table dt { display: table-cell; border: 2px solid #000; vertical-align: middle; font-weight: bold; font-size: 1.1em; width: 33%; }
  .access #main .car .link .table dd { display: table-cell; vertical-align: middle; }
  .access #main .car .link .table dd a { display: block; padding: 0; margin-right: 10px; }
  .access #main .car .link .table dd ul { margin-right: 0; }
  .access #main .car .link .table dd li a { margin: 2px 0; }
  .access #main .car .link .table dd li:first-child a { margin: 0 0 2px 0; }
  .access #main .car .link .table dd li:last-child a { margin: 2px 0 0 0; }
  .access #main .spot { width: 240%; margin-left: -70%; padding: 2% 0 5% 0; }
  .access #main .spot h3 { color: #000; padding-bottom: 4%; margin: 0 auto; width: 40%; }
  .access #main .spot ul { margin: 0 auto; text-align: left; }
  .access #main .spot li { width: 350px; /* height: 280px; */ padding-bottom: 0; }
  .access #main .spot li img { width: 100%; height: auto; }
  .access #main .spot li a { display: block; /* width: 300px; */ }
  .access #main .spot p { background: #CE93C0; color: #fff; font-size: 1.1em; padding: 5px 10px; line-height: 1.4em; } }

.okayama #main h3 { color: #CE93C0; font-size: 2.4em; padding-bottom: 30px; text-align: left; }

.okayama #main .head .catch h3 { padding-top: 30px; font-size: 3.1em; color: #000; text-align: center; }

.okayama #main .head .catch p { font-size: 1.2em; padding: 0 0 40px 0; }

.okayama #main .sec h3:before { vertical-align: middle; margin-right: 15px; }

.okayama #main .sec div { padding: 60px 0; }

.okayama #main .sec h3 a { float: right; font-size: 0.5em; font-weight: normal; padding: 3px 15px; border: solid 3px #82623a; border-radius: 5px; margin-top: 5px; }

.okayama #main .train h3:before { content: url("../img/access/icon_train.png"); }

.okayama #main .car h3:before { content: url("../img/access/icon_car.png"); }

@media screen and (max-width: 768px) { .okayama #main h3 { color: #CE93C0; font-size: 1.4em; padding-bottom: 30px; text-align: left; }
  .okayama #main .head .catch h3 { padding: 5%; font-size: 1.4em; color: #000; text-align: center; }
  .okayama #main .head .catch p { font-size: 1em; padding: 2%; text-align: left; }
  .okayama #main .sec h3:before { vertical-align: sub; margin-right: 15px; }
  .okayama #main .sec div { padding: 40px 0; }
  .okayama #main .sec h3 a { float: none; font-size: 0.5em; font-weight: normal; padding: 3px 15px; border: solid 3px #82623a; border-radius: 5px; margin-top: 5px; }
  .okayama #main .sec p.sp a { float: none; padding: 2% 0; border: solid 3px #82623a; border-radius: 5px; margin-top: 30px; width: 98%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .okayama #main .train h3:before { content: url("../img/access/icon_train.png"); }
  .okayama #main .car h3:before { content: url("../img/access/icon_car.png"); } }

.inn #main .head .catch h3 { padding: 100px 0; }

.inn #main .head .sec-upper-bnr + .catch h3 { padding: 50px 0 100px; }

.inn #main .sec h4 { color: #B29161; font-size: 2.2em; padding-bottom: 30px; }

.inn #main .sec ul { width: 94%; text-align: left; margin: 0 auto; padding: 0 0 60px; }

.inn #main .sec li { padding: 7px; display: inline-block; }

.inn #main .sec p { width: 65%; margin: 0 auto; padding: 60px 0; }

.inn #main .sec p a { display: block; font-size: 1.4em; padding: 10px 0; }

@media screen and (max-width: 768px) { .inn #main .head .catch h3 { padding: 5% 0; }
  .inn #main .sec h4 { color: #B29161; font-size: 1.6em; padding-bottom: 5%; }
  .inn #main .sec ul { width: 100%; text-align: left; margin: 0 auto; padding: 0 0 7%; }
  .inn #main .sec li { padding: 2%; display: block; }
  .inn #main .sec p { width: 65%; margin: 0 auto; padding: 60px 0; }
  .inn #main .sec p a { display: block; font-size: 1.4em; padding: 10px 0; } }

.accept #main h3 { font-size: 2.4em; padding-bottom: 30px; }

.accept #main .head .catch h3 { padding-top: 50px; font-size: 1.6em; padding-bottom: 20px; color: #000; }

.accept #main .head .catch p { font-size: 1.1em; padding: 0 0 60px 0; }

.accept #main .sec h4 { color: #B29161; font-size: 1.7em; padding-bottom: 10px; clear: both; text-align: left; }

.accept #main .sec ul { text-align: left; padding-bottom: 80px; }

.accept #main .sec li { padding-bottom: 3px; float: left; width: 49%; margin-right: .5%; }

.accept #main .sec a { background: #FBE7F0; padding: 0.5em 1em; font-size: 1.2em; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 6em; }

.accept #main .sec a span { display: block; font-size: 0.8em; }

.accept #main .sec a em { display: block; font-style: normal; }

.accept #main .sec a strong { display: block; }

@media screen and (max-width: 768px) { .accept #main h3 { font-size: 2.4em; padding-bottom: 30px; }
  .accept #main .head .catch h3 { padding-top: 5%; font-size: 1.3em; padding-bottom: 5%; color: #000; }
  .accept #main .head .catch p { font-size: 1em; padding: 0 0 5%; text-align: left; }
  .accept #main .head .catch p br { display: none; }
  .accept #main .sec h4 { color: #B29161; font-size: 1.2em; padding-bottom: 10px; clear: both; text-align: left; }
  .accept #main .sec ul { text-align: left; padding-bottom: 8%; }
  .accept #main .sec li { padding-bottom: 3px; float: none; width: 100%; margin-right: .5%; }
  .accept #main .sec a { background: #FBE7F0; padding: 2% 9% 2% 3%; font-size: 1em; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: initial; }
  .accept #main .sec a em { display: block; font-style: normal; }
  .accept #main .sec a strong { display: block; font-style: normal; }
  .accept #main .sec a span { display: block; font-style: normal; font-size: .9em; }
  .accept #main .sec a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 16px; top: 50%; margin-top: -0.4em; width: 8px; height: 15px; }
  .accept #main .sec a span { display: block; } }

/*----------------------------------------------------
featureArchive
----------------------------------------------------*/
.featureArchive #main h3 { color: #B29161; font-size: 1.7em; padding: 60px 0; line-height: 1.3; }

.featureArchive #main .sec { background: #FBE7F0; width: 100%; padding: 60px 0; }

.featureArchive #main .sec ul { width: 900px; margin: 0 auto; text-align: left; }

.featureArchive #main .sec .feature_blog_list li { border: none; }

.featureArchive #main .sec .feature_blog_list li a { display: block; text-align: center; padding: 3%; font-size: 1.2em; }

.featureArchive #main .sec li { display: inline-block; width: 282px; position: relative; vertical-align: top; border-bottom: 2px solid #E60012; margin: 10px 7px; }

.featureArchive #main .sec span { position: absolute; top: 166px; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 13px; }

.featureArchive #main .sec span:before { content: " "; background: #E60012; display: block; width: 32px; height: 20px; transform: rotate(-45deg); position: absolute; top: 8px; left: -21px; -webkit-transform: rotate(-45deg); }

.featureArchive #main .sec a img { max-height: 188px; }

.featureArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 4em; }

.featureArchive #main .sec a:hover { opacity: 1; }

.featureArchive #main .sec a:hover p { color: #F573A5; }

@media screen and (max-width: 768px) { .featureArchive #main h3 { color: #B29161; font-size: 1.2em; padding: 5% 0; line-height: 1.3; }
  .featureArchive #main .sec { background: #FBE7F0; width: 100%; padding: 12px 0; }
  .featureArchive #main .sec ul { width: 100%; margin: 0 auto; text-align: center; }
  .featureArchive #main .sec li { display: inline-block; width: 95%; position: relative; vertical-align: top; border: 2px solid #E60012; margin: 10px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .featureArchive #main .sec span { position: absolute; top: auto; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 25px; margin-top: -6.2%; font-size: 13px; height: 3em; }
  .featureArchive #main .sec img { position: absolute; top: 0; left: 0; }
  .featureArchive #main .sec a img { max-height: initial; }
  .featureArchive #main .sec span:before { content: " "; background: #E60012; display: block; width: 55px; height: 36px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 14px; left: -33px; }
  .featureArchive #main .sec a { display: block; padding-top: 66%; }
  .featureArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 4% 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: inherit; line-height: 1.4em; }
  .featureArchive #main .sec a:hover p { color: #F573A5; }
  .head.feature_blog { padding: 6% !important; }
  .featureArchive #main .sec .feature_blog_list { padding: 5% 0; } }

/*----------------------------------------------------
okatabiArchive
----------------------------------------------------*/
.okatabiArchive #main h3 { color: #B29161; font-size: 1.7em; padding: 60px 0; line-height: 1.3; }

.okatabiArchive #main .sec { background: #dfdfd0; width: 100%; padding: 60px 0; }

.okatabiArchive #main .sec ul { width: 900px; margin: 0 auto; text-align: left; }

.okatabiArchive #main .sec .okatabi_blog_list li { border: none; }

.okatabiArchive #main .sec .okatabi_blog_list li a { display: block; text-align: center; padding: 3%; font-size: 1.2em; }

.okatabiArchive #main .sec li { display: inline-block; width: 282px; position: relative; vertical-align: top; border-bottom: 2px solid #E60012; margin: 10px 7px; }

.okatabiArchive #main .sec .is-new { position: absolute; top: 166px; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 13px; }

.okatabiArchive #main .sec .is-new:before { content: " "; background: #E60012; display: block; width: 32px; height: 20px; transform: rotate(-45deg); position: absolute; top: 8px; left: -21px; -webkit-transform: rotate(-45deg); }

.okatabiArchive #main .sec li > a img { max-height: 188px; }

.okatabiArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 4em; }

.okatabiArchive #main .sec li > a:hover { opacity: 1; }

.okatabiArchive #main .sec li > a:hover p { color: #F573A5; }

@media screen and (max-width: 768px) { .okatabiArchive #main h3 { color: #B29161; font-size: 1.2em; padding: 5% 0; line-height: 1.3; }
  .okatabiArchive #main .sec { background: #dfdfd0; width: 100%; padding: 12px 0; }
  .okatabiArchive #main .sec ul { width: 100%; margin: 0 auto; text-align: center; }
  .okatabiArchive #main .sec li { display: inline-block; width: 95%; position: relative; vertical-align: top; border: 2px solid #E60012; margin: 10px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .okatabiArchive #main .sec .is-new { position: absolute; top: auto; right: 0; z-index: 10; background: #E60012; color: #fff; padding: 0 25px; margin-top: -6.2%; font-size: 13px; height: 3em; }
  .okatabiArchive #main .sec img { position: absolute; top: 0; left: 0; }
  .okatabiArchive #main .sec li > a img { max-height: initial; }
  .okatabiArchive #main .sec .is-new:before { content: " "; background: #E60012; display: block; width: 55px; height: 36px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 14px; left: -33px; }
  .okatabiArchive #main .sec li > a { display: block; padding-top: 66%; }
  .okatabiArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 4% 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: inherit; line-height: 1.4em; }
  .okatabiArchive #main .sec a:hover p { color: #F573A5; }
  .head.okatabi_blog { padding: 6% !important; }
  .okatabiArchive #main .sec .okatabi_blog_list { padding: 5% 0; } }

.feature #main .head { background: #F7C5DA; }

.feature #main .head .ttl { width: 900px; margin: 0 auto; }

.feature #main .head .ttl p { font-size: 0.5em; color: #000; padding-top: 30px; line-height: inherit; font-weight: normal; padding-bottom: 60px; }

.feature #main .head .ttl .imgs { width: 900px; margin: 0 auto; }

.feature #main .head .ttl .imgs iframe { width: 100%; height: 510px; }

.feature #main .head .ttl .slider { background: transparent; }

.feature #main .original { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; padding: 60px 0; }

.feature #main .original p { padding-bottom: 60px; }

.feature #main .original p:last-child { padding-bottom: 0; }

.feature #main .original dl { width: 730px; margin: 0 auto; font-size: 1.1em; padding: 0 0 0 0; }

.feature #main .original dt { background: #fff; padding: 5px; border-radius: 7px; }

.feature #main .original dd { padding: 5px 0 18px; font-size: 0.9em; }

.postid-15679.feature #main .original { background-size: auto; background-repeat: no-repeat; background-position: center center; height: 548px; padding: 0; }

.feature #main .sec { clear: both; padding: 60px 0; }

.feature #main .sec h3 { color: #B29161; font-size: 1.9em; font-weight: normal; }

.feature_blog.feature #main > .sec h3 { color: #B29161; font-size: 2em; font-weight: normal; padding-bottom: 1em; }

.feature_blog.feature #main > .sec p img { width: auto; max-width: 100%; }

.feature #main .sec h3 span { display: block; padding-bottom: 1em; }

.feature #main .sec p { padding: 1em 0; font-size: 1.2em; }

.feature_blog.feature #main .sec p { padding: 0 0 1.8em 0; font-size: 1.2em; }

.feature_blog.feature #main .sec p a { color: #5D90CB; }

.feature_blog.feature #main .sec p a:hover { text-decoration: underline; }

.feature #main .sec .txt { background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1.4em; min-height: 300px; width: 50%; position: relative; }

.feature #main .row .txt { width: 100%; text-align: left; min-height: initial; }

.feature #main .sec .txt ul { padding: 18px 15px 0; }

.feature #main .sec .txt li { display: inline-block; background: #F18E43; margin: auto; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; font-size: .9em; }

.feature #main .sec .txt li.all { background: #B09046; }

.feature #main .sec .txt li.limit { background: #A06EAA; }

.feature #main .sec .txt li.acc1 { background: #9EC800; }

.feature #main .sec .txt li.acc2 { background: #50B2B4; }

.feature #main .sec .txt h5 { font-size: 1.4em; padding: 5px 15px; border-bottom: 1px solid #B29161; }

.feature #main .mapSec { clear: both; padding: 60px 0 0 0; }

.feature #main .sec .txt p { padding: 1em 15px 0; }

.feature #main .sec .txt p a { font-size: 0.8em; padding: 2px 6px; }

.feature #main .with { width: 50%; text-align: left; }

.feature #main .row .with { width: 100%; text-align: left; }

.feature #main .with .slider { height: 100%; background: transparent; padding: 0; }

.feature #main .with .slider li img { width: 100%; height: auto; }

.feature #main .with .pager { text-align: center; padding: 0 0; margin: 0 30px; }

.feature #main .with .pager li { padding: 10px 0; }

.feature #main .box { background: #FBE7F0; padding-bottom: 60px; }

.feature #main .box .map { width: 100%; min-height: 500px; }

.feature #main .tBtn { padding: 60px 0 0 0; }

.feature #main .tBtn h4 { font-size: 1.8em; padding-bottom: 20px; }

.feature #main .tBtn li { display: inline-block; width: 49%; margin-right: 0.7%; }

.feature #main .tBtn li a { color: #fff; padding: 10px 5px 7px; font-size: 1.5em; display: block; }

.feature #main .peach a { background: #FF9EAF; }

.feature #main .peach a:before, .feature #main .grape a:before, .feature #main .peach a:after, .feature #main .grape a:after { display: inline-block; vertical-align: middle; margin: 0 13px; }

.feature #main .peach a:after, .feature #main .grape a:after { content: url("../img/common/icon_arrow_r4.png"); }

.feature #main .tBtn .grape a { background: #BC91C1; padding: 4px 5px 0; }

.feature #main .peach a:before { content: url("../img/common/icon_peach.png"); }

.feature #main .grape a:before { content: url("../img/common/icon_grape.png"); }

.feature #main .sL { padding: 60px 0 0 0; }

.feature #main .sL .txt, .feature #main .sR .with { float: right; }

.feature #main .sL .with, .feature #main .sR .txt { float: left; }

.feature #main .sR { padding: 60px 0 0 0; }

.feature #main .with .map { min-height: 300px; }

.feature #main .row { clear: both; width: 910px; margin: 0 auto; display: table; vertical-align: top; border-spacing: 5px 0; table-layout: fixed; padding-top: 60px; }

.feature #main .sT { padding: 0 0 0 0; display: table-cell; vertical-align: top; width: auto; margin: 0; background: #fff; }

@media screen and (max-width: 768px) { .feature #main .head { background: #F7C5DA; }
  .feature #main .head .ttl { width: 100%; margin: 0 auto; }
  .feature #main .head .ttl h3 { padding: 10% 10% 4%; font-size: 1.7em; }
  .feature_blog.feature #main > .sec h3 { font-size: 1.6em; }
  .feature #main .head .ttl p { font-size: 0.8em; padding: 5% 3%; line-height: 1.3em; font-weight: bold; }
  .feature #main .head .ttl .imgs { width: 100%; margin: 0 auto; padding-bottom: 0; position: relative; }
  .feature #main .head .ttl .imgs iframe { width: 100%; height: 56vw; }
  .feature #main .head .ttl .slider { background: transparent; padding-top: 67%; }
  .feature #main .head .ttl li { padding-top: 67%; position: absolute; top: 0; left: 0; }
  .feature #main .head .ttl .slider li img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
  .feature #main .original { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; padding: 5% 0; overflow: hidden; width: 100%; }
  .postid-15679.feature #main .original { background: none; height: auto; padding: 4% 0; }
  .postid-15679.feature #main .original img { width: 100%; height: auto; }
  .feature #main .original p { padding-bottom: 5%; }
  .feature #main .original p img { max-width: 100%; height: auto; }
  .feature #main .original p:last-child { padding-bottom: 0; }
  .feature #main .original dl { width: 90%; margin: 0 auto; font-size: 1.1em; padding: 0 0 0 0; }
  .feature #main .original dt { background: #fff; padding: 5px; border-radius: 7px; }
  .feature #main .original dd { padding: 5px 0 18px; font-size: 0.9em; }
  .feature #main .sec { clear: both; padding: 6% 2%; }
  .feature #main .sec h3 { color: #B29161; font-size: 1.3em; font-weight: normal; padding-top: 0.7em; }
  .feature #main .sec h3 span { display: block; padding-bottom: 1em; }
  .feature #main .sec h3 span img { max-width: 30%; }
  .postid-4077.feature #main .sec h3 span img { max-width: 80%; }
  .feature #main .sec p { font-size: 1em; padding: 2%; }
  .feature_blog.feature #main .sec > p { text-align: center; }
  .feature #main .sec .txt { background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1em; min-height: initial; width: 100%; position: relative; }
  .feature #main .row .txt { width: 100%; text-align: left; min-height: initial; padding-bottom: 6%; }
  .feature #main .sec .txt ul { padding: 18px 15px 0; text-align: center; }
  .feature #main .sec .txt li { display: inline-block; background: #F18E43; margin: auto; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; font-size: .9em; }
  .feature #main .sec .txt li.all { background: #B09046; }
  .feature #main .sec .txt li.limit { background: #A06EAA; }
  .feature #main .sec .txt li.acc1 { background: #9EC800; }
  .feature #main .sec .txt li.acc2 { background: #50B2B4; }
  .feature #main .sec .txt h5 { font-size: 1.4em; padding: 5px 15px; border-bottom: 1px solid #B29161; }
  .feature #main .sec .txt p { padding: 3% 3% 0; }
  .feature #main .sec .txt p a { font-size: 1em; padding: 2% 1%; width: 80%; }
  .feature #main .with { width: 100%; text-align: left; }
  .feature #main .row .with { width: 100%; text-align: left; }
  .feature #main .with .slider { background: inherit; width: 100%; height: inherit; overflow: initial; }
  .feature #main .with .slider li { padding-bottom: 0; position: relative; width: 100%; padding-top: 67%; }
  .feature #main .with .slider li img { position: absolute; top: 0; right: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: initial; height: initial; zoom: 1.1; }
  .feature #main .with .pager { text-align: center; padding: 0 0; margin: 0 30px; }
  .feature #main .with .pager li { padding: 10px 0; }
  .feature #main .box { background: #FBE7F0; padding-bottom: 5%; }
  .feature #main .box .map { min-height: 300px; }
  .feature #main .tBtn { padding: 8% 0; }
  .feature #main .tBtn h4 { font-size: 1.6em; padding-bottom: 20px; }
  .feature #main .tBtn li { display: inline-block; width: 80%; margin-right: 0; }
  .feature #main .tBtn li a { color: #fff; padding: .6em 5px; font-size: 1.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: left; line-height: 1.3; }
  .feature #main .peach a { background: #FF9EAF; }
  .feature #main .peach a:before, .feature #main .grape a:before, .feature #main .peach a:after, .feature #main .grape a:after { display: inline-block; vertical-align: middle; margin: 0 13px; }
  .feature #main .peach a:after, .feature #main .grape a:after { content: url("../img/common/icon_arrow_r4.png"); }
  .feature #main .tBtn .grape a { background: #BC91C1; padding: .6em 5px; }
  .feature #main .peach a:before { content: url("../img/common/icon_peach.png"); }
  .feature #main .grape a:before { content: url("../img/common/icon_grape.png"); }
  .feature #main .sL { padding: 0 0 0 0; }
  .feature #main .sL h5.sp { background: #FBE7F0; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2em; }
  .feature #main .sL .txt, .feature #main .sR .with { float: none; }
  .feature #main .sL .with, .feature #main .sR .txt { float: none; background: #fff; }
  .feature #main .sR { padding: 60px 0 0 0; }
  .feature #main .row { clear: both; width: 100%; margin: 0 auto; display: block; vertical-align: top; border-spacing: 5px 0; table-layout: initial; padding-top: 0; }
  .feature #main .sT { padding: 0 0 0 0; display: block; vertical-align: top; width: initial; margin: 0; background: #fff; }
  .feature #main .sT h5.sp { background: #FBE7F0; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2em; } }

.okatabi #main .head { background: #dfdfd0; }

.okatabi #main .head .ttl { width: 900px; margin: 0 auto; }

.okatabi #main .head .ttl p { font-size: 0.5em; color: #000; padding-top: 30px; line-height: inherit; font-weight: normal; padding-bottom: 60px; }

.okatabi #main .head .ttl .imgs { width: 900px; margin: 0 auto; }

.okatabi #main .head .ttl .imgs iframe { width: 100%; height: 510px; }

.okatabi #main .head .ttl .slider { background: transparent; }

.okatabi #main .original { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; padding: 60px 0; }

.okatabi #main .original p { padding-bottom: 60px; }

.okatabi #main .original p:last-child { padding-bottom: 0; }

.okatabi #main .original dl { width: 730px; margin: 0 auto; font-size: 1.1em; padding: 0 0 0 0; }

.okatabi #main .original dt { background: #fff; padding: 5px; border-radius: 7px; }

.okatabi #main .original dd { padding: 5px 0 18px; font-size: 0.9em; }

.postid-15679.okatabi #main .original { background-size: auto; background-repeat: no-repeat; background-position: center center; height: 548px; padding: 0; }

.okatabi #main .sec { clear: both; padding: 60px 0; }

.okatabi #main .row .bx-wrapper { background-color: transparent; }

.okatabi #main .sec h3 { color: #B29161; font-size: 1.9em; font-weight: normal; }

.okatabi_blog.okatabi #main > .sec h3 { color: #B29161; font-size: 2em; font-weight: normal; padding-bottom: 1em; }

.okatabi_blog.okatabi #main > .sec p img { width: auto; max-width: 100%; }

.okatabi #main .sec h3 span { display: block; padding-bottom: 1em; }

.okatabi #main .sec p { padding: 1em 0; font-size: 1.2em; }

.okatabi_blog.okatabi #main .sec p { padding: 0 0 1.8em 0; font-size: 1.2em; }

.okatabi_blog.okatabi #main .sec p a { color: #5D90CB; }

.okatabi_blog.okatabi #main .sec p a:hover { text-decoration: underline; }

.okatabi #main .sec .txt { background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1.4em; min-height: 300px; width: 50%; position: relative; }

.okatabi #main .row .txt { width: 100%; text-align: left; min-height: initial; }

.okatabi #main .sec .txt ul { padding: 18px 15px 0; }

.okatabi #main .sec .txt li { display: inline-block; background: #F18E43; margin: auto; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; font-size: .9em; }

.okatabi #main .sec .txt li.all { background: #B09046; }

.okatabi #main .sec .txt li.limit { background: #A06EAA; }

.okatabi #main .sec .txt li.acc1 { background: #9EC800; }

.okatabi #main .sec .txt li.acc2 { background: #50B2B4; }

.okatabi #main .sec .txt h5 { font-size: 1.4em; padding: 5px 15px; border-bottom: 1px solid #B29161; }

.okatabi #main .mapSec { clear: both; padding: 60px 0 0 0; }

.okatabi #main .sec .txt p { padding: 1em 15px 0; }

.okatabi #main .sec .txt p a { font-size: 0.8em; padding: 2px 6px; }

.okatabi #main .with { width: 50%; text-align: left; }

.okatabi #main .row .with { width: 100%; text-align: left; }

.okatabi #main .with .slider { height: 100%; background: transparent; padding: 0; }

.okatabi #main .with .slider li img { width: 100%; height: auto; }

.okatabi #main .with .pager { text-align: center; padding: 0 0; margin: 0 30px; }

.okatabi #main .with .pager li { padding: 10px 0; }

.okatabi #main .box { background: #fff; padding-bottom: 60px; }

.okatabi #main .box .map { width: 100%; min-height: 500px; }

.okatabi #main .mapSec .map { width: 100%; min-height: 500px; }

.okatabi #main .tBtn { padding: 60px 0 0 0; }

.okatabi #main .tBtn h4 { font-size: 1.8em; padding-bottom: 20px; }

.okatabi #main .tBtn li { display: inline-block; width: 49%; margin-right: 0.7%; }

.okatabi #main .tBtn li a { color: #fff; padding: 10px 5px 7px; font-size: 1.5em; display: block; }

.okatabi #main .peach a { background: #FF9EAF; }

.okatabi #main .peach a:before, .okatabi #main .grape a:before, .okatabi #main .peach a:after, .okatabi #main .grape a:after { display: inline-block; vertical-align: middle; margin: 0 13px; }

.okatabi #main .peach a:after, .okatabi #main .grape a:after { content: url("../img/common/icon_arrow_r4.png"); }

.okatabi #main .tBtn .grape a { background: #BC91C1; padding: 4px 5px 0; }

.okatabi #main .peach a:before { content: url("../img/common/icon_peach.png"); }

.okatabi #main .grape a:before { content: url("../img/common/icon_grape.png"); }

.okatabi #main .sL { padding: 60px 0 0 0; }

.okatabi #main .sL .txt, .okatabi #main .sR .with { float: right; }

.okatabi #main .sL .with, .okatabi #main .sR .txt { float: left; }

.okatabi #main .sR { padding: 60px 0 0 0; }

.okatabi #main .with .map { min-height: 300px; }

.okatabi #main .row { clear: both; width: 910px; margin: 0 auto; display: table; vertical-align: top; border-spacing: 5px 0; table-layout: fixed; padding-top: 60px; }

.okatabi #main .sT { padding: 0 0 0 0; display: table-cell; vertical-align: top; width: auto; margin: 0; background: #fff; }

@media screen and (max-width: 768px) { .okatabi #main .head { background: #dfdfd0; }
  .okatabi #main .head .ttl { width: 100%; margin: 0 auto; }
  .okatabi #main .head .ttl h3 { padding: 10% 10% 4%; font-size: 1.7em; }
  .okatabi_blog.okatabi #main > .sec h3 { font-size: 1.6em; }
  .okatabi #main .head .ttl p { font-size: 0.8em; padding: 5% 3%; line-height: 1.3em; font-weight: bold; }
  .okatabi #main .head .ttl .imgs { width: 100%; margin: 0 auto; padding-bottom: 0; position: relative; }
  .okatabi #main .head .ttl .imgs iframe { width: 100%; height: 56vw; }
  .okatabi #main .head .ttl .slider { background: transparent; padding-top: 67%; }
  .okatabi #main .head .ttl li { padding-top: 67%; position: absolute; top: 0; left: 0; width: 100%; }
  .okatabi #main .head .ttl .slider li img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
  .okatabi #main .original { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; padding: 5% 0; overflow: hidden; width: 100%; }
  .postid-15679.okatabi #main .original { background: none; height: auto; padding: 4% 0; }
  .postid-15679.okatabi #main .original img { width: 100%; height: auto; }
  .okatabi #main .original p { padding-bottom: 5%; }
  .okatabi #main .original p img { max-width: 100%; height: auto; }
  .okatabi #main .original p:last-child { padding-bottom: 0; }
  .okatabi #main .original dl { width: 90%; margin: 0 auto; font-size: 1.1em; padding: 0 0 0 0; }
  .okatabi #main .original dt { background: #fff; padding: 5px; border-radius: 7px; }
  .okatabi #main .original dd { padding: 5px 0 18px; font-size: 0.9em; }
  .okatabi #main .sec { clear: both; padding: 6% 2%; }
  .okatabi #main .sec h3 { color: #B29161; font-size: 1.3em; font-weight: normal; padding-top: 0.7em; }
  .okatabi #main .sec h3 span { display: block; padding-bottom: 1em; }
  .okatabi #main .sec h3 span img { max-width: 30%; }
  .postid-4077.okatabi #main .sec h3 span img { max-width: 80%; }
  .okatabi #main .sec p { font-size: 1em; padding: 2%; }
  .okatabi_blog.okatabi #main .sec > p { text-align: center; }
  .okatabi #main .sec .txt { background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1em; min-height: initial; width: 100%; position: relative; }
  .okatabi #main .row .txt { width: 100%; text-align: left; min-height: initial; padding-bottom: 6%; }
  .okatabi #main .sec .txt ul { padding: 18px 15px 0; text-align: center; }
  .okatabi #main .sec .txt li { display: inline-block; background: #F18E43; margin: auto; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; font-size: .9em; }
  .okatabi #main .sec .txt li.all { background: #B09046; }
  .okatabi #main .sec .txt li.limit { background: #A06EAA; }
  .okatabi #main .sec .txt li.acc1 { background: #9EC800; }
  .okatabi #main .sec .txt li.acc2 { background: #50B2B4; }
  .okatabi #main .sec .txt h5 { font-size: 1.4em; padding: 5px 15px; border-bottom: 1px solid #B29161; }
  .okatabi #main .sec .txt p { padding: 3% 3% 0; }
  .okatabi #main .sec .txt p a { font-size: 1em; padding: 2% 1%; width: 80%; }
  .okatabi #main .with { width: 100%; text-align: left; }
  .okatabi #main .row .with { width: 100%; text-align: left; }
  .okatabi #main .with .slider { background: inherit; width: 100%; height: inherit; overflow: initial; }
  .okatabi #main .with .slider li { padding-bottom: 0; position: relative; width: 100%; padding-top: 67%; }
  .okatabi #main .with .slider li img { position: absolute; top: 0; right: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: initial; height: initial; zoom: 1.1; }
  .okatabi #main .with .pager { text-align: center; padding: 0 0; margin: 0 30px; }
  .okatabi #main .with .pager li { padding: 10px 0; }
  .okatabi #main .box { background: #fff; padding-bottom: 5%; }
  .okatabi #main .box .map { min-height: 300px; }
  .okatabi #main .mapSec .map { min-height: 300px; }
  .okatabi #main .tBtn { padding: 8% 0; }
  .okatabi #main .tBtn h4 { font-size: 1.6em; padding-bottom: 20px; }
  .okatabi #main .tBtn li { display: inline-block; width: 80%; margin-right: 0; }
  .okatabi #main .tBtn li a { color: #fff; padding: .6em 5px; font-size: 1.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: left; line-height: 1.3; }
  .okatabi #main .peach a { background: #FF9EAF; }
  .okatabi #main .peach a:before, .okatabi #main .grape a:before, .okatabi #main .peach a:after, .okatabi #main .grape a:after { display: inline-block; vertical-align: middle; margin: 0 13px; }
  .okatabi #main .peach a:after, .okatabi #main .grape a:after { content: url("../img/common/icon_arrow_r4.png"); }
  .okatabi #main .tBtn .grape a { background: #BC91C1; padding: .6em 5px; }
  .okatabi #main .peach a:before { content: url("../img/common/icon_peach.png"); }
  .okatabi #main .grape a:before { content: url("../img/common/icon_grape.png"); }
  .okatabi #main .sL { padding: 0 0 0 0; }
  .okatabi #main .sL h5.sp { background: #dfdfd0; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2em; }
  .okatabi #main .sL .txt, .okatabi #main .sR .with { float: none; }
  .okatabi #main .sL .with, .okatabi #main .sR .txt { float: none; background: #fff; }
  .okatabi #main .sR { padding: 60px 0 0 0; }
  .okatabi #main .row { clear: both; width: 100%; margin: 0 auto; display: block; vertical-align: top; border-spacing: 5px 0; table-layout: initial; padding-top: 0; }
  .okatabi #main .sT { padding: 0 0 0 0; display: block; vertical-align: top; width: initial; margin: 0; background: #fff; }
  .okatabi #main .sT h5.sp { background: #dfdfd0; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2em; } }

.postid-15679.feature #main .sec .txt h5 span { border-radius: 50%; height: auto; width: 1.4em; background: #ea5913; display: inline-block; line-height: 1.4em; text-align: center; color: #fff; font-weight: normal; font-size: .9em; margin-right: 0.3em; }

.postid-15679.feature #main .sec .txt h5 .num10 { background: #e0447b; }

.postid-15679.feature #main .sec .txt h5 .num11 { background: #93c74c; }

.postid-15679.feature #main .sec .links { text-align: center; padding-top: 4em; }

.postid-15679.feature #main .sec .links li { display: inline-block; width: 32.9%; vertical-align: middle; text-align: left; margin-bottom: 1.4em; }

.postid-15679.feature #main .sec .links li:nth-child(n3) { text-align: right; }

.postid-15679.feature #main .sec .links .bnr a { display: block; text-align: center; }

.postid-15679.feature #main .sec .links .link a { display: inline-block; padding: 10px 5px; width: 95%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.postid-15679.feature #main .sec .links .link a:after { content: url("../img/common/icon_arrow_r3.png"); margin-left: 7px; margin-right: -7px; }

/*************************************/
/*----------------------------------------------------
postid-16145 > 田舎
----------------------------------------------------*/
.feature.postid-16145 #main .original { padding: 0; }

.feature.postid-16145 #main .original iframe { width: 100%; border: none; }

/*----------------------------------------------------
postid-13482 > G7
----------------------------------------------------*/
.feature.postid-13482 #main > .head { background-position: center 117px; background-color: #fff; background-repeat: no-repeat; min-height: 1013px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.feature.postid-13482 #main > .head .ttl { width: 900px; margin: 0 auto; }

.feature.postid-13482 #main .sec .head { background-color: #fff; }

.feature.postid-13482 #main .sec .head h3 { font-size: 2.6em; color: #fff; border-radius: 30px; }

.feature.postid-13482 #main .sec .head p { font-size: 1.9em; }

.feature.postid-13482 #main .sec .gallery { position: relative; }

.feature.postid-13482 #main .sec .slider { height: 280px; }

.feature.postid-13482 #main .sec .gallery .slider { height: 660px; }

.feature.postid-13482 #main .sec .slider li { width: 420px; height: 280px; position: relative; }

.feature.postid-13482 #main .sec .etc .slider li { width: 420px; height: 190px; position: relative; }

.feature.postid-13482 #main .sec .gallery .slider li { width: 900px; height: 600px; position: relative; }

.feature.postid-13482 #main .sec .slider li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; }

.feature.postid-13482 #main .sec .gallery .pager { height: initial; height: auto; overflow: hidden; padding: 0; margin: 0 40px; }

.feature.postid-13482 #main .sec .gallery .pager li { padding: 10px 0; }

.feature.postid-13482 #main .sec .gallery h4 { text-align: left; padding: 7px 17px; font-size: 1.8em; font-weight: normal; color: #fff; position: absolute; width: 100%; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; }

.feature.postid-13482 #main .sec .gallery p { background: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: initial; min-height: initial; width: initial; padding-bottom: auto; min-height: auto; width: auto; position: relative; }

.feature.postid-13482 #main .sec .gallery .txt { text-align: left; }

.feature.postid-13482 #main .sec .link { text-align: center; }

.feature.postid-13482 #main .sec .link a { padding: 15px 30px; font-size: 1.3em; }

.feature.postid-13482 #main .sec .detail { padding-top: 50px; }

.feature.postid-13482 #main .sec .detail h4 { border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 0; border-bottom-left-radius: 50px; position: relative; font-weight: normal; }

.feature.postid-13482 #main .sec .detail h4 span { display: block; text-align: left; padding: 0 14px 0; font-size: 1.7em; position: relative; top: -12px; line-height: 1em; }

.feature.postid-13482 #main .sec .detail p { text-align: left; }

.feature.postid-13482 #main .sL, .feature.postid-13482 #main .sT { padding: 20px 0 0 0; text-align: left; }

.feature.postid-13482 #main .sL h4, .feature.postid-13482 #main .sT h4 { font-size: 1.5em; line-height: 1.2em; padding-left: 5px; margin-bottom: 5px; font-weight: normal; }

.feature.postid-13482 #main .sL .fR { width: 50%; }

.feature.postid-13482 #main .sL .fR.onPager { padding-top: 100px; }

.feature.postid-13482 #main .sL .fL { width: 420px; position: relative; z-index: 10; }

.feature.postid-13482 #main .sL .fL .bx-wrapper:nth-child(2) { position: absolute; top: -10px; right: -450px; }

.feature.postid-13482 .pager:last-child { text-align: center; padding: 0 30px; }

.feature.postid-13482 .pager:last-child li { padding: 10px 0; }

.feature.postid-13482 #main .sL .fR .txt, .feature.postid-13482 #main .sT .txt, .feature.postid-13482 #main .box .txt { float: none; background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1em; min-height: initial; width: initial; min-height: auto; width: auto; position: relative; }

.feature.postid-13482 #main .sL .fR .txt { padding-top: 0; }

.feature.postid-13482 #main .sT { display: block; vertical-align: top; margin: 0; background: #fff; width: 420px; float: left; }

.feature.postid-13482 #main .sT:nth-child(odd) { margin-right: 40px; }

.feature.postid-13482 #main .etc { clear: both; padding-top: 60px; }

.feature.postid-13482 #main .etc h4 { font-size: 1.6em; font-weight: normal; padding: 10px; margin-bottom: 30px; }

.feature.postid-13482 #main .box { background: transparent; padding: 0; float: left; width: 32%; text-align: left; margin-right: 2%; }

.feature.postid-13482 #main .box:last-child { margin-right: 0; }

.feature.postid-13482 #main .sec .box h5 { font-size: 1.3em; line-height: 1.2em; padding-left: 5px; margin-bottom: 5px; font-weight: normal; }

.feature.postid-13482 #main .sec .box .link a { padding: 7px 20px; font-size: 0.9em; }

.feature.postid-13482 #main .g7attention { width: 900px; margin: 0 auto; text-align: right; padding: 0 0 100px; font-size: 1.1em; }

#content.postid-13482 #main .sns { padding-top: 10px; width: 900px; margin: 0 auto; text-align: center; position: relative; padding-top: 880px; }

#content.postid-13482 #main .sns li { display: inline-block; width: auto; padding: 0 8px 0 0; vertical-align: top; }

#content.postid-13482 #main .sns .fb { margin-top: -3px; }

#content.postid-13482 #main .sns .tw a { display: none; }

.feature.postid-13482 #main .sec.kyoiku .head h3 { background-image: url("../img/common/bg_ttl_p.png"); }

.feature.postid-13482 #main .sec.bunka .head h3 { background-image: url("../img/common/bg_ttl_g.png"); }

.feature.postid-13482 #main .sec.rekishi .head h3 { background-image: url("../img/common/bg_ttl_y.png"); }

.feature.postid-13482 #main .sec.seto .head h3 { background-image: url("../img/common/bg_ttl_b.png"); }

.feature.postid-13482 #main .sec.kyoiku .head p, .feature.postid-13482 #main .sec.kyoiku .detail h4, .feature.postid-13482 #main .sec.kyoiku .etc h4 { color: #EC7AA7; }

.feature.postid-13482 #main .sec.bunka .head p, .feature.postid-13482 #main .sec.bunka .detail h4, .feature.postid-13482 #main .sec.bunka .etc h4 { color: #B6D56E; }

.feature.postid-13482 #main .sec.rekishi .head p, .feature.postid-13482 #main .sec.rekishi .detail h4, .feature.postid-13482 #main .sec.rekishi .etc h4 { color: #F8B62D; }

.feature.postid-13482 #main .sec.seto .head p, .feature.postid-13482 #main .sec.seto .detail h4, .feature.postid-13482 #main .sec.seto .etc h4 { color: #6CC8EC; }

.feature.postid-13482 #main .sec.kyoiku .gallery h4 { background: rgba(236, 122, 167, 0.8); }

.feature.postid-13482 #main .sec.bunka .gallery h4 { background: rgba(182, 213, 110, 0.8); }

.feature.postid-13482 #main .sec.rekishi .gallery h4 { background: rgba(248, 182, 45, 0.8); }

.feature.postid-13482 #main .sec.seto .gallery h4 { background: rgba(108, 200, 236, 0.8); }

.feature.postid-13482 #main .sec.kyoiku .detail h4 { border-left: 2px solid #EC7AA7; border-bottom: 2px solid #EC7AA7; }

.feature.postid-13482 #main .sec.bunka .detail h4 { border-left: 2px solid #B6D56E; border-bottom: 2px solid #B6D56E; }

.feature.postid-13482 #main .sec.rekishi .detail h4 { border-left: 2px solid #F8B62D; border-bottom: 2px solid #F8B62D; }

.feature.postid-13482 #main .sec.seto .detail h4 { border-left: 2px solid #6CC8EC; border-bottom: 2px solid #6CC8EC; }

.feature.postid-13482 #main .sec.kyoiku .sL h4, .feature.postid-13482 #main .sec.kyoiku .sT h4, .feature.postid-13482 #main .sec.kyoiku .box h5 { border-left: 4px solid #EC7AA7; }

.feature.postid-13482 #main .sec.bunka .sL h4, .feature.postid-13482 #main .sec.bunka .sT h4, .feature.postid-13482 #main .sec.bunka .box h5 { border-left: 4px solid #B6D56E; }

.feature.postid-13482 #main .sec.rekishi .sL h4, .feature.postid-13482 #main .sec.rekishi .sT h4, .feature.postid-13482 #main .sec.rekishi .box h5 { border-left: 4px solid #F8B62D; }

.feature.postid-13482 #main .sec.seto .sL h4, .feature.postid-13482 #main .sec.seto .sT h4, .feature.postid-13482 #main .sec.seto .box h5 { border-left: 4px solid #6CC8EC; }

.feature.postid-13482 #main .sec.kyoiku .etc h4 { border-top: 2px solid #EC7AA7; border-bottom: 2px solid #EC7AA7; }

.feature.postid-13482 #main .sec.bunka .etc h4 { border-top: 2px solid #B6D56E; border-bottom: 2px solid #B6D56E; }

.feature.postid-13482 #main .sec.rekishi .etc h4 { border-top: 2px solid #F8B62D; border-bottom: 2px solid #F8B62D; }

.feature.postid-13482 #main .sec.seto .etc h4 { border-top: 2px solid #6CC8EC; border-bottom: 2px solid #6CC8EC; }

/*----------------------------------------------------
courseArchive
----------------------------------------------------*/
.courseArchive #main h2:before { content: url("../img/course/icon_ttl.png"); display: inline-block; vertical-align: middle; padding-right: 13px; }

.courseArchive #main h3 { color: #B29161; font-size: 1.7em; padding: 60px 0; line-height: 1.2em; }

.courseArchive #main .sec { background: #E6E6E6; width: 100%; padding: 60px 0; }

.courseArchive #main .sec > ul { width: 900px; margin: 0 auto; text-align: left; }

.courseArchive #main .sec > ul > li { display: inline-block; width: 282px; position: relative; vertical-align: top; margin: 10px 7px; }

.courseArchive #main .sec > ul > li ul { padding-top: 4px; }

.courseArchive #main .sec > ul > li li { background: #A9CF52; text-align: center; color: #fff; margin-top: 4px; }

.courseArchive #main .sec span { position: absolute; top: 166px; right: 0; z-index: 10; background: #FFD200; padding: 0 13px; }

.courseArchive #main .sec span:before { content: " "; background: #FFD200; display: block; width: 32px; height: 20px; transform: rotate(-45deg); position: absolute; top: 8px; left: -21px; -webkit-transform: rotate(-45deg); }

.courseArchive #main .sec a { border-bottom: 2px solid #FFD200; display: block; }

.courseArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 4em; }

.courseArchive #main .sec a:hover { opacity: 1; }

.courseArchive #main .sec a:hover p { color: #64BE00; }

/*----------------------------------------------------
course
----------------------------------------------------*/
.course #main h2:before { content: url("../img/course/icon_ttl.png"); display: inline-block; vertical-align: middle; padding-right: 13px; }

.course #main .head { background: #A9CF52; }

.course #main .head .ttl { padding: 60px 0; }

.course #main .head .ttl div { width: 920px; margin: 0 auto; display: table; border-spacing: 5px 0; }

.course #main .head .ttl h3 { display: table-cell; font-size: 1em; vertical-align: middle; padding: 0; line-height: 1.1em; width: 88%; padding: 25px; }

.course #main .head .ttl p { display: table-cell; padding: 0 10px 0 0; vertical-align: middle; }

.course #main .head .ttl p strong { display: block; border: solid 1px #fff; font-size: 0.8em; font-weight: normal; color: #fff; line-height: 1.3em; padding: 16px; }

.course #main .head .ttl p span { font-size: 1.4em; padding-top: 5px; display: inline-block; }

.course #main .head .ttl ul { width: 920px; margin: 0 auto; }

.course #main .head .ttl ul li { font-size: 0.5em; background: #fff; color: #A9CF52; display: inline-block; padding: 0 12px; margin: 5px -2px; }

.course #main .head .ttl dl { padding-top: 10px; }

.course #main .head .ttl dl dt { padding-bottom: 20px; }

.course #main .head .ttl dl dt img { border: solid 13px #fff; width: 900px; height: auto; }

.course #main .head .ttl dl dd { background: #000066; display: inline-block; color: #fff; padding: 4px 30px; border-radius: 5px; font-size: 0.5em; }

.course #main .about { padding: 60px 0; position: relative; font-size: 1.9em; line-height: 1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 370px; }

.course #main .about dt { position: relative; z-index: 0; }

.course #main .about dd { position: relative; z-index: 10; margin: -110px 0 0 0; }

.course #main .flow { background: #F6F6F6; padding: 60px 0; }

.course #main .flow > .sec { background: url("../img/course/bg.png") repeat-y 50% 0; width: 800px; }

.course #main .flow .day { background: #A9CF52; display: inline-block; padding: 0 30px; border: solid 3px #000; margin-bottom: 40px; }

.course #main .flow h4 { background: #fff; border: solid 3px #000; padding: 5px 0; font-size: 1.5em; font-weight: normal; margin-bottom: 40px; position: relative; }

.course #main .flow h4 span { display: block; float: left; background: #B29161; color: #fff; font-size: 0.7em; padding: 2px 20px; position: absolute; top: 50%; left: 65px; margin: -1em 0 0 0; }

.course #main .flow .in { padding: 0 132px 0 132px; }

.course #main .flow .out { padding: 1% 0 1% 19%; margin-bottom: 0; }

.course #main .flow .airport:before { content: url("../img/course/icon_airport.png"); position: absolute; left: 10px; top: 50%; margin: -20px 0 0 0; }

.course #main .flow .train:before { content: url("../img/course/icon_train.png"); position: absolute; left: 10px; top: 50%; margin: -15px 0 0 0; }

.course #main .flow .txt { background: #000066; display: block; color: #fff; padding: 4px 20px; border-radius: 5px; max-width: 83%; margin: 0 auto 40px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.course #main .flow .box { background: #fff; border-top: solid 0 #000; border-bottom: solid 3px #000; border-right: solid 3px #000; border-left: solid 3px #000; margin-bottom: 40px; position: relative; margin-top: 90px; }

.course #main .box .spot { display: table; border-top: solid 3px #000; width: 100%; }

.course #main .spot div { display: table-cell; vertical-align: top; text-align: left; width: 100%; }

.course #main .box > h5 { border-top: solid 3px #000; background: #A9CF52; padding: 5px 10px 5px 43px; font-size: 1.6em; position: relative; text-align: left; }

.course #main .box h5 em { background: #000; color: #A9CF52; display: inline-block; font-style: normal; font-weight: normal; padding: 3px 4px 4px 2px; line-height: 1em; letter-spacing: -0.1em; font-size: 0.7em; border-radius: 30px; min-width: 1em; text-align: center; position: absolute; top: 50%; margin-top: -0.7em; left: 14px; }

.course #main .box h5.etc { background: #fff; }

.course #main .box h5.etc em { color: #fff; }

.course #main .box h6 { border: solid 3px #000; padding: 5px 10px 5px 10px; font-size: 1.3em; position: absolute; font-weight: normal; top: -42px; right: -3px; width: 300px; background: #fff; }

.course #main .spot div p { padding: 15px; }

.course #main .spot div .link { text-align: center; padding-top: 0; }

.course #main .spot div .link a { padding: 2px 10px; }

.course #main .spot > p { display: table-cell; border-right: solid 3px #000; }

.course #main .recommend { border-top: solid 3px #000; text-align: left; background: #F0F0E1 url("../img/course/icon_recommend.png") no-repeat 0 0; display: table; width: 100%; padding-bottom: 0; min-height: auto; }

.course #main .recommend div { display: table-cell; vertical-align: top; padding: 20px 0 0 72px; }

.course #main .recommend div h5 { font-size: 1.6em; }

.course #main .recommend div h5 span { color: #5D90CB; font-size: 0.8em; display: block; }

.course #main .recommend div p { padding-bottom: 1em; }

.course #main .recommend > p { display: table-cell; padding: 10px; }

.course #main .box .inn { border-top: solid 3px #000; width: 100%; display: table; }

.course #main .box .inn h5 { display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 1.7em; border-right: solid 3px #000; font-weight: normal; width: 20%; }

.course #main .box .inn div { display: table-cell; background: #F0F0E1; padding: 10px 0; text-align: center; white-space: nowrap; vertical-align: middle; }

.course #main .box .inn dl { display: table-cell; background: #F0F0E1; padding: 10px 20px; text-align: left; vertical-align: top; }

.course #main .box .inn dl dt { font-size: 1.5em; font-weight: bold; }

.course #main .box .inn dl span { display: block; font-size: 0.8em; color: #5D90CB; }

.course #main .box .inn dl span:last-child { color: #B29161; }

.course #main .box .inn p img { vertical-align: middle; margin: 0 10px; }

.course #main .map { height: 600px; }

.course #main .sec .watch { padding: 10px; position: relative; min-height: 240px; }

.course #main .sec .watch dt { position: absolute; right: 26px; }

.course #main .sec .watch dd { padding: 130px 0 0 0; margin: 0 190px 0 190px; line-height: 2em; }

.cnLang.course #main .sec .watch dt, .koLang.course #main .sec .watch dt { position: absolute; right: 0; width: 100%; }

/*
relation
----------------------------------------------------*/
.course #main .relation { padding-top: 60px; }

.course #main .relation .ttl { background: #F2F8E5; font-size: 2em; line-height: 3.5; font-weight: normal; margin-bottom: 60px; }

.course #main .relation .ttl:before { content: url("../img/course/icon_eye.png"); vertical-align: sub; padding-right: 20px; }

.course #main .relation ul { padding-bottom: 100px; }

.course #main .relation li { display: inline-block; text-align: left; font-size: 1.4em; margin-right: 10px; width: 290px; }

.course #main .relation li:last-child { margin-right: 0; }

.course #main .relation a { color: #fff; display: block; }

.course #main .relation p { background: #A9CF52; padding: 0.5em 1em; }

/*----------------------------------------------------
library
----------------------------------------------------*/
.libraryArchive #main .sec .search { background: #DFDFD0; padding: 15px; text-align: left; }

.libraryArchive #main .sec .search h3 { font-size: 1.6em; }

.libraryArchive #main .sec .search h3:before { content: url("../img/common/icon_library_search.png"); margin: 0 10px 0 0; vertical-align: middle; }

.libraryArchive #main .sec .search dl dt { display: inline-block; }

.libraryArchive #main .sec .search dl select { width: 10em; margin-right: 20px; font-size: 1.2em; }

.libraryArchive #main .sec .search dl dd { float: right; }

.libraryArchive #main .sec .search dl button { border: none; font-size: 1.1em; padding: 0 20px; line-height: 1.7em; }

.libraryArchive #main .sec .search dl input[type=text] { width: 340px; }

.libraryArchive #main .sec .search p { display: table-cell; }

.libraryArchive #main .sec .num { text-align: left; border-top: solid 1px #ccc; padding: 10px 0; font-size: 1.4em; margin: 30px 0 15px 0; border-bottom: solid 1px #ccc; }

.libraryArchive #main .sec #downcheck { border-bottom: 1px dotted #999; padding-bottom: 24px; }

.libraryArchive #main .sec #downcheck dl { float: left; text-align: left; color: #525252; line-height: 1.3em; }

.libraryArchive #main .sec #downcheck dl dt { font-size: 1.4em; font-weight: bold; line-height: 1.3em; }

.libraryArchive #main .sec #downcheck dl dt span { font-size: 1.5em; font-weight: normal; color: #E40080; }

.libraryArchive #main .sec #downcheck dl dd span { color: #E40080; display: none; }

.libraryArchive #main .sec .down { text-align: right; padding-top: 8px; }

.libraryArchive #main .sec .down a, .libraryArchive #main .sec .down span { display: inline-block; font-size: 1.3em; padding: 5px 20px 3px; cursor: default; }

.libraryArchive #main .sec .down a { cursor: pointer; }

.libraryArchive #main .sec .down a:before, .libraryArchive #main .sec .down span:before { content: url("../img/common/icon_library_down.png"); margin: 3px 10px 0 0; vertical-align: middle; display: inline-block; }

.libraryArchive #main .sec .down a:hover { opacity: 1; }

.libraryArchive #main .sec .downc { float: right; padding-top: 20px; }

.libraryArchive #main .sec .downc span, .libraryArchive #main .sec .downc a { display: inline-block; font-size: 1.1em; padding: 2px 7px 2px 32px; position: relative; cursor: default; }

.libraryArchive #main .sec .downc a { cursor: pointer; }

.libraryArchive #main .sec .downc span:hover { opacity: 1; }

.libraryArchive #main .sec .downc span:before, .libraryArchive #main .sec .downc a:before { content: " "; width: 18px; height: 18px; background: #fff url("../img/common/icon_check.png") no-repeat center center; display: block; position: absolute; left: 8px; top: 5px; }

.libraryArchive #main .sec .pager { width: 50%; float: left; padding: 20px 0; text-align: left; }

.libraryArchive #main .sec .pager.bottom { width: 100%; float: none; padding: 0 0 80px; text-align: left; }

.libraryArchive #main .sec .list { text-align: left; padding: 0 0 60px 0; }

.libraryArchive #main .sec .list li { display: inline-block; text-align: left; width: 23.8%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1.9% 0.4% 1%; vertical-align: top; }

.libraryArchive #main .sec .list li:nth-child(4n) { margin-right: 0; }

.libraryArchive #main .sec .list li a { color: #5D90CB; text-decoration: underline; }

.libraryArchive #main .sec .list li h3 img { width: auto; height: auto; max-height: 128px; }

.libraryArchive #main .sec .list li h3 { margin: 0 0 5px 0; border: solid 1px #ccc; cursor: pointer; display: block; padding: 10px; text-align: center; }

.libraryArchive #form { text-align: left; padding: 30px; }

.libraryArchive #form h3 { font-size: 1.5em; background: #333; color: #fff; padding: 5px 15px; font-weight: normal; }

.libraryArchive #form p { font-size: 1.3em; padding: 20px; }

.libraryArchive #form p:last-child { text-align: center; }

.libraryArchive #form > dl { display: table; width: 50%; margin: 0 auto; }

.libraryArchive #form dt { display: table-cell; width: 25%; padding-bottom: 20px; }

.libraryArchive #form dd { display: table-cell; width: 25%; }

.libraryArchive #form div dl { display: table; width: 100%; }

#content.library { background: #fff; }

#content.library #header, #content.library .fixed, #content.library #footer, #content.library #cr, #content.library #wpadminbar { display: none; }

.library #main { padding: 15px 0 20px; font-size: 1.3em; }

.library #main h2 { padding: 20px; }

.library #main p { width: 640px; margin: 0 auto; padding: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

.library #main p img { width: auto; height: auto; max-height: 500px; max-width: 100%; }

.library #main table { border: solid 1px #ccc; width: 640px; margin: 0 auto; font-size: 0.8em; }

.library #main table th { background: #DFDFD0; border: solid 1px #ccc; padding: 7px; width: 25%; font-weight: normal; }

.library #main table td { border: solid 1px #ccc; padding: 7px; text-align: left; }

.libraryArchive #main .sec .list li input[type=checkbox] { opacity: 0; float: left; display: none; }

.libraryArchive #main .sec .list li input[type=checkbox] + label { margin: 0 0 0 0; position: relative; cursor: pointer; font-size: 16px; font-family: monospace; float: left; width: 100%; }

.libraryArchive #main .sec .list li input[type=checkbox] + label ~ label { margin: 0 0 0 40px; }

.libraryArchive #main .sec .list li input[type=checkbox] + label::before { content: ' '; position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: block; background: #fff url("../img/common/icon_check.png") no-repeat center center; }

.libraryArchive #main .sec .list li input[type=checkbox] + label::after { content: ' '; position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: block; z-index: 1; background: url("../img/common/icon_checked.png") no-repeat center center; opacity: 0; }

.libraryArchive #main .sec .list li input[type=checkbox]:checked + label::after { opacity: 1; }

.libraryArchive #form h2 { font-size: 2em; text-align: center; }

.libraryArchive #form table { width: 100%; border: solid 2px #ccc; margin: 10px 0; }

.libraryArchive #form table th { background: #DFDFD0; padding: 20px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; white-space: nowrap; }

.libraryArchive #form table td { padding: 20px; border-bottom: solid 1px #ccc; }

.libraryArchive #form table td label { margin-right: 5px; }

.libraryArchive #form table td input[type=text] { width: 80%; }

.libraryArchive #form table td.center { padding: 30px; text-align: center; }

.libraryArchive #form td a { color: #5D90CB; text-decoration: underline; }

.libraryArchive #form td a:hover { text-decoration: none; }

.libraryArchive #form p { text-align: center; padding: 0; position: relative; }

.libraryArchive #form input[type=submit] { width: 100%; border: solid 1px #ccc; padding: 10px; line-height: 2em; }

.libraryArchive #form p:before { content: url("../img/common/icon_library_down.png"); margin: 3px 10px 0 0; vertical-align: middle; display: inline-block; position: absolute; top: 15px; left: 33%; }

.libraryArchive #form #complete-area p { padding-top: 20px; }

.libraryArchive #form #complete-area p:before { display: none; }

/*----------------------------------------------------
contact
----------------------------------------------------*/
.contact #main h3 { font-size: 2em; line-height: 3em; }

.contact #main p { padding-bottom: 2em; color: #f00; }

.contact #main .table { border: solid 1px #000; margin-bottom: 1.4em; width: 100%; display: table; }

.contact #main .table div { display: table-row-group; }

.contact #main .table div dl { display: table-row; }

.contact #main .table dt { background: #CECEBF; padding: 15px; width: 25%; border-bottom: 1px solid #999; font-weight: normal; display: table-cell; text-align: left; vertical-align: middle; }

.contact #main .table dt span { display: inline-block; padding-left: 1em; color: #F00; font-size: .9em; }

.contact #main .table dd { padding: 15px; border-bottom: 1px solid #999; text-align: left; display: table-cell; }

.contact #main .btns input[type=submit] { width: 300px; font-size: 1.4em; border: none; margin-bottom: 1.4em; }

.contact #main .btns input[type=button] { border: none; width: 200px; margin-bottom: 1.4em; }

.contact #main .btns input.back { margin-right: 20px; }

/*----------------------------------------------------
links
----------------------------------------------------*/
.links #main { background: url("../img/common/bg_illust.gif") repeat center; }

.links #main .sec { text-align: left; padding: 60px 0; }

.links #main .sec div { width: 940px; }

.links #main .sec dl { background: #fff; padding: 13px 20px; width: 450px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 20px 0; }

.links #main .sec dl dt { color: #F18E43; font-size: 1.7em; padding-bottom: 10px; }

.links #main .sec dl dd h4 { color: #5D90CB; font-size: 1.2em; font-weight: normal; padding-top: 30px; }

.links #main .sec dl dd h4:first-child { padding-top: 0; }

.links #main .sec dl dd ul li { padding-bottom: 0.9em; }

.links #main .sec dl dd ul li a { text-decoration: underline; }

.links #main .sec dl dd ul li a:hover { text-decoration: none; }

/*----------------------------------------------------
blogger
----------------------------------------------------*/
.blogger #main { background: url("../img/common/bg_illust_blogger.gif") repeat center; }

.blogger #main .sec { text-align: left; padding: 60px 0; }

.blogger #main .sec div { width: 940px; }

.blogger #main .sec dl { background: #fff; padding: 13px 20px; width: 450px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 20px 0; }

.blogger #main .sec dl dt { color: #F18E43; font-size: 1.7em; padding-bottom: 10px; }

.blogger #main .sec dl dd h4 { color: #5D90CB; font-size: 1.2em; font-weight: normal; padding-top: 30px; }

.blogger #main .sec dl dd h4:first-child { padding-top: 0; }

.blogger #main .sec dl li { padding-bottom: 0.9em; }

.blogger #main .sec dl li a { text-decoration: underline; }

.blogger #main .sec dl li a:hover { text-decoration: none; }

/*----------------------------------------------------
stamp
----------------------------------------------------*/
.stamp-content { position: relative; width: 100%; overflow: hidden; min-height: 700px; line-height: 0; }

.stamp-content iframe { width: 100%; height: 100%; }

.feature.postid-15446 #main .head { padding-bottom: 23px; background: #fff; }

/*----------------------------------------------------
access iframe content
----------------------------------------------------*/
.if-content { position: relative; width: 100%; padding: 2020px 0 0 0; overflow: hidden; }

.if-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.feature .free { clear: both; background: #fff; padding: 60px 0; margin-top: 60px; }

.feature .setouchi_finder { width: 900px; margin: 0 auto; }

.feature .setouchi_finder h5 { font-size: 1.4em; padding: 5px 15px 5px 0; }

.feature .setouchi_finder a { padding: 2px 6px; }

.feature .setouchi_finder div { width: 50%; float: left; text-align: left; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.feature .setouchi_finder div:nth-child(1) { text-align: right; }

/*----------------------------------------------------
access iframe content
----------------------------------------------------*/
.if-content { position: relative; width: 100%; padding: 2020px 0 0 0; overflow: hidden; }

.if-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.okatabi .free { clear: both; background: #fff; padding: 60px 0; margin-top: 60px; }

.okatabi .setouchi_finder { width: 900px; margin: 0 auto; }

.okatabi .setouchi_finder h5 { font-size: 1.4em; padding: 5px 15px 5px 0; }

.okatabi .setouchi_finder a { padding: 2px 6px; }

.okatabi .setouchi_finder div { width: 50%; float: left; text-align: left; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.okatabi .setouchi_finder div:nth-child(1) { text-align: right; }

@media screen and (max-width: 768px) { /*----------------------------------------------------
postid-13482 > 秋特集
----------------------------------------------------*/
  .postid-15679.feature #main h5 span { border-radius: 50%; height: auto; width: 1.4em; background: #ea5913; display: inline-block; line-height: 1.4em; text-align: center; color: #fff; font-weight: normal; font-size: .9em; margin-right: 0.3em; }
  .postid-15679.feature #main h5 .num10 { background: #e0447b; }
  .postid-15679.feature #main h5 .num11 { background: #93c74c; }
  .postid-15679.feature #main .sec .links { text-align: center; padding-top: 2em; }
  .postid-15679.feature #main .sec .links li { display: block; width: 100%; vertical-align: middle; text-align: center; margin-bottom: 1.4em; }
  .postid-15679.feature #main .sec .links li:nth-child(n3) { text-align: right; }
  .postid-15679.feature #main .sec .links .bnr a { display: block; text-align: center; width: 85%; margin: 0 auto; }
  .postid-15679.feature #main .sec .links .link a { display: block; padding: 10px 5px; width: 85%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0 auto; }
  .postid-15679.feature #main .sec .links .link a:after { content: url("../img/common/icon_arrow_r3.png"); margin-left: 7px; margin-right: -7px; }
  /*---------------------------------------------------- postid-16145 > 田舎 ----------------------------------------------------*/
  .feature.postid-16145 #main .original { padding: 0; }
  .feature.postid-16145 #main .original iframe { width: 100%; border: none; height: 380px; }
  /*---------------------------------------------------- postid-13482 > G7 ----------------------------------------------------*/
  .feature.postid-13482 #main > .head { background-position: center bottom; background-color: #fff; background-repeat: no-repeat; padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-size: 100% auto; min-height: 0; padding-top: 136%; margin-bottom: 5%; }
  .feature.postid-13482 #main > .head .ttl { width: 900px; margin: 0 auto; }
  .feature.postid-13482 #main .sec .head { background-color: #fff; }
  .feature.postid-13482 #main .sec .head h3 { font-size: 1.5em; color: #fff; border-radius: 30px; margin-top: 5%; padding-top: 0; }
  .feature.postid-13482 #main .sec .head p { font-size: 1em; }
  .feature.postid-13482 #main .sec .gallery { position: relative; }
  .feature.postid-13482 #main .sec .slider { padding-top: 67%; height: auto; position: relative; top: 0; left: 0; }
  .feature.postid-13482 #main .sec .gallery .slider { padding-top: 0; width: 100%; }
  .feature.postid-13482 #main .sec .slider li { width: 100%; padding-top: 67%; position: absolute; height: initial; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .feature.postid-13482 #main .sec .etc .slider li { width: 100%; padding-top: 67%; position: absolute; }
  .feature.postid-13482 #main .sec .gallery .slider li { width: 100%; height: initial; position: relative; padding-top: 67%; }
  .feature.postid-13482 #main .sec .slider li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: auto; }
  .feature.postid-13482 #main .sec .gallery .pager { height: initial; overflow: hidden; padding: 0; margin: 0 40px; }
  .feature.postid-13482 #main .sec .gallery .pager li { padding: 10px 0; }
  .feature.postid-13482 #main .sec .gallery h4 { text-align: left; padding: 7px 17px; font-size: 1.2em; font-weight: normal; color: #fff; position: absolute; width: 100%; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .feature.postid-13482 #main .sec .gallery p { background: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: initial; min-height: initial; width: initial; position: relative; }
  .feature.postid-13482 #main .sec .gallery .txt { text-align: left; }
  .feature.postid-13482 #main .sec .link { text-align: center; }
  .feature.postid-13482 #main .sec .link a { padding: 3% 5%; font-size: 1em; }
  .feature.postid-13482 #main .sec .detail { padding-top: 50px; }
  .feature.postid-13482 #main .sec .detail h4 { border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 0; border-bottom-left-radius: 50px; position: relative; font-weight: normal; }
  .feature.postid-13482 #main .sec .detail h4 span { display: block; text-align: left; padding: 0 14px 0; font-size: 1.4em; position: relative; top: -12px; line-height: 1em; }
  .feature.postid-13482 #main .sec .detail p { text-align: left; }
  .feature.postid-13482 #main .sL, .feature.postid-13482 #main .sT { padding: 20px 0 0 0; text-align: left; }
  .feature.postid-13482 #main .sL h4, .feature.postid-13482 #main .sT h4 { font-size: 1.3em; line-height: 1.2em; padding-left: 5px; margin-bottom: 5px; font-weight: normal; }
  .feature.postid-13482 #main .sL .fR { width: 100%; float: none !important; }
  .feature.postid-13482 #main .sL .fR.onPager { padding-top: 0; }
  .feature.postid-13482 #main .sL .fL { width: 100%; position: relative; z-index: 10; float: none !important; }
  .feature.postid-13482 #main .sL .fL .bx-wrapper:nth-child(2) { position: absolute; top: -10px; right: -450px; }
  .feature.postid-13482 .pager:last-child { text-align: center; padding: 0 30px; }
  .feature.postid-13482 .pager { display: none; }
  .feature.postid-13482 .pager:last-child li { padding: 10px 0; }
  .feature.postid-13482 #main .sL .fR .txt, .feature.postid-13482 #main .sT .txt, .feature.postid-13482 #main .box .txt { float: none; background: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 1em; min-height: initial; width: initial; position: relative; }
  .feature.postid-13482 #main .sL .fR .txt { padding-top: 0; }
  .feature.postid-13482 #main .sT { display: block; vertical-align: top; margin: 0; background: #fff; width: 100%; float: none; }
  .feature.postid-13482 #main .sT:nth-child(odd) { margin-right: 0; }
  .feature.postid-13482 #main .etc { clear: both; padding-top: 5%; }
  .feature.postid-13482 #main .etc h4 { font-size: 1.4em; font-weight: normal; padding: 10px; margin-bottom: 0; }
  .feature.postid-13482 #main .box { background: transparent; padding: 0; float: none; width: 100%; text-align: left; margin-right: 0; }
  .feature.postid-13482 #main .box:last-child { margin-right: 0; }
  .feature.postid-13482 #main .sec .box h5 { font-size: 1.3em; line-height: 1.2em; padding-left: 5px; margin-bottom: 5px; font-weight: normal; margin-top: 9%; }
  .feature.postid-13482 #main .sec .box .link a { padding: 7px 20px; font-size: 0.9em; }
  .feature.postid-13482 #main .g7attention { width: 90%; margin: 0 auto; text-align: center; padding: 0 0 70px; font-size: 0.8em; }
  #content.postid-13482 #main .sns { width: 900px; margin: 0 auto; text-align: center; position: relative; padding-top: 880px; }
  #content.postid-13482 #main .sns li { display: inline-block; width: auto; padding: 0 8px 0 0; vertical-align: top; }
  #content.postid-13482 #main .sns .fb { margin-top: -3px; }
  #content.postid-13482 #main .sns .tw a { display: none; }
  .feature.postid-13482 #main .sec.kyoiku .head h3 { background-image: url("../img/common/bg_ttl_p.png"); }
  .feature.postid-13482 #main .sec.bunka .head h3 { background-image: url("../img/common/bg_ttl_g.png"); }
  .feature.postid-13482 #main .sec.rekishi .head h3 { background-image: url("../img/common/bg_ttl_y.png"); }
  .feature.postid-13482 #main .sec.seto .head h3 { background-image: url("../img/common/bg_ttl_b.png"); }
  .feature.postid-13482 #main .sec.kyoiku .head p, .feature.postid-13482 #main .sec.kyoiku .detail h4, .feature.postid-13482 #main .sec.kyoiku .etc h4 { color: #EC7AA7; }
  .feature.postid-13482 #main .sec.bunka .head p, .feature.postid-13482 #main .sec.bunka .detail h4, .feature.postid-13482 #main .sec.bunka .etc h4 { color: #B6D56E; }
  .feature.postid-13482 #main .sec.rekishi .head p, .feature.postid-13482 #main .sec.rekishi .detail h4, .feature.postid-13482 #main .sec.rekishi .etc h4 { color: #F8B62D; }
  .feature.postid-13482 #main .sec.seto .head p, .feature.postid-13482 #main .sec.seto .detail h4, .feature.postid-13482 #main .sec.seto .etc h4 { color: #6CC8EC; }
  .feature.postid-13482 #main .sec.kyoiku .gallery h4 { background: rgba(236, 122, 167, 0.8); }
  .feature.postid-13482 #main .sec.bunka .gallery h4 { background: rgba(182, 213, 110, 0.8); }
  .feature.postid-13482 #main .sec.rekishi .gallery h4 { background: rgba(248, 182, 45, 0.8); }
  .feature.postid-13482 #main .sec.seto .gallery h4 { background: rgba(108, 200, 236, 0.8); }
  .feature.postid-13482 #main .sec.kyoiku .detail h4 { border-left: 2px solid #EC7AA7; border-bottom: 2px solid #EC7AA7; }
  .feature.postid-13482 #main .sec.bunka .detail h4 { border-left: 2px solid #B6D56E; border-bottom: 2px solid #B6D56E; }
  .feature.postid-13482 #main .sec.rekishi .detail h4 { border-left: 2px solid #F8B62D; border-bottom: 2px solid #F8B62D; }
  .feature.postid-13482 #main .sec.seto .detail h4 { border-left: 2px solid #6CC8EC; border-bottom: 2px solid #6CC8EC; }
  .feature.postid-13482 #main .sec.kyoiku .sL h4, .feature.postid-13482 #main .sec.kyoiku .sT h4, .feature.postid-13482 #main .sec.kyoiku .box h5 { border-left: 4px solid #EC7AA7; }
  .feature.postid-13482 #main .sec.bunka .sL h4, .feature.postid-13482 #main .sec.bunka .sT h4, .feature.postid-13482 #main .sec.bunka .box h5 { border-left: 4px solid #B6D56E; }
  .feature.postid-13482 #main .sec.rekishi .sL h4, .feature.postid-13482 #main .sec.rekishi .sT h4, .feature.postid-13482 #main .sec.rekishi .box h5 { border-left: 4px solid #F8B62D; }
  .feature.postid-13482 #main .sec.seto .sL h4, .feature.postid-13482 #main .sec.seto .sT h4, .feature.postid-13482 #main .sec.seto .box h5 { border-left: 4px solid #6CC8EC; }
  .feature.postid-13482 #main .sec.kyoiku .etc h4 { border-top: 2px solid #EC7AA7; border-bottom: 2px solid #EC7AA7; }
  .feature.postid-13482 #main .sec.bunka .etc h4 { border-top: 2px solid #B6D56E; border-bottom: 2px solid #B6D56E; }
  .feature.postid-13482 #main .sec.rekishi .etc h4 { border-top: 2px solid #F8B62D; border-bottom: 2px solid #F8B62D; }
  .feature.postid-13482 #main .sec.seto .etc h4 { border-top: 2px solid #6CC8EC; border-bottom: 2px solid #6CC8EC; }
  /*---------------------------------------------------- courseArchive ----------------------------------------------------*/
  .courseArchive #main h2 { padding: 3% 5%; }
  .courseArchive #main h2:before { content: " "; display: inline-block; vertical-align: middle; background: url("../img/course/icon_ttl.png") no-repeat; padding: 4% 6% 5% 6%; background-size: contain; margin-top: -1%; }
  .courseArchive #main h3 { color: #B29161; font-size: 1.4em; padding: 5% 0; line-height: 1.2em; }
  .courseArchive #main .sec { background: #E6E6E6; width: 100%; }
  .courseArchive #main .sec > ul { width: 100%; margin: 0 auto; text-align: center; padding: 2% 0; }
  .courseArchive #main .sec > ul > li { display: block; width: 100%; position: relative; vertical-align: top; margin: 10px 0; border: 2px solid #FFD200; }
  .courseArchive #main .sec > ul > li ul { padding-top: 4px; }
  .courseArchive #main .sec > ul > li li { background: #A9CF52; text-align: center; color: #fff; margin-top: 4px; }
  .courseArchive #main .sec span { position: absolute; top: auto; right: 0; z-index: 10; background: #FFD200; padding: 0 23px; font-size: 13px; height: 3em; margin-top: -7%; }
  .courseArchive #main .sec img { position: absolute; top: 0; left: 0; }
  .courseArchive #main .sec span:before { content: " "; background: #FFD200; display: block; width: 48px; height: 29px; transform: rotate(-45deg); position: absolute; top: 13px; left: -31px; -webkit-transform: rotate(-45deg); }
  .courseArchive #main .sec a { display: block; padding-top: 66%; position: relative; border-bottom: 0; }
  .courseArchive #main .sec p { z-index: 9999; background: #fff; position: relative; font-size: 1.2em; padding: 4% 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: inherit; line-height: 1.4em; }
  .courseArchive #main .sec a:hover p { color: #64BE00; }
  /*---------------------------------------------------- course ----------------------------------------------------*/
  .course #main h2 { padding: 3% 5%; }
  .course #main h2:before { content: " "; display: inline-block; vertical-align: middle; background: url("../img/course/icon_ttl.png") no-repeat; padding: 4% 6% 5% 6%; background-size: contain; margin-top: -1%; }
  .course #main .head { background: #A9CF52; }
  .course #main .head .ttl { padding: 1% 0 0 0; }
  .course #main .head .ttl div { width: 98%; margin: 0 auto; display: table; border-spacing: 5px 0; }
  .course #main .head .ttl h3 { display: table-cell; font-size: 0.9em; vertical-align: middle; line-height: 1.1em; width: 80%; padding: 1%; text-align: left; }
  .course #main .head .ttl p { display: table-cell; padding: 0 0 0 0; vertical-align: middle; }
  .course #main .head .ttl p strong { display: block; border: solid 1px #fff; font-size: 0.8em; font-weight: normal; color: #fff; line-height: 1.3em; padding: 9%; }
  .course #main .head .ttl p span { font-size: 1.4em; padding-top: 5px; display: inline-block; }
  .course #main .head .ttl ul { width: 97%; margin: 0 auto; padding-top: 2%; }
  .course #main .head .ttl ul li { font-size: 0.6em; background: #fff; color: #A9CF52; display: block; padding: 1% 0; margin: 0.5%; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; line-height: 1.1em; }
  .course #main .head .ttl dl { padding-top: 0; padding-bottom: 3%; margin: 2%; }
  .course #main .head .ttl dl dt { padding-bottom: 3%; }
  .course #main .head .ttl dl dt img { border: solid 7px #fff; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .head .ttl dl dd { background: #000066; display: block; color: #fff; padding: 4px 30px; border-radius: 5px; font-size: 0.7em; width: 90%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .about { padding: 60px 0; position: relative; font-size: 1.9em; line-height: 1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 370px; }
  .course #main .about dt { position: relative; z-index: 0; }
  .course #main .about dd { position: relative; z-index: 10; margin: -110px 0 0 0; }
  .course #main .flow { background: #F6F6F6; padding: 5% 0; }
  .course #main .flow > .sec { background: url("../img/course/bg.png") repeat-y 50% 0; width: 100%; padding: 0 3% 0 3% !important; }
  .course #main .flow .day { background: #A9CF52; display: inline-block; padding: 0 5%; border: solid 3px #000; margin-bottom: 5%; }
  .course #main .flow h4 { background: #fff; border: solid 3px #000; padding: 5px 0; font-size: 1em; font-weight: normal; margin-bottom: 30px; position: relative; }
  .course #main .flow h4 span { display: block; float: left; background: #B29161; color: #fff; font-size: 0.7em; padding: 0.6% 4%; position: absolute; top: 50%; left: 4em; margin: -0.9em 0 0 0; }
  .course #main .flow .in { padding: 0 10px 0 6em; text-align: left; }
  .course #main .flow .airport:before { content: " "; position: absolute; left: 3%; top: 43%; margin: -0.7em; background: url("../img/course/icon_airport.png") no-repeat; background-size: contain; padding: 1em; }
  .course #main .flow .train:before { content: " "; position: absolute; left: 10px; top: 50%; margin: -0.6em; background: url("../img/course/icon_train.png") no-repeat; padding: 1em; background-size: contain; }
  .course #main .flow .txt { background: #000066; display: block; color: #fff; padding: 2% 5%; border-radius: 5px; max-width: 96%; margin: 0 auto 5% auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .flow .box { background: #fff; border-top: solid 0 #000; border-bottom: solid 3px #000; border-right: solid 3px #000; border-left: solid 3px #000; margin-bottom: 5%; position: relative; margin-top: 20%; }
  .course #main .box .spot { display: block; border-top: solid 3px #000; width: 100%; }
  .course #main .spot div { display: block; vertical-align: top; text-align: left; width: 100%; }
  .course #main .box > h5 { border-top: solid 3px #000; background: #A9CF52; padding: 2% 1% 2% 10%; font-size: 1.2em; position: relative; text-align: left; line-height: 1.4em; }
  .course #main .box h5 em { background: #000; color: #A9CF52; display: inline-block; font-style: normal; font-weight: normal; padding: 3px 4px 4px 2px; line-height: 1em; letter-spacing: -0.1em; font-size: 0.7em; border-radius: 30px; min-width: 1em; text-align: center; position: absolute; top: 50%; margin-top: -0.6em; left: 0.7em; }
  .course #main .box h5.etc { background: #fff; }
  .course #main .box h5.etc em { color: #fff; }
  .course #main .box h6 { border: solid 3px #000; padding: 0.3em 0; font-size: 1em; position: absolute; font-weight: normal; top: -2.4em; right: -3px; width: 45%; background: #fff; }
  .course #main .spot div p { padding: 3%; }
  .course #main .spot div .link { text-align: center; padding-top: 0; }
  .course #main .spot div .link a { padding: .5em 1em; }
  .course #main .spot > p { display: block; border-right: solid 00px #000; }
  .course #main .recommend { border-top: solid 3px #000; text-align: left; background: #F0F0E1 url("../img/course/icon_recommend.png") no-repeat 0 0; display: table; width: 100%; padding-bottom: 0; background-size: 16%; }
  .course #main .recommend div { display: block; vertical-align: top; padding: 2% 0 0 0; text-align: center; }
  .course #main .recommend div h5 { font-size: 1.4em; padding: 0 60px; }
  .course #main .recommend div h5 span { color: #5D90CB; font-size: 0.8em; display: block; }
  .course #main .recommend div p { padding-bottom: 1em; }
  .course #main .recommend > p { display: block; padding: 3% 0; width: 70%; margin: 0 auto; }
  .course #main .box .inn { border-top: solid 3px #000; width: 100%; display: block; }
  .course #main .box .inn h5 { display: block; vertical-align: middle; padding: 2% 0; font-size: 1.3em; border-right: solid 0 #000; border-bottom: solid 3px #000; font-weight: normal; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .box .inn p a { display: block; vertical-align: middle; padding: 3% 0; font-size: 1.3em; border-right: solid 0 #000; border-top: solid 3px #000; font-weight: normal; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .box .inn div { display: block; padding: 0 3% 3%; margin: 0 auto; text-align: center; white-space: initial; vertical-align: middle; }
  .course #main .box .inn dl { display: block; background: #F0F0E1; padding: 3%; text-align: left; vertical-align: top; }
  .course #main .box .inn dl dt { font-size: 1.5em; font-weight: bold; }
  .course #main .box .inn dl span { display: block; font-size: .9em; }
  .course #main .box .inn dl span:last-child { color: #B29161; }
  .course #main .box .inn p img { vertical-align: middle; margin: 0; }
  .course #main .box .inn p { display: block; padding: 3%; width: 70%; margin: 0 auto; padding-bottom: 0; }
  .course #main .box .inn p.sp { width: 100%; margin: 0 auto; padding: 0; }
  .course #main .map { height: 300px; }
  .course #main .sec .watch { padding: 2% 2% 9%; position: relative; min-height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .course #main .sec .watch dt { position: absolute; right: 0; top: 0; width: 100%; }
  .course #main .sec .watch dd { padding: 21% 15% 0 0; margin: 0; line-height: 1.6em; font-size: 1em; text-align: left; position: relative; top: 0; }
  /* relation ----------------------------------------------------*/
  .course #main .relation { padding-top: 5%; }
  .course #main .relation .ttl { background: #F2F8E5; font-size: 1.3em; line-height: 1.2em; font-weight: normal; margin-bottom: 5%; position: relative; padding: 3% 5% 3% 17%; }
  .course #main .relation .ttl:before { content: " "; vertical-align: sub; position: absolute; top: 50%; left: 6%; margin-top: -0.6em; background: url("../img/course/icon_eye.png") no-repeat; background-size: contain; padding: 5% 8%; }
  .course #main .relation ul { padding-bottom: 10%; }
  .course #main .relation li { display: inline-block; text-align: left; font-size: 1em; margin-right: 1%; line-height: 1.2em; width: 48.5%; vertical-align: top; }
  .course #main .relation li:last-child { margin-right: 0; }
  .course #main .relation a { color: #fff; display: block; }
  .course #main .relation p { background: #A9CF52; padding: 2%; }
  /*---------------------------------------------------- library ----------------------------------------------------*/
  .libraryArchive #main .sec .search { background: #DFDFD0; padding: 15px; text-align: left; }
  .libraryArchive #main .sec .search h3 { font-size: 1.6em; }
  .libraryArchive #main .sec .search h3:before { content: url("../img/common/icon_library_search.png"); margin: 0 10px 0 0; vertical-align: middle; }
  .libraryArchive #main .sec .search dl dt { display: inline-block; }
  .libraryArchive #main .sec .search dl select { width: 10em; margin-right: 20px; font-size: 1.2em; }
  .libraryArchive #main .sec .search dl dd { float: right; }
  .libraryArchive #main .sec .search dl button { border: none; font-size: 1.1em; padding: 0 20px; line-height: 1.7em; }
  .libraryArchive #main .sec .search dl input[type=text] { width: 340px; }
  .libraryArchive #main .sec .search p { display: table-cell; }
  .libraryArchive #main .sec .num { text-align: left; border-top: solid 1px #ccc; padding: 10px 0; font-size: 1.4em; margin: 30px 0 15px 0; border-bottom: solid 1px #ccc; }
  .libraryArchive #main .sec #downcheck { border-bottom: 1px dotted #999; padding-bottom: 24px; }
  .libraryArchive #main .sec #downcheck dl { float: left; text-align: left; color: #525252; line-height: 1.3em; }
  .libraryArchive #main .sec #downcheck dl dt { font-size: 1.4em; font-weight: bold; line-height: 1.3em; }
  .libraryArchive #main .sec #downcheck dl dt span { font-size: 1.5em; font-weight: normal; color: #E40080; }
  .libraryArchive #main .sec #downcheck dl dd span { color: #E40080; display: none; }
  .libraryArchive #main .sec .down { text-align: right; padding-top: 8px; }
  .libraryArchive #main .sec .down a, .libraryArchive #main .sec .down span { display: inline-block; font-size: 1.3em; padding: 5px 20px 3px; cursor: default; }
  .libraryArchive #main .sec .down a { cursor: pointer; }
  .libraryArchive #main .sec .down a:before, .libraryArchive #main .sec .down span:before { content: url("../img/common/icon_library_down.png"); margin: 3px 10px 0 0; vertical-align: middle; display: inline-block; }
  .libraryArchive #main .sec .down a:hover { opacity: 1; }
  .libraryArchive #main .sec .downc { float: right; padding-top: 20px; }
  .libraryArchive #main .sec .downc span, .libraryArchive #main .sec .downc a { display: inline-block; font-size: 1.1em; padding: 2px 7px 2px 32px; position: relative; cursor: default; }
  .libraryArchive #main .sec .downc a { cursor: pointer; }
  .libraryArchive #main .sec .downc span:hover { opacity: 1; }
  .libraryArchive #main .sec .downc span:before, .libraryArchive #main .sec .downc a:before { content: " "; width: 18px; height: 18px; background: #fff url("../img/common/icon_check.png") no-repeat center center; display: block; position: absolute; left: 8px; top: 5px; }
  .libraryArchive #main .sec .pager { width: 50%; float: left; padding: 20px 0; text-align: left; }
  .libraryArchive #main .sec .pager.bottom { width: 100%; float: none; padding: 0 0 80px; text-align: left; }
  .libraryArchive #main .sec .list { text-align: left; padding: 20px 0 60px 0; }
  .libraryArchive #main .sec .list li { display: inline-block; text-align: left; width: 32%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0.4% 0.4% 1%; vertical-align: top; }
  .libraryArchive #main .sec .list li a { color: #5D90CB; text-decoration: underline; }
  .libraryArchive #main .sec .list li h3 img { width: 100%; height: auto; }
  .libraryArchive #main .sec .list li h3 { margin: 0 0 10px 0; border: solid 1px #ccc; cursor: pointer; display: block; padding: 10px; }
  .libraryArchive #form { text-align: left; padding: 30px; }
  .libraryArchive #form h3 { font-size: 1.5em; background: #333; color: #fff; padding: 5px 15px; font-weight: normal; }
  .libraryArchive #form p { font-size: 1.3em; padding: 20px; }
  .libraryArchive #form p:last-child { text-align: center; }
  .libraryArchive #form > dl { display: table; width: 50%; margin: 0 auto; }
  .libraryArchive #form dt { display: table-cell; width: 25%; padding-bottom: 20px; }
  .libraryArchive #form dd { display: table-cell; width: 25%; }
  .libraryArchive #form div dl { display: table; width: 100%; }
  #content.library { background: #fff; }
  #content.library #header, #content.library .fixed, #content.library #footer, #content.library #cr, #content.library #wpadminbar { display: none; }
  .library #main { padding: 15px 0 20px; font-size: 1.3em; }
  .library #main h2 { padding: 20px; }
  .library #main p { width: 640px; margin: 0 auto; padding: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .library #main p img { width: 100%; height: auto; }
  .library #main table { border: solid 1px #ccc; width: 640px; margin: 0 auto; font-size: 0.8em; }
  .library #main table th { background: #DFDFD0; border: solid 1px #ccc; padding: 7px; width: 25%; font-weight: normal; }
  .library #main table td { border: solid 1px #ccc; padding: 7px; text-align: left; }
  .libraryArchive #main .sec .list li input[type=checkbox] { opacity: 0; float: left; display: none; }
  .libraryArchive #main .sec .list li input[type=checkbox] + label { margin: 0 0 0 0; position: relative; cursor: pointer; font-size: 16px; font-family: monospace; float: left; }
  .libraryArchive #main .sec .list li input[type=checkbox] + label ~ label { margin: 0 0 0 40px; }
  .libraryArchive #main .sec .list li input[type=checkbox] + label::before { content: ' '; position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: block; background: #fff url("../img/common/icon_check.png") no-repeat center center; }
  .libraryArchive #main .sec .list li input[type=checkbox] + label::after { content: ' '; position: absolute; right: 0; top: 0; width: 27px; height: 27px; display: block; z-index: 1; background: url("../img/common/icon_checked.png") no-repeat center center; opacity: 0; }
  .libraryArchive #main .sec .list li input[type=checkbox]:checked + label::after { opacity: 1; }
  .libraryArchive #form h2 { font-size: 2em; text-align: center; }
  .libraryArchive #form table { width: 100%; border: solid 2px #ccc; margin: 10px 0; }
  .libraryArchive #form table th { background: #DFDFD0; padding: 20px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; white-space: nowrap; }
  .libraryArchive #form table td { padding: 20px; border-bottom: solid 1px #ccc; }
  .libraryArchive #form table td label { margin-right: 5px; }
  .libraryArchive #form table td input[type=text] { width: 80%; }
  .libraryArchive #form table td.center { padding: 30px; text-align: center; }
  .libraryArchive #form td a { color: #5D90CB; text-decoration: underline; }
  .libraryArchive #form td a:hover { text-decoration: none; }
  .libraryArchive #form p { text-align: center; padding: 0; position: relative; }
  .libraryArchive #form input[type=submit] { width: 100%; border: solid 1px #ccc; padding: 10px; line-height: 2em; }
  .libraryArchive #form p:before { content: url("../img/common/icon_library_down.png"); margin: 3px 10px 0 0; vertical-align: middle; display: inline-block; position: absolute; top: 15px; left: 33%; }
  /*---------------------------------------------------- contact ----------------------------------------------------*/
  .contact #main h3 { font-size: 1.6em; line-height: 1.4em; padding: 4% 2% 1%; }
  .contact #main p { padding-bottom: 1.8em; color: #f00; }
  .contact #main .table { border: solid 1px #000; margin-bottom: 1.4em; width: 100%; display: block; }
  .contact #main .table div { display: block; }
  .contact #main .table div dl { display: block; }
  .contact #main .table dt { background: #CECEBF; padding: 3%; width: 100%; border-bottom: 1px solid #999; font-weight: normal; display: block; text-align: left; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .contact #main .table dt span { display: inline-block; padding-left: 1em; color: #F00; font-size: .9em; }
  .contact #main .table dd { padding: 3%; border-bottom: 1px solid #999; text-align: left; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .contact #main .table dd input[type=text], .contact #main .table dd input[type=email], .contact #main .table dd textarea { font-size: 1em; line-height: 1.8em; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .contact #main .btns input[type=submit] { width: 80%; font-size: 1.4em; border: none; margin-bottom: 1.1em; padding: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .contact #main .btns input[type=button] { border: none; width: 50%; margin-bottom: 1.4em; padding: 2%; }
  .contact #main .btns input.back { margin-right: 20px; }
  /*---------------------------------------------------- links ----------------------------------------------------*/
  .links #main { background: url("../img/common/bg_illust.gif") repeat center; }
  .links #main .sec { text-align: left; padding: 3% 0 !important; }
  .links #main .sec div { width: 100%; }
  .links #main .sec dl { background: #fff; padding: 0; width: 97%; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 20px auto; }
  .links #main .sec dl dt { color: #F18E43; font-size: 1.5em; padding: 3%; }
  .links #main .sec dl dd h4 { color: #5D90CB; font-size: 1.2em; font-weight: normal; padding-top: 30px; padding-left: 15px; padding-bottom: 10px; }
  .links #main .sec dl dd h4:first-child { padding-top: 0; padding-left: 15px; }
  .links #main .sec dl dd .pT30 { padding-top: 0 !important; }
  .links #main .sec dl dd ul li { padding-bottom: 0; margin-bottom: -1px; }
  .links #main .sec dl dd ul li:first-child { border-top: solid 1px #ccc; }
  .links #main .sec dl dd ul li a { text-decoration: none; display: block; border-bottom: solid 1px #ccc; position: relative; padding: 4% 10% 4% 4%; }
  .links #main .sec dl dd ul li a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 16px; top: 50%; margin-top: -0.4em; width: 8px; height: 15px; }
  .links #main .sec dl dd ul li a:hover { text-decoration: none; }
  /*---------------------------------------------------- blogger ----------------------------------------------------*/
  .blogger #main { background: url("../img/common/bg_illust_blogger.gif") repeat center; }
  .blogger #main .sec { text-align: left; padding: 3% 0 !important; }
  .blogger #main .sec div { width: 100%; }
  .blogger #main .sec dl { background: #fff; padding: 0; width: 97%; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 20px auto; }
  .blogger #main .sec dl dt { color: #F18E43; font-size: 1.5em; padding: 3%; }
  .blogger #main .sec dl dd h4 { color: #5D90CB; font-size: 1.2em; font-weight: normal; padding-top: 30px; padding-left: 15px; padding-bottom: 10px; }
  .blogger #main .sec dl dd h4:first-child { padding-top: 0; padding-left: 15px; }
  .blogger #main .sec dl dd .pT30 { padding-top: 0 !important; }
  .blogger #main .sec dl dd ul li { padding-bottom: 0; margin-bottom: -1px; }
  .blogger #main .sec dl dd ul li:first-child { border-top: solid 1px #ccc; }
  .blogger #main .sec dl dd ul li a { text-decoration: none; display: block; border-bottom: solid 1px #ccc; position: relative; padding: 4% 10% 4% 4%; }
  .blogger #main .sec dl dd ul li a:after { content: "　"; background: url("../img/common/icon_arrow_right.svg") no-repeat; background-size: contain; position: absolute; right: 16px; top: 50%; margin-top: -0.4em; width: 8px; height: 15px; }
  .blogger #main .sec dl dd ul li a:hover { text-decoration: none; }
  /*---------------------------------------------------- stamp ----------------------------------------------------*/
  .stamp-content { position: relative; width: 300%; overflow: hidden; transform: scale(0.333); transform-origin: 0 0; -webkit-transform: scale(0.333); -webkit-transform-origin: 0 0; -moz-transform: scale(0.333); -moz-transform-origin: 0 0; }
  .stamp-content iframe { width: 100%; }
  /*---------------------------------------------------- access iframe content ----------------------------------------------------*/
  .if-content { position: relative; width: 300%; padding: 580% 0 0 0; overflow: hidden; margin: 0 0 -386.5% 0; transform: scale(0.333); transform-origin: 0 0; -webkit-transform: scale(0.333); -webkit-transform-origin: 0 0; -moz-transform: scale(0.333); -moz-transform-origin: 0 0; } }

@media screen and (max-width: 768px) and (max-width: 375px) { .if-content { padding: 510% 0 0 0; margin: 0 0 -336.5% 0; } }

@media screen and (max-width: 768px) and (max-width: 680px) and (orientation: landscape) { .if-content { padding: 290% 0 0 0; margin: 0 0 -195.5% 0; } }

@media screen and (max-width: 768px) and (max-width: 480px) { .if-content { padding: 490% 0 0 0; margin: 0 0 -326.5% 0; } }

@media screen and (max-width: 768px) and (max-width: 890px) and (orientation: landscape) { .if-content { padding: 270% 0 0 0; margin: 0 0 -175.5% 0; } }

@media screen and (max-width: 768px) { .if-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
  .feature .free { clear: both; background: #fff; padding: 60px 0; margin-top: 60px; }
  .feature .setouchi_finder { width: 100%; margin: 0 auto; }
  .feature .setouchi_finder h5 { font-size: 1.4em; padding: 5px 15px 5px 15px; }
  .feature .setouchi_finder a { padding: 2px 6px; }
  .feature .setouchi_finder div { width: 100%; float: none; text-align: center; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .feature .setouchi_finder div:nth-child(1) { text-align: center; }
  .okatabi .free { clear: both; background: #fff; padding: 60px 0; margin-top: 60px; }
  .okatabi .setouchi_finder { width: 100%; margin: 0 auto; }
  .okatabi .setouchi_finder h5 { font-size: 1.4em; padding: 5px 15px 5px 15px; }
  .okatabi .setouchi_finder a { padding: 2px 6px; }
  .okatabi .setouchi_finder div { width: 100%; float: none; text-align: center; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .okatabi .setouchi_finder div:nth-child(1) { text-align: center; } }

/*==================================================== Layout ====================================================*/
.l-main02 { background: #DFDFD0; padding-bottom: 40px; }

.l-main02__inner { clear: both; width: 900px; margin: 0 auto; }

@media screen and (max-width: 768px) { .l-main02__inner { width: auto; padding: 0 3%; } }

/*==================================================== Javascript ====================================================*/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 20px; background: #fff; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { border: 5px solid #fff; background: #fff; }

#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }

#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }

/*#cboxLoadingGraphic{background:url(../img/bxslider/bx_loader.gif) no-repeat center center;}*/
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }

/*
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
*/
#cboxClose { position: absolute; top: 15px; right: 15px; display: block; background: url(../img/common/btn_over_close.png) no-repeat top center; width: 27px; height: 27px; text-indent: -9999px; }

#cboxClose:hover { background-position: bottom center; }

.libraryArchive #cboxClose { position: absolute; top: 0px; left: 0px; display: block; background: url(../img/common/btn_over_close.png) no-repeat top center; width: 54px; height: 54px; text-indent: -9999px; }

#top #cboxClose { display: none; }

#top #cboxLoadedContent { border: 0px solid #fff; background: #fff; }

.timelapse #cboxClose { display: none; }

.timelapse #cboxLoadedContent { border: 0px solid #fff; background: #fff; }

.abouts #cboxClose { display: none; }

.abouts #cboxLoadedContent { border: 0px solid #fff; background: #fff; }

.bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; }

.row .bx-wrapper { background: #FBE7F0; }

.bx-wrapper .bx-viewport { -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -50px; width: 100%; }

@media screen and (max-width: 768px) { .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: initial; width: 100%; padding-top: 0; } }

.pickup .bx-wrapper .bx-pager, .pickup .bx-wrapper .bx-controls-auto { position: absolute; bottom: -50px; width: 100%; }

@media screen and (max-width: 768px) { .pickup .bx-wrapper .bx-pager, .pickup .bx-wrapper .bx-controls-auto { bottom: -2.7em; width: 100%; padding-top: 0; } }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url("../img/bxslider/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #C9CACA; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0; border-radius: 25px; border: 2px solid #9FA0A0; }

.pickup .bx-wrapper .bx-pager.bx-default-pager a { /* width: 14px; */ /* height: 14px; */ }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #5D90CB; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 70px; background: url(../img/top/btn_slide_prev.png) no-repeat 0px; }

@media screen and (max-width: 768px) { .bx-wrapper .bx-prev { left: 10px; background: url("../img/top/btn_slide_prev.png") no-repeat 0; background-size: 15px auto; } }

.bx-wrapper .bx-next { right: 70px; background: url(../img/top/btn_slide_next.png) no-repeat 0px; }

@media screen and (max-width: 768px) { .bx-wrapper .bx-next { right: 10px; background: url("../img/top/btn_slide_next.png") no-repeat 0; background-size: 15px auto; } }

.pickup .bx-wrapper .bx-prev { left: -20px; background: url(../img/top/btn_slide_prev.png) no-repeat 0px; }

.pickup .bx-wrapper .bx-next { right: -20px; background: url(../img/top/btn_slide_next.png) no-repeat 0px; }

.imgs .bx-wrapper .bx-prev, .feature.postid-13482 .bx-wrapper .bx-prev { left: -43px; background: url(../img/top/btn_slide_prev.png) no-repeat center; background-size: 60%; }

.feature.postid-13482 .bx-wrapper .bx-prev { left: 0px; }

.imgs .bx-wrapper .bx-next, .feature.postid-13482 .bx-wrapper .bx-next { right: -43px; background: url(../img/top/btn_slide_next.png) no-repeat center; background-size: 60%; }

.feature.postid-13482 .bx-wrapper .bx-next { right: 0px; }

.feature .head .bx-wrapper .bx-prev, .okatabi .head .bx-wrapper .bx-prev { left: -70px; background: url(../img/common/btn_slide_prev.png) no-repeat 0px; }

.feature .head .bx-wrapper .bx-next, .okatabi .head .bx-wrapper .bx-next { right: -70px; background: url(../img/common/btn_slide_next.png) no-repeat 0px; }

.with .bx-wrapper .bx-prev { left: 0px; background: url(../img/top/btn_slide_prev.png) no-repeat center; background-size: 40%; }

.with .bx-wrapper .bx-next { right: 0px; background: url(../img/top/btn_slide_next.png) no-repeat center; background-size: 60%; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; outline: 0; width: 30px; height: 60px; text-indent: -9999px; z-index: 9998; }

.imgs .bx-wrapper .bx-controls-direction a, .feature.postid-13482 .gallery .bx-wrapper .bx-controls-direction a { position: absolute; top: 0%; margin-top: 0px; outline: 0; width: 23px; height: 120px; text-indent: -9999px; z-index: 9998; background-color: #ccc; }

.feature.postid-13482 .bx-wrapper .bx-controls-direction a { position: absolute; top: 0%; margin-top: 0px; outline: 0; width: 20px; height: 80px; text-indent: -9999px; z-index: 9998; background-color: #ccc; }

.feature.postid-13482 .gallery .bx-wrapper .bx-controls-direction a { top: 10px; }

.feature.postid-13482 .bx-wrapper .bx-controls-direction a { top: 10px; }

.with .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; margin-top: 0px; outline: 0; width: 20px; height: 63px; text-indent: -9999px; z-index: 9998; background-color: #ccc; }

.feature .head .bx-wrapper .bx-controls-direction a, .okatabi .head .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; outline: 0; width: 30px; height: 60px; text-indent: -9999px; z-index: 9998; background-color: transparent; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

@media screen and (max-width: 768px) { /** RESET AND LAYOUT ===================================*/
  .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; }
  .row .bx-wrapper { background: #fff; }
  .bx-wrapper img { /* max-width: 100%; display: block; */ }
  /** THEME ===================================*/
  .bx-wrapper .bx-viewport { -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translatez(0); }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: initial; width: 100%; padding-top: 0%; }
  .pickup .bx-wrapper .bx-pager, .pickup .bx-wrapper .bx-controls-auto { position: absolute; bottom: -2.7em; width: 100%; padding-top: 0; }
  /* LOADER */
  .bx-wrapper .bx-loading { min-height: 50px; background: url(../img/bxslider/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
  /* PAGER */
  .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 100; padding-top: .5em; }
  #mainSlider .bx-wrapper .bx-pager { display: none; }
  .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { *zoom: 1; *display: inline; display: inline-block; width: 1.4em; padding: 0.3em; }
  .single-spot .relation .bx-wrapper .bx-pager .bx-pager-item, .single-spot .relation .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; width: 1.4em; padding: 0.3em; }
  .access .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 100; padding-top: 2%; }
  .access .bx-wrapper .bx-pager .bx-pager-item { padding: 0.9%; width: 1%; }
  .bx-wrapper .bx-pager.bx-default-pager a { background: #C9CACA; text-indent: -9999px; display: block; width: 1em; height: 1em; margin: 0; outline: 0; border-radius: 100%; border: 2px solid #9FA0A0; }
  .pickup .bx-wrapper .bx-pager.bx-default-pager a { width: 1em; height: 1em; }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #5D90CB; }
  /* DIRECTION CONTROLS (NEXT / PREV) */
  .bx-wrapper .bx-prev { left: 1%; background: url(../img/top/btn_slide_prev.png) no-repeat 0px; }
  .bx-wrapper .bx-next { right: 1%; background: url(../img/top/btn_slide_next.png) no-repeat 0px; }
  .pickup .bx-wrapper .bx-prev { left: 29%; background: url(../img/top/btn_slide_prev.png) no-repeat 0px; background-size: contain; }
  .pickup .bx-wrapper .bx-next { right: 29%; background: url(../img/top/btn_slide_next.png) no-repeat 0px; background-size: contain; }
  .imgs .bx-wrapper .bx-prev { left: -43px; background: url(../img/top/btn_slide_prev.png) no-repeat center; background-size: 60%; }
  .imgs .bx-wrapper .bx-next { right: -43px; background: url(../img/top/btn_slide_next.png) no-repeat center; background-size: 60%; }
  .feature .head .bx-wrapper .bx-prev, .okatabi .head .bx-wrapper .bx-prev { left: -70px; background: url(../img/common/btn_slide_prev.png) no-repeat 0px; }
  .feature .head .bx-wrapper .bx-next, .okatabi .head .bx-wrapper .bx-next { right: -70px; background: url(../img/common/btn_slide_next.png) no-repeat 0px; }
  .with .bx-wrapper .bx-prev { left: 0px; background: url(../img/top/btn_slide_prev.png) no-repeat center; background-size: 40%; }
  .with .bx-wrapper .bx-next { right: 0px; background: url(../img/top/btn_slide_next.png) no-repeat center; background-size: 60%; }
  .bx-wrapper .bx-controls-direction a { position: absolute; top: 52%; margin-top: -1.2em; outline: 0; width: 1em; height: 2em; text-indent: -9999px; z-index: 9998; background-size: contain; }
  #mainSlider .bx-wrapper .bx-controls-direction a { position: absolute; top: 52%; margin-top: -10%; outline: 0; width: 1em; height: 2em; text-indent: -9999px; z-index: 9998; background-size: contain; }
  .imgs .bx-wrapper .bx-controls-direction a { position: absolute; top: 0%; margin-top: 0px; outline: 0; width: 23px; height: 120px; text-indent: -9999px; z-index: 9998; background-color: #ccc; }
  .with .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; margin-top: 0px; outline: 0; width: 20px; height: 63px; text-indent: -9999px; z-index: 9998; background-color: #ccc; }
  .feature .head .bx-wrapper .bx-controls-direction a, .okatabi .head .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; outline: 0; width: 30px; height: 60px; text-indent: -9999px; z-index: 9998; background-color: transparent; }
  .bx-wrapper .bx-controls-direction a.disabled { display: none; }
  /* AUTO CONTROLS (START / STOP) */
  .bx-wrapper .bx-controls-auto { text-align: center; }
  .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; }
  .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; }
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
  /* IMAGE CAPTIONS */
  .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
  .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } }

/*==================================================== Object:Component ====================================================*/
.c-title01 { font-size: 2.5em; width: 900px; margin: 0 auto 40px; }

@media screen and (max-width: 768px) { .c-title01 { width: auto; font-size: 1.4em; line-height: 1.1em; } }

.c-title01__main { padding: 60px 0 0 0; font-size: 1em; line-height: 1.1em; }

@media screen and (max-width: 768px) { .c-title01__main { padding: 6% 0 0 0; } }

.c-title01__tag span { background: #F18E43; width: 260px; font-size: 0.6em; color: #fff; font-weight: normal; border-radius: 20px; display: inline-block; margin: 10px 5px 0; }

@media screen and (max-width: 768px) { .c-title01__tag span { width: auto; padding: 0 1em; } }

.c-title02 { font-size: 2.5em; text-align: left; padding-top: 30px; color: #fff; }

@media screen and (max-width: 768px) { .c-title02 { font-size: 1.2em; } }

.c-title03 { font-size: 1.6em; line-height: 1.2; padding: .2rem 0; }

.c-title04 { background-color: #90b478; border-radius: 10px 10px 0 0; color: #fff; font-weight: normal; font-size: 2em; margin-top: 6rem; }

.c-title04__num { font-style: normal; font-size: 1.3em; position: relative; display: block; }

.c-title04__num span { top: -3rem; left: 50%; margin-left: -3rem; position: absolute; width: 6rem; height: 6rem; line-height: 1.8; background-color: #90b478; border-radius: 50%; }

.c-title04__ttl { position: relative; display: block; padding: .3rem; }

.c-text01 { font-size: 1.2em; line-height: 1.8em; text-align: left; }

@media screen and (max-width: 768px) { .c-text01 { font-size: 1em; line-height: 1.5em; } }

.c-text02 { padding-top: 9px; color: #B29161; font-size: 1.2em; }

.c-text03 { font-size: 1.2em; color: #90b478; }

.c-tags01 { clear: both; padding: 60px 0; }

@media screen and (max-width: 768px) { .c-tags01 { padding: 2em 0; } }

.c-tags01__item { border: solid 1px #F18E43; color: #F18E43; font-size: 1.3em; font-weight: bold; display: inline-block; margin-right: 0.4%; padding: 0 30px; }

.c-tags01__item:last-child { margin: 0; }

.c-tags02 { display: inline-block; background: #F18E43; color: #fff; font-weight: normal; border-radius: 20px; padding: 0 20px; font-size: 1rem; line-height: 1.6; }

.c-table01 { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; width: 100%; text-align: left; }

@media screen and (max-width: 768px) { .c-table01 { display: block; } }

.c-table01__row { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-row; }

@media screen and (max-width: 768px) { .c-table01__row { display: block; } }

.c-table01__th { display: table-cell; padding: 1.5em 1em; vertical-align: middle; width: 23%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #cecec0; border: solid 1px #fff; }

@media screen and (max-width: 768px) { .c-table01__th { display: block; width: 100%; padding: 0.5em; } }

.c-table01__td { display: table-cell; padding: 1.5em 1em; vertical-align: middle; width: 77%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #fff; }

@media screen and (max-width: 768px) { .c-table01__td { display: block; width: 100%; padding: 0.5em; } }

.c-table01__td a { text-decoration: underline; }

.c-btn01 { color: #fff !important; display: inline-block; background: #5D90CB; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5D90CB), color-stop(50%, #4577bb)); background: linear-gradient(to bottom, #5D90CB 50%, #4577bb 50%); padding: 2px 5px; }

.c-btn02:after { content: url("../img/common/icon_blank.png"); padding-left: 6px; }

.c-box01 { text-align: left; padding: 50px 0; border-bottom: 1px solid #000; }

@media screen and (max-width: 768px) { .c-box01 { padding: 2em 0; } }

.c-box01__inner { float: right; width: 63%; }

@media screen and (max-width: 768px) { .c-box01__inner { float: none; width: auto; text-align: center; } }

.c-box01__sec01 { padding-top: 9px; }

.c-box01__sec02 { padding-top: 9px; text-align: center; }

.c-box02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.c-box02 img { max-width: 100%; height: auto; }

.c-box02___item { margin-top: .8rem; -webkit-box-flex: 0; -webkit-flex: 0 0 49.2%; -ms-flex: 0 0 49.2%; flex: 0 0 49.2%; text-align: left; background-color: #fff; }

@media screen and (max-width: 768px) { .c-box02___item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.c-box02___head { margin: 0 1rem; padding: .8rem 0; }

.c-box02___text { border-top: 1px solid #90b478; margin: 0 1rem; padding: 1rem 0; }

.c-box02___text p + p { margin-top: 1rem; }

.c-box02___item--small .c-box02__sec01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 1rem 1rem; }

.c-box02___item--small .c-box02__sec01 .c-box02___photo { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }

.c-box02___item--small .c-box02__sec01 .c-box02___head { -webkit-box-flex: 0; -webkit-flex: 0 0 61%; -ms-flex: 0 0 61%; flex: 0 0 61%; padding-top: 0; }

.c-tab01 { 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; }

@media screen and (max-width: 768px) { .c-tab01 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.c-tab01__item { -webkit-box-flex: 0; -webkit-flex: 0 0 24.5%; -ms-flex: 0 0 24.5%; flex: 0 0 24.5%; }

@media screen and (max-width: 768px) { .c-tab01__item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.c-tab01__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: solid 2px #acadad; }

.c-tab01__icn { -webkit-box-flex: 0; -webkit-flex: 0 0 28%; -ms-flex: 0 0 28%; flex: 0 0 28%; padding: 5px 0; background: #bfc0c0; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bfc0c0), color-stop(50%, #949595)); background: linear-gradient(to bottom, #bfc0c0 50%, #949595 50%); }

.c-tab01__ttl { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; color: #5d90cb; font-weight: bold; }

.feature #main .c-head--white, .okatabi #main .c-head--white { background-color: #fff; }

@media screen and (min-width: 768px) { .feature #main .c-head--white, .okatabi #main .c-head--white { margin-bottom: -2em; } }

.feature #main .c-box--green, .okatabi #main .c-box--green { background-color: #E3F6CD; }

.information_icons { max-width: 960px; }

.information_icons-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.34vw; margin-right: -1.34vw; }

@media screen and (min-width: 768px) { .information_icons-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -5px; margin-right: -5px; } }

.information_icons-item { margin: 1.6vw 1.33vw; width: 27.46vw; height: 27.46vw; overflow: hidden; }

@media screen and (min-width: 768px) { .information_icons-item { margin: 6px 5px; width: 100px; height: 100px; } }

.information_icons-item img { width: auto; max-width: 100%; height: auto; }

.information_icons_list { width: 100%; }

.information_icons_list-title { display: block; margin-top: 0; margin-bottom: 2.66vw; text-align: center; }

@media screen and (min-width: 768px) { .information_icons_list-title { display: inline-block; margin-top: 15px; margin-bottom: 0; } }

.information_icons_list-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -1.34vw; margin-right: -1.34vw; margin-bottom: 5.33vw; }

@media screen and (min-width: 768px) { .information_icons_list-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 5px; margin-left: 0; margin-right: -10px; margin-bottom: 0; } }

.information_icons_list-item { margin: 1.06vw 0.8vw; width: 17.06vw; height: 17.06vw; overflow: hidden; }

@media screen and (min-width: 768px) { .information_icons_list-item { margin: 6px 8px 6px 0; width: 88px; height: 88px; } }

.information_icons_list-item img { width: auto; max-width: 100%; height: auto; }

iframe[src^="https://www.youtube.com/embed"] { margin: 0 auto; display: block; }

@media screen and (max-width: 768px) { iframe[src^="https://www.youtube.com/embed"] { width: 100%; height: calc((200/375)*100vw); } }

@media screen and (max-width: 768px) { hr { width: 100%; } }

/*==================================================== Object:Project ====================================================*/
.p-eventCalendar__head { position: relative; width: 900px; margin: 0 auto; padding-top: 60px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-eventCalendar__head { width: auto; padding-top: 0; margin-bottom: 0; } }

.p-eventCalendar__image { position: absolute; top: 60px; z-index: 0; }

@media screen and (max-width: 768px) { .p-eventCalendar__image { display: none; } }

.p-eventCalendar__catch { display: table-cell; width: 900px; text-align: center; height: 200px; vertical-align: middle; z-index: 999; position: relative; font-size: 2.3em; color: #fff; text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 768px) { .p-eventCalendar__catch { width: auto; text-shadow: none; line-height: 1.2; color: #000; font-size: 1.4em; height: 4em; } }

.p-eventCalendarTab .is-current .c-tab01__ttl { color: #fff; }

.p-eventCalendarTab__spring .c-tab01__icn { background: #d4a1b1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d4a1b1), color-stop(50%, #bc8797)); background: linear-gradient(to bottom, #d4a1b1 50%, #bc8797 50%); }

.p-eventCalendarTab__spring.is-current { background-color: #BF8D9C; }

.p-eventCalendarTab__summer .c-tab01__icn { background: #9fbe7e; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9fbe7e), color-stop(50%, #88a26b)); background: linear-gradient(to bottom, #9fbe7e 50%, #88a26b 50%); }

.p-eventCalendarTab__summer.is-current { background-color: #90b478; }

.p-eventCalendarTab__autumn .c-tab01__icn { background: #dfa48a; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dfa48a), color-stop(50%, #bf8c76)); background: linear-gradient(to bottom, #dfa48a 50%, #bf8c76 50%); }

.p-eventCalendarTab__autumn.is-current { background-color: #CC9278; }

.p-eventCalendarTab__winter .c-tab01__icn { background: #8cbae4; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #8cbae4), color-stop(50%, #779fc3)); background: linear-gradient(to bottom, #8cbae4 50%, #779fc3 50%); }

.p-eventCalendarTab__winter.is-current { background-color: #80ADD7; }

.p-eventCalendarList--spring .c-title04 { background-color: #BF8D9C; }

.p-eventCalendarList--spring .c-title04__num span { background-color: #BF8D9C; }

.p-eventCalendarList--spring .c-box02___text { border-top: 1px solid #BF8D9C; }

.p-eventCalendarList--summer .c-title04 { background-color: #90b478; }

.p-eventCalendarList--summer .c-title04__num span { background-color: #90b478; }

.p-eventCalendarList--summer .c-box02___text { border-top: 1px solid #90b478; }

.p-eventCalendarList--autumn .c-title04 { background-color: #CC9278; }

.p-eventCalendarList--autumn .c-title04__num span { background-color: #CC9278; }

.p-eventCalendarList--autumn .c-box02___text { border-top: 1px solid #CC9278; }

.p-eventCalendarList--winter .c-title04 { background-color: #80ADD7; }

.p-eventCalendarList--winter .c-title04__num span { background-color: #80ADD7; }

.p-eventCalendarList--winter .c-box02___text { border-top: 1px solid #80ADD7; }

.p-eventCalendarBox .c-tags02 { margin-top: .5rem; }

.p-eventList .c-tags02 { float: right; }

@media screen and (max-width: 768px) { .p-eventList .c-tags02 { float: none; } }

@media screen and (max-width: 768px) { .p-eventList .c-title03 .c-tags02 { display: none; } }

@media screen and (max-width: 768px) { .p-featureTitleSection p, .p-okatabiTitleSection p { text-align: left; } }

.p-feature-trip_advisor, .p-okatabi-trip_advisor { text-align: center; }

.p-feature-trip_advisor img, .p-okatabi-trip_advisor img { width: 90%; max-width: 250px; }

@media screen and (max-width: 768px) { .p-feature-trip_advisor, .p-okatabi-trip_advisor { padding-left: 0; padding-right: 0; }
  .p-feature-trip_advisor img, .p-okatabi-trip_advisor img { width: 100%; max-width: inherit; } }

.p-feature-btn01, .p-okatabi-btn01 { text-align: center; }

.p-spotGourmetBnr img { width: 90%; max-width: 280px; }

@media screen and (max-width: 768px) { .p-spotGourmetBnr img { width: 100%; max-width: inherit; } }

@media screen and (min-width: 768px) { .feature #main .row.p-sTExperience, .okatabi #main .row.p-sTExperience { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(910px + 2%); } }

@media screen and (max-width: 768px) { .feature #main .row.p-sTExperience, .okatabi #main .row.p-sTExperience { padding-top: 1em; } }

@media screen and (min-width: 768px) { .feature #main .row.p-sTExperience .sT, .okatabi #main .row.p-sTExperience .sT { display: block; width: calc(94% / 3); margin: 0 1%; }
  .feature #main .row.p-sTExperience .sT:nth-child(n + 4), .okatabi #main .row.p-sTExperience .sT:nth-child(n + 4) { margin-top: 4%; } }

@media screen and (max-width: 768px) { .feature #main .row.p-sTExperience .sT, .okatabi #main .row.p-sTExperience .sT { padding: 0 !important; margin: 0 1em 2em; } }

.feature #main .row.p-sTExperience .with, .okatabi #main .row.p-sTExperience .with { overflow: hidden; }

@media screen and (min-width: 768px) { .feature #main .row.p-sTExperience .with, .okatabi #main .row.p-sTExperience .with { max-height: 360px; } }

@media screen and (max-width: 768px) { .feature #main .row.p-sTExperience .with, .okatabi #main .row.p-sTExperience .with { max-height: 100vh; } }

.feature #main .row.p-sTExperience .bx-wrapper, .okatabi #main .row.p-sTExperience .bx-wrapper { background-color: #E3F6CD; }

@media screen and (max-width: 768px) { .feature #main .row.p-sTExperience .bx-wrapper, .okatabi #main .row.p-sTExperience .bx-wrapper { background-color: #fff; } }

.p-top-fb-bnr { max-width: 700px; margin: 0 auto; padding: 0 0 2em; }

@media screen and (max-width: 768px) { .p-top-fb-bnr { padding: 5% 0 0; } }

.p-top-fb-bnr img { max-width: 100%; width: 100%; height: auto; }

.p-gurunavi { padding: 5em 0; }

@media screen and (max-width: 768px) { .p-gurunavi { padding: 3em 0; } }

.p-gurunavi__inner { max-width: 1000px; margin: 0 auto; }

@media screen and (max-width: 768px) { .p-gurunavi__inner { width: 92%; } }

.p-gurunavi-search { background-color: #DFDFD0; padding: 1em 2em; }

@media screen and (max-width: 768px) { .p-gurunavi-search { padding: 4%; width: 100%; margin-left: -4%; } }

.p-gurunavi-search__ttl { text-align: left; font-size: 1.5em; margin-bottom: .5em; }

@media screen and (max-width: 768px) { .p-gurunavi-search__ttl { font-size: 4.8vw; } }

.p-gurunavi-search__ttl i { display: inline-block; -webkit-transform: translateY(2px); transform: translateY(2px); margin-right: .5em; }

.p-gurunavi-search__ttl i svg { width: 20px; }

.p-gurunavi-search__form { font-size: 1.2em; }

.p-gurunavi-search__form p:nth-child(-n + 3) { width: 19%; }

@media screen and (max-width: 768px) { .p-gurunavi-search__form p:nth-child(-n + 3) { width: 100%; margin-bottom: .5em; } }

.p-gurunavi-search__form p:nth-child(4) { width: 28%; }

@media screen and (max-width: 768px) { .p-gurunavi-search__form p:nth-child(4) { width: 80%; } }

.p-gurunavi-search__form form { 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; }

@media screen and (max-width: 768px) { .p-gurunavi-search__form form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.p-gurunavi-search__form select { width: 100%; }

.p-gurunavi-search__form input[type=text] { width: 100%; }

.p-gurunavi-search__form button { width: 8%; background-color: #5D90CB; border: none; padding: 2px 0; }

.p-gurunavi-search__form button svg { width: 18px; -webkit-transform: translateY(3px); transform: translateY(3px); }

@media screen and (max-width: 768px) { .p-gurunavi-search__form button { width: 14%; } }

.p-gurunavi__search-result { 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; border-bottom: solid 1px #000; font-size: 1.2em; margin: 3em 0 0; }

.p-gurunavi-result { background-color: #fff; padding: 1.7em; 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; margin-top: 3em; text-align: left; }

@media screen and (max-width: 768px) { .p-gurunavi-result { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.p-gurunavi-result + .p-gurunavi-result { margin-top: 1.4em; }

.p-gurunavi-result + .pager { margin-top: 1em; padding-top: 10px; }

.p-gurunavi-result__thumb { width: auto; max-width: 240px; }

@media screen and (max-width: 768px) { .p-gurunavi-result__thumb { width: 100%; max-width: inherit; } }

.p-gurunavi-result__thumb img { vertical-align: bottom; }

@media screen and (max-width: 768px) { .p-gurunavi-result__thumb img { width: 100%; } }

.p-gurunavi-result__thumb p + p { margin-top: .2em; }

@media screen and (max-width: 768px) { .p-gurunavi-result__thumb p + p { text-align: right; } }

.p-gurunavi-result__detail { width: calc(97% - 240px); }

@media screen and (max-width: 768px) { .p-gurunavi-result__detail { width: 100%; padding-top: 1em; } }

.p-gurunavi-result__detail h3 { font-size: 1.7em; font-weight: bold; }

.p-gurunavi-result__detail h3 + p { margin-top: .5em; font-size: .9em; }

.p-gurunavi-result__detail a { color: #000; text-decoration: none; }

.p-gurunavi-result__detail p:nth-of-type(1) { color: #B29161; font-size: 1.2em; }

.p-gurunavi-result__detail p + p { margin-top: .8em; }

.p-gurunavi-result__detail p + ul { margin-top: .4em; }

.p-gurunavi-result__detail ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -.8em; }

.p-gurunavi-result__detail li { margin-top: 1em; padding: .4em 1.4em; border: solid 1px #ccc; margin-left: .8em; }

@media screen and (max-width: 768px) { .p-gurunavi .p-gurunavi-to-btn { max-width: 1000px; } }

.p-gurunavi-to-btn { max-width: 1000px; margin: 0 auto; }

.pager + .p-gurunavi-to-btn { margin-top: 1em; }

.p-gurunavi-result + .p-gurunavi-to-btn { margin-top: 2em; }

@media screen and (max-width: 768px) { .p-gurunavi-to-btn { max-width: 90%; } }

.p-gurunavi-to-btn p { margin: 0 auto; display: inline-block; }

@media screen and (max-width: 768px) { .p-gurunavi-to-btn p { width: 100%; display: block; } }

.p-gurunavi-to-btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1em; background-color: #bf2525; color: #fff; font-size: 1.6em; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px) { .p-gurunavi-to-btn a { font-size: 4vw; } }

.p-gurunavi-to-btn a:before { content: ''; background-image: url("../img/grunavi/icn_to_gourmet.png"); background-size: contain; background-position: center; background-repeat: no-repeat; display: block; width: 1.8em; height: 1.8em; margin-right: 1em; -webkit-transform: translateY(-0.1em); transform: translateY(-0.1em); }

@media screen and (max-width: 768px) { .p-gurunavi-to-btn a:before { margin-right: 1vw; width: 6.5vw; height: 6vw; } }

.p-gurunavi-to-btn a:after { content: ''; background-image: url("../img/grunavi/icn_arrow.png"); background-size: cover; background-position: center; display: block; width: .8em; height: .8em; margin-left: 1em; -webkit-transform: translateY(-0.1em); transform: translateY(-0.1em); }

@media screen and (max-width: 768px) { .p-gurunavi-to-btn a:after { margin-left: 1vw; width: 4vw; height: 4vw; } }

.p-gurunavi-to-gurunavi a:before { content: ''; background-image: url("../img/grunavi/icn_to_grunavi.png"); -webkit-transform: translateY(0); transform: translateY(0); }

/*----------------------------------------------------
interpreter
----------------------------------------------------*/
.interpreter #main { background: url("../img/common/bg_illust_interpreter.gif") repeat center; }

.interpreter #main .sec { text-align: left; padding: 60px 0; }

@media screen and (max-width: 768px) { .interpreter #main .sec { text-align: left; padding: 3% 0 !important; } }

.interpreter #main .sec div { width: 940px; background-color: #fff; padding: 1.4em 2em 2em 2em; }

@media screen and (max-width: 768px) { .interpreter #main .sec div { width: 96%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } }

.interpreter #main .sec h3 { color: #f18e43; font-size: 27px; line-height: 1.4; }

@media screen and (max-width: 768px) { .interpreter #main .sec h3 { font-size: 1.6em; } }

.interpreter #main .sec h4 { font-size: 16px; font-weight: bold; margin-top: 1em; line-height: 1.4; }

@media screen and (max-width: 768px) { .interpreter #main .sec h4 { font-size: 1.4em; } }

.interpreter #main .sec h5 { text-align: center; font-size: 27px; line-height: 1.4; padding: 3em 0 4em 0; }

@media screen and (max-width: 768px) { .interpreter #main .sec h5 { font-size: 1.6em; } }

.interpreter #main .sec h5 span { display: block; margin-bottom: 1.4em; }

@media screen and (max-width: 768px) { .interpreter #main .sec h5 span img { width: 50%; } }

.interpreter #main .sec p { font-size: 14px; margin-top: 1.8em; }

@media screen and (max-width: 768px) { .interpreter #main .sec p { font-size: 1em; } }

.interpreter #main .sec p a { color: #5d90cb; font-weight: bold; }

/*----------------------------------------------------
privacy
----------------------------------------------------*/
.privacy #main .sec { text-align: left; padding: 60px 0; }

@media screen and (max-width: 768px) { .privacy #main .sec { text-align: left; padding: 3% 0 !important; } }

.privacy #main .sec div { width: 940px; background-color: #fff; padding: 1.4em 2em 2em 2em; }

@media screen and (max-width: 768px) { .privacy #main .sec div { width: 96%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } }

.privacy #main .sec h3 { color: #f18e43; font-size: 27px; line-height: 1.4; }

@media screen and (max-width: 768px) { .privacy #main .sec h3 { font-size: 1.6em; } }

.privacy #main .sec h4 { font-size: 16px; font-weight: bold; margin-top: 1.8em; line-height: 1.4; }

@media screen and (max-width: 768px) { .privacy #main .sec h4 { font-size: 1.4em; } }

.privacy #main .sec h4 + p { margin-top: 1.4em; }

.privacy #main .sec h5 { text-align: center; font-size: 27px; line-height: 1.4; padding: 3em 0 4em 0; }

@media screen and (max-width: 768px) { .privacy #main .sec h5 { font-size: 1.6em; } }

.privacy #main .sec h5 span { display: block; margin-bottom: 1.4em; }

@media screen and (max-width: 768px) { .privacy #main .sec h5 span img { width: 50%; } }

.privacy #main .sec p { font-size: 14px; margin-top: 1.8em; }

@media screen and (max-width: 768px) { .privacy #main .sec p { font-size: 1em; } }

.privacy #main .sec p a { color: #5d90cb; font-weight: bold; }

@media screen and (max-width: 768px) { .privacy #main .sec p a { word-break: break-all; } }

.privacy #main .sec p + h3 { margin-top: 40px; }

@media screen and (max-width: 768px) { .privacy #main .sec p + h3 { margin-top: 2em; } }

.eu-privacy-fixed { position: fixed; background-color: rgba(0, 0, 0, 0.85); color: #fff; bottom: 0; left: 0; right: 0; z-index: 9999; -webkit-transition: opacity ease .5s, -webkit-transform ease .5s; transition: opacity ease .5s, -webkit-transform ease .5s; transition: opacity ease .5s, transform ease .5s; transition: opacity ease .5s, transform ease .5s, -webkit-transform ease .5s; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.eu-privacy-fixed.-none { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); pointer-events: none; z-index: 0; }

.eu-privacy-fixed-inner { padding: 16px; max-width: 1100px; margin: 0 auto; }

@media screen and (min-width: 768px) { .eu-privacy-fixed-inner { padding: 20px; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } }

.eu-privacy-fixed-text { text-align: left; }

.eu-privacy-fixed-text a { color: #4575b8; font-weight: bold; }

@media screen and (max-width: 768px) { .eu-privacy-fixed-text { font-size: 12px; margin-bottom: 15px; } }

@media screen and (min-width: 768px) { .eu-privacy-fixed-button { margin-left: 60px; } }

@media screen and (max-width: 768px) { .eu-privacy-fixed-button { text-align: left; } }

.eu-privacy-fixed-button .bBlue { width: 124px; line-height: 50px; }

@media screen and (max-width: 768px) { .eu-privacy-fixed-button .bBlue { text-align: center; } }

.okatabiTitle img { max-width: 100%; height: auto; }

/*==================================================== Language ====================================================*/
body.enLang { font-family: Avenir,"Open Sans","Helvetica Neue",Helvetica,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

.enLang #header .nGenre { -webkit-transform: translateX(-80px); transform: translateX(-80px); }

.enLang #header .nInfo { -webkit-transform: translateX(180px); transform: translateX(180px); }

.enLang #header .nSearch .serchInput input[type=text] { width: 78%; }

@media screen and (max-width: 768px) { .enLang #header .nSearch .serchInput input[type=text] { width: 65%; } }

.enLang #header .nSearch .serchInput button { padding: 8px 10px 7px 10px; }

@media screen and (max-width: 768px) { .enLang #header .nSearch .serchInput button { padding: 0.4em 0; width: 25%; } }

.enLang.course #main .pc .sec .watch dt { position: absolute; right: 26px; }

@media screen and (max-width: 768px) { .enLang.course #main .sec .watch dt { position: absolute; right: -1%; } }

.enLang.course #main .box .inn div { display: block; background: #F0F0E1; padding: 0 0 10px; text-align: center; white-space: nowrap; vertical-align: middle; float: right; }

@media screen and (max-width: 768px) { .enLang.course #main .box .inn div { float: none; } }

.enLang.course #main .box .inn .sp { display: none; }

@media screen and (max-width: 768px) { .enLang.course #main .box .inn .sp { display: block; } }

body.twLang { font-family: "Microsoft JhengHei",PingHei ,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

@media screen and (max-width: 768px) { .twLang #header h1 { width: 25%; } }

.twLang.course #main .pc .sec .watch dt { position: absolute; right: 26px; }

@media screen and (max-width: 768px) { .twLang.course #main .pc .sec .watch dt { position: absolute; right: -4px; } }

.twLang #header .nGenre { -webkit-transform: translateX(40px); transform: translateX(40px); }

.twLang #header .nInfo { -webkit-transform: translateX(300px); transform: translateX(300px); }

.twLang #header .nSearch .serchInput input[type=text] { width: 80%; }

@media screen and (max-width: 768px) { .twLang #header .nSearch .serchInput input[type=text] { width: 65%; padding: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.twLang #header .nSearch .serchInput button { padding: 2px 10px; }

@media screen and (max-width: 768px) { .twLang #header .nSearch .serchInput button { padding: 0.4em 0; } }

body.cnLang { font-family: "Sim Sun","Microsoft Yahei",PingHei ,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

@media screen and (max-width: 768px) { .cnLang #header h1 { width: 25%; } }

.cnLang.course #main .pc .sec .watch dt { position: absolute; right: 236px; top: 30px; }

@media screen and (max-width: 768px) { .cnLang.course #main .sec .watch dd { padding: 21% 0 0 0; } }

.cnLang #header .nGenre { -webkit-transform: translateX(0px); transform: translateX(0px); }

.cnLang #header .nInfo { -webkit-transform: translateX(300px); transform: translateX(300px); }

.cnLang #header .nSearch .serchInput input[type=text] { width: 80%; }

@media screen and (max-width: 768px) { .cnLang #header .nSearch .serchInput input[type=text] { width: 16em; } }

.cnLang #header .nSearch .serchInput button { padding: 2px 10px; }

@media screen and (max-width: 768px) { .cnLang #header .nSearch .serchInput button { padding: 0.4em 1em; } }

body.koLang { font-family: "Malgun Gothic","Yoon Gothic",Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

.koLang #header .gNavi { text-align: right; }

@media screen and (max-width: 768px) { .koLang #header .gNavi { padding: 4% 3% 0 0; font-size: 1em; float: right; width: 60%; text-align: right; display: block; } }

.koLang.course .pc #main .sec .watch dt { position: absolute; right: 236px; top: 30px; }

@media screen and (max-width: 768px) { .koLang.course #main .sec .watch dd { padding: 21% 0 0 0; } }

.koLang #header .nGenre { -webkit-transform: translateX(0px); transform: translateX(0px); }

.koLang #header .nInfo { -webkit-transform: translateX(300px); transform: translateX(300px); }

.koLang #header .nSearch .serchInput input[type=text] { width: 81%; }

.koLang #header .nSearch .serchInput button { padding: 8px 10px 7px 10px; }

body.thLang { font-family: "Arial Unicode MS","Angsana New",Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

.thLang #header .gNavi { text-align: right; }

@media screen and (max-width: 768px) { .thLang #header .gNavi { padding: 3% 3% 0 0; font-size: 1em; float: right; width: 60%; text-align: right; display: block; } }

.thLang #header .gNavi li { padding: 0 12px; }

.thLang.course #main .pc .sec .watch dt { position: absolute; right: 26px; }

@media screen and (max-width: 768px) { .thLang.course #main .pc .sec .watch dt { position: absolute; right: -1%; } }

.thLang #header .nSearch .serchInput input[type=text] { width: 79%; }

@media screen and (max-width: 768px) { .thLang #header .nSearch .serchInput input[type=text] { width: 16em; } }

.thLang #header .nSearch .serchInput button { padding: 0.5em 0.8em; }

@media screen and (max-width: 768px) { .thLang #header .nSearch .serchInput button { padding: 0.6em 0.7em; } }

.thLang#content #footer .site { width: 47%; }

@media screen and (max-width: 768px) { .thLang#content #footer .site { width: 48%; } }

.thLang #footer ul { max-width: 270px; }

body.frLang { font-family: Avenir,"Open Sans","Helvetica Neue",Helvetica,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

.frLang #header .gNavi li { padding: 0 12px; }

@media screen and (max-width: 768px) { .frLang #header .gNavi li { padding: 0 0 0 6%; } }

.frLang #header .nSearch .serchInput input[type=text] { width: 72%; }

@media screen and (max-width: 768px) { .frLang #header .nSearch .serchInput input[type=text] { width: 65%; } }

.frLang #header .nSearch .serchInput button { padding: 8px 10px 7px 10px; }

@media screen and (max-width: 768px) { .frLang #header .nSearch .serchInput button { width: 25%; padding: 0.4em 0; } }

.frLang #main .recommend .fR h3 { background: #000; color: #fff; text-align: center; font-size: 1.3em; border-radius: 7px; font-weight: normal; position: relative; line-height: 1.4em; padding: 20px 5px; }

@media screen and (max-width: 768px) { .frLang #main .recommend .fR h3 { background: #000; color: #fff; text-align: center; font-size: 1.1em; border-radius: 7px; font-weight: normal; position: relative; line-height: 1.4em; padding: 3% 8% 3% 3%; } }

.frLang #footer .pagetop { width: 210px; }

@media screen and (max-width: 768px) { .frLang #footer .pagetop { width: 18%; } }

.frLang.course #main .pc .sec .watch dt { position: absolute; right: 26px; }

@media screen and (max-width: 768px) { .frLang.course #main .pc .sec .watch dt { position: absolute; right: -1%; } }

.frLang #footer ul { max-width: 270px; }

.frLang#content #footer .site { width: 48%; }

.frLang.course #main .box .inn div { display: block; background: #F0F0E1; padding: 0 0 10px; text-align: center; white-space: nowrap; vertical-align: middle; float: right; }

@media screen and (max-width: 768px) { .frLang.course #main .box .inn div { display: block; background: #F0F0E1; padding: 0 0 10px; text-align: center; white-space: nowrap; vertical-align: middle; float: right; } }

.frLang.course #main .box .inn .sp { display: none; }

.frLang #main .caption dl dt { font-size: 0.94em; font-weight: bold; padding-bottom: 0.4em; min-height: 3.2em; }

body.deLang { font-family: Avenir,"Open Sans","Helvetica Neue",Helvetica,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック",sans-serif; }

.deLang #header .nSearch .serchInput input[type=text] { width: 78%; }

@media screen and (max-width: 768px) { .deLang #header .nSearch .serchInput input[type=text] { width: 65%; } }

.deLang #header .nSearch .serchInput button { padding: 8px 10px 7px 10px; }

@media screen and (max-width: 768px) { .deLang #header .nSearch .serchInput button { padding: 0.4em 0; width: 25%; } }

.deLang.course #main .pc .sec .watch dt { position: absolute; right: 26px; }

@media screen and (max-width: 768px) { .deLang.course #main .sec .watch dt { position: absolute; right: -1%; } }

.deLang.course #main .box .inn .sp { display: none; }

@media screen and (max-width: 768px) { .deLang.course #main .box .inn .sp { display: block; } }

.deLang.accept #main .head h2 { line-height: 1.4; padding: 1.2em 0; }

.deLang #main .recommend .fR h3 { background: #000; color: #fff; text-align: center; font-size: 1.3em; border-radius: 7px; font-weight: normal; position: relative; line-height: 1.4em; padding: 20px 5px; }

@media screen and (max-width: 768px) { .deLang #main .recommend .fR h3 { background: #000; color: #fff; text-align: center; font-size: 1.1em; border-radius: 7px; font-weight: normal; position: relative; line-height: 1.4em; padding: 3% 8% 3% 3%; } }

.deLang #footer ul { height: auto; }

.deLang #footer .fb { display: none; }

.deLang#content #footer .site { width: 48%; }

.deLang.feature #main .tBtn li a, .deLang.okatabi #main .tBtn li a { font-size: 1.3em; }

/*==================================================== Object:Utility ====================================================*/
/* clearfix */
/* -------------------------------------------------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cf { display: inline-block; }

* html .cf { height: 1%; }

.cf { display: block; }

/* 汎用クラス */
/* -------------------------------------------------- */
.pT10 { padding-top: 10px !important; }

.pT20 { padding-top: 20px !important; }

.pT30 { padding-top: 30px !important; }

.pT40 { padding-top: 40px !important; }

.pT50 { padding-top: 50px !important; }

.pT60 { padding-top: 60px !important; }

.pB0 { padding-bottom: 0 !important; }

.pB10 { padding-bottom: 10px !important; }

.pB20 { padding-bottom: 20px !important; }

.pB30 { padding-bottom: 30px !important; }

.pB40 { padding-bottom: 40px !important; }

.pB50 { padding-bottom: 50px !important; }

.pB60 { padding-bottom: 60px !important; }

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

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

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

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

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

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

.mB0 { margin-bottom: 0 !important; }

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

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

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

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

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

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

.w50 { width: 50px !important; }

.w100 { width: 100px !important; }

.w200 { width: 200px !important; }

.w300 { width: 300px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w600 { width: 600px !important; }

.w150 { width: 150px !important; }

.w250 { width: 250px !important; }

.w350 { width: 350px !important; }

.w450 { width: 450px !important; }

.w550 { width: 550px !important; }

.w650 { width: 650px !important; }

.tC { text-align: center !important; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.fRed { color: #F00 !important; }

.fBlue { color: #06F !important; }

.fL { float: left !important; }

.fR { float: right !important; }

.clear { clear: both !important; }

.ofhide { overflow: hidden !important; }

.dn { display: none !important; }

/* -------------------------------------------------- */
.serif, .list #main .sec span { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif !important; }