@charset "utf-8";
/* CSS Document */

/*暫定措置*/
#entry .textbox img {
    max-width: 100%!important;
}

/************************************************************ clearfix **/

:root {
    /*vw変換1～100*/
    --s1: 0.133vw;
    --s2: 0.267vw;
    --s3: 0.4vw;
    --s4: 0.533vw;
    --s5: 0.667vw;
    --s6: 0.8vw;
    --s7: 0.933vw;
    --s8: 1.067vw;
    --s9: 1.2vw;
    --s10: 1.333vw;
    --s11: 1.467vw;
    --s12: 1.6vw;
    --s13: 1.733vw;
    --s14: 1.867vw;
    --s15: 2vw;
    --s16: 2.133vw;
    --s17: 2.267vw;
    --s18: 2.4vw;
    --s19: 2.533vw;
    --s20: 2.667vw;
    --s21: 2.8vw;
    --s22: 2.933vw;
    --s23: 3.067vw;
    --s24: 3.2vw;
    --s25: 3.333vw;
    --s26: 3.467vw;
    --s27: 3.6vw;
    --s28: 3.733vw;
    --s29: 3.867vw;
    --s30: 4vw;
    --s31: 4.133vw;
    --s32: 4.267vw;
    --s33: 4.4vw;
    --s34: 4.533vw;
    --s35: 4.667vw;
    --s36: 4.8vw;
    --s37: 4.933vw;
    --s38: 5.067vw;
    --s39: 5.2vw;
    --s40: 5.333vw;
    --s41: 5.467vw;
    --s42: 5.6vw;
    --s43: 5.733vw;
    --s44: 5.867vw;
    --s45: 6vw;
    --s46: 6.133vw;
    --s47: 6.267vw;
    --s48: 6.4vw;
    --s49: 6.533vw;
    --s50: 6.667vw;
    --s51: 6.8vw;
    --s52: 6.933vw;
    --s53: 7.067vw;
    --s54: 7.2vw;
    --s55: 7.333vw;
    --s56: 7.467vw;
    --s57: 7.6vw;
    --s58: 7.733vw;
    --s59: 7.867vw;
    --s60: 8vw;
    --s61: 8.133vw;
    --s62: 8.267vw;
    --s63: 8.4vw;
    --s64: 8.533vw;
    --s65: 8.667vw;
    --s66: 8.8vw;
    --s67: 8.933vw;
    --s68: 9.067vw;
    --s69: 9.2vw;
    --s70: 9.333vw;
    --s71: 9.467vw;
    --s72: 9.6vw;
    --s73: 9.733vw;
    --s74: 9.867vw;
    --s75: 10vw;
    --s76: 10.133vw;
    --s77: 10.267vw;
    --s78: 10.4vw;
    --s79: 10.533vw;
    --s80: 10.667vw;
    --s81: 10.8vw;
    --s82: 10.933vw;
    --s83: 11.067vw;
    --s84: 11.2vw;
    --s85: 11.333vw;
    --s86: 11.467vw;
    --s87: 11.6vw;
    --s88: 11.733vw;
    --s89: 11.867vw;
    --s90: 12vw;
    --s91: 12.133vw;
    --s92: 12.267vw;
    --s93: 12.4vw;
    --s94: 12.533vw;
    --s95: 12.667vw;
    --s96: 12.8vw;
    --s97: 12.933vw;
    --s98: 13.067vw;
    --s99: 13.2vw;
    --s100: 13.333vw;
}
.clearfix:after {
    content: url(/images/clearfix.gif);
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
body {
    /*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
}

html, body {
    background: #fff;
}

/* 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, textarea, button, 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 {
    border: 0;
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    padding: 0;
}
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;
}
a {
    font-family: Helvetica, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
}
body {
    font-family: Helvetica, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
}

.button {
    background: #743f8d;
    color: #fff;
    display: block;
    margin: 0 10px;
    padding: 15px;
    text-decoration: none;
    text-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.stp-nav {
    background: #4c5963;
    border-right: 1px solid black;
    width: 272px;
}
nav > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
    text-decoration: none;
}
nav > a:after {
    background: transparent url('/images/arrow-right-white.png') no-repeat left center;
    content: ' ';
    display: block;
    height: 41px;
    opacity: 0.3;
    position: absolute;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    transform: translatez(0);
    right: 0;
    top: 0;
    width: 19px;
    -webkit-background-size: 19px 14px;
    -moz-background-size: 19px 14px;
    background-size: 19px 14px;
}
nav > a.selected {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    color: white;
}
nav > a.selected:after {
    opacity: 1;
}
nav > a > .fa {
    color: rgba(255, 255, 255, 0.9);;
    font-size: 15px;
    width: 30px;
    text-align: center;
    margin: 0;
}
nav > a.close_menu {
    background: rgba(255, 255, 255, 1);
    color: #333;
    border-top: 1px solid #333;
    height: 44px;
    line-height: 44px;
}
nav > a.close_menu > .fa {
    color: #333;
}
nav > a.menu_kodawari {
    display: flex;
    align-items: center;
    padding-right: 25px;
}
nav > a.menu_kodawari > .fa {
    flex-shrink: 0;
}
nav > a.menu_kodawari > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.close_menu:after {
    background: none;
}
header .header-button.right {
    left: auto;
    right: 5px;
}
header .icon span {
    display: inline-block;
}
header .header-button.info span {
    height: 17px;
    margin: 2px 5px 0;
    -webkit-background-size: 8px 17px;
    -moz-background-size: 8px 17px;
    -o-background-size: 8px 17px;
    background-size: 8px 17px;
}
.stp-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.stp-content-body .sec-input #searchForm {
    padding-bottom: 10px;
}
.stp-content-panel {
    background: #fff;
}
.button2 {
    display: block;
    border: 1px solid #ccc;
    border-bottom: none;
    color: #fe9013;
    font-family: Helvetica, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
}
.btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-bottom: 1px solid #ccc;
}
.navi {
    margin: 10px 0;
    overflow: hidden;
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 2%, #565656 5%, #565656 7%, #424242 62%, #424242 77%, #353535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #eaeaea), color-stop(5%, #565656), color-stop(7%, #565656), color-stop(62%, #424242), color-stop(77%, #424242), color-stop(100%, #353535));
    background: -webkit-linear-gradient(top, #eaeaea 2%, #565656 5%, #565656 7%, #424242 62%, #424242 77%, #353535 100%);
}
.navi * {
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 33.333%;
    float: left;
    display: block;
    padding: 0;
    font-weight: bold;
}
.navi * span {
    border: 1px solid #333;
    padding: 30px 0 15px 0;
    width: 100%;
    border-right: none;
}
.navi * :nth-last-of-type(1) span {
    border-right: 1px solid #333;
}
.breadcolumn {
    height: 33px;
    padding-left: 4px;
    overflow: hidden;
    background: #d6d4d1;
    background: -moz-linear-gradient(top, #d6d4d1 0%, #fcfff4 10%, #dfe5d7 98%, #9e9e9e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d4d1), color-stop(10%, #fcfff4), color-stop(98%, #dfe5d7), color-stop(100%, #9e9e9e));
    background: -webkit-linear-gradient(top, #d6d4d1 0%, #fcfff4 10%, #dfe5d7 98%, #9e9e9e 100%);
}
.breadcolumnDisp .breadcolumn li {
    font-size: 12px;
    font-weight: normal;
    padding: 8px 25px 8px 0px;
    float: left;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    background: url(/images/breadcolumn.png) right no-repeat;
    background-size: contain;
}
.breadcolumnDisp .breadcolumn li:nth-last-of-type(1) {
    background: none;
}
.li-icon-arrow-r {
    display: inline !important;
    padding: 12px 12px !important;
    background: url("/images/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    background-position: -105px 3px;
    border-radius: 15px;
    float: right;
    margin-top: -35px;
    margin-right: 5%;
    position: absolute;
    right: 0px;
}
.background {
    background: #c4c4c4;
    background: -moz-linear-gradient(top, #c4c4c4 1%, #d3d3d3 17%, #d8d8d8 91%, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #c4c4c4), color-stop(17%, #d3d3d3), color-stop(91%, #d8d8d8), color-stop(100%, #c9c9c9));
    background: -webkit-linear-gradient(top, #c4c4c4 1%, #d3d3d3 17%, #d8d8d8 91%, #c9c9c9 100%);
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
}
.bukkenComment {
    border: 1px solid #ccc;
    margin: 7px;
    padding: 5px;
    border-radius: 4px;
}
/*ヘッダー */
#top nav a {
    background-size: 20px 270px;
}
header .header-button {
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    width: 41px;
    line-height: 26px;
    padding: 3px;
    -webkit-transform: translatez(0);
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px 0 0 4px;
}
header .header-button.menu span {
    background: transparent url('/images/ico_sprite.png') no-repeat;
    height: 30px;
    width: 40px;
    -webkit-background-size: 39px 1099px;
    -moz-background-size: 39px 1099px;
    -o-background-size: 39px 1099px;
    background-size: 39px 1099px;
}
header .header-member {
    display: block;
    height: 30px;
    width: 30px;
    padding: 3px;
    -webkit-transform: translatez(0);
    -webkit-border-radius: 5px;
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    margin-right: var(--s20);
}
header .header-line {
    display: block;
    height: 30px;
    -webkit-transform: translatez(0);
    -webkit-border-radius: 5px;
    margin: 0 7px 0 0;
}
header .header-line img {
    height: 36px;
    width: 36px;
}
header .header-member span {
    background: transparent url('/images/ico_sprite.png') no-repeat 3px -49px;
    height: 30px;
    width: 30px;
    -webkit-background-size: 39px 1099px;
    -moz-background-size: 39px 1099px;
    -o-background-size: 39px 1099px;
    background-size: 39px 1099px;
}
header .header-member.mypage span {
    background: transparent url('/images/ico_sprite.png') no-repeat 0px -94px;
    -webkit-background-size: 39px 1099px;
    -moz-background-size: 39px 1099px;
    -o-background-size: 39px 1099px;
    background-size: 39px 1099px;
}
header .header-member-input {
    display: block;
    background-color: #090;
    color: #fff;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    margin: 1px 0 0 0;
    padding: 0 5px;
}
header .header-member-input span {
    font-size: 14px;
}
.orgnav:after {
    background: transparent url('/images/arrow-right-white.png') no-repeat left center;
    content: ' ';
    display: block;
    height: 41px;
    opacity: 0.3;
    position: absolute;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    transform: translatez(0);
    right: 0;
    top: 0;
    width: 19px;
    -webkit-background-size: 19px 14px;
    -moz-background-size: 19px 14px;
    background-size: 19px 14px;
}
.orgnav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 42px;
    position: relative;
    text-decoration: none;
}
.ribbon {
    font-size: 12px;
    padding: 11px 0;
    float: left;
    width: 40px;
    clear: both;
}
.ribbon::before {
    left: 14px;
    position: absolute;
    content: "";
    height: 10px;
    border-bottom: 0.7em solid transparent;
    border-right: 1em solid #d0d0d0;
}
.ribbon::after {
    left: 14px;
    position: absolute;
    content: "";
    height: 10px;
    border-bottom: 0.7em solid transparent;
    border-left: 1em solid #d0d0d0;
}
.baikyaku {
    border-color: #d0d0d0 #d0d0d0 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 6px 4px medium;
    float: left;
    font-size: 13px;
    height: 5px;
    margin: 17px 17px 0 13px;
    position: relative;
    width: 4px;
}
.baikyaku::before {
    border-bottom: 6px solid #d0d0d0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: -9px;
    width: 0;
}
.sitecolor,
div.container h2.sitecolor {
    background: url(/images/img_maincolor-bg.png) repeat;
    color: #fff;
}
.container h2 a {
    color: #fff;
}
/*エリア・沿線選択アコーディオン*/
#searchForm h2 {
    position: relative;
    background: #fff;
    color: #333;
}
#searchForm h2:after {
    content: "";
    width: var(--s17);
    height: var(--s17);
    border-bottom: var(--s3) solid #333;
    border-right: var(--s3) solid #333;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: var(--s20);
    transform: rotate(45deg);
    transition: .3s ease;
}
#searchForm h2.active:after {
    transform: rotate(-135deg);
}

