@charset "UTF-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

b { font-weight: bold; }

html { font-size: 15px; line-height: 1.6; }
@media screen and (max-width: 480px) { html { font-size: 14px; line-height: 1.5; } }

.cf { zoom: 1; /* for ie */ }
.cf:after { content: ""; display: table; clear: both; }

/*---------------------------------------
Tab
---------------------------------------*/
.tab-item { width: calc(100%/6); height: 50px; margin-bottom: 15px; line-height: 50px; border-bottom: 3px solid #ff8800; text-align: center; display: block; float: left; background: #fff; text-align: center; transition: all 0.2s ease; border-top: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; }

.tab-item:hover { opacity: 0.75; cursor: pointer; }

/*ラジオボタンを全て消す*/
input[name="tab-item"] { display: none; }

/*タブ切り替えの中身のスタイル*/
.tab-content { display: none; clear: both; overflow: hidden; }

/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1-content, #tab2:checked ~ #tab2-content, #tab3:checked ~ #tab3-content, #tab4:checked ~ #tab4-content, #tab5:checked ~ #tab5-content, #tab6:checked ~ #tab6-content { display: block; }

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab-item { background: #ff8800; color: #fff; }

/* balloon bottom */
.balloon-bottom { position: relative; display: inline-block; padding: 0 15px; width: auto; min-width: 115px; height: 40px; line-height: 34px; color: #19283C; text-align: center; background: #F6F6F6; border: 3px solid #19283C; z-index: 0; }

.balloon-bottom:before { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #F6F6F6 transparent transparent transparent; z-index: 0; }

.balloon-bottom:after { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #19283C transparent transparent transparent; z-index: -1; }

/* balloon-1 top */
.balloon-top { position: relative; padding: 0 15px; width: auto; line-height: 32px; text-align: center; border: 1px solid #ddd; z-index: 0; background: #fff; }

.balloon-top:before { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -9px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #fff transparent; z-index: 0; }

.balloon-top:after { content: ""; position: absolute; top: -12px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ddd transparent; z-index: -1; }

.icon-free:before { margin-right: 5px; padding: 3px 5px; content: '無料'; background: #ff8800; color: #fff; font-size: 1rem; font-weight: normal; border-radius: 6px; display: inline; vertical-align: middle; }

.icon-tel:before { margin-right: 5px; content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 700; background: #ff8800; color: #fff; padding: 5px; border-radius: 30px; display: inline; vertical-align: middle; font-size: 0.875rem; }
@media screen and (max-width: 480px) { .icon-tel:before { font-size: 0.75rem; padding: 5px; } }

/* body */
body { font-family: "ヒラギノ角ゴシック","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Helvetica,Verdana,sans-serif; text-align: left; background: #fff; color: #252B36; border-top: 3px solid #ff8800; min-width: 1160px; -webkit-text-size-adjust: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@media screen and (max-width: 1024px) { body { width: 100%; min-width: 100%; } }

input[type="submit"], input[type="button"] { -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

a { display: block; text-decoration: none; color: #252B36; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a:hover { text-decoration: none; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

/*---------------------------------------
box
---------------------------------------*/
.wrapper { width: 1160px; margin: 0 auto; }
.wrapper:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1024px) { .wrapper { width: auto; } }
.wrapper:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1024px) { .wrapper { width: auto; } }

.box { padding: 3rem 0; }
@media screen and (max-width: 480px) { .box { padding: 1.5rem 0; } }
.box .caption { margin-bottom: 1em; }
.box .caption strong { font-weight: bold; }
@media screen and (max-width: 768px) { .box .caption { padding: 0 10px; } }

.boxtitle { text-align: left; font-size: 1.5rem; font-weight: bold; padding-bottom: 10px; margin-bottom: 2rem; border-bottom: 3px solid #ddd; position: relative; }
@media screen and (max-width: 480px) { .boxtitle { font-size: 1.25rem; margin-bottom: 1rem; padding: 10px 1rem; } }
.boxtitle:after { content: ''; position: absolute; bottom: -3px; right: 0; left: 0; width: 100px; height: 3px; background-color: #ff8800; }

.meta:after { content: ""; display: block; clear: both; }
.meta li a { text-decoration: underline; }
.meta li.category { float: right; color: #ff8800; border: 1px solid #ff8800; font-size: 0.75rem; padding: 0 5px; margin-top: 3px; margin-right: 0; }
.meta li.date { float: left; font-size: 0.875rem; color: #666; }
.meta li.date:before { padding-right: 5px; content: "\f073"; font-family: "Font Awesome 5 Pro"; }
@media screen and (max-width: 480px) { .meta li.date { font-size: 0.75rem; } }
.meta li.update { float: left; font-size: 0.875rem; color: #666; }
.meta li.update:before { padding-right: 5px; content: '\f021'; font-family: "Font Awesome 5 Pro"; }
@media screen and (max-width: 480px) { .meta li.update { font-size: 0.75rem; } }
.meta li.time:before { padding-right: 5px; content: "\f017"; font-family: "Font Awesome 5 Pro"; }
.meta li.area:before { padding-right: 5px; content: '\f041'; font-family: "Font Awesome 5 Pro"; }
.meta li.use:before { padding-right: 5px; content: '\f018'; font-family: "Font Awesome 5 Pro"; }
.meta li.type:before { padding-right: 5px; content: '\f207'; font-family: "Font Awesome 5 Pro"; }
.meta li.km:before { padding-right: 5px; content: '\f018'; font-family: "Font Awesome 5 Pro"; }
.meta li.price { line-height: 1; }
.meta li.price span { font-size: 1.5rem; }

.bg-gray { background: #f5f5f5; }

.col2, .col3, .col4 { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 480px) { .col2, .col3, .col4 { display: block; } }
.col2 > li, .col2 .col, .col3 > li, .col3 .col, .col4 > li, .col4 .col { margin-bottom: 1rem; }

.col2 { margin-right: -2rem; }
@media screen and (max-width: 480px) { .col2 { margin-right: 0; } }
.col2 > .col { width: calc(100% / 2 - 2rem); margin-right: 2rem; }
@media screen and (max-width: 480px) { .col2 > .col { width: auto; margin-right: 0; } }

.col3 { margin-right: -1.5rem; }
@media screen and (max-width: 480px) { .col3 { margin-right: 0; } }
.col3 > .col { width: calc(100% / 3 - 1.5rem); margin-right: 1.5rem; }
@media screen and (max-width: 480px) { .col3 > .col { width: auto; margin-right: 0; } }

.col4 { margin-right: -1rem; }
@media screen and (max-width: 480px) { .col4 { margin-right: 0; } }
.col4 > .col { width: calc(100% / 4 - 1rem); margin-right: 1rem; }
@media screen and (max-width: 480px) { .col4 > .col { width: auto; margin-right: 0; } }

/*---------------------------------------
Header
---------------------------------------*/
#header { background: url(../img/header-bg.png) no-repeat center top; }
#header .header-top { overflow: hidden; padding: 10px 0 0; }
@media screen and (max-width: 480px) { #header .header-top { padding: 10px 10px 0; } }
#header .header-top h1 { float: left; font-size: 0.75rem; }
#header .header-top .nav-sub { float: right; }
@media screen and (max-width: 768px) { #header .header-top .nav-sub { display: none; } }
#header .header-top .nav-sub ul { overflow: hidden; }
#header .header-top .nav-sub ul li { float: left; }
#header .header-top .nav-sub ul li a { padding-left: 10px; font-size: 0.75rem; }
#header .header-top .nav-sub ul li a:before { padding-right: 5px; content: "\f054"; font-family: "Font Awesome 5 Pro"; }
#header .header-middle { padding: 5px 0 10px; }
@media screen and (max-width: 480px) { #header .header-middle { padding: 0 10px 10px; position: relative; } }
#header .header-middle .logo { float: left; }
@media screen and (max-width: 480px) { #header .header-middle .logo { float: none; } }
#header .header-middle .logo img { width: 360px; }
@media screen and (max-width: 1024px) { #header .header-middle .logo img { width: 310px; } }
@media screen and (max-width: 480px) { #header .header-middle .logo img { width: 70%; } }
#header .header-middle .logo .regist { padding-top: 5px; font-size: 10.5px; }
#header .header-middle .contact { float: right; padding-top: 10px; }
@media screen and (max-width: 768px) { #header .header-middle .contact { display: none; } }
#header .header-middle .contact .tel { text-align: right; float: left; margin-right: 20px; }
#header .header-middle .contact .tel a { font-weight: bold; }
#header .header-middle .contact .tel a:hover { text-decoration: none; }
#header .header-middle .contact .tel a .num { font-family: 'arial', sans-serif; margin-bottom: 5px; font-size: 2rem; line-height: 1; }
#header .header-middle .contact .tel a .num:before { margin-right: 5px; content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 700; background: #ff8800; color: #fff; padding: 5px; border-radius: 30px; display: inline; vertical-align: middle; font-size: 0.875rem; }
@media screen and (max-width: 480px) { #header .header-middle .contact .tel a .num:before { font-size: 0.75rem; padding: 5px; } }
@media screen and (max-width: 1024px) { #header .header-middle .contact .tel a .num { font-size: 1.5rem; } }
#header .header-middle .contact .tel a .time { font-size: 0.75rem; }
#header .header-middle .contact .btn { width: 320px; float: left; }
@media screen and (max-width: 1024px) { #header .header-middle .contact .btn { width: auto; } }
#header .header-middle .contact .btn a { padding: 0.7em 0; }
@media screen and (max-width: 1024px) { #header .header-middle .contact .btn a { padding: 0.7em 1em; font-size: 1rem; } }
#header .header-bottom { clear: both; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 480px) { #header .header-bottom { border-top: none; border-bottom: none; } }

.nav-global ul:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .nav-global ul { border-bottom: 1px solid #ddd; } }
.nav-global ul li { float: left; position: relative; width: 12%; }
.nav-global ul li.group, .nav-global ul li.companion { width: 20%; }
.nav-global ul li.group i { color: #ffcc00; }
.nav-global ul li.companion i { color: #ff0066; }
@media screen and (max-width: 768px) { .nav-global ul li { width: 25%; }
  .nav-global ul li.group, .nav-global ul li.companion { width: 50%; } }
.nav-global ul li:last-child a { border-right: 1px solid #ddd; }
.nav-global ul li a { text-align: center; padding: 1em 0; border-left: 1px solid #ddd; }
@media screen and (max-width: 768px) { .nav-global ul li a { margin-top: -1px; border-top: 1px solid #ddd; padding: 0.5em 0; font-size: 0.875rem; } }

.page-header { background: #f5f5f5; border-bottom: 1px solid #ddd; }
.page-header:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .page-header { padding: 0 0; } }
.page-header .breadcrumb { float: left; width: 70%; box-sizing: border-box; white-space: nowrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; margin-top: 15px; }
@media screen and (max-width: 768px) { .page-header .breadcrumb { float: none; width: auto; padding: 5px 10px; margin-top: 0; border-bottom: 1px solid #ddd; } }
.page-header .breadcrumb li { display: inline-block; font-size: 0.875rem; margin-right: 10px; }
@media screen and (max-width: 480px) { .page-header .breadcrumb li { font-size: 0.75rem; } }
.page-header .breadcrumb li a { display: inline-block; }
.page-header .breadcrumb li a:after { padding-left: 10px; content: '\f105'; font-family: "Font Awesome 5 Pro"; }
.page-header .breadcrumb li:last-child:after { display: none; }
.page-header .keyword { float: left; width: 30%; box-sizing: border-box; padding: 10px 0; }
@media screen and (max-width: 768px) { .page-header .keyword { float: none; width: auto; padding: 5px 10px; } }
.page-header .keyword input { height: 40px; }
@media screen and (max-width: 480px) { .page-header .keyword input { height: 30px; } }
.page-header .keyword form { position: relative; }
.page-header .keyword input[type="text"] { border-radius: 30px; border: none; padding: 0 0 0 1em; width: 100%; box-sizing: border-box; font-family: "Font Awesome 5 Pro"; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; }
.page-header .keyword input[type="submit"] { border-radius: 0 30px 30px 0; border: none; background: #252B36 !important; color: #fff; position: absolute; right: 0px; top: 0px; font-family: "Font Awesome 5 Pro"; font-weight: 700; padding: 0 1em; }
.page-header .keyword input[type="submit"]:hover { cursor: pointer; }

.box-search h2.title a { padding: 1em; font-size: 1.125rem; font-weight: bold; border-bottom: 1px solid #ddd; }
.box-search .in { padding: 1em; }
.box-search .keyword { position: relative; margin-bottom: 1em; }
.box-search .keyword form { margin-bottom: 10px; }
.box-search .keyword input { height: 40px; }
.box-search .keyword input[type="text"] { border: none; padding: 0 1em; width: 100%; box-sizing: border-box; border-radius: 6px; font-family: "Font Awesome 5 Pro"; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; }
.box-search .keyword input[type="submit"] { background: #ff8800; color: #fff; border: none; padding: 0 20px; position: absolute; right: 0px; top: 0; border-radius: 0 6px 6px 0; font-family: "Font Awesome 5 Pro"; }
.box-search .keyword input[type="submit"]:hover { cursor: pointer; }
.box-search .keyword .hotword:after { content: ""; display: block; clear: both; }
.box-search .keyword .hotword li { float: left; margin-right: 10px; }
.box-search .keyword .hotword li a { font-size: 0.875rem; }
.box-search .group { background: #FFF9F2; }
.box-search .group h2.title { border-top: 3px solid #ff8800; }
.box-search .group h2.title a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; float: right; font-weight: 300; padding-left: 5px; }
.box-search .group input[type="text"] { border: 2px solid #ff8800; }
.box-search .group input[type="submit"] { background: #ff8800; }
.box-search .group .hotword a { background: #ff8800; color: #fff; }
.box-search .companion { background: #FFEEF4; }
.box-search .companion h2.title { border-top: 3px solid #FF3399; }
.box-search .companion h2.title a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; float: right; font-weight: 300; padding-left: 5px; }
.box-search .companion input[type="text"] { border: 2px solid #FF3399; }
.box-search .companion input[type="submit"] { background: #FF3399; }
.box-search .companion .hotword a { background: #FF3399; color: #fff; }
.box-search .area { border: 1px solid #ddd; }
.box-search .area h4 { padding: 1em; padding-left: 20px; background: #fff; }
.box-search .area .japan { border-bottom: 1px solid #ddd; }
.box-search .area .japan .title { background: url("../img/icon/japan.png") no-repeat left 10px center #fff; background-size: 18px; padding-left: 36px; }
.box-search .area .onsen .title { background: url("../img/icon/onsen.png") no-repeat left 10px center #fff; background-size: 18px; padding-left: 36px; }
.box-search .area .onsen .list-expand-lv2 a { font-size: 0.875rem; }

.nav-drawer { /* チェックが入ったとき */ /* コンテンツの閉じる。普段は非表示(label)*/ /* チェックボックスオンの時 */ }
.nav-drawer .menu { z-index: 100; position: fixed; top: 0; right: -100vw; width: 320px; height: 100%; background: #fff; overflow-y: auto; -webkit-transition: 0.3s transform; transition: 0.3s transform; -webkit-transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99); transition-timing-function: cubic-bezier(0.38, 0.52, 0.23, 0.99); }
.nav-drawer .menu .logo { height: 53px; padding: 15px 0 0 15px; background: #252B36; }
@media screen and (max-width: 480px) { .nav-drawer .menu .logo { height: 38px; padding: 7px 0 7px 15px; } }
.nav-drawer .menu .logo a { color: #fff; }
.nav-drawer .menu .logo a img { width: 200px; }
.nav-drawer .menu h2.title { font-size: 1.125rem; }
.nav-drawer .menu h2.title a { padding: 1em; }
.nav-drawer .menu .page-list li:before { display: none; }
.nav-drawer .check:checked ~ .menu { /* チェックボックスオンの時 */ -webkit-transform: translateX(-100vw); transform: translateX(-100vw); }
.nav-drawer .check { /* チェックボックスを非表示 */ display: none; }
.nav-drawer .open { /* メニューボタン(label) */ position: fixed; display: block; top: 0px; right: 0px; width: 68px; height: 68px; background: #ff8800; cursor: pointer; z-index: 101; opacity: 0.7; }
@media screen and (max-width: 480px) { .nav-drawer .open { width: 52px; height: 52px; } }
.nav-drawer .open span, .nav-drawer .open::before, .nav-drawer .open::after { content: ""; position: absolute; top: calc(50% - 1px); left: 30%; width: 40%; border-bottom: 2px solid white; transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.nav-drawer .open::before { transform: translateY(-9px); }
@media screen and (max-width: 480px) { .nav-drawer .open::before { transform: translateY(-7px); } }
.nav-drawer .open::after { transform: translateY(9px); }
@media screen and (max-width: 480px) { .nav-drawer .open::after { transform: translateY(7px); } }
.nav-drawer #checked:checked + .open span { transform: scaleX(0); }
.nav-drawer #checked:checked + .open::before { transform: rotate(45deg); }
.nav-drawer #checked:checked + .open::after { transform: rotate(-45deg); }
.nav-drawer .close { position: fixed; top: 0; right: 0; width: 100%; height: 100vh; visibility: hidden; opacity: 0; transition: background .6s; }
.nav-drawer .check:checked ~ .close { visibility: visible; opacity: 1; z-index: 3; background: rgba(0, 0, 0, 0.3); }
.nav-drawer .expand-list button { padding: 1em; width: 100%; text-align: left; background: #fff; border-top: 1px solid #ddd; }
.nav-drawer .expand-list button:after { padding-top: 3px; }
.nav-drawer .expand-list .expand-open { border-bottom: 1px solid #ddd; }
.nav-drawer .expand-list .expand-list-lv2 { background: #fff; }
.nav-drawer .expand-list .expand-list-lv2:after { content: ""; display: block; clear: both; }
.nav-drawer .expand-list .expand-list-lv2 li { float: left; width: 50%; }
.nav-drawer .expand-list .expand-list-lv2 li a { padding: 1em; border-bottom: 1px solid #ddd; background: #fff; }
.nav-drawer .expand-list .expand-list-lv2 li a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; float: right; font-weight: 300; padding-left: 5px; }
.nav-drawer .page-list li a { padding: 1em; border-bottom: 1px solid #ddd; }
.nav-drawer .page-list li a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; float: right; font-weight: 300; padding-left: 5px; }
.nav-drawer .page-list .sub li { width: 50%; float: left; }
.nav-drawer .page-list .sub li a { font-size: 0.875rem; }

/*---------------------------------------
Footer
---------------------------------------*/
#footer { background: #252B36; padding-top: 2em; color: #fff; }
#footer:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #footer { margin-bottom: 1em; padding-top: 1em; } }
#footer a { color: #fff; }
#footer .footer-top { margin-bottom: 2em; }
@media screen and (max-width: 480px) { #footer .footer-top { margin-bottom: 1em; } }
#footer .footer-top .logo { position: relative; }
#footer .footer-top .logo:after { content: ""; display: block; clear: both; }
#footer .footer-top .logo .sitelogo { width: 320px; float: left; }
@media screen and (max-width: 480px) { #footer .footer-top .logo .sitelogo { width: 200px; padding-left: 10px; } }
#footer .footer-top .logo .illust { height: 140px; position: absolute; top: -70px; right: 0; float: right; }
@media screen and (max-width: 480px) { #footer .footer-top .logo .illust { display: none; } }
#footer .footer-middle { margin-bottom: 2em; }
@media screen and (max-width: 480px) { #footer .footer-middle { margin-bottom: 1em; } }
#footer .footer-middle .sitemap:after { content: ""; display: block; clear: both; }
#footer .footer-middle .sitemap h2 { color: #ff8800; margin-bottom: 10px; font-weight: bold; font-size: 1.125rem; }
#footer .footer-middle .sitemap h2 a { color: #ff8800 !important; }
@media screen and (max-width: 480px) { #footer .footer-middle .sitemap h2 { padding: 0 10px; } }
#footer .footer-middle .sitemap .col { width: 20%; padding-right: 2em; box-sizing: border-box; float: left; font-size: 0.875rem; }
#footer .footer-middle .sitemap .col:last-child { padding-right: 0; }
@media screen and (max-width: 480px) { #footer .footer-middle .sitemap .col { width: auto; float: none; padding-right: 0; margin-bottom: 10px; } }
#footer .footer-middle .sitemap .col ul li a, #footer .footer-middle .sitemap .col ul li .expand-btn { padding: 5px 0; }
@media screen and (max-width: 768px) { #footer .footer-middle .sitemap .col ul li a, #footer .footer-middle .sitemap .col ul li .expand-btn { padding: 5px 10px; } }
#footer .footer-middle .sitemap .col ul li .expand-list-lv2:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #footer .footer-middle .sitemap .col ul li .expand-list-lv2 li { width: 33.33%; float: left; } }
#footer .footer-middle .sitemap .col ul li .expand-list-lv2 li a { padding: 0.5em 0 0.5em 1em; }
@media screen and (max-width: 480px) { #footer .footer-middle .sitemap .col ul li .expand-list-lv2 li a { padding: 0.5em 1em; } }
#footer .footer-bottom { background-color: #131A22; padding: 2em 0 5em; }
@media screen and (max-width: 480px) { #footer .footer-bottom { padding: 10px 10px 4em; } }
#footer .footer-bottom .company { margin-bottom: 1em; }
#footer .footer-bottom .company h3 { background: url("../img/stb-w.png") no-repeat left bottom; background-size: 40px; padding: 15px 0 0 50px; font-size: 1.25rem; margin-bottom: 0.5em; line-height: 1; }
#footer .footer-bottom .company h3 span { font-size: 0.875rem; padding: 0 5px; margin-right: 10px; background: #f5f5f5; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#footer .footer-bottom .company dl:after { content: ""; display: block; clear: both; }
#footer .footer-bottom .company dl dt, #footer .footer-bottom .company dl dd { line-height: 1; margin-bottom: 10px; }
#footer .footer-bottom .company dl dt { clear: both; float: left; margin-right: 10px; padding: 3px 10px; text-align: center; background: #ff8800; font-size: 0.875rem; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#footer .footer-bottom .company dl dd { font-size: 1.5rem; font-weight: bold; color: #fff; font-family: 'arial', sans-serif; }
#footer .footer-bottom .company dl dd span { font-size: 0.875rem; padding-left: 5px; font-weight: normal; }
#footer .footer-bottom .company dl dd a { display: inline-block; }
#footer .footer-bottom .copyright { text-align: left; }

/*---------------------------------------
Home
---------------------------------------*/
.sp-scroll { overflow: auto; white-space: nowrap; }
.sp-scroll::-webkit-scrollbar { height: 1px; }
.sp-scroll::-webkit-scrollbar-track { background: #F1F1F1; }
.sp-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }

.fixed-contact { width: 100%; position: fixed; z-index: 101; bottom: 0; padding: 7px 0; background-color: rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 480px) { .fixed-contact { padding: 5px 10px; box-sizing: border-box; } }
.fixed-contact .tel, .fixed-contact .mail { float: left; width: 50%; }
@media screen and (max-width: 480px) { .fixed-contact .tel, .fixed-contact .mail { width: 49%; } }
.fixed-contact .tel { text-align: center; line-height: 1.2; }
.fixed-contact .tel:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .fixed-contact .tel { margin-right: 2%; } }
.fixed-contact .tel a { font-size: 2rem; color: #fff; }
@media screen and (max-width: 768px) { .fixed-contact .tel a { font-size: 1.5rem; } }
@media screen and (max-width: 480px) { .fixed-contact .tel a { font-size: 1rem; background: #fff; color: #252B36; padding: 10px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } }
.fixed-contact .tel a .number:before { margin-right: 5px; content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 700; background: #ff8800; color: #fff; padding: 5px; border-radius: 30px; display: inline; vertical-align: middle; font-size: 0.875rem; }
@media screen and (max-width: 480px) { .fixed-contact .tel a .number:before { font-size: 0.75rem; padding: 5px; } }
.fixed-contact .tel a .time { font-size: 0.875rem; }
@media screen and (max-width: 480px) { .fixed-contact .tel a .time { display: none; } }
.fixed-contact .mail input { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 14px 0; }
@media screen and (max-width: 768px) { .fixed-contact .mail input { font-size: 1rem !important; box-shadow: none; padding: 8px 0; } }

/*---------------------------------------
Common
---------------------------------------*/
.pb-s { padding-bottom: 1em !important; }

.pb-m { padding-bottom: 2em !important; }

.pb-l { padding-bottom: 3em !important; }

.mb-s { margin-bottom: 1rem !important; }

.mb-m { margin-bottom: 2rem !important; }

.mb-l { margin-bottom: 3rem !important; }

.mt-s { margin-top: 1rem !important; }

.mt-m { margin-top: 2rem !important; }

.mt-l { margin-top: 3rem !important; }

a.out:after { font-family: 'FontAwesome'; content: " \f08e"; margin-left: 5px; }

@media screen and (max-width: 480px) { .sp-pd { padding: 0 1em; }
  .sp-pd:after { content: ""; display: block; clear: both; } }

.expand-btn { border: none; }
.expand-btn:hover { cursor: pointer; }
.expand-btn:after { font-family: "Font Awesome 5 Pro"; float: right; content: "\f067"; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.expand-btn.expand-open:after { content: "\f068"; }

.expand-content { display: none; }

/*---------------------------------------
Box
---------------------------------------*/
.box-visual { background: url("../img/visual-bg.jpg") bottom no-repeat; background-size: cover; color: #fff; position: relative; }
.box-visual .layout { position: relative; padding: 140px 0; }
@media screen and (max-width: 480px) { .box-visual .layout { padding: 60px 15px 30px; } }
.box-visual .list-topics { position: absolute; top: 0; width: 100%; background: rgba(255, 255, 255, 0.4); z-index: 1; }
.box-visual .list-topics ul { width: 1160px; margin: 0 auto; }
.box-visual .list-topics ul:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1024px) { .box-visual .list-topics ul { width: auto; } }
.box-visual .list-topics ul li a { padding: 10px 0; }
@media screen and (max-width: 480px) { .box-visual .list-topics ul li a { font-size: 0.875rem; } }
.box-visual .list-topics ul li a > * { display: inline-block; margin-right: 10px; }
@media screen and (max-width: 480px) { .box-visual .list-topics ul li a > * { margin-right: 5px; } }
.box-visual .list-topics ul li a .new { background: #FFBF00; color: #ff8800; padding: 0 10px; margin-left: 20px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); }
@media screen and (max-width: 480px) { .box-visual .list-topics ul li a .new { margin-left: 10px; } }
@media screen and (max-width: 480px) { .box-visual .list-topics ul li a .date { display: none; } }
.box-visual h1 { font-size: 2rem; font-weight: 700; margin-bottom: 10px; -webkit-text-shadow: 0 0px 10px #666; -moz-text-shadow: 0 0px 10px #666; -ms-text-shadow: 0 0px 10px #666; -o-text-shadow: 0 0px 10px #666; text-shadow: 0 0px 10px #666; }
@media screen and (max-width: 480px) { .box-visual h1 { font-size: 1.25rem; } }
.box-visual h2 { font-size: 1.5rem; -webkit-text-shadow: 0 0px 10px #666; -moz-text-shadow: 0 0px 10px #666; -ms-text-shadow: 0 0px 10px #666; -o-text-shadow: 0 0px 10px #666; text-shadow: 0 0px 10px #666; }
@media screen and (max-width: 480px) { .box-visual h2 { font-size: 1.125rem; margin-bottom: 10px; } }
.box-visual .btn { width: 540px; }
.box-visual .bus { position: absolute; top: 130px; right: 0px; width: 520px; }
@media screen and (max-width: 480px) { .box-visual .bus { position: static; width: 100%; } }

.box-contact { background-color: #ff8800; background-image: linear-gradient(45deg, #FF9115 25%, transparent 25%, transparent 75%, #FF9115 75%, #FF9115), linear-gradient(-45deg, #FF9115 25%, transparent 25%, transparent 75%, #FF9115 75%, #FF9115); background-size: 100px 100px; color: #fff; }
.box-contact .boxtitle { border-bottom: none; text-align: center; margin-bottom: 0; }
@media screen and (max-width: 480px) { .box-contact .boxtitle { padding: 0; }
  .box-contact .boxtitle:before, .box-contact .boxtitle:after { display: none; } }
.box-contact a { color: #fff; }
.box-contact .caption { margin-bottom: 2em; text-align: center; }
.box-contact .col { position: relative; padding: 1em; box-sizing: border-box; border: solid 1px #fff; border-radius: 6px; }
@media screen and (max-width: 480px) { .box-contact .col { padding: 1.5em 0.5em 1em; }
  .box-contact .col:first-child { margin-bottom: 2em; } }
.box-contact .col h3 { position: absolute; display: inline-block; top: -10px; left: 1em; padding: 0 0.5em; line-height: 1; background: #ff8800; color: #FFF; font-weight: bold; }
@media screen and (max-width: 480px) { .box-contact .col h3 { font-size: 1.125rem; } }
.box-contact .tel { text-align: center; margin-bottom: 1em; }
@media screen and (max-width: 480px) { .box-contact .tel { margin-bottom: 0.7em; } }
.box-contact .tel a .number { font-size: 3rem; font-weight: bold; font-family: 'arial', sans-serif; }
.box-contact .tel a .number:before { margin-right: 5px; content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 700; font-size: 1.5rem; }
@media screen and (max-width: 1024px) { .box-contact .tel a .number { font-size: 2rem; } }
@media screen and (max-width: 480px) { .box-contact .tel a .number { font-size: 1.5rem; margin-bottom: 5px; background: #fff; color: #252B36; padding: 5px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } }
.box-contact .btn a { background: #fff; color: #252B36 !important; }
.box-contact .btn a i { color: #ff8800; }

/*---------------------------------------
Blog,Page
---------------------------------------*/
#page { margin: 2rem auto; background: #fff; }
#page:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #page { margin: 1.5rem auto; } }
#page .contents { width: 720px; float: left; padding-right: 40px; margin-right: 40px; border-right: 1px solid #ddd; }
@media screen and (max-width: 1024px) { #page .contents { width: 66%; padding-right: 0; margin-right: 3%; border-right: none; } }
@media screen and (max-width: 768px) { #page .contents { width: auto; float: none; margin-right: 0; } }
#page .sidebar { width: 340px; float: left; }
@media screen and (max-width: 1024px) { #page .sidebar { width: 30%; } }
@media screen and (max-width: 480px) { #page .sidebar { width: auto; float: none; } }
#page .sidebar .section { margin-bottom: 2em; }
@media screen and (max-width: 480px) { #page .sidebar .section { margin-bottom: 15px; } }
#page .sidebar .section h3.title { font-size: 1.25rem; padding: 1em 0; border-top: 3px solid #ff8800; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; position: relative; }
#page .sidebar .section .card-list { border: solid #ddd; border-width: 0 1px 1px; }
#page .sidebar .section .card-list .title { font-size: 1rem; }
#page .sidebar .section .category-list { border: solid #ddd; border-width: 0 1px 1px; }
#page .sidebar .section .category-list li { border-bottom: 1px solid #ddd; }
#page .sidebar .section .category-list li a { padding: 10px; position: relative; }
#page .sidebar .section .category-list li a:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 1rem; }
#page .sidebar .section .category-list .second:after { content: ""; display: block; clear: both; }
#page .sidebar .section .category-list .second li a { padding: 10px 10px 10px 20px; }
#page .sidebar .section .pr-list li { margin-bottom: 1em; }
@media screen and (max-width: 480px) { #page .sidebar .section .pr-list li { padding: 0 10px; } }
#page .sidebar .section .pr-list li .pic { margin-bottom: 10px; }
#page .sidebar .section .pr-list li .pic img { width: 100%; }
#page .sidebar .section .pr-list li .content .title { font-weight: bold; }
#page .sidebar .section .pr-list li .content .description { font-size: 0.875rem; }
#page .blog-header { margin-bottom: 2em; border-top: 4px solid #ddd; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 480px) { #page .blog-header { margin-bottom: 1em; } }
#page .blog-header h1.title { font-weight: bold; font-size: 2rem; padding: 1em 0; }
@media screen and (max-width: 768px) { #page .blog-header h1.title { padding: 1em 10px; font-size: 1.5rem; } }
#page .blog-header .category { float: left; margin-top: 15px; position: relative; color: #FF3333; font-size: 1.25rem; font-weight: bold; }
@media screen and (max-width: 480px) { #page .blog-header .category { margin-bottom: 10px; } }
#page .blog-header .category:after { content: ""; display: block; clear: both; }
#page .blog-header .category:before { content: ''; position: absolute; top: -19px; right: 0; left: 0; height: 4px; background-color: #FF3333; }
@media screen and (max-width: 768px) { #page .blog-header .category:before { top: -14px; } }
#page .blog-header .category li { float: left; }
#page .blog-header .category li:first-child a:after { content: "："; }
#page .blog-header .category a { color: #FF3333; }
@media screen and (max-width: 480px) { #page .blog-header .category a { font-size: 1.125rem; } }
#page .blog-header .category aa:nth-child(2):before { content: "："; }
@media screen and (max-width: 768px) { #page .blog-header .category { padding-left: 10px; margin-top: 10px; font-size: 1rem; } }
#page .blog-header .meta { margin-top: 15px; float: right; }
#page .blog-header .meta .date, #page .blog-header .meta .update { float: left; }
#page .blog-header .meta .date { margin-right: 10px; }
@media screen and (max-width: 480px) { #page .blog-header .meta { clear: both; float: none; padding-left: 10px; margin-top: 0; } }
#page .blog-header .cover { margin-bottom: 1rem; }
#page .blog-header .cover img { width: 100%; }
#page .blog-header .tag { margin-bottom: 1rem; }
@media screen and (max-width: 480px) { #page .blog-header .tag { padding: 0 10px; } }
#page .blog-header .tag li { display: inline-block; margin-right: 10px; }
#page .blog-header .tag li a:before { content: "#"; color: #ff8800; }

.pic-title { overflow: hidden; position: relative; }
.pic-title img { width: 100%; z-index: 10; }
.pic-title h1, .pic-title h2 { font-size: 2rem; font-weight: bold; color: #fff; bottom: 0; padding: 0 2rem 2rem; position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
@media screen and (max-width: 480px) { .pic-title h1, .pic-title h2 { padding: 0 1rem 1rem; font-size: 1.25rem; } }
.pic-title .category { position: absolute; top: 0; left: 0; background: #ff8800; color: #fff; padding: 1rem; font-size: 1.125rem; display: inline-block; z-index: 11; }

.body { padding-bottom: 2em; }
@media screen and (max-width: 768px) { .body { padding: 10px; } }
.body .section { margin-bottom: 2rem; }
.body a { color: #0033cc; display: inline-block; text-decoration: underline; }
@media screen and (max-width: 768px) { .body img { width: 100%; height: auto; } }
.body h2, .body h3, .body h4, .body p, .body ul, .body ol, .body p { margin-bottom: 1rem; }
.body em { background-image: -webkit-linear-gradient(transparent 60%, #ffff66 60%); background-image: -o-linear-gradient(transparent 60%, #ffff66 60%); background-image: linear-gradient(transparent 60%, #ffff66 60%); }
.body strong { font-weight: bold; color: red; }
.body b { font-weight: bold; }
.body h2 { clear: both; border-left: 3px solid #ff8800; font-size: 1.5rem; padding: 10px 15px; margin-top: 3rem; margin-bottom: 1.5rem; background: #FFF9F2; }
@media screen and (max-width: 480px) { .body h2 { font-size: 1.25rem; } }
.body h2:first-child { margin-top: 0; }
.body h3 { border-left: 3px solid #ff8800; font-size: 1.25rem; padding-left: 15px; margin-top: 2rem; margin-bottom: 1rem; }
@media screen and (max-width: 480px) { .body h3 { font-size: 1.125rem; padding-left: 10px; } }
.body h4 { border-left: 3px solid #ddd; margin-top: 1em; font-size: 1.125rem; padding-left: 15px; }
@media screen and (max-width: 480px) { .body h4 { padding-left: 10px; font-size: 1rem; } }

.course-list li { margin-bottom: 2rem !important; }
.course-list li img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.course-list li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.course-list li .title { font-size: 1.5rem; }

.panel-box a { padding: 2rem; border: 1px solid #ddd; border-bottom: 3px solid #ddd; display: block; color: #252B36; text-decoration: none; }
.panel-box .title { font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; }
.panel-box .title:after { color: #ff8800; float: right; content: "\f105"; font-family: "Font Awesome 5 Pro"; }

main.course { width: 800px; }
@media screen and (max-width: 480px) { main.course { width: auto; } }
main.course .body h2 span { background: #ff8800; color: #fff; font-size: 1rem; font-weight: bold; padding: 3px 10px; margin-right: 10px; }
main.course .course-info, main.course .course-price, main.course .course-outline { margin-bottom: 1rem; }
main.course .course-price h2, main.course .course-outline h2 { background: #ff8800; color: #fff; padding: 10px 1rem; display: inline-block; }
main.course .course-price .in, main.course .course-outline .in { padding: 1rem; border: 1px solid #ddd; }
main.course .course-info { margin-bottom: 1rem; }
main.course .course-info:after { content: ""; display: block; clear: both; }
main.course .course-info li { float: left; margin-right: 1rem; }
main.course .course-price dl { display: flex; flex-wrap: wrap; }
main.course .course-price dl dt, main.course .course-price dl dd { border-bottom: 1px solid #ddd; margin-bottom: 5px; }
main.course .course-price dl dt { width: 50%; }
main.course .course-price dl dd { width: 50%; text-align: right; }
main.course .course-price dl .total span { font-weight: bold; }
main.course .course-price dl .detail { width: 100%; margin-bottom: 10px; text-align: right; font-size: 0.875rem; }
main.course .course-price dl .detail .expand-detail:hover { cursor: pointer; }
main.course .course-price dl .detail .expand-detail:after { font-family: "Font Awesome 5 Pro"; content: "\f078"; }
main.course .course-price dl .detail .expand-detail.expand-open:after { content: "\f077"; transform: rotate(-90deg); }
main.course .course-price dl .detail .expand-content { font-size: 0.875rem; }
main.course .course-outline .course-outline-list li a { padding: 5px 0; }
main.course .course-outline .course-outline-list li dl { display: flex; flex-wrap: wrap; }
main.course .course-outline .course-outline-list li dl:after { content: ""; display: block; clear: both; }
main.course .course-outline .course-outline-list li dt, main.course .course-outline .course-outline-list li dd { float: left; border-bottom: 1px solid #ddd; }
main.course .course-outline .course-outline-list li dt { width: 20%; padding-right: 5%; text-align: right; }
main.course .course-outline .course-outline-list li dt a { text-align: right; }
main.course .course-outline .course-outline-list li dd { width: 75%; }
main.course .course-outline .course-outline-list li dd span { color: #ff8800; margin-right: 5px; }
main.course .course-content:first-child { margin-bottom: 2rem; }
main.course .course-content .item { display: flex; flex-wrap: wrap; }
main.course .course-content .item:after { content: ""; display: block; clear: both; }
main.course .course-content .item .left { content: "."; margin-right: 5%; width: 10%; position: relative; }
main.course .course-content .item .left:after { content: ""; display: block; clear: both; }
main.course .course-content .item .left:after { position: absolute; width: 1px; height: 100%; background: #ff8800; left: 40px; z-index: 98; }
@media screen and (max-width: 480px) { main.course .course-content .item .left:after { left: 20px; } }
main.course .course-content .item .left:before { content: ""; display: block; position: absolute; bottom: 1rem; left: 40px; width: 14px; height: 14px; border-top: 1px solid #ff8800; border-right: 1px solid #ff8800; transform: translateX(-50%) rotate(135deg); z-index: 98; }
@media screen and (max-width: 480px) { main.course .course-content .item .left:before { left: 20px; } }
main.course .course-content .item .left .in { position: absolute; left: 0; top: 0; background: #fff; border: 1px solid #ff8800; z-index: 99; width: 80px; height: 80px; border-radius: 100%; text-align: center; overflow: hidden; }
@media screen and (max-width: 480px) { main.course .course-content .item .left .in { left: -10px; width: 60px; height: 60px; } }
main.course .course-content .item .left .in .time { padding: 15px 0 5px; font-size: 1.25rem; font-weight: bold; }
@media screen and (max-width: 480px) { main.course .course-content .item .left .in .time { padding: 10px 0 5px; font-size: 1rem; } }
main.course .course-content .item .left .in .duration { color: #fff; background: #ff8800; font-size: 0.875rem; }
main.course .course-content .item .right { padding-top: 10px; width: 85%; }
main.course .course-content .item .right .text { padding: 1rem; }
@media screen and (max-width: 480px) { main.course .course-content .item .right .text { padding: 0; } }
main.course .course-content .item .right .link .btn { margin-bottom: 1rem; }

.related-link { border: 1px solid #ddd; }
.related-link .title { background: #f5f5f5; padding: 1rem; }
.related-link .in { padding: 1rem; border-top: 1px solid #ddd; }

/*---------------------------------------
個別スタイル
---------------------------------------*/
.list-fryer li { position: relative; }
.list-fryer li .content { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); color: #fff; padding: 5px 10px; }

.prevnext { margin-bottom: 30px; }
.prevnext:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .prevnext { margin-bottom: 15px; padding: 0 10px 0; } }
.prevnext .prev, .prevnext .next { width: 48%; float: left; }
@media screen and (max-width: 480px) { .prevnext .prev, .prevnext .next { float: none; width: auto; } }
.prevnext .prev a, .prevnext .next a { display: block; position: relative; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.prevnext .prev a:hover, .prevnext .next a:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.prevnext .prev .title, .prevnext .next .title { margin-bottom: 5px; }
.prevnext .prev { margin-right: 4%; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .prevnext .prev { margin-right: 0; } }
.prevnext .prev a:before { position: absolute; left: 15px; top: 10px; font-size: 1.5rem; content: '\f137'; font-family: "Font Awesome 5 Pro"; color: #ddd; }
.prevnext .next { text-align: right; }
.prevnext .next a:after { position: absolute; right: 15px; top: 10px; font-size: 1.5rem; content: '\f138'; font-family: "Font Awesome 5 Pro"; color: #ddd; }

/*---------------------------------------
Button
---------------------------------------*/
.btn, .btn-clear, .btn-normal { text-align: center; }
.btn a, .btn input, .btn-clear a, .btn-clear input, .btn-normal a, .btn-normal input { display: inline-block; font-weight: bold; padding: 0.7rem 0; width: 100%; text-decoration: none !important; }
@media screen and (max-width: 480px) { .btn a, .btn input, .btn-clear a, .btn-clear input, .btn-normal a, .btn-normal input { padding: 0.7em 0; font-size: 1rem; } }
.btn a:after, .btn input:after, .btn-clear a:after, .btn-clear input:after, .btn-normal a:after, .btn-normal input:after { position: absolute; right: 1rem; width: 28px; height: 28px; color: #ff8800; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: '\f054'; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.btn a:hover:after, .btn input:hover:after, .btn-clear a:hover:after, .btn-clear input:hover:after, .btn-normal a:hover:after, .btn-normal input:hover:after { background: #fff; border-radius: 60px; color: #ff8800; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.btn.small a, .btn-clear.small a, .btn-normal.small a { max-width: 240px; }

.btn a, .btn input { font-size: 1.125rem; color: #fff !important; border: none; position: relative; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-box-shadow: 0 3px 0 #F04800; -moz-box-shadow: 0 3px 0 #F04800; -ms-box-shadow: 0 3px 0 #F04800; -o-box-shadow: 0 3px 0 #F04800; box-shadow: 0 3px 0 #F04800; background: linear-gradient(90deg, #ff8800, #FF4000); }
.btn a:after, .btn input:after { position: absolute; right: 1em; color: #fff; font-family: "Font Awesome 5 Pro"; content: '\f054'; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.btn a:hover, .btn input:hover { cursor: pointer; }
.btn a:hover:after, .btn input:hover:after { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.btn a i, .btn input i { font-weight: bold; }
.btn.pink a { background: #FF3399; -webkit-box-shadow: 0 3px 0 #FD007E; -moz-box-shadow: 0 3px 0 #FD007E; -ms-box-shadow: 0 3px 0 #FD007E; -o-box-shadow: 0 3px 0 #FD007E; box-shadow: 0 3px 0 #FD007E; }

.btn-normal a, .btn-normal input { border: 1px solid #ddd; position: relative; background: #fff; -webkit-box-shadow: 0 2px 0 #ccc; -moz-box-shadow: 0 2px 0 #ccc; -ms-box-shadow: 0 2px 0 #ccc; -o-box-shadow: 0 2px 0 #ccc; box-shadow: 0 2px 0 #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.btn-normal a:hover, .btn-normal input:hover { color: #ff8800; border: 1px solid #ff8800; }

.btn-clear a { text-align: center; border: 2px solid #ff8800; box-sizing: border-box; color: #ff8800; position: relative; font-weight: bold; font-size: 1.125rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 480px) { .btn-clear a { padding: 0.7em 0; } }

/*---------------------------------------
Table
---------------------------------------*/
table { width: 100%; border: solid #ddd; border-width: 1px 1px 0 1px; border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 480px) { table.sp th, table.sp td { width: auto; display: block; }
  table.sp th { border-width: 0 1px 1px 0 !important; padding: 5px 10px; } }
table.center td { text-align: center; }
table caption { text-align: left; font-size: 0.875rem; }
table thead th { background: #252B36; color: #fff; }
table th, table td { padding: 10px; vertical-align: middele; }
@media screen and (max-width: 480px) { table th, table td { padding: 5px 3px; } }
table th, table .tbl_title { font-weight: bold; background: #f5f5f5; border: #ddd solid; border-width: 0 0 1px 1px; text-align: center; }
table td { background: #fff; border: #ddd solid; text-align: left; border-width: 0 1px 1px 0; }
table a { text-decoration: underline; }
table .price { text-align: center; }
table .price span.number { font-weight: normal; font-size: 1.5rem; font-family: 'arial', sans-serif; }
@media screen and (max-width: 480px) { table .price span.number { font-size: 1.25rem; } }

.table-inquiry th { width: 50%; box-sizing: border-box; }
.table-inquiry .bold { font-weight: bold; }
.table-inquiry .note-description, .table-inquiry .note-unit { display: block; font-size: .8em; }

/*---------------------------------------
Mobile
---------------------------------------*/
.sp-show { display: none; }
@media screen and (max-width: 480px) { .sp-show { display: block; } }

.tab-show { display: none; }
@media screen and (max-width: 768px) { .tab-show { display: block; } }

@media screen and (max-width: 480px) { .sp-hide { display: none !important; } }
@media screen and (max-width: 768px) { .tab-hide { display: none !important; } }
.hide, .hidden { display: none; }

/*---------------------------------------
Yado
---------------------------------------*/
#yado #yado-header { background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#yado #yado-header .wrapper { padding: 3em 0; position: relative; }
#yado #yado-header .wrapper:after { content: ""; display: block; clear: both; }
#yado #yado-header .info { float: left; width: 68%; margin-right: 2%; }
@media screen and (max-width: 768px) { #yado #yado-header .info { width: auto; float: none; padding: 0 10px; margin-right: 0; } }
#yado #yado-header .info a { color: #fff; }
#yado #yado-header .info .name { margin-bottom: 10px; }
#yado #yado-header .info .name:after { content: ""; display: block; clear: both; }
#yado #yado-header .info .name .award-rank10 { float: left; margin-right: 10px; margin-top: -5px; }
#yado #yado-header .info .name .award-year { float: right; }
#yado #yado-header .info .name .award-year:after { content: ""; display: block; clear: both; }
#yado #yado-header .info .name .award-year li { float: left; margin-left: 10px; }
#yado #yado-header .info .name .area ul li { display: inline-block; }
#yado #yado-header .info .name .area ul li:first-child:after { content: " /"; }
#yado #yado-header .info .name .area ul li a { font-size: 0.875rem; text-decoration: underline; display: inline-block; }
#yado #yado-header .info .name h1 { font-size: 32px; font-weight: bold; }
@media screen and (max-width: 480px) { #yado #yado-header .info .name h1 { font-size: 24px; } }
#yado #yado-header .info .name h1 .yomi { font-size: 0.75rem; font-weight: normal; }
#yado #yado-header .info .sub-info .icon li { display: inline-block; color: #ff8800; border: 1px solid #ff8800; font-size: 0.75rem; padding: 0 3px; }
@media screen and (max-width: 480px) { #yado #yado-header .info .sub-info .icon li { margin-bottom: 3px; } }
#yado #yado-header .info .sub-info .min-price { font-size: 0.875rem; }
#yado #yado-header .contact { float: right; width: 30%; padding: 1em; background: #fff; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
@media screen and (max-width: 768px) { #yado #yado-header .contact { display: none; } }
#yado .menu ul { width: 1160px; margin: 0 auto; }
#yado .menu ul:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1024px) { #yado .menu ul { width: auto; } }
#yado .menu ul li { float: left; width: 20%; }
@media screen and (max-width: 480px) { #yado .menu ul li { width: 33.333%; } }
#yado .menu ul li:last-child a { border-right: 1px solid #ddd; }
#yado .menu ul li a { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1em 0; background: #fff; color: #252B36; text-align: center; }
@media screen and (max-width: 480px) { #yado .menu ul li a { padding: 0.7em 0; } }
#yado .menu ul li.tel, #yado .menu ul li.mail { width: 50%; }
#yado .menu ul li.tel i, #yado .menu ul li.mail i { color: #ff8800; }
#yado #yado-profile .wrapper { padding: 0 1em; }
#yado #yado-profile .award-4star { margin-bottom: 1em; }
#yado #yado-profile .catch { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5em; }
@media screen and (max-width: 480px) { #yado #yado-profile .catch { font-size: 1rem; } }
#yado #yado-point ol { background: #fff; border: 3px solid #f5f5f5; padding: 1rem; counter-reset: number; /*数字をリセット*/ list-style-type: none !important; /*数字を一旦消す*/ }
#yado #yado-point ol li { font-size: 1.25rem; position: relative; padding: 0 0 0 2em; }
@media screen and (max-width: 480px) { #yado #yado-point ol li { font-size: 0.875rem; } }
#yado #yado-point ol li:before { position: absolute; counter-increment: number; content: counter(number); display: inline-block; background: #ff8800; color: #fff; border-radius: 50%; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; font-family: 'arial', sans-serif; }
#yado #yado-point ol .hakase { float: right; width: 100px; margin-top: -70px; }
@media screen and (max-width: 480px) { #yado #yado-point ol .hakase { width: 60px; margin-top: -70px; margin-right: -15px; } }
#yado #yado-pic .slider { margin-bottom: 1em; }
#yado #yado-pic .slider .slick-slide { position: relative; }
#yado #yado-pic .slider .slick-slide:before { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: opacity .3s; transition-delay: .5s; opacity: 1; background: rgba(0, 0, 0, 0.3); }
#yado #yado-pic .slider .slick-slide.slick-center:before { opacity: 0; }
#yado #yado-pic .slider .arrow { position: absolute; content: ''; top: 50%; width: 48px; height: 48px; margin-top: -24px; z-index: 9999; color: #fff; background: #ff8800; border-radius: 48px; font-size: 32px; text-align: center; opacity: 0.7; }
#yado #yado-pic .slider .arrow:hover { cursor: pointer; }
@media screen and (max-width: 768px) { #yado #yado-pic .slider .arrow { display: none !important; } }
#yado #yado-pic .slider .arrow.prev { left: 30%; }
#yado #yado-pic .slider .arrow.prev:before { content: '\f104'; font-family: "Font Awesome 5 Pro"; }
@media screen and (max-width: 1024px) { #yado #yado-pic .slider .arrow.prev { width: 32px; height: 32px; margin-top: -16px; font-size: 24px; } }
#yado #yado-pic .slider .arrow.next { right: 30%; }
#yado #yado-pic .slider .arrow.next:before { content: '\f105'; font-family: "Font Awesome 5 Pro"; }
@media screen and (max-width: 1024px) { #yado #yado-pic .slider .arrow.next { width: 32px; height: 32px; margin-top: -16px; font-size: 24px; } }
#yado #yado-pic .thumb .slick-current { opacity: 0.7; }
#yado #yado-kihon table th { width: 20%; }
#yado #yado-taiken .card-list { margin-bottom: 1rem; margin-right: -1%; }
#yado #yado-taiken .card-list:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #yado #yado-taiken .card-list { padding: 0 10px; } }
#yado #yado-taiken .card-list > li { width: 24%; float: left; margin-right: 1%; }
@media screen and (max-width: 480px) { #yado #yado-taiken .card-list > li { width: auto; float: none; margin-right: 0; margin-bottom: 10px; } }
@media screen and (max-width: 480px) { #yado #yado-taiken .card-list > li .pic { width: 30%; float: left; } }
@media screen and (max-width: 480px) { #yado #yado-taiken .card-list > li .content { width: 66%; padding: 2%; float: left; } }
@media screen and (max-width: 480px) { #yado #yado-taiken .btn { margin: 0 10px; } }

/* slick */
.slick-track .slick-slide { height: auto; }
.slick-track .slick-slide img { width: 100%; height: auto; }

.slick-dots { margin: 15px 0 0; text-align: center !important; }

.slick-prev:before, .slick-next:before { position: absolute; font-size: 40px !important; color: #ff6600 !important; filter: alpha(opacity=40) !important; -moz-opacity: 0.4 !important; opacity: 0.4 !important; }

.slick-prev:before { left: 0px !important; }

.slick-next:before { right: 0px !important; }

.box-plan { margin-bottom: 2em; background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.box-plan:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 480px) { .box-plan { margin-bottom: 10px; } }
.box-plan h4 { border-left: 3px solid #ff8800; padding-left: 15px; margin-bottom: 15px; }
.box-plan .profile span, .box-plan .detail dd span, .box-plan .plan_detail span { color: #FF3333; font-weight: bold; }
.box-plan .header { background: #fff; z-index: 100; top: 0; -webkit-position: sticky; -moz-position: sticky; -ms-position: sticky; -o-position: sticky; position: sticky; }
.box-plan .header:hover { cursor: pointer; }
.box-plan .header .title { position: relative; padding: 1em; vertical-align: middle; border-bottom: 1px solid #ddd; }
.box-plan .header .title:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .header .title { padding: 10px; } }
.box-plan .header .title h2 { font-size: 24px; float: left; font-weight: bold; }
@media screen and (max-width: 480px) { .box-plan .header .title h2 { font-size: 18px; display: inline; float: none; } }
.box-plan .header .title h2 .icon { padding: 3px 5px; margin-right: 10px; font-size: 0.875rem; font-weight: bold; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 480px) { .box-plan .header .title h2 .icon { padding: 0 3px; margin-right: 10px; } }
@media screen and (max-width: 480px) { .box-plan .header .title h2 .icon { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } }
.box-plan .header .title h2 .icon-gentei { background: #FF3333; }
.box-plan .header .title h2 .icon-long { background: #8A2BE2; }
.box-plan .header .title h2 .icon-hitori { background: #00C853; }
.box-plan .header .title h2 b { background: #00D900; color: #fff; padding: 1px 5px; font-size: 0.8em; margin-right: 10px; }
.box-plan .header .title .min-price { float: right; font-size: 1.25rem; }
@media screen and (max-width: 480px) { .box-plan .header .title .min-price { font-size: 0.875rem; } }
.box-plan .header .title .min-price .number { font-family: 'arial', sans-serif; }
.box-plan .header .expand-plan { text-align: center; }
.box-plan .header .expand-plan .expand-plan-in { padding: 10px; font-weight: bold; }
.box-plan .header.type-pink { border-top: 3px solid #FF3399; }
.box-plan .header.type-pink .title { background: #fff; color: #252B36 !important; }
.box-plan .header.type-pink .title .icon-type { background: #FF3399; color: #fff; }
.box-plan .header.type-pink .expand-plan-in { background: #FFEEF4; color: #FF3399; }
.box-plan .header.type-normal { border-top: 3px solid #0099FF; }
.box-plan .header.type-normal .title { background: #fff; color: #252B36 !important; }
.box-plan .header.type-normal .title .icon-type { background: #0099FF; color: #fff; }
.box-plan .header.type-normal .expand-plan-in { background: #EEF9FF; color: #0099FF; }
.box-plan .header.type-cos, .box-plan .header.type-soft { border-top: 3px solid #FFBF00; }
.box-plan .header.type-cos .title, .box-plan .header.type-soft .title { background: #fff; color: #252B36 !important; }
.box-plan .header.type-cos .title .icon-type, .box-plan .header.type-soft .title .icon-type { background: #FFBF00; color: #fff; }
.box-plan .header.type-cos .expand-plan-in, .box-plan .header.type-soft .expand-plan-in { background: #FFFDE8; color: #FFBF00; }
.box-plan .box-plan-in { padding: 1em; background: #fff; }
@media screen and (max-width: 480px) { .box-plan .box-plan-in { padding: 10px 0px 0; border: none; } }
.box-plan .box-plan-in a { display: inline-block; }
.box-plan .box-plan-in .taxincl { text-align: right; color: red; margin-bottom: 5px; }
.box-plan .profile { margin-bottom: 15px; font-size: 1.125rem; }
@media screen and (max-width: 480px) { .box-plan .profile { margin-bottom: 10px; padding: 0 10px; font-size: 0.875rem; } }
.box-plan .price { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price { padding: 0 10px; margin-bottom: 10px; } }
.box-plan .price i.fa-male, .box-plan .price table .number-male { color: #0080FF !important; }
.box-plan .price i.fa-female, .box-plan .price table .number-female { color: #ff0066 !important; }
.box-plan .price table .number { font-weight: bold; font-size: 32px; }
@media screen and (max-width: 480px) { .box-plan .price table .number { font-size: 1.1rem; } }
.box-plan .price table { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price table th:first-child .sp-show { display: inline-block; } }
.box-plan .price table td, .box-plan .price table th { text-align: center; vertical-align: middle; }
@media screen and (max-width: 480px) { .box-plan .price table td, .box-plan .price table th { padding: 5px 0; } }
.box-plan .price table th { padding: 10px 0; }
@media screen and (max-width: 480px) { .box-plan .price table th { font-size: 0.875rem; } }
.box-plan .price table td { padding: 5px 0; }
.box-plan .price-sp span { color: #ff8800; }
.box-plan .price-sp h2, .box-plan .price-sp h3 { margin: 10px 0; padding-left: 5px; border-left: 3px solid #ff8800; }
.box-plan .price-sp h2:first-child, .box-plan .price-sp h3:first-child { margin: 0 0 10px 0; }
.box-plan .price-sp table { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .box-plan .price-sp table { margin-bottom: 10px; } }
.box-plan .price-sp table td span, .box-plan .price-sp table th span { color: #252B36 !important; }
.box-plan .price-sp table.table-inquiry th { width: 50%; box-sizing: border-box; }
.box-plan .price-sp table.table-inquiry .bold { font-weight: bold; }
.box-plan .price-sp table.table-inquiry .note-description, .box-plan .price-sp table.table-inquiry .note-unit { display: block; font-size: .8em; }
.box-plan .price-sp dl:after { content: ""; display: block; clear: both; }
.box-plan .price-sp dl dt { margin-right: 10px; }
.box-plan .price-sp dl dt:after { content: "："; }
.box-plan .price-sp dl dt, .box-plan .price-sp dl dd { float: left; }
.box-plan input:checked + label:after { content: '\f068'; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.box-plan .detail { display: block; margin-bottom: 1em; }
.box-plan .detail:after { content: ""; display: block; clear: both; }
.box-plan .detail dl { width: 77%; margin-right: 1%; margin-bottom: 15px; float: left; }
.box-plan .detail dl:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .detail dl { width: auto; margin-right: 0; margin-bottom: 10px; } }
.box-plan .detail dl dt, .box-plan .detail dl dd { margin-bottom: 10px; float: left; }
@media screen and (max-width: 480px) { .box-plan .detail dl dt, .box-plan .detail dl dd { float: none; } }
.box-plan .detail dl dt { clear: both; width: 26%; margin-right: 3%; background: #f5f5f5; text-align: center; font-weight: bold; }
@media screen and (max-width: 480px) { .box-plan .detail dl dt { width: auto; margin-right: 0; padding: 5px 10px; text-align: left; } }
.box-plan .detail dl dd { width: 70%; }
@media screen and (max-width: 480px) { .box-plan .detail dl dd { width: auto; padding: 0 10px; } }
.box-plan .detail dl dd.tokuten details summary::marker { content: "☆"; }
.box-plan .detail dl dd.tokuten details[open] summary::marker { content: "☆"; }
.box-plan .detail dl dd.etc details summary::marker { content: "※"; }
.box-plan .detail dl dd.etc details[open] summary::marker { content: "※"; }
.box-plan .detail .pic { width: 22%; float: left; }
@media screen and (max-width: 480px) { .box-plan .detail .pic { display: none; } }
.box-plan .detail .pic img { width: 100%; margin-bottom: 15px; }
.box-plan .sp-pic { display: none; }
@media screen and (max-width: 480px) { .box-plan .sp-pic { display: block; padding: 0 10px 10px; }
  .box-plan .sp-pic:after { content: ""; display: block; clear: both; } }
.box-plan .sp-pic li { float: left; width: 49%; overflow: hidden; }
.box-plan .sp-pic li:nth-child(odd) { margin-right: 2%; }
.box-plan .contact { padding: 2rem 1rem; border-top: 1px solid #ddd; }
.box-plan .contact:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .box-plan .contact { padding: 10px; } }
.box-plan .contact .tel, .box-plan .contact .mail { text-align: center; width: 48%; float: left; }
@media screen and (max-width: 768px) { .box-plan .contact .tel, .box-plan .contact .mail { width: auto; float: none; } }
.box-plan .contact .tel { margin-right: 2%; position: relative; padding: 1rem 0; box-sizing: border-box; border: solid 1px #ddd; border-radius: 6px; }
.box-plan .contact .tel:before { font-size: 0.875rem; }
@media screen and (max-width: 768px) { .box-plan .contact .tel { margin-right: 0; margin-bottom: 10px; } }
.box-plan .contact .tel .title { position: absolute; display: inline-block; top: -10px; left: 1em; padding: 0 0.5em; line-height: 1; background: #fff; }
.box-plan .contact .tel .number { font-size: 1.5rem; font-weight: bold; }
@media screen and (max-width: 768px) { .box-plan .contact .tel .number { font-size: 1.25rem; } }
.box-plan .contact .tel .number.free:before { margin-right: 5px; padding: 3px 5px; content: '無料'; background: #ff8800; color: #fff; font-size: 1rem; font-weight: normal; border-radius: 6px; display: inline; vertical-align: middle; }
.box-plan .contact .tel .number.group:before { margin-right: 5px; content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 700; background: #ff8800; color: #fff; padding: 5px; border-radius: 30px; display: inline; vertical-align: middle; font-size: 0.875rem; }
@media screen and (max-width: 480px) { .box-plan .contact .tel .number.group:before { font-size: 0.75rem; padding: 5px; } }
.box-plan .contact .mail input { padding: 1rem 0; font-size: 1.25rem; }
@media screen and (max-width: 480px) { .box-plan .contact .mail input { font-size: 1.125rem; } }
.box-plan.group .header .icon { background: #ff8800; color: #fff !important; }
.box-plan.group .header .title { border-top: 3px solid #ff8800; }
.box-plan.group .catch { font-size: 1.25rem; font-weight: bold; margin-bottom: 10px; }
@media screen and (max-width: 480px) { .box-plan.group .catch { padding: 0 10px; font-size: 1rem; } }
.box-plan.group .content { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #ddd; }
.box-plan.group .content:after { content: ""; display: block; clear: both; }
.box-plan.group .content .pic { width: 49%; float: left; }
@media screen and (max-width: 480px) { .box-plan.group .content .pic { width: auto; display: block; } }
.box-plan.group .content .pic li { margin-bottom: 10px; }
.box-plan.group .content .pic li img { width: 100%; }
.box-plan.group .content .detail { width: 49%; margin-right: 2%; float: left; }
@media screen and (max-width: 480px) { .box-plan.group .content .detail { width: auto; margin-right: 0; } }
.box-plan.group .content .detail table.kihon th { width: 20%; }
@media screen and (max-width: 480px) { .box-plan.group .content .detail table.kihon th { width: 30%; } }
.box-plan.group .content .detail dt, .box-plan.group .content .detail dd { margin: 0 0 10px 0 !important; }
.box-plan.group .content .detail dt { padding: 5px 3%; width: 94%; background: #f5f5f5; text-align: left; font-weight: bold; }
.box-plan.group .content .detail dd { padding: 0; width: 100%; margin-bottom: 10px; }
@media screen and (max-width: 480px) { .box-plan.group .content .detail dd { padding: 0 3%; width: 94%; } }
.box-plan.group .content .detail dd .price table th, .box-plan.group .content .detail dd .price table td { padding: 5px 10px !important; }
.box-plan.group .content .detail dd .price table td { text-align: center; }
.box-plan.group .content .detail dd .price .number { font-size: 1.5rem !important; }
@media screen and (max-width: 480px) { .box-plan.group .content .detail dd .price .number { font-size: 1.25rem !important; } }

.kuchikomi-list .slick-track:after { content: ""; display: block; clear: both; }
.kuchikomi-list .slick-track li { background: #fff; padding: 1.5em; margin: 0 1em; font-size: 0.875rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 6px #ddd; -moz-box-shadow: 0 0 6px #ddd; -ms-box-shadow: 0 0 6px #ddd; -o-box-shadow: 0 0 6px #ddd; box-shadow: 0 0 6px #ddd; }
.kuchikomi-list .slick-track li .header { margin-bottom: 5px; }
.kuchikomi-list .slick-track li .header:after { content: ""; display: block; clear: both; }
.kuchikomi-list .slick-track li .yado { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; text-decoration: underline; font-size: 1rem; }
.kuchikomi-list .slick-track li .yado span { display: block; font-size: 0.75rem; }
.kuchikomi-list .slick-track li .title { font-weight: bold; }
.kuchikomi-list .slick-track li .title, .kuchikomi-list .slick-track li .rating { float: left; }
.kuchikomi-list .slick-track li .name, .kuchikomi-list .slick-track li .date { float: right; color: #666; }
.kuchikomi-list .slick-track li .rating img { width: 90px; }
.kuchikomi-list .slick-track li .comment { max-height: 220px; overflow: hidden; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.kuchikomi-list .slick-track li .more { color: #ff8800; text-align: right; }

/*---------------------------------------
yado search 共有
---------------------------------------*/
@media screen and (max-width: 480px) { .rating { clear: both; } }
.rating .score:after { content: ""; display: block; clear: both; }
.rating .score li { display: inline-block; margin-right: 10px; }
.rating .score li.sougou { line-height: 1; }
.rating .score li.sougou img { width: 120px; margin-right: 5px; }
@media screen and (max-width: 480px) { .rating .score li.sougou img { width: 120px; } }
.rating .score li.sougou .number { font-size: 1.5rem; font-weight: bold; color: #ff8800; }
@media screen and (max-width: 480px) { .rating .score li.sougou .number { font-size: 1.25rem; } }
.rating .score-detail dt, .rating .score-detail dd { display: inline-block; font-size: 0.875rem; }
@media screen and (max-width: 480px) { .rating .score-detail dt, .rating .score-detail dd { font-size: 0.75rem; } }

/*---------------------------------------
search
---------------------------------------*/
.yado-list { margin-bottom: 3em; }
.yado-list li.item { margin-bottom: 1em; background: #fff; padding: 1em; border-top: 3px solid #ff8800; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.yado-list li.item:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.yado-list li.item:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .yado-list li.item { padding: 10px; } }
.yado-list li.item .area a { font-size: 0.875rem; }
.yado-list li.item h2.name { font-size: 1.5rem; font-weight: bold; }
@media screen and (max-width: 768px) { .yado-list li.item h2.name { font-size: 1.25rem; margin-bottom: 10px; } }
.yado-list li.item .award-rank10 { float: left; margin-right: 10px; margin-top: -3px; }
.yado-list li.item .award-year { float: right; }
.yado-list li.item .award-year:after { content: ""; display: block; clear: both; }
.yado-list li.item .award-year li { float: left; margin-left: 10px; }
.yado-list li.item .pic, .yado-list li.item .content { float: left; }
@media screen and (max-width: 768px) { .yado-list li.item .pic, .yado-list li.item .content { float: none; } }
.yado-list li.item .pic { clear: both; width: 24%; margin-right: 2%; }
.yado-list li.item .pic:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .yado-list li.item .pic { width: auto; margin-right: 0; margin-bottom: 10px; } }
.yado-list li.item .pic .pic02, .yado-list li.item .pic .pic03 { float: left; width: 49.5%; }
.yado-list li.item .pic .pic01 { margin-bottom: 5px; }
@media screen and (max-width: 768px) { .yado-list li.item .pic .pic01, .yado-list li.item .pic .pic02, .yado-list li.item .pic .pic03 { float: left; width: 33.33%; } }
.yado-list li.item .content { width: 74%; }
@media screen and (max-width: 768px) { .yado-list li.item .content { width: auto; } }
.yado-list li.item .content .info { margin-bottom: 15px; }
@media screen and (max-width: 768px) { .yado-list li.item .content .info { margin-bottom: 10px; } }
.yado-list li.item .content .info .catch { margin-bottom: 5px; }
.yado-list li.item .content .info .rating { margin-bottom: 5px; }
.yado-list li.item .content .info .rating:after { content: ""; display: block; clear: both; }
.yado-list li.item .content .info .rating li { float: left; margin-right: 10px; }
.yado-list li.item .content .info .rating .sougou .number { font-size: 1.125rem; }
.yado-list li.item .content .info .rating .sougou img { width: 100px; }
.yado-list li.item .content .info .icon { float: left; }
.yado-list li.item .content .info .icon li { display: inline-block; font-size: 0.7rem; color: #ff8800; padding: 1px 3px; border: 1px solid #ff8800; }
.yado-list li.item .content .info .min-price { float: right; font-size: 0.875rem; }
.yado-list li.item .content .info .min-price:before { content: "最安料金："; font-size: 0.75rem; }
.yado-list li.item .content .info .min-price .number { font-family: 'arial', sans-serif; font-size: 1rem; }
.yado-list li.item .content .info .address { font-size: 0.75rem; color: #666; }
.yado-list li.item .content .info .address:before { padding-right: 5px; content: '\f3c5'; font-family: "Font Awesome 5 Pro"; }
.yado-list li.item .content .plan { margin-bottom: 15px; }
.yado-list li.item .content .plan li { position: relative; margin-bottom: 3px; }
.yado-list li.item .content .plan li:after { content: ""; display: block; clear: both; }
.yado-list li.item .content .plan li:first-child a { border-top: 1px solid #ddd; }
.yado-list li.item .content .plan li:last-child { margin-bottom: 0px; }
.yado-list li.item .content .plan li a { padding: 10px 0; border-bottom: 1px solid #ddd; }
.yado-list li.item .content .plan li a:after { content: ""; display: block; clear: both; }
.yado-list li.item .content .plan li a:hover { background: #eee; }
.yado-list li.item .content .plan li a h3 { float: left; font-weight: bold; font-size: 1.1rem; }
.yado-list li.item .content .plan li a .icon { color: #fff; margin-right: 10px; width: 60px; text-align: center; font-size: 0.75rem; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.yado-list li.item .content .plan li a .icon.pink { background: #FF3399; }
.yado-list li.item .content .plan li a .icon.normal { background: #0099FF; }
.yado-list li.item .content .plan li a .icon.cos, .yado-list li.item .content .plan li a .icon.soft { background: #FFBF00; }
.yado-list li.item .content .plan li a .icon.group { background: #ff8800; }
.yado-list li.item .content .plan li a b { background: #00D900; color: #fff; padding: 3px 5px; font-size: 0.8em; margin-right: 5px; }
.yado-list li.item .content .plan li a .min-price { float: right; }
@media screen and (max-width: 480px) { .yado-list li.item .content .plan li a .min-price { position: absolute; right: 0; bottom: 0; padding-left: 5px; background: #fff; } }
.yado-list li.item .content .plan li a .min-price.group { position: static; }
.yado-list li.item .content .plan li a .min-price.group .normal { /*
text-decoration: line-through;
&:after { content:"→"; padding: 0 5px;
}
*/ }
.yado-list li.item .content .plan li a .min-price.group .sale { color: #FF3333; }
.yado-list li.item .content .plan li a .min-price.group .sale .number { font-weight: bold; }
.yado-list li.item .content .contact .btn-normal { width: 49%; float: left; }
.yado-list li.item .content .contact .btn-normal:first-child::first-letter { color: #ff8800; }
.yado-list li.item .content .contact .btn-normal a, .yado-list li.item .content .contact .btn-normal input { font-size: 1rem; }
@media screen and (max-width: 768px) { .yado-list li.item .content .contact .btn-normal a, .yado-list li.item .content .contact .btn-normal input { padding: 5px 0 !important; } }
.yado-list li.item .content .contact .btn-normal:hover { cursor: pointer; }

.result { margin-bottom: 1em; color: #666; font-size: 0.875rem; }
.result a { color: #666; }
.result:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .result { padding: 0 10px; font-size: 0.75rem; margin-bottom: 0.5em; } }
.result .dispnum { float: left; }
.result .dispnum .hitnumber { font-size: 1.25rem; font-weight: bold; color: #ff8800; }
@media screen and (max-width: 480px) { .result .dispnum .hitnumber { font-size: 1rem; } }
.result .sort { float: right; }
.result .sort li { display: inline-block; }
.result .sort li:last-child { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; }
.result .sort li a { text-decoration: underline; }
.result .sort li.active { position: relative; }
.result .sort li.active:after { position: absolute; content: ""; margin-left: -3px; left: 50%; bottom: -7px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666; }

.pager { margin-bottom: 2em; }
.pager li { display: inline-block; margin-left: 5px; }
.pager li.current { background: #f5f5f5; padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }
@media screen and (max-width: 480px) { .pager li { margin-left: 0; } }
.pager li a { background: #0033cc; color: #fff; padding: 5px 10px; }
@media screen and (max-width: 480px) { .pager li a { padding: 5px 10px; } }

/*---------------------------------------
page-title
---------------------------------------*/
.page-title { padding: 2rem 0; background: #ff8800; color: #fff; font-size: 2rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 768px) { .page-title { padding: 1.5rem 0; font-size: 1.5rem; } }
.page-title a { color: #fff; }
.page-title.group { background: url(../img/top-title/group-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.group { background-position: cover; } }
.page-title.companion { background: url(../img/top-title/companion-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.companion { background-position: cover; } }
.page-title.kanji { background: url(../img/top-title/kanji-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.kanji { background-position: cover; } }
.page-title.game { background: url(../img/top-title/kanji-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.game { background-position: cover; } }
.page-title.bus { background: url(../img/top-title/bus-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.bus { background-position: cover; } }
.page-title.course { background: url(../img/top-title/course-bg.jpg) center; }
@media screen and (max-width: 480px) { .page-title.course { background-position: cover; } }

/*---------------------------------------
top
---------------------------------------*/
.top-title { text-align: center; color: #fff; margin-bottom: 2rem; }
@media screen and (max-width: 768px) { .top-title { text-align: left; margin-bottom: 1rem; } }
.top-title .wrapper { position: relative; }
.top-title .wrapper .award { position: absolute; top: 30px; right: 0; width: 180px; }
@media screen and (max-width: 768px) { .top-title .wrapper .award { width: 140px; right: 10px; } }
@media screen and (max-width: 480px) { .top-title .wrapper .award { width: 90px; } }
.top-title.root { background: url("../img/top-title/group-bg.jpg") center; background-size: cover; }
@media screen and (max-width: 768px) { .top-title.root { background-size: 200%; } }
.top-title.root .wrapper { padding: 100px 0; }
@media screen and (max-width: 480px) { .top-title.root .wrapper { padding: 60px 0 60px 15px; } }
.top-title.companion { background: url("../img/top-title/companion-bg.jpg") center; background-size: cover; }
.top-title.companion h1 { text-align: left; }
.top-title.companion .in { padding: 100px 0 100px 50%; background: url("../img/top-title/companion-girl.png") no-repeat left center; background-size: 600px; text-align: left; }
@media screen and (max-width: 768px) { .top-title.companion .in { padding: 100px 0 100px 15px; background-size: 440px; } }
@media screen and (max-width: 480px) { .top-title.companion .in { padding: 80px 0 80px 15px; background-size: 360px; background-position: left -50px bottom; } }
.top-title.group { background: url("../img/top-title/group-bg.jpg") center; }
@media screen and (max-width: 480px) { .top-title.group { background-size: cover; } }
.top-title.group .wrapper { padding: 100px 0 100px 15px; }
@media screen and (max-width: 480px) { .top-title.group .wrapper { padding: 60px 0 60px 15px; } }
@media screen and (max-width: 768px) { .top-title.group h1 { text-align: left !important; } }
.top-title.kanji { background: url("../img/top-title/kanji-bg.jpg") center; background-size: cover; }
.top-title.kanji h1 { padding: 100px 0; color: #fff; }
.top-title.game { background: url("../img/top-title/game-bg.jpg") center; background-size: cover; }
.top-title.game h1 { padding: 100px 0; color: #fff; }
.top-title.bus { background: url(../img/top-title/bus-bg.jpg) center; background-size: cover; padding: 100px 0; }
.top-title.course { background: url(../img/top-title/course-bg.jpg) center; background-size: cover; padding: 100px 0; }
.top-title h1 { font-size: 3rem; font-weight: bold; line-height: 1.2; text-align: center; -webkit-text-shadow: 0 0px 10px #666; -moz-text-shadow: 0 0px 10px #666; -ms-text-shadow: 0 0px 10px #666; -o-text-shadow: 0 0px 10px #666; text-shadow: 0 0px 10px #666; }
.top-title h1 span { font-size: 68px; }
@media screen and (max-width: 1024px) { .top-title h1 { font-size: 2rem; }
  .top-title h1 span { font-size: 64px; } }
@media screen and (max-width: 768px) { .top-title h1 { font-size: 1.5rem; }
  .top-title h1 span { font-size: 2rem; } }
.top-title h1 + .description { margin-top: 1rem; }
.top-title .description { margin-bottom: 2rem; }
@media screen and (max-width: 768px) { .top-title .description { margin-bottom: 1rem; font-size: 0.75rem; } }
@media screen and (max-width: 480px) { .top-title .description { font-size: 0.7rem; } }
.top-title .box-search { display: inline-block; }
@media screen and (max-width: 768px) { .top-title .box-search { width: 320px; } }
@media screen and (max-width: 320px) { .top-title .box-search { width: 280px; } }
.top-title .box-search .keyword { margin-bottom: 0; }
.top-title .box-search .hotword a { color: #fff; }

.top-award { margin: 1rem 0; }
@media screen and (max-width: 768px) { .top-award { margin: 10px 0; } }
.top-award ul { counter-reset: item; margin-right: -1%; }
@media screen and (max-width: 480px) { .top-award ul { padding: 0 10px; } }
.top-award ul li { float: left; width: 19.5%; margin-right: 0.5%; padding: 1em 0; text-align: center; background: url("../img/illust/laurel.png") center no-repeat, #ff8800; background-size: 90%; line-height: 1.2; color: #fff; font-size: 1.25rem; font-weight: 900; position: relative; }
.top-award ul li:before { content: ""; border-bottom: 36px solid transparent; border-left: 36px solid #fff; position: absolute; top: 0px; left: 0px; z-index: 10; }
.top-award ul li:after { counter-increment: item; content: counter(item) ""; font-weight: bold; font-style: italic; color: #ff8800; position: absolute; top: 3px; left: 3px; z-index: 11; }
@media screen and (max-width: 1024px) { .top-award ul li { width: 24%; font-size: 1.125rem; }
  .top-award ul li:last-child { display: none; } }
@media screen and (max-width: 480px) { .top-award ul li { width: 49%; padding: 10px 0; background-size: 90%; }
  .top-award ul li:nth-child(1), .top-award ul li:nth-child(2) { margin-bottom: 5px; }
  .top-award ul li:nth-child(1), .top-award ul li:nth-child(3) { margin-right: 1%; } }

.top-search { padding: 2em 0; margin: 2em 0; }
@media screen and (max-width: 768px) { .top-search { margin-bottom: 1em; } }
.top-search h3.title { font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.top-search .wrapper { background: #fff; padding: 1em; box-sizing: border-box; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.top-search .wrapper:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 768px) { .top-search .wrapper { margin-top: 0; } }
.top-search .japan, .top-search .onsen { width: 49%; float: left; margin-bottom: 1rem; }
@media screen and (max-width: 768px) { .top-search .japan, .top-search .onsen { width: auto; float: none; } }
.top-search .japan { margin-right: 2%; }
@media screen and (max-width: 768px) { .top-search .japan { margin-right: 0; } }
.top-search .expand-content { margin-top: 1rem; }
.top-search .group .expand-btn { border: 1px solid #ff8800; }
.top-search .companion .expand-btn { border: 1px solid #ff8800; }

.search-area:after { content: ""; display: block; clear: both; }
.search-area > section h3.title { font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .search-area > section.japan { margin-bottom: 1em; } }
.search-area > section.japan .title { background: url("../img/icon/japan.png") no-repeat left top; background-size: 20px; padding-left: 30px; }
@media screen and (max-width: 480px) { .search-area > section.onsen h4 { font-size: 0.75rem !important; } }
.search-area > section.onsen .title { background: url("../img/icon/onsen.png") no-repeat left top; background-size: 20px; padding-left: 30px; }
.search-area > section.onsen .expand-open { margin-bottom: 1rem; }
.search-area > section .popular { margin-bottom: 1em; }
.search-area > section .popular:after { content: ""; display: block; clear: both; }
.search-area > section .popular li { float: left; width: 19%; margin-right: 1%; }
.search-area > section .popular li a { height: 0; width: 100%; padding-bottom: 100%; color: #fff; position: relative; }
.search-area > section .popular li a h4 { padding-top: 40%; font-weight: bold; font-size: 1rem; text-align: center; -webkit-text-shadow: 0 0px 10px #666; -moz-text-shadow: 0 0px 10px #666; -ms-text-shadow: 0 0px 10px #666; -o-text-shadow: 0 0px 10px #666; text-shadow: 0 0px 10px #666; }
@media screen and (max-width: 480px) { .search-area > section .popular li a h4 { font-size: 0.875rem; } }
.search-area > section .popular li a.gunma { background: url("../img/japan/gunma.jpg"); background-size: cover; }
.search-area > section .popular li a.tochigi { background: url("../img/japan/tochigi.jpg"); background-size: cover; }
.search-area > section .popular li a.shizuoka { background: url("../img/japan/shizuoka.jpg"); background-size: cover; }
.search-area > section .popular li a.yamanashi { background: url("../img/japan/yamanashi.jpg"); background-size: cover; }
.search-area > section .popular li a.ishikawa { background: url("../img/japan/ishikawa.jpg"); background-size: cover; }
.search-area > section .popular li a.atami { background: url("../img/onsen/atami.jpg"); background-size: cover; }
.search-area > section .popular li a.ikaho { background: url("../img/onsen/ikaho.jpg"); background-size: cover; }
.search-area > section .popular li a.kinugawa { background: url("../img/onsen/kinugawa.jpg"); background-size: cover; }
.search-area > section .popular li a.isawa { background: url("../img/onsen/isawa.jpg"); background-size: cover; }
.search-area > section .popular li a.isawa2 { background: url("../img/onsen/isawa2.jpg"); background-size: cover; }
.search-area > section .popular li a.izunagaoka { background: url("../img/onsen/izunagaoka.jpg"); background-size: cover; }
.search-area > section .popular li a.ito { background: url("../img/onsen/ito.jpg"); background-size: cover; }
.search-area > section .popular li a.hakone { background: url("../img/onsen/hakone.jpg"); background-size: cover; }
.search-area > section .popular li a.kamogawa { background: url("../img/onsen/kamogawa.jpg"); background-size: cover; }
@media screen and (max-width: 480px) { .search-area > section .content { display: none; } }
.search-area > section .expand-btn { padding: 1em; box-sizing: border-box; border: 1px solid #ddd; margin-bottom: -1px; background: #fff; }
.search-area > section dl { font-size: 0.875rem; }
.search-area > section dl:after { content: ""; display: block; clear: both; }
.search-area > section dl:last-child dt, .search-area > section dl:last-child dd { margin-bottom: 0 !important; }
.search-area > section dl dt, .search-area > section dl dd { float: left; margin-bottom: 10px; }
.search-area > section dl dt { width: 22%; }
@media screen and (max-width: 480px) { .search-area > section dl dt { width: auto; } }
@media screen and (max-width: 768px) { .search-area > section dl dt { font-size: 0.75rem; } }
.search-area > section dl dt a { display: inline-block; }
.search-area > section dl dd { width: 78%; }
@media screen and (max-width: 480px) { .search-area > section dl dd { width: 100%; float: none; margin-bottom: 0; } }
@media screen and (max-width: 480px) { .search-area > section dl dd ul { border-left: 1px solid #ddd; }
  .search-area > section dl dd ul:after { content: ""; display: block; clear: both; } }
.search-area > section dl dd ul li { display: inline-block; margin-right: 10px; }
@media screen and (max-width: 480px) { .search-area > section dl dd ul li { float: left; width: 50%; margin-right: 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; } }
.search-area > section dl dd ul li:last-child { margin-right: 0; }
@media screen and (max-width: 480px) { .search-area > section dl dd ul li { display: block; } }
.search-area > section dl dd ul li a { line-height: 1; color: #0033cc; border-bottom: 1px dashed #0033cc; margin-bottom: -1px; }
@media screen and (max-width: 480px) { .search-area > section dl dd ul li a { color: #252B36; padding: 1em; border-bottom: 1px solid #ddd; background: #fff; }
  .search-area > section dl dd ul li a:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; float: right; font-weight: 300; padding-left: 5px; } }

.search-theme:after { content: ""; display: block; clear: both; }
.search-theme .kodawari, .search-theme .type { width: 49%; float: left; margin-bottom: 1rem; }
@media screen and (max-width: 768px) { .search-theme .kodawari, .search-theme .type { width: auto; float: none; } }
.search-theme .kodawari ul:after, .search-theme .type ul:after { content: ""; display: block; clear: both; }
.search-theme .kodawari ul li, .search-theme .type ul li { float: left; width: 49%; text-align: center; }
.search-theme .kodawari ul li:nth-child(1), .search-theme .kodawari ul li:nth-child(2), .search-theme .type ul li:nth-child(1), .search-theme .type ul li:nth-child(2) { margin-bottom: 10px; }
.search-theme .kodawari ul li:nth-child(1), .search-theme .kodawari ul li:nth-child(3), .search-theme .type ul li:nth-child(1), .search-theme .type ul li:nth-child(3) { margin-right: 2%; }
.search-theme .kodawari ul li a, .search-theme .type ul li a { padding: 1em 0; border: 3px solid #ddd; font-weight: bold !important; }
@media screen and (max-width: 468px) { .search-theme .kodawari ul li a, .search-theme .type ul li a { padding: 5px 10px; } }
.search-theme .kodawari a, .search-theme .type a, .search-theme .list a { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.search-theme .kodawari .text, .search-theme .type .text, .search-theme .list .text { font-size: 0.875rem; margin-bottom: 10px; }
.search-theme .kodawari { margin-right: 2%; }
@media screen and (max-width: 768px) { .search-theme .kodawari { margin-right: 0; margin-bottom: 1rem; } }
.search-theme .kodawari h3:before { content: "\f304"; font-family: "Font Awesome 5 Pro"; font-weight: 700; padding-right: 10px; color: #0099FF; }
.search-theme .kodawari h4 i { color: #ff8800; }
.search-theme .kodawari.group { width: 100%; }
.search-theme .kodawari.group li { width: 24%; }
.search-theme .kodawari.group li:nth-child(1), .search-theme .kodawari.group li:nth-child(2), .search-theme .kodawari.group li:nth-child(3) { margin-right: 1%; }
@media screen and (max-width: 480px) { .search-theme .kodawari.group li { width: 49%; } }
.search-theme .type h3:before { content: "\f004"; font-family: "Font Awesome 5 Pro"; font-weight: 700; padding-right: 10px; color: #FF3333; }
.search-theme .type .pink a { border: 3px solid #FF3399; color: #FF3399; }
.search-theme .type .costume a { border: 3px solid #FFBF00; color: #FFBF00; }
.search-theme .type .soft a { border: 3px solid #ff8800; color: #ff8800; }
.search-theme .type .normal a { border: 3px solid #0099FF; color: #0099FF; }
.search-theme .type2 .pink a { background: #FF3399; color: #fff; }
.search-theme .type2 .costume a { background: #FFBF00; color: #fff; }
.search-theme .type2 .soft a { background: #ff8800; color: #fff; }
.search-theme .type2 .normal a { background: #0099FF; color: #fff; }
.search-theme .list h3:before { content: "\f00b"; font-family: "Font Awesome 5 Pro"; font-weight: 700; padding-right: 10px; color: #8e44ad; }
.search-theme .list li { float: left; width: 32.5%; }
@media screen and (max-width: 480px) { .search-theme .list li { width: 100%; } }
.search-theme .list li:nth-child(1), .search-theme .list li:nth-child(2) { margin-right: 1%; }
@media screen and (max-width: 480px) { .search-theme .list li:nth-child(1), .search-theme .list li:nth-child(2) { margin-right: 0; margin-bottom: 10px; } }
.search-theme .list li a { padding: 15px 0; text-align: center; box-sizing: border-box; font-weight: bold; color: #fff; }
.search-theme .list li.pink a { background: #FF3399; }
.search-theme .list li.normal a { background: #0099FF; }
.search-theme .list li.cos a { background: #FFBF00; }

.card-list:after { content: ""; display: block; clear: both; }
.card-list li { margin-right: 1rem; }
.card-list li:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .card-list li { margin-right: 0; } }
.card-list li a { color: #252B36; }
.card-list li .pic { margin-bottom: 10px; }
.card-list li .content .title { font-size: 1.125rem; line-height: 1.4; }
@media screen and (max-width: 480px) { .card-list li .content .title { font-size: 1rem; } }
.card-list li .content .title + .subtitle { margin-bottom: 10px; }
.card-list li .content .subtitle { font-size: 0.75rem; }
.card-list li .content .description { font-size: 0.75rem; }
@media screen and (max-width: 480px) { .card-list.panel { padding: 0 1rem; } }
.card-list.panel > li { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.card-list.panel > li:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.card-list.panel .pic { margin-bottom: 0; }
.card-list.panel .pic img { width: 100%; }
.card-list.panel .content { padding: 1rem; background: #fff; }
.card-list.panel .content .title { margin-bottom: 10px; }
.card-list.panel .content .description { margin-bottom: 10px; }
.card-list.side > li { border-bottom: 1px solid #ddd; margin-right: 0; }
.card-list.side a { padding: 1rem; }
.card-list.side a:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .card-list.side a { padding: 10px; } }
.card-list.side .pic, .card-list.side .content { float: left; }
.card-list.side .pic { width: 30%; margin-right: 3%; margin-bottom: 0 !important; }
.card-list.side .content { padding: 0; width: 67%; background: none; }
.card-list.side .content .title { margin-bottom: 5px; }

.top-search, .top-ranking, .top-blog, .top-kuchikomi { background: #f5f5f5; }

.ranking-dots { text-align: center; margin-bottom: 2rem; padding: 0 10px; }
.ranking-dots li { display: inline; }
.ranking-dots li button { width: 200px; background: #fff; border: 1px solid #ddd; padding: 1em; font-size: 15px; }
@media screen and (max-width: 768px) { .ranking-dots li button { width: 140px; padding: 10px; } }
@media screen and (max-width: 480px) { .ranking-dots li button { width: 33.33%; padding: 7px 10px; font-size: 0.875rem; } }
.ranking-dots li button:first-letter { font-size: 0; }
.ranking-dots li button:hover { cursor: pointer; }
.ranking-dots li.slick-active button { color: #fff !important; position: relative; }
.ranking-dots li.slick-active button:before { content: ""; display: block; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; }
.ranking-dots li:nth-child(1).slick-active button { background: #FF3333; }
.ranking-dots li:nth-child(1) button { color: #FF3333; }
.ranking-dots li:nth-child(1) button:after { content: "\f06d  人気総合"; font-family: "Font Awesome 5 Pro"; font-weight: 700; }
.ranking-dots li:nth-child(1) button:before { border-top: 10px solid #FF3333; }
.ranking-dots li:nth-child(2).slick-active button { background: #0099FF; }
.ranking-dots li:nth-child(2) button { color: #0099FF; }
.ranking-dots li:nth-child(2) button:after { content: "\f075  クチコミ"; font-family: "Font Awesome 5 Pro"; font-weight: 700; }
.ranking-dots li:nth-child(2) button:before { border-top: 10px solid #0099FF; }
.ranking-dots li:nth-child(3).slick-active button { background: #00C853; }
.ranking-dots li:nth-child(3) button { color: #00C853; }
.ranking-dots li:nth-child(3) button:after { content: "\f1ad  都市宴会"; font-family: "Font Awesome 5 Pro"; font-weight: 700; }
.ranking-dots li:nth-child(3) button:before { border-top: 10px solid #00C853; }
.ranking-dots.group li:nth-child(1) button:after { content: "\f06d  総合人気"; }
.ranking-dots.group li:nth-child(2) button:after { content: "\f157  得だ値"; }
.ranking-dots.group li:nth-child(3) button:after { content: "\f0e7  担当一押し"; }

.slider-ranking .slick-slide { padding: 1.5rem; margin: 0 1rem; background: #fff; }
@media screen and (max-width: 768px) { .slider-ranking .slick-slide { padding: 10px; margin: 0 10px; } }
@media screen and (max-width: 480px) { .slider-ranking .slick-slide { margin: 0 5px; } }
.slider-ranking h3.title { font-size: 1.125rem; font-weight: bold; padding-bottom: 10px; margin-bottom: 1em; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .slider-ranking h3.title { padding-bottom: 5px; margin-bottom: 10px; } }

.ranking-list { counter-reset: item; list-style-type: none; padding-left: 0; position: relative; }
.ranking-list:after { content: ""; display: block; clear: both; }
.ranking-list li.item { width: 49%; position: relative; float: left; margin-bottom: 1em; background: #fff; line-height: 1.4; }
.ranking-list li.item:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .ranking-list li.item { margin-bottom: 10px; } }
.ranking-list li.item .pic { float: left; width: 40%; }
.ranking-list li.item .content { float: left; width: 58%; box-sizing: border-box; }
.ranking-list li.item .content .area { font-size: 0.7rem; }
.ranking-list li.item .content .name { font-size: 0.875rem; text-decoration: underline; }
.ranking-list li.item .content .rating { margin-bottom: 3px; }
.ranking-list li.item .content .rating * { display: inline; }
.ranking-list li.item .content .rating img { width: 68px; margin-right: 3px; vertical-align: middle; }
.ranking-list li.item .content .rating .number { color: #FF3333; font-weight: bold; font-size: 0.875rem; vertical-align: bottom; }
.ranking-list li.item .content .min-price { font-size: 0.75rem; color: #FF3333; }
.ranking-list li.item:before { content: ""; position: absolute; top: 0px; left: 0px; z-index: 10; }
.ranking-list li.item:after { counter-increment: item; content: counter(item) ""; font-weight: bold; font-style: italic; color: #fff; position: absolute; z-index: 11; }
.ranking-list li.item:nth-child(1) { width: 100%; }
.ranking-list li.item:nth-child(1):after { font-size: 1.125rem; top: 7px; left: 7px; }
.ranking-list li.item:nth-child(1) .content { padding-left: 10px; }
.ranking-list li.item:nth-child(1) .name { font-size: 1.125rem; }
.ranking-list li.item:nth-child(1) .catch { font-size: 0.875rem; margin-bottom: 5px; }
@media screen and (max-width: 480px) { .ranking-list li.item:nth-child(1) .catch { display: none; } }
.ranking-list li.item:nth-child(2), .ranking-list li.item:nth-child(3), .ranking-list li.item:nth-child(4), .ranking-list li.item:nth-child(5), .ranking-list li.item:nth-child(6), .ranking-list li.item:nth-child(7), .ranking-list li.item:nth-child(8), .ranking-list li.item:nth-child(9), .ranking-list li.item:nth-child(10) { background: #f5f5f5; }
.ranking-list li.item:nth-child(2) .content, .ranking-list li.item:nth-child(3) .content, .ranking-list li.item:nth-child(4) .content, .ranking-list li.item:nth-child(5) .content, .ranking-list li.item:nth-child(6) .content, .ranking-list li.item:nth-child(7) .content, .ranking-list li.item:nth-child(8) .content, .ranking-list li.item:nth-child(9) .content, .ranking-list li.item:nth-child(10) .content { padding: 6px 10px; }
.ranking-list li.item:nth-child(2) .content .catch, .ranking-list li.item:nth-child(3) .content .catch, .ranking-list li.item:nth-child(4) .content .catch, .ranking-list li.item:nth-child(5) .content .catch, .ranking-list li.item:nth-child(6) .content .catch, .ranking-list li.item:nth-child(7) .content .catch, .ranking-list li.item:nth-child(8) .content .catch, .ranking-list li.item:nth-child(9) .content .catch, .ranking-list li.item:nth-child(10) .content .catch { display: none; }
@media screen and (max-width: 480px) { .ranking-list li.item:nth-child(2), .ranking-list li.item:nth-child(3), .ranking-list li.item:nth-child(4), .ranking-list li.item:nth-child(5), .ranking-list li.item:nth-child(6), .ranking-list li.item:nth-child(7), .ranking-list li.item:nth-child(8), .ranking-list li.item:nth-child(9), .ranking-list li.item:nth-child(10) { clear: both; width: auto; }
  .ranking-list li.item:nth-child(2) .name, .ranking-list li.item:nth-child(3) .name, .ranking-list li.item:nth-child(4) .name, .ranking-list li.item:nth-child(5) .name, .ranking-list li.item:nth-child(6) .name, .ranking-list li.item:nth-child(7) .name, .ranking-list li.item:nth-child(8) .name, .ranking-list li.item:nth-child(9) .name, .ranking-list li.item:nth-child(10) .name { font-size: 0.875rem; } }
.ranking-list li.item:nth-child(2):after, .ranking-list li.item:nth-child(3):after, .ranking-list li.item:nth-child(4):after, .ranking-list li.item:nth-child(5):after, .ranking-list li.item:nth-child(6):after, .ranking-list li.item:nth-child(7):after, .ranking-list li.item:nth-child(8):after, .ranking-list li.item:nth-child(9):after, .ranking-list li.item:nth-child(10):after { font-size: 0.875rem; top: 3px; left: 3px; }
.ranking-list li.item:nth-child(2), .ranking-list li.item:nth-child(4), .ranking-list li.item:nth-child(6), .ranking-list li.item:nth-child(8), .ranking-list li.item:nth-child(10) { margin-right: 2%; clear: both; }
@media screen and (max-width: 480px) { .ranking-list li.item:nth-child(2), .ranking-list li.item:nth-child(4), .ranking-list li.item:nth-child(6), .ranking-list li.item:nth-child(8), .ranking-list li.item:nth-child(10) { margin-right: 0; } }
@media screen and (max-width: 480px) { .ranking-list li.item:nth-child(2) .pic, .ranking-list li.item:nth-child(3) .pic, .ranking-list li.item:nth-child(4) .pic, .ranking-list li.item:nth-child(5) .pic { width: 28%; }
  .ranking-list li.item:nth-child(2) .content, .ranking-list li.item:nth-child(3) .content, .ranking-list li.item:nth-child(4) .content, .ranking-list li.item:nth-child(5) .content { width: 72%; }
  .ranking-list li.item:nth-child(2) .min-price, .ranking-list li.item:nth-child(3) .min-price, .ranking-list li.item:nth-child(4) .min-price, .ranking-list li.item:nth-child(5) .min-price { display: none; } }
.ranking-list li.item:nth-child(6) .pic, .ranking-list li.item:nth-child(7) .pic, .ranking-list li.item:nth-child(8) .pic, .ranking-list li.item:nth-child(9) .pic, .ranking-list li.item:nth-child(10) .pic { width: 28%; }
.ranking-list li.item:nth-child(6) .content, .ranking-list li.item:nth-child(7) .content, .ranking-list li.item:nth-child(8) .content, .ranking-list li.item:nth-child(9) .content, .ranking-list li.item:nth-child(10) .content { width: 72%; }
.ranking-list li.item:nth-child(6) .min-price, .ranking-list li.item:nth-child(7) .min-price, .ranking-list li.item:nth-child(8) .min-price, .ranking-list li.item:nth-child(9) .min-price, .ranking-list li.item:nth-child(10) .min-price { display: none; }
@media screen and (max-width: 468px) { .ranking-list li.item:nth-child(6), .ranking-list li.item:nth-child(7), .ranking-list li.item:nth-child(8), .ranking-list li.item:nth-child(9), .ranking-list li.item:nth-child(10) { display: none; } }

.rank-c1 .title, .rank-c1 .title a { color: #FF3333; }
.rank-c1 .ranking-list li.item:before { border-bottom: 36px solid transparent; border-left: 36px solid #FF3333; }
.rank-c1 .ranking-list li.item:nth-child(1):before { border-bottom: 52px solid transparent; border-left: 52px solid #FF3333; }

.rank-c2 .title, .rank-c2 .title a { color: #0099FF; }
.rank-c2 .ranking-list li.item:before { border-bottom: 36px solid transparent; border-left: 36px solid #0099FF; }
.rank-c2 .ranking-list li.item:nth-child(1):before { border-bottom: 52px solid transparent; border-left: 52px solid #0099FF; }

.rank-c3 .title, .rank-c3 .title a { color: #00C853; }
.rank-c3 .ranking-list li.item:before { border-bottom: 36px solid transparent; border-left: 36px solid #00C853; }
.rank-c3 .ranking-list li.item:nth-child(1):before { border-bottom: 52px solid transparent; border-left: 52px solid #00C853; }

@media screen and (max-width: 768px) { .news-list { padding: 0 10px; } }
.news-list li { margin-bottom: 5px; }
.news-list li:first-child a { border-top: 1px dashed #ddd; }
.news-list li a { padding: 5px 10px; border-bottom: 1px dashed #ddd; background: #fff; }
.news-list li a:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .news-list li a { padding: 3px 0; } }
.news-list li a .date, .news-list li a .content { float: left; }
.news-list li a .date { margin-right: 1%; width: 16%; }
.news-list li a .content { width: 83%; }
.news-list li a:before { color: #ff8800; }
@media screen and (max-width: 480px) { .news-list li a { font-size: 0.75rem; } }

.box-related .post-categories li:first-child { margin-bottom: 1rem; }

.style-companion .page-header { background: #FF3399; color: #fff; border-bottom: none; }
.style-companion .page-header a { color: #fff !important; }
.style-companion .fixed-contact .btn input { background: #FF3399 !important; -webkit-box-shadow: 0 3px 0 #FD007E; -moz-box-shadow: 0 3px 0 #FD007E; -ms-box-shadow: 0 3px 0 #FD007E; -o-box-shadow: 0 3px 0 #FD007E; box-shadow: 0 3px 0 #FD007E; }
.style-companion .fixed-contact .number:before { background: #FF3399 !important; }
.style-companion .hotword a { background: #FF3399 !important; color: #fff !important; margin-bottom: 10px; }
.style-companion .top-title .keyword input[type="submit"] { background: #FF3399 !important; }
.style-companion .yado-list .item { border-top: 3px solid #FF3399 !important; }

/*---------------------------------------
rootトップページ
---------------------------------------*/
.root-search { margin-top: 2rem; margin-bottom: 2rem; }
.root-search .in { padding: 1rem 1.5rem; }
.root-search .in:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 768px) { .root-search .in { padding: 10px; } }
.root-search h2.title a { font-size: 1.5rem; padding: 1rem 1.5rem; }
@media screen and (max-width: 768px) { .root-search h2.title a { padding: 1rem; } }
.root-search h3.title { font-size: 1.125rem; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ddd !important; }
.root-search .companion, .root-search .group { width: 50%; float: left; }
@media screen and (max-width: 768px) { .root-search .companion, .root-search .group { width: auto; float: none; } }
.root-search .japan, .root-search .onsen, .root-search .bnr, .root-search .blog { margin-top: 2rem; }
.root-search .bnr .card-list > li { width: 49%; float: left; margin-right: 0; }
.root-search .bnr .card-list > li:first-child { margin-right: 2%; }
.root-search .blog h3.title:before { padding-right: 10px; content: '\f456'; font-family: "Font Awesome 5 Pro"; color: #0099FF; }
.root-search .blog .card-list > li { margin-right: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.root-search .blog .card-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.root-search .blog .card-list > li .pic { width: 30%; float: left; margin-right: 2%; margin-bottom: 0; }
.root-search .blog .card-list > li .content { width: 68%; padding: 0; background: none; float: left; box-sizing: border-box; }
.root-search .blog .card-list > li .content .title { margin-bottom: 5px; line-height: 1.4; }
.root-search .blog .card-list > li .content .description { margin-bottom: 5px; }

.category-description { font-size: 0.875rem; margin-bottom: 1em; }

.subcategory-description { font-size: 0.875rem; margin-bottom: 10px; }

.page-list a { padding: 3px 0; }
.page-list a:before { padding-right: 5px; content: "\f054"; font-family: "Font Awesome 5 Pro"; }

.roottop { background: #fff; }

.root-pickup .pic { margin-bottom: 5px; }
.root-pickup .content .title { font-size: 0.875rem; }
@media screen and (max-width: 768px) { .root-pickup .col { width: 49%; float: left; }
  .root-pickup .col:nth-child(1), .root-pickup .col:nth-child(3) { margin-right: 2%; } }

.box-pagelist h3 { border-left: 3px solid #ff8800; font-size: 1.25rem; padding-left: 15px; margin-top: 2rem; margin-bottom: 1rem; }
@media screen and (max-width: 480px) { .box-pagelist h3 { font-size: 1.125rem; padding-left: 10px; } }
.box-pagelist .description { font-size: 0.8em; margin-bottom: 1em; }
.box-pagelist .page-list { position: relative; }
.box-pagelist .page-list img { position: absolute; right: 0; top: 0; height: 120px; }
@media screen and (max-width: 768px) { .box-pagelist .page-list img { right: 10px; bottom: 0; width: auto; height: 90px; } }

.root-award { margin: 1rem 0; }
.root-award ul:after { content: ""; display: block; clear: both; }
.root-award ul li { float: left; width: 24%; margin-right: 1%; }
@media screen and (max-width: 480px) { .root-award ul li { width: 48%; margin-right: 2%; float: left; margin-bottom: 10px; } }
.root-award dt:before { padding-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 1.25rem; }
@media screen and (max-width: 480px) { .root-award dt:before { font-size: 1.125rem; } }
.root-award .root-award1 dt { background: #FF68AF url(../img/illust/laurel.png) no-repeat center; }
.root-award .root-award1 dt:before { content: "\f091"; }
@media screen and (max-width: 480px) { .root-award .root-award1 dt { background-size: 80%; } }
.root-award .root-award1 dd { background: #FFEEF6; }
.root-award .root-award2 dt { background: #FFCC00 url(../img/illust/laurel.png) no-repeat center; }
.root-award .root-award2 dt:before { content: "\f157"; }
@media screen and (max-width: 480px) { .root-award .root-award2 dt { background-size: 80%; } }
.root-award .root-award2 dd { background: #FFFAE6; }
.root-award .root-award3 dt { background: #00B900 url(../img/illust/laurel.png) no-repeat center; }
.root-award .root-award3 dt:before { content: "\f201"; }
@media screen and (max-width: 480px) { .root-award .root-award3 dt { background-size: 80%; } }
.root-award .root-award3 dd { background: #E2FFF0; }
.root-award .root-award4 dt { background: #25ABE6 url(../img/illust/laurel.png) no-repeat center; }
.root-award .root-award4 dt:before { content: "\f004"; }
@media screen and (max-width: 480px) { .root-award .root-award4 dt { background-size: 80%; } }
.root-award .root-award4 dd { background: #F6FCFF; }
.root-award dl dt { color: #fff; background: #ff8800 url(../img/illust/laurel.png) no-repeat center; text-align: center; padding: 10px 0; line-height: 1.4; }
@media screen and (max-width: 480px) { .root-award dl dt { padding: 5px 0; line-height: 1; } }
.root-award dl dt span { font-weight: bold; font-size: 1.5rem; }
.root-award dl dd { font-size: 0.875rem; background: #FFF3E8; padding: 10px; }
@media screen and (max-width: 480px) { .root-award dl dd { font-size: 0.75rem; } }

.mw_wp_form dt, .mw_wp_form dd { vertical-align: middle; }
.mw_wp_form dt { clear: both; border-top: 1px solid #ddd; padding-top: 1rem; padding-bottom: 10px; position: relative; font-weight: bold; }
.mw_wp_form dd { margin-bottom: 1rem; }
.mw_wp_form dd:after { content: ""; display: block; clear: both; }
.mw_wp_form dd input { margin: 5px 0; }
.mw_wp_form dd label { white-space: nowrap; }
.mw_wp_form dd:after { content: " "; }
.mw_wp_form dd div, .mw_wp_form dd span { font-size: 0.875rem; line-height: 1.4; }
.mw_wp_form .require { background: #ff0066; color: #fff; font-size: 0.75rem; padding: 1px 5px; border-radius: 3px; }
.mw_wp_form .example { font-size: 0.75rem; margin-top: 10px; }
.mw_wp_form .error { font-weight: bold; font-size: 1rem; color: #FF0000; clear: both; }
.mw_wp_form input[type="text"], .mw_wp_form textarea, .mw_wp_form select, .mw_wp_form input[type="number"], .mw_wp_form input[type="email"] { width: 90%; border: 3px solid #ddd; border-radius: 6px; padding: 10px; background: #fff; }
.mw_wp_form input[type="text"]:hover, .mw_wp_form textarea:hover, .mw_wp_form select:hover, .mw_wp_form input[type="number"]:hover, .mw_wp_form input[type="email"]:hover { border: 3px solid #ff8800; }
.mw_wp_form input[type="submit"], .mw_wp_form button { width: 100%; background: #14AEF9; color: #fff; border: 3px solid #4481eb; font-size: 1.25rem; font-weight: bold; padding: 30px 0; text-align: center; display: block; border-radius: 6px; box-shadow: 0 3px 0 #4481eb; cursor: pointer; }
.mw_wp_form input[type="submit"]:hover, .mw_wp_form button:hover { background: #4481eb !important; color: #fff !important; }

.mw_wp_form_confirm div, .mw_wp_form_confirm span { display: none; }

/*---------------------------------------
BUS
---------------------------------------*/
.bus-type .page-visual { background: url(../img/bus/type/page-visual-bg.jpg) no-repeat; background-size: cover; color: #fff; padding: 30px 0; margin-bottom: 30px; }
.bus-type .page-visual:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .bus-type .page-visual { padding: 15px 10px; background: url(../img/bus/type/page-visual-bg-sp.jpg) no-repeat; background-size: 100%; margin-bottom: 15px; } }
.bus-type .page-visual .pic { float: left; width: 48%; margin-right: 4%; }
@media screen and (max-width: 480px) { .bus-type .page-visual .pic { margin-right: 0; } }
.bus-type .page-visual .content { margin-top: 30px; float: right; width: 48%; }
@media screen and (max-width: 480px) { .bus-type .page-visual .content { margin-top: 0; } }
.bus-type .page-visual .content h1 { font-size: 1.5rem; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .bus-type .page-visual .content h1 { margin-bottom: 5px; } }
@media screen and (max-width: 480px) { .bus-type .page-visual .pic, .bus-type .page-visual .content { float: none; width: auto; } }
.bus-type .page-visual-type .text { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .bus-type .page-visual-type .text { margin-bottom: 5px; } }
.bus-type .page-visual-type .price span { font-size: 2rem; font-weight: bold; font-style: italic; }
.bus-type .page-type-icon { margin-right: -2%; }
.bus-type .page-type-icon:after { content: ""; display: block; clear: both; }
.bus-type .page-type-icon li { float: left; width: 9%; margin-right: 2%; margin-bottom: 10px; }
@media screen and (max-width: 480px) { .bus-type .page-type-icon li { width: 18%; } }
.bus-type .page-type-seat li { margin-bottom: 1rem; }
.bus-type .page-type-seat li:nth-child(odd) { clear: both; }
.bus-type .page-type-photo-list { margin-right: -1%; }
.bus-type .page-type-photo-list:after { content: ""; display: block; clear: both; }
.bus-type .page-type-photo-list li { width: 24%; margin-right: 1%; margin-bottom: 15px; float: left; }
.bus-type .page-type-photo-list li:nth-child(5), .bus-type .page-type-photo-list li:nth-child(9), .bus-type .page-type-photo-list li:nth-child(13) { clear: both; }
@media screen and (max-width: 480px) { .bus-type .page-type-photo-list li:nth-child(5), .bus-type .page-type-photo-list li:nth-child(9), .bus-type .page-type-photo-list li:nth-child(13) { clear: none; } }
@media screen and (max-width: 480px) { .bus-type .page-type-photo-list li { width: 48%; margin-bottom: 0; }
  .bus-type .page-type-photo-list li:nth-child(odd) { clear: both; } }
.bus-type .page-type-photo-list li .pic { margin-bottom: 10px; }
.bus-type .page-section { margin: 1rem 0; }
.bus-type .box-type-list li h3 { position: relative; border-bottom: 1px solid #ddd; }
.bus-type .box-type-list li h3:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { .bus-type .box-type-list li h3 { clear: both; padding: 10px; } }
.bus-type .box-type-list li h3 .number { position: absolute; right: 15px; top: -10px; background: #ff8800; display: inline-block; font-weight: normal; width: 76px; height: 76px; line-height: 76px; text-align: center; font-size: 1rem; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.bus-type .box-type-list li h3 .number .in { padding-top: 10px; line-height: 1.4; }
.bus-type .box-type-list li h3 .number .in:before { content: '\f007'; font-family: "Font Awesome 5 Pro"; padding-right: 5px; color: #fff; }
.bus-type .box-type-list li h3 .number .in span { font-weight: bold; font-size: 1.5rem; }
.bus-type .box-type-list li h3 a .number { color: #fff; }

.list-pagelink { margin-bottom: 2rem; }
.list-pagelink:after { content: ""; display: block; clear: both; }
.list-pagelink h3 { font-weight: bold; margin-bottom: 10px; }
.list-pagelink li { float: left; }
.list-pagelink li a { margin-right: 10px; margin-bottom: 5px; padding-right: 10px; border-right: 1px solid #ddd; }

#plan-744 .name:before, #plan-744 h2:before, .plan .plan-744 .title:before, .list-plan .plan-744 .name:before, #plan-654 .name:before, #plan-654 h2:before, .plan .plan-654 .title:before, .list-plan .plan-654 .name:before { content: "👀新着プラン"; background: #fff; color: red; border: 2px solid red; font-size: .8em; padding: 0 .5em; margin-right: .5em; }

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