.header_upper {
    background: #424242;
    display: block;
    padding: 5px 0 5px 5px;
    width: 100%;
    z-index: 100;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
header nav {
    overflow: hidden;
}
.header_upper ul.left {
    float: left;
    padding: 5px 0;
}
.header_upper ul.ma_left {
    float: left;
    padding: 0;
}
.header_upper ul.right,
.header_upper ul.right li {
    float: right;
}
.header_upper ul li {
    display: inline;
    margin: 0 5px 0 0;
}
.header_upper ul li.favorite {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 26px;
}
.header_upper ul.ma_left li.favorite {
    border-right: none;
    display: inline-block;
    padding-right: 20px;
    width: 36px;
}
.header_upper ul li.history a,
.header_upper ul li.favorite a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 26px;
    padding: 8px 0px;
    text-decoration: none;
    top: 7px;
    text-align: center;
}
.header_upper ul.ma_left li.history {
    width: 36px;
    display: inline-block;
}
.header_upper ul.ma_left li.history a, .header_upper ul.ma_left li.favorite a {
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 14px;
    margin: 5px 0 0 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
}
.header_upper ul li.member a {
    background: #fff;
    border-radius: 4px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 10px 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: center;
}
.header_upper ul li.line {
    margin-left: 15px;
    position: absolute;
    top: 8px;
}
.header_upper ul li.line a {
    bottom: 0;
}
header #rogo {
    font-size: 11px;
    font-weight: bold;
    margin: 0px auto 5px;
    max-width: 700px;
    overflow: hidden;
    padding-top: 51px;
}
header #rogo h1 {
    float: left;
    font-size: inherit;
    height: auto;
    line-height: 100%;
    margin: 0;
    width: 180px;
}
header #rogo a {
    float: left;
    width: 175px;
    margin-left: 5px;
}
header #rogo .mail {
    float: right;
    background: transparent url('/images/ico_sprite.png') no-repeat 12px -188px;
    padding: 25px 5px 0 0;
    -webkit-background-size: 52px 1465px;
    -moz-background-size: 52px 1465px;
    -o-background-size: 52px 1465px;
    background-size: 52px 1465px;
    text-align: center;
    width: 55px;
    border-right: 1px solid;
}
header #rogo .tel {
    float: right;
    background: transparent url('/images/ico_sprite.png') no-repeat 20px -238px;
    padding: 25px 0 0 5px;
    -webkit-background-size: 52px 1465px;
    -moz-background-size: 52px 1465px;
    -o-background-size: 52px 1465px;
    background-size: 52px 1465px;
    text-align: center;
    width: 55px;
}
header #rogo .telephone {
    border-top: 1px dotted #666;
    width: 100%;
}
/*フッター */
#footer {
    background: url("/images/search/bg_mobilettl.jpg") repeat scroll;
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer .pageTop {
    padding: 10px 0 0;
}
#footer .pageTop a {
    background: none repeat scroll 0 0 #fff;
    color: #808080;
    display: block;
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
#footer .pageTop a span {
    background: transparent url('/images/ico_sprite.png') no-repeat 0 -871px;
    -webkit-background-size: 52px 1465px;
    -moz-background-size: 52px 1465px;
    -o-background-size: 52px 1465px;
    background-size: 52px 1465px;
    padding: 0 0 2px 30px;
}
.footer_inner .open {
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 10px 0;
}
.tel_btn {
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #ccc;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
}
#footer .tel_btn a {
    color: #808080;
    font-weight: bold;
    background: transparent url('/images/ico_sprite.png') no-repeat 0 -612px;
    -webkit-background-size: 52px 1465px;
    -moz-background-size: 52px 1465px;
    -o-background-size: 52px 1465px;
    background-size: 52px 1465px;
    padding: 10px 0 10px 30px;
}
#footer nav li {
    border-bottom: 1px solid #fff;
    padding: 10px 10px 10px 23px;
    background: transparent url('/images/ico_sprite.png') no-repeat 7px -1401px;
    -webkit-background-size: 52px 1465px;
    -moz-background-size: 52px 1465px;
    -o-background-size: 52px 1465px;
    background-size: 52px 1465px;
}
#footer .rule {
    margin: 10px 0 0;
    text-align: center;
}
.ssl_bnr {
    text-align: center;
}
.line_bnr {
    background: #fff;
    text-align: center;
}
.copyright {
    text-align: center;
    font-size: 80%;
    margin-bottom: 4px;
}
.ft-slogan__txt {
    border-top: solid 1px #fff;
    padding: 10px 0 10px 0;
}
.ft-slogan__txt p {
    color: #fff;
    text-align: center;
    font-size: var(--s24);
}
.listview > *, .btn { display: block; border: 1px solid #ccc; border-bottom: none; font-weight: bold; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 75%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(75%, #f2f2f2), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 75%, #efefef 100%); }
/*沿線・エリア検索での検索ボタン用*/
#fixedBottomSearchBar {
    background-color: rgba(76, 76, 76, 0.7);
    border: none;
    bottom: 0;
    display: none;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
    padding: var(--s18) var(--s20);
    box-sizing: border-box;
}
#bottomSearchBar {
    background-color: rgba(76, 76, 76, 0.7);
    border: none;
    text-align: center;
    width: 100%;
    padding: var(--s18) var(--s20);
    box-sizing: border-box;
}
.search_button {
    width: 100%;
    color: #fe9013;
    font-size: 20px;
    font-weight: bold;
    line-height: var(--s94);
    background: #fff;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
}
.search_button:active { /*ボタンを押したとき*/
    border-bottom: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px); /*下に動く*/
}
/*
ver3.0
-------------------------*/

.baguetteBox-open {
    height: 100%;
    overflow: hidden;
}
/*common*/
button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ui_button {
    display: block;
    border: 1px solid #cbcccc;
    border-radius: var(--s6);
    box-shadow: 0px var(--s3) var(--s4) 0px rgba(7, 0, 2, 0.1);
    text-align: center;
    background: #fff;
}
.ui_icon-login {
    display: block;
    width: var(--s72);
    height: var(--s72);
    background: url(/images/img_icon-login.png) no-repeat center / 100%;
}
.member_link {
    margin-right: var(--s20);
    padding-top: var(--s4);
}
.line_icon {
    display: block;
    width: var(--s80);
    height: var(--s80);
}
.ui_icon-phone {
    font-size: 0;
    display: inline-block;
    width: var(--s33);
    height: var(--s45);
    background: url(/images/img_icon-phone.png) no-repeat center / 100%;
    vertical-align: middle;
    margin-right: var(--s8);
}
.ui_icon-mail {
    font-size: 0;
    display: inline-block;
    width: var(--s49);
    height: var(--s36);
    background: url(/images/img_icon-mail.png) no-repeat center / 100%;
    vertical-align: middle;
    margin-right: var(--s8);
}
.ui_icon-key {
    font-size: 0;
    display: inline-block;
    width: var(--s29);
    height: var(--s39);
    background: url(/images/img_icon-key.png) no-repeat center / 100%;
    vertical-align: -5px;
    margin-right: var(--s8);
}
.ui_icon-reservation {
    font-size: 0;
    display: inline-block;
    width: var(--s49);
    height: var(--s42);
    background: url(/images/img_icon-calender.png) no-repeat center / 100%;
    vertical-align: -5px;
    margin-right: var(--s8);
}

.ui_icon-glass {
    display: block;
    width: var(--s60);
    height: var(--s60);
    background: url(/images/img_icon-glass.png) no-repeat center / 100%;
}

@keyframes zoom {
    0% { transform: scale(.5); }
    50% { transform: scale(1.2); }
    75% { transform: scale(1.8); }
    100% { transform: scale(1); }
}
.ui_icon-favorite {
    display: inline-block;
    width: var(--s36);
    height: var(--s34);
    background: url(/images/img_icon-favorite.png) no-repeat center / 100%;
    transition: .2s ease;
    vertical-align: middle;
    outline: none;
}
.on .ui_icon-favorite {
    background: url(/images/img_icon-favorite_on.png) no-repeat center / 100%;
    animation: .7s zoom;
}
.ui_icon-xmark,
.ui_icon-del {
    display: inline-block;
    position: relative;
    width: var(--s30);
    height: var(--s30);
    vertical-align: middle;
}
.ui_icon-xmark span,
.ui_icon-del span {
    display: block;
    width: 100%;
    height: var(--s2);
    background: #333;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
}
.ui_icon-del span {
    background: #ccc;
}
.ui_icon-xmark span:last-child,
.ui_icon-del span:last-child {
    transform: rotate(-45deg);
}
.ui_checkbox {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: var(--s30);
    height: var(--s30);
    border: 1px solid #aaa;
    position: relative;
}
.ui_checkbox:checked:before {
    content: "";
    width: var(--s18);
    height: var(--s8);
    transform: rotate(-45deg);
    border-bottom: var(--s3) solid #333;
    border-left: var(--s3) solid #333;
    position: absolute;
    top: 50%;
    margin-top: -1.2vw;
    left: 50%;
    margin-left: -1.4vw;
}
.contents_inner {
    padding: var(--s20);
}
h2, h2.btn {
    /*
        color:#fff;
        font-size: 20px;
        font-weight: bold;
        padding:7px 0 5px 10px ;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #D5D5D5;
        line-height:1.3;
    */
    font-size: 16px;
    padding: 10px 0 10px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d5d5d5;
    line-height: 1.3;
}
h2 .fa {
    margin-right: 8px;
    color: #999;
}
.section_headline,
h2.section_headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--s40);
    line-height: 1.3;
    font-weight: bold;
    border-top: none;
    border-bottom: none;
    padding: var(--s10) var(--s20);
    color: #333;
    background: url(/images/img_halfcolor-bg.png) repeat;
    box-sizing: border-box;
    min-height: var(--s74);
}
.price {
    color: #c00;
}
/*pager*/
#top .pager {
    margin: var(--s20) 0;
}
#top .pager p {
    text-align: center;
    font-size: var(--s24);
    margin: 0 0 var(--s20);
}
#top .pager p span {
    font-weight: bold;
    color: #ffa711;
}
#top .pager ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--s20);
}
#top .pager ul li {
    font-size: var(--s24);
    padding: 0 var(--s20);
    border: 1px solid #ccc;
    border-radius: var(--s5);
    line-height: var(--s60);
    margin: 0 var(--s5);
    float: none;
    width: unset;
    height: unset;
}
#top .pager ul li b {
    color: #ffa711;
}
/*header*/
.header {
    height: var(--s96);
}
.header_inner {
    background: url(/images/img_maincolor-bg.png) repeat;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: var(--s96);
    z-index: 100;
}
.header_inner.fixed {
    position: fixed;
}

.header_left {
    width: 41.334vw;
}
/*iphone5サイズ対策*/
@media screen and (max-width:320px) {
    .header_left {
        width: 37vw;
    }
}

/*pt2 打消し*/
h1.logo,
p.logo {
    color: unset;
    padding: unset;
    margin: unset;
    border: unset;
    height: var(--s96);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(/images/img_bg-logo.jpg) repeat;
}
.logo img {
    width: 100%;
    vertical-align: bottom;
}

.header_right {
    display: flex;
    padding: 0 var(--s15) 0 0;
}
.header_counter {
    color: #fff;
    margin-right: var(--s20);
}
.header_counter-title {
    font-size: var(--s20);
}
.header_counter-data {
    font-size: var(--s40);
    font-weight: bold;
    text-align: center;
}
.header_menu-text {
    font-size: var(--s20);
    color: #fff;
    position: relative;
}
.header_menu-text span {
    display: block;
    width: var(--s46);
    height: var(--s4);
    margin: 0 auto var(--s9);
    background: #fff;
}
.header_menu-text span:first-child {
    margin: var(--s8) auto var(--s9);
}
.header_menu-text span:last-child {
    margin: 0 auto;
}
/*footer*/
.footer * {
    color: #fff;
}
.footer {
    background: url(/images/img_maincolor-bg.png) repeat;
    position: relative;
    margin: 5vw 0 0;
}
.footer_searchlink {
    background: #f5f5f5;
    padding: var(--s20);
}
.footer_searchlink * {
    color: #333;
}
.searchlink_title {
    background: #fff;
    padding: var(--s20);
    border: 1px solid #ccc;
    font-size: var(--s26);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.searchlink_title.open {
    background: url(/images/img_halfcolor-bg.png) repeat;
}

.searchlink_panel:not(:first-child) .searchlink_title {
    border-top: none;
}
.searchlink_title:after {
    content: "";
    width: var(--s15);
    height: var(--s15);
    border-top: var(--s3) solid #333;
    border-right: var(--s3) solid #333;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: var(--s40);
    transform: rotate(135deg);
    transition: .3s ease;
}
.open.searchlink_title:after {
    transform: rotate(-45deg);
}
.searchlink_box {
    display: none;
}
.kodawari_box {
    padding: var(--s20);
}
.searchlink_data, .kodawari_data {
    font-size: var(--s26);
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.kodawari_data {
    background: #fff;
}
.kodawari_data:first-child {
    border-top: 1px solid #ccc;
}
.searchlink_data:after, .kodawari_data:after {
    content: "";
    width: var(--s15);
    height: var(--s15);
    border-bottom: var(--s3) solid #aaa;
    border-right: var(--s3) solid #aaa;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: var(--s40);
    transform: rotate(-45deg);
}
.kodawari_data:after {
    border-bottom: var(--s3) solid #333;
    border-right: var(--s3) solid #333;
}
.searchlink_data a, .kodawari_data a {
    padding: var(--s20) var(--s40);
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.kodawari_data a {
    padding: var(--s20) var(--s50) var(--s20) var(--s20);
}
.footer_pagetop.pageTop {
    width: 100%;
}
.footer_pagetop.pageTop a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ddd;
    width: 100%;
    height: var(--s70);
}
.icon_pagetop-arrow {
    font-size: var(--s24);
    position: relative;
    padding-left: var(--s28);
    color: #333;
}
.icon_pagetop-arrow:before {
    content: "";
    width: var(--s12);
    height: var(--s12);
    border-top: var(--s3) solid #333;
    border-left: var(--s3) solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -.4vw;
    left: 0;
}
.footer_inner {
    padding: 0 var(--s20);
}
.footer_phone {
    padding: var(--s18) 0 0;
    margin: 0 0 var(--s26);
}
.footer_phone-btn {
    color: #000;
    font-size: var(--s30);
    font-weight: bold;
    width: 100%;
    height: var(--s95);
    line-height: var(--s95);
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_info {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--s24);
    flex-wrap: wrap;
}
.footer_info-title {
    margin-right: var(--s10);
}
.footer_info-data {
    max-width: 80%;
}
.footer_menu {
    margin: var(--s26) 0 var(--s30);
}
.footer_tmenu-list {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #fff;
}
.footer_tmenu-item {
    box-sizing: border-box;
    width: 50%;
    height: var(--s74);
    border-bottom: 1px solid #fff;
}
.footer_tmenu-item:nth-child(odd) {
    border-right: 1px solid #fff;
}
.footer_tmenu-item a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-left: var(--s20);
    font-size: var(--s24);
    position: relative;
}
.footer_tmenu-item a:after {
    content: "";
    width: var(--s13);
    height: var(--s13);
    border-top: var(--s3) solid #fff;
    border-right: var(--s3) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: var(--s20);
    top: 50%;
    margin-top: -0.933vw;
}
.footer_menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 var(--s5);
}
.footer_menu-item {
    margin-right: var(--s10);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_menu-item:last-child {
    margin: 0;
}
.footer_menu-item:after {
    content: "|";
    margin-left: var(--s10);
}
.footer_menu-item:last-child:after {
    content: "";
}
.footer_menu-item a {
    font-size: var(--s24);
}
.footer_copyright {
    font-size: var(--s24);
    text-align: center;
    padding: 0 0 var(--s10);
}
.orgfloatbnr {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
}
.orgfloatbnr.is-static { display: none !important; }
.orgfloatbnr_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--s20);
    background: rgba(0, 0, 0, .6);
}
.orgfloatbnr_item { width: 100%; }
.orgfloatbnr_item.double { width: calc(50% - var(--s5)); }
.orgfloatbnr_item.triple { width: calc(33.33% - var(--s5)); }
.orgfloatbnr_item.fourth { width: calc(25% - var(--s5)); }
.orgfloatbnr_item.fifth  { width: calc(20% - var(--s5)); }
.orgfloatbnr_item-link {
    line-height: var(--s90);
    font-size: var(--s30);
    font-weight: bold;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.orgfloatbnr_item .fa-comment {
    color: #07C755;
    font-size: var(--s48);
    margin: 1px 0 3px;
    padding-top: 1px;
}
.triple .orgfloatbnr_item-link .fa-comment {
    margin-right: var(--s8);
    margin-bottom: var(--s12);
}
.fifth .orgfloatbnr_item-link {
    display: block;
    font-size: var(--s26);
    line-height: unset;
    box-sizing: border-box;
    height: var(--s90);
}
.fifth i {
    display: block;
    margin: 0 auto;
}
.fifth .ui_icon-mail {
    padding-top: var(--s12);
}
.fifth .ui_icon-phone {
    padding-top: var(--s7);
}
.fifth .ui_icon-key {
    padding-top: var(--s10);
}
.fifth .ui_icon-reservation {
    padding-top: var(--s10);
}
.fourth .orgfloatbnr_item-link {
    display: block;
    font-size: var(--s26);
    line-height: unset;
    box-sizing: border-box;
    height: var(--s90);
}
.fourth i {
    display: block;
    margin: 0 auto;
}
.fourth .ui_icon-mail {
    padding-top: var(--s12);
}
.fourth .ui_icon-phone {
    padding-top: var(--s7);
}
.fourth .ui_icon-key {
    padding-top: var(--s10);
}
.fourth .ui_icon-reservation {
    padding-top: var(--s10);
}
/*orgfloatbnr*/
.is-static {
    position: static;
}
/* フッターのパンくず */
.path_wrap {
    padding: var(--s16) var(--s20);
    background: #fff;
}
.path_wrap #path {
    font-size: 12px;
    color: #333;
    line-height: 1.6;
}

.path_wrap #path strong,
.path_wrap #path .strong {
    color: #333;
    font-weight: normal;
}

.path_wrap #path a,
.path_wrap #path a span {
    color: #07519a;
    text-decoration: underline;
}
/* ページャー */
.pager_wrap.contents_inner {
    padding-bottom: 0;
}
.pager_counter {
    text-align: center;
    font-size: var(--s24);
    margin: 0 0 var(--s10);
}
.pager_counter-value {
    font-weight: bold;
    color: #ffa711;
    font-size: var(--s34);
    margin-right: var(--s5);
    vertical-align: -0.267vw;
}
.pager_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 var(--s20);
}
.ui_pager-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 33.333vw;
    height: var(--s70);
    border: 1px solid #ccc;
    border-radius: var(--s5);
    background: #fff;
    font-size: var(--s24);
}
.ui_pager-btn span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ui_pager-btn span:before {
    content: "";
    width: var(--s17);
    height: var(--s17);
    border-bottom: var(--s3) solid #333;
    border-right: var(--s3) solid #333;
    position: absolute;
}
.ui_icon-prev {
    padding-left: var(--s40);
}
.ui_icon-prev:before {
    transform: rotate(135deg);
    left: 0;
}
.ui_icon-next {
    padding-right: var(--s40);
}
.ui_icon-next:before {
    transform: rotate(-45deg);
    right: 0;
}

/*empty*/
.ui_button.ui_empty-ver3 {
    padding: 0;
    width: 50%;
    margin: 0 auto var(--s20);
    line-height: var(--s80);
    font-size: var(--s24);
    font-weight: bold;
}

.text.ui_empty-ver3 {
    font-size: var(--s24);
    font-weight: bold;
    margin: var(--s60) 0;
    text-align: center;
}
/*電話モーダル*/
#telephoneList {
    margin: auto var(--s20);
}

.iziModal #menu li {
    padding: 0 0 0 var(--s20);
}

.iziModal #menu li a {
    background: transparent url(/images/ico_phone.png) no-repeat 95% 0;
    background-position-y: center;
    background-size: 26px 33px;
}

/*学区text-shadow解除*/
.container .search_areattl h2.sitecolor {
    text-shadow: none;
    background: url(/images/img_halfcolor-bg.png);
    color: #333;
}

/*画像が登録されていない時*/
.noImageData {
    text-align: center;
}

.title_h1 h1 {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 4px 0 2px 10px;
    height: auto;
    overflow: hidden;
}

#mobile_accessmap-comp-info li.mobile-comp-name {
    font-weight: bold;
}

#mobile_accessmap-comp-info {
    padding: var(--s20);
}

/* お問い合わせのプライバシーポリシーチェック */
.privacyCheck {
    text-align: center;
    margin: 10px 0;
}
input#privacyCheck {
    position: relative;
    top: 2px;
}

.listview_text-comment,
.bkn_cnt-comment {
    font-size: var(--s24);
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
}