@charset "utf-8";
/*
Theme Name: 桜ゴルフ 共通
Author: 株式会社シュア
*/
/**
 * TOC
 *
 * common
 * wrapper
 * header
 * nav
 * eyecatch
 * upper
 * middle
 * upper-middle
 * main
 * side
 * lower
 * footer
 *
 * jquery.mCustomScrollbar
 * slick
 *
 * 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,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 0;
}

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;
}

caption,
th {
    text-align: left;
}

img {
    vertical-align: bottom;
}

a {
    text-decoration: none;
}

a,
video {
    outline: none;
}

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

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus {
    outline: none;
}

/**
 * keyframes
 */

@keyframes keyframes-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes keyframes-fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/**
 * common
 */
html {
    height: 100%;
    overflow-y: scroll;
    font-size: 62.5%;
}

body {
    height: 100%;
    line-height: 1;
    line-height: 1.6;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
    font-size: 1.4rem;
    color: #333333;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

a {
    color: #007dd6;
    word-break: break-all;
}

a:link,
a:visited {
}

a:hover,
a:active {
    text-decoration: underline;
}

sup,
sub {
    font-size: 10rem;
}

sup {
    vertical-align: top;
}

sub {
    vertical-align: baseline;
}

cite {
    font-style: italic;
}

b,
.bold {
    font-weight: bold;
}

.ruby {
    font-size: 1.2rem;
}

.table-fixed {
    table-layout: fixed;
}

input[type="text"],
input[type="password"],
textarea {
    font-size: 1.5rem;
}

@keyframes keyframes-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes keyframes-fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ime-active {
    ime-mode: active;
}

.ime-inactive {
    ime-mode: inactive;
}

.form-required {
    background: #fef0e7;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

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

.info {
    /* icon-left-2 */
}

.notice {
    margin-top: 20px;
}

.notice .icon-notice + .icon-notice {
    margin-left: 15px;
}

.notice .icon-notice .caution {
    margin-right: 5px;
}

.attention {
    color: #009900;
}

.attention-required {
    display: inline-block;
    background: #fd7f30;
    color: #ffffff;
    font-size: 1.1rem;
    padding: 1px 5px 0;
    margin-left: 5px;
    vertical-align: top;
}

.attention-required.is-hidden {
    display: none;
}

.caution {
    color: #ff0000;
}

.warning {
}

.alert {
}

.error {
}

.error_message_list li {
    color: #ff0000;
    margin-top: 5px;
}

.mark {
}

.mark-required {
    color: #ff0000;
    margin: 0 5px;
}

.blue {
    color: blue;
}

.red {
    color: red;
}

.lead {
}

.sub {
    display: block;
    margin-top: 0;
    line-height: 1.3;
}

.caption,
.supplement,
.list-caption {
    font-size: 1.2rem;
}

.caption {
    line-height: 1.4;
}

.caption-small {
    font-size: 1rem;
}

.suspend {
    margin-top: 5px;
}

.list-caption li {
    padding-left: 1em;
    text-indent: -1em;
}

.signature {
}

.nowrap {
    white-space: nowrap;
}

.replace {
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 100%;
}

.vertical-rl {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
}

.suffix {
    margin-left: .5em;
}

.prefix,
#FreeOrderType_birthDay_year,
#FreeOrderType_birthDay_month,
#FreeOrderType_birthDay_day {
    margin-right: .5em;
}

.between {
    margin: 0 .5em;
}

.number-large {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
    min-height: 1em;
}

.number-large + .number-large {
    margin-left: 1em;
}

/* progress */
.progress li {
    position: relative;
    display: inline-block;
    width: 30%;
    padding: 7px 0 5px;
    /*background: #51B573;*/
    background: #bdbdbd;
    color: #ffffff;
    text-align: center;
    height: 32px;
}

.progress li:not(:last-child) {
    margin-right: 3%;
}

.progress li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    right: -32px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #bdbdbd;
}

.progress li.current {
    background: #51b573;
}

.progress li.current::before {
    border-left: 16px solid #51b573;
}

/* icon-only */
.icon-only {
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 auto;
}

.icon-only-mail {
    background: url(../images/icon-mail.png) left top / 20px 13px no-repeat;
    height: 13px;
    width: 20px;
}

/* icon-left */
.icon-left {
    display: inline-block;
    min-height: 1.2em;
    padding-left: 22px;
}

.icon-left + .icon-left {
    margin-left: 5px;
}

.icon-bus {
    background: url(../images/icon-bus.png) left 2px / 23px 13px no-repeat;
    padding-left: 28px;
}

.icon-taxi {
    background: url(../images/icon-taxi.png) left 2px / 23px 15px no-repeat;
    padding-left: 28px;
}

.icon-car {
    background: url(../images/icon-car.png) left 2px / 23px 13px no-repeat;
    padding-left: 28px;
}

.icon-train {
    background: url(../images/icon-train.png) left 2px / 22px 12px no-repeat;
    padding-left: 27px;
}

.icon-isogi {
    background: url(../images/isogi-1.png) left 0 / 16px 16px no-repeat;
    padding-left: 21px;
}

/*
.icon-member-full {
    background: url(../images/icon-member-full.png) left 2px / 13px 13px no-repeat;
    padding-left: 15px;
}
*/

.icon-member-saturday {
    background: url(../images/icon-member-saturday.png) left 2px / 13px 13px no-repeat;
    padding-left: 15px;
}

.icon-member-weekday {
    background: url(../images/icon-member-weekday.png) left 2px / 13px 13px no-repeat;
    padding-left: 15px;
}

.icon-pdf {
    background: url(../images/pdf.gif) left 5px no-repeat;
    margin-left: 5px;
}

.icon-link {
    background: url(../images/link.gif) left 5px no-repeat;
    margin-left: 5px;
}

.icon-circle-check {
    background: url(../images/icon-circle-check.png) left 2px / 12px 12px no-repeat;
    padding-left: 17px;
}

/* icon-left-2 */
.icon-left-2 {
    display: inline-block;
    min-height: 32px;
    padding-left: 40px;
}

.icon-car-2 {
    background: url(../images/icon-car-2.png) left 2px / 30px 30px no-repeat;
}

.icon-train-2 {
    background: url(../images/icon-train-2.png) left 2px / 30px 30px no-repeat;
}

/* icon-circle */
.icon-circle {
    min-height: 1em;
    color: #333333;
    display: inline-block;
}

.icon-question-circle {
    background: url(../images/icon-question-circle.png) right 2px / 12px 12px no-repeat;
    padding-right: 15px;
}

/* icon-free-dial */
.icon-free-dial {
    background: url(../images/icon-free-dial-large.png) left center / 57px 33px no-repeat;
    padding-left: 62px;
}

/* icon-telephone */
.icon-telephone {
    background: url(../images/icon-telephone.png) left center / 57px 33px no-repeat;
    padding-left: 62px;
}

.icon-question-circle.caption {
    background-size: 12px 12px;
    padding-right: 15px;
}

/* icon-arrow */
.icon-arrow {
    display: inline-block;
    padding-left: 15px;
    min-height: 1em;
}

.icon-arrow-right {
    background: url(../images/icon-arrow-right.png) no-repeat;
}

.icon-arrow-left {
    background: url(../images/icon-arrow-left.png) no-repeat;
}

.icon-arrow-right,
.icon-arrow-left {
    background-size: 6px 10px;
    background-position: left .3em;
}

/* icon-arrow-vertical */
.icon-arrow-vertical {
    padding-right: 22px;
    min-height: 1em;
}

.icon-arrow-vertical-up {
    background: url(../images/icon-arrow-vertical-up.png) no-repeat;
}

.icon-arrow-vertical-down {
    background: url(../images/icon-arrow-vertical-down.png) no-repeat;
}

.icon-arrow-vertical-up,
.icon-arrow-vertical-down {
    background-size: 17px 10px;
    background-position: right top;
}

/* icon-arrow-circle */
.icon-arrow-circle {
    display: inline-block;
    padding-left: 20px;
    min-height: 1em;
    color: #333333;
}

.icon-arrow-circle + .icon-arrow-circle {
    margin-left: 10px;
}

.icon-arrow-circle-up {
    background: url(../images/icon-arrow-circle-up.png) no-repeat;
}

.icon-arrow-circle-right {
    background: url(../images/icon-arrow-circle-right.png) no-repeat;
}

.icon-arrow-circle-down {
    background: url(../images/icon-arrow-circle-down.png) no-repeat;
}

.icon-arrow-circle-left {
    background: url(../images/icon-arrow-circle-left.png) no-repeat;
}

.icon-arrow-circle-up,
.icon-arrow-circle-right,
.icon-arrow-circle-down,
.icon-arrow-circle-left {
    background-size: 12px 12px;
    background-position: left 4px;
}

/* icon-arrow-circle-2 */
.icon-arrow-circle-2-up {
    background: url(../images/icon-arrow-circle-2-up.png) no-repeat;
}

.icon-arrow-circle-2-right {
    background: url(../images/icon-arrow-circle-2-right.png) no-repeat;
}

.icon-arrow-circle-2-down {
    background: url(../images/icon-arrow-circle-2-down.png) no-repeat;
}

.icon-arrow-circle-2-left {
    background: url(../images/icon-arrow-circle-2-left.png) no-repeat;
}

.icon-arrow-circle-2-up,
.icon-arrow-circle-2-right,
.icon-arrow-circle-2-down,
.icon-arrow-circle-2-left {
    background-size: 12px 12px;
    background-position: left center;
}

/* icon-arrow-circle-3 */
.icon-arrow-circle-3-up {
    background: url(../images/icon-arrow-circle-3-up.png) no-repeat;
}

.icon-arrow-circle-3-right {
    background: url(../images/icon-arrow-circle-3-right.png) no-repeat;
}

.icon-arrow-circle-3-down {
    background: url(../images/icon-arrow-circle-3-down.png) no-repeat;
}

.icon-arrow-circle-3-left {
    background: url(../images/icon-arrow-circle-3-left.png) no-repeat;
}

.icon-arrow-circle-3-up,
.icon-arrow-circle-3-right,
.icon-arrow-circle-3-down,
.icon-arrow-circle-3-left {
    background-size: 12px 12px;
    background-position: left center;
}

/* icon-arrowhead-circle */
.icon-arrowhead-circle-up {
    background: url(../images/icon-arrowhead-circle-up.png) no-repeat;
}

.icon-arrowhead-circle-right {
    background: url(../images/icon-arrowhead-circle-right.png) no-repeat;
}

.icon-arrowhead-circle-down {
    background: url(../images/icon-arrowhead-circle-down.png) no-repeat;
}

.icon-arrowhead-circle-up,
.icon-arrowhead-circle-right,
.icon-arrowhead-circle-down,
.icon-arrowhead-circle-left {
    background-size: 12px 12px;
    background-position: left center;
}

/* icon-arrow-large */
.icon-arrow-large {
    display: inline-block;
    height: 26px;
    width: 14px;
}

.icon-arrow-large-up {
    background: url(../images/icon-arrow-large-up.png) no-repeat;
}

.icon-arrow-large-right {
    background: url(../images/icon-arrow-large-right.png) no-repeat;
}

.icon-arrow-large-left {
    background: url(../images/icon-arrow-large-left.png) no-repeat;
}

.icon-arrow-large-up,
.icon-arrow-large-right,
.icon-arrow-large-left {
    background-size: 14px 26px;
}

/* icon-arrow-circle-large */
.icon-arrow-circle-large {
    display: inline-block;
    height: 50px;
    width: 50px;
}

.icon-arrow-circle-large-up {
    background: url(../images/icon-arrow-circle-large-up.png) no-repeat;
}

.icon-arrow-circle-large-right {
    background: url(../images/icon-arrow-circle-large-right.png) no-repeat;
}

.icon-arrow-circle-large-left {
    background: url(../images/icon-arrow-circle-large-left.png) no-repeat;
}

.icon-arrow-circle-large-up,
.icon-arrow-circle-large-right,
.icon-arrow-circle-large-left {
    background-size: 50px 50px;
}

/* icon-triangle */
.icon-triangle {
    padding-left: 15px;
    min-height: 1em;
}

.icon-triangle-right {
    background: url(../images/icon-triangle-right.png) no-repeat;
}

.icon-triangle-left {
    background: url(../images/icon-triangle-left.png) no-repeat;
}

.icon-triangle-right,
.icon-triangle-left {
    background-size: 7px 10px;
    background-position: left center;
}

/* icon-square */
.icon-square {
    padding-left: 15px;
    min-height: 1em;
    background: url(../images/icon-square.png) left center no-repeat;
    background-size: 10px 10px;
}

/* icon-label */
.icon-label {
    padding-left: 30px;
}

.icon-label-1 {
    background: url(../images/icon-label-1.png) no-repeat;
}

.icon-label-2 {
    background: url(../images/icon-label-2.png) no-repeat;
}

.icon-label-3 {
    background: url(../images/icon-label-3.png) no-repeat;
}

.icon-label-4 {
    background: url(../images/icon-label-4.png) no-repeat;
}

.icon-label-1,
.icon-label-2,
.icon-label-3,
.icon-label-4 {
    background-size: 25px 43px;
    background-position: left center;
}

/* icon-sort-left */
.icon-sort-left {
    position: relative;
    line-height: 1;
}

.icon-sort-left .sort_asc,
.icon-sort-left .sort_desc {
    position: absolute;
    left: -11px;
}

.icon-sort-left .sort_asc img,
.icon-sort-left .sort_desc img {
    width: 8px;
}

/* icon-sort-bottom */
.icon-sort-bottom {
    position: relative;
    display: block;
    margin: 0 auto;
}

.icon-sort-bottom .sort_asc,
.icon-sort-bottom .sort_desc {
    position: absolute;
    left: 2px;
    bottom: -9px;
}

.icon-sort-bottom .sort_asc img,
.icon-sort-bottom .sort_desc img {
    width: 8px;
}

/* icon-membership */
.icon-membership {
    display: inline-block;
    padding-left: 22px;
    min-height: 17px;
}

.icon-membership.icon-kabu {
    background: url(../images/icon-kabu.png) left center / 17px 17px no-repeat;
}

.icon-membership.icon-kabuyo {
    background: url(../images/icon-kabuyo.png) left center / 17px 17px no-repeat;
}

.icon-membership.icon-play {
    background: url(../images/icon-play.png) left center / 17px 17px no-repeat;
}

/* icon-buyandsell */
.icon-buyandsell {
    display: inline-block;
    margin-top: 2px;
    padding-left: 22px;
    min-height: 17px;
}

.icon-buyandsell.icon-isogi {
    background: url(../images/isogi-1.png) left center / 17px 17px no-repeat;
}

/* sign */
.sign {
    color: #ffffff;
    background: #999999;
    text-align: center;
    display: inline-block;
    padding: 2px 10px 0;
    font-size: 1.1rem;
}

.sign-0 {
    background: #e28892;
}

.sign-1 {
    background: #9f9ddc;
}

.sign-2 {
    background: #71d300;
}

.sign-3 {
    background: #ffa63f;
}

.sign-4 {
    background: #83beff;
}

.sign-5 {
    background: #f16b94;
}

.sign-6 {
    background: #cc74c7;
}

.sign-7 {
    background: #62cad5;
}

.sign-8 {
    background: #6285c6;
}

.sign-9 {
    background: #fd6696;
}

.sign-new {
    color: #51b573;
    background: #ffffff;
    border: 1px solid #51b573;
}

/* attribute */
.attribute {
    font-size: 1.2rem;
    margin-right: 10px;
}

.attribute .sign {
    margin-right: 5px;
}

.sign-width-1 {
    width: 10px;
}

.sign-width-2 {
    width: 25px;
}

.sign-width-3 {
    width: 35px;
}

.sign-width-4 {
    width: 45px;
}

.sign-width-5 {
    width: 55px;
}

.sign-width-6 {
    width: 70px;
}

.attribute-sign-60 .sign {
    width: 60px;
}

/* button */
.button {
    display: inline-block;
    padding: 7px 30px 5px;
    color: #ffffff;
    background: #51b573;
    text-align: center;
    border: none;
    font-size: 1.4rem;
    line-height: 1;
    vertical-align: middle;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a.button {
    text-decoration: none;
}

.button:hover {
    cursor: pointer;
}

.button.mod-half-circle {
    padding: 12px 30px 10px;
    border-radius: 10em;
    font-size: 1.6rem;
}

button.mysellist,
button.myfavolist {
    background: #999999;
    margin-right: 5px;
}

.button + .button {
    margin-left: 10px;
}

span.button {
    background: #e2e2e2;
}

.button-1 {
    background: #999999;
}

/* toggle */
.toggle-child {
    background: #f5f5f5;
    padding: 8px;
    margin-top: 5px;
}

/* control */
.control {
    padding-top: 20px;
}

.control .button {
    min-width: 20%;
    margin: 10px 10px 0 0;
}

.control-center {
    text-align: center;
}

.control-center .button {
    margin: 10px 5px 0;
}

.control-agreement .agreement {
    margin: 20px auto;
}

.control-agreement .agreement p + p {
    margin-top: 10px;
}

/* tab */
.tab {
    margin-top: 25px;
    border-bottom: 2px solid #ec002e;
}

.tab li {
    float: left;
    width: 160px;
}

.tab li + li {
    margin-left: 5px;
}

.tab li a {
    display: block;
    width: 100%;
    text-align: center;
    background: #999999;
    color: #ffffff;
    padding: 7px 10px 4px;
}

.tab li a.active,
.tab li a:hover {
    text-decoration: none;
    background: #ec002e;
}

/* tab-course */
.nav-course.nav-course.tab-course {
    border-bottom: 2px solid #ec002e;
}

.nav-course.tab-course li {
    float: left;
    width: 16.25%;
    width: calc(97.5% / 6);
}

.nav-course.tab-course li + li {
    margin-left: .5%;
}

.nav-course.tab-course li a {
    display: block;
    width: 100%;
    text-align: center;
    background: #999999;
    color: #ffffff;
    padding: 7px 0 4px;
}

.nav-course.tab-course li a.active,
.nav-course.tab-course li a:hover {
    text-decoration: none;
    background: #ec002e;
}

/* button-course */
.nav-course.button-course {
    margin-top: 10px;
}

.nav-course.button-course li {
    float: left;
    width: calc(97.5% / 6);
}

.nav-course.button-course li + li {
    margin-left: .5%;
}

.nav-course.button-course li a {
    display: block;
    width: 100%;
    text-align: center;
    background: #999999;
    color: #ffffff;
    padding: 7px 0 4px;
}

.nav-course.button-course li a.active,
.nav-course.button-course li a:hover {
    text-decoration: none;
    background: #ec002e;
}

/* overflow */
.overflow-outer + p {
    margin-top: 10px;
}

/* pagination */
.pagination-outer {
    position: relative;
    margin-top: 20px;
}

.pagination-outer .list-caption {
    position: absolute;
    top: 0;
    left: 0;
}

.pagination-outer + table,
.pagination-outer + .overflow-outer-table-3 {
    margin-top: 20px;
}

table + .pagination-outer {
    margin-top: 20px;
}

.pagination {
    text-align: right;
}

.pagination a,
.pagination .current_page {
    text-align: center;
    display: inline-block;
    padding: 3px 10px 2px;
    margin-left: 2px;
    font-size: 1.2rem;
    color: #333333;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    text-decoration: none;
}

.pagination a:hover,
.pagination .current_page {
    color: #ffffff;
    background: #ec002e;
    border: 1px solid #ec002e;
}

.pagination + .suspend {
    margin-top: 10px;
}

/* utility-suspend */
.utility-suspend {
    margin-top: 10px;
}

.utility-suspend.utility-suspend-header {
    margin: 5px 0 -10px;
}

.utility-suspend .date-modified {
    text-align: right;
}

/* width */
.width-5 {
    width: 5% !important;
}

.width-10 {
    width: 10% !important;
}

.width-15 {
    width: 15% !important;
}

.width-20 {
    width: 20% !important;
}

.width-25 {
    width: 25% !important;
}

.width-30 {
    width: 30% !important;
}

.width-35 {
    width: 35% !important;
}

.width-40 {
    width: 40% !important;
}

.width-45 {
    width: 45% !important;
}

.width-50 {
    width: 50% !important;
}

.width-55 {
    width: 55% !important;
}

.width-60 {
    width: 60% !important;
}

.width-65 {
    width: 65% !important;
}

.width-70 {
    width: 70% !important;
}

.width-75 {
    width: 75% !important;
}

.width-80 {
    width: 80% !important;
}

.width-85 {
    width: 85% !important;
}

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-full {
    width: 100% !important;
}

/* scroll */
.scroll-golf-news {
    height: 250px;
}

.scroll-weekly-information-home {
    height: auto;
}

.scroll-weekly-information {
    height: 500px;
}

.scroll-sakuragolf-information {
    height: 150px;
}

.scroll-menu-recommend {
    height: 250px;
}

/* inner */
.inner {
    width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
}

/* part */
.part {
    margin-top: 30px;
}

.part + .part {
    margin-top: 40px;
}

.header-part {
    font-size: 2.4rem;
    font-weight: bold;
    border-left: 4px solid #a5a5a5;
    padding: 5px 0 0 15px;
    position: relative;
}

.header-part-bar {
    position: relative;
    padding: 8px 15px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ffffff;
    background: #ff7fb5;
}

.header-part-bar .complement {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 1.2rem;
    font-weight: normal;
}

.header-part-bar .complement a {
    color: #ffffff;
}

.header-part .caption {
    display: block;
    font-weight: normal;
}

.page-home .header-part {
    font-size: 2.4rem;
}

.utility-header-part {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 1.2rem;
    font-weight: normal;
}

.utility-header-part a {
    color: #007dd6;
}

.utility-header-part .icon-arrow-circle + .icon-arrow-circle {
    margin-left: 15px;
}

/* section */
.section-wrapper {
    margin-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    border: 2px solid #eaeaea;
}

.section + .section {
    margin-top: 25px;
}

.section-border {
    padding: 15px;
    border: 2px solid #eaeaea;
    border-top: none;
}

/* subsection */
.subsection p + p,
.subsection p + ul,
.subsection p + ol,
.subsection p + .area,
.subsection ul + p,
.subsection ol + p,
.subsection table + p {
    margin-top: 10px;
}

.subsection .info {
    margin-top: 20px;
}

.subsection .block .control {
    margin-top: 10px;
}

.subsection .indent-tel {
    padding-left: 3em;
}

/* figure-subsection */
.figure-subsection {
    margin-top: 20px;
}

.figure-subsection.mod-b {
    width: 40%;
}

.figure-subsection img {
    max-width: 100%;
}

.figure-subsection + p {
    margin-top: 20px;
}

.figure-subsection-right .figure-subsection {
    float: right;
    margin: 0 0 10px 20px;
}

.figure-subsection-right .figure-subsection + p {
    margin-top: 0;
}

.figure-subsection-left .figure-subsection {
    float: left;
    margin: 0 20px 10px 0;
}

.figure-subsection-left .figure-subsection + p {
    margin-top: 0;
}

.figure-subsection-center .figure-subsection {
    text-align: center;
}

.figure-subsection-center .figure-subsection {
    text-align: center;
}

.figure-subsection-right + p,
.figure-subsection-left + p {
    margin-top: 0;
}

.figure-subsection-di .figure-subsection {
    text-align: center;
}

.caption-figure-subsection {
    text-align: left;
}

/* toolbar-subsection */
.toolbar-subsection {
    background: #5d5d5d;
    position: relative;
    text-align: right;
    padding: 7px;
}

.toolbar-subsection .header-toolbar-subsection {
    position: absolute;
    color: #ffffff;
    top: 13px;
    left: 15px;
}

/* subsection-container-column */
.subsection-container-column.mod-ratio-40-60 {
    display: grid;
    grid-template-columns: 4fr 6fr;
    column-gap: 20px;
}

.subsection-container-column-item img {
    max-width: 100%;
}

/* subsection-article */
.subsection-article .header-article {
    margin-top: 5px;
}

.subsection-article .date-article {
    margin-left: 10px;
}

.subsection-article .content-article {
    margin-top: 20px;
}

/* subsection-canvas */
.subsection-canvas {
    margin-top: 50px;
}

.subsection-canvas canvas {
    width: 100%;
}

/* subsection-graph */
.subsection-graph {
    margin-top: 50px;
}

.subsection-graph .graph {
    width: 100%;
}

/* subsection-ui */
.subsection-ui {
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.subsection-ui .subsection-ui-header {
    color: #4b4b4b;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #dfd8cf;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1);
    padding: 0 5px 5px;
}

.subsection-ui .subsection-ui-header.icon-pin-flag {
    background: url(../images/icon-pin-flag.png) left top / 23px 23px no-repeat;
    padding-left: 30px;
}

.subsection-ui .subsection-ui-header.icon-search {
    background: url(../images/icon-search.png) left top / 23px 23px no-repeat;
    padding-left: 30px;
}

.subsection-ui .subsection-ui-header.icon-peg {
    background: url(../images/icon-peg.png) left top / 23px 23px no-repeat;
    padding-left: 27px;
}

.subsection-ui .subsection-ui-main {
    margin-top: 20px;
}

.subsection-ui .panel-subsection-ui {
    position: relative;
    min-height: 310px;
}

/* subsection-ui-container */
.subsection-ui-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.subsection-ui-container .subsection-ui-item {
    width: 285px;
}

.subsection-ui-container .subsection-ui-item:first-child {
    width: 365px;
}

.subsection-ui-container .subsection-ui + .subsection-ui {
    margin-left: 20px;
}

/* panel */
.subsection-ui .panel {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/* list-panel */
.subsection-ui .list-panel {
    width: 365px;
    height: 310px;
    position: relative;
}

.subsection-ui .list-panel a {
    display: block;
    text-align: center;
    border: 1px solid #e2e2e2;
    color: #333333;
    text-decoration: none;
    width: 55px;
    font-size: 1.2rem;
    padding: 3px 0 1px;
    background: #ffffff;
    background: rgba(255, 255, 255, .8);
    position: absolute;
}

.subsection-ui .list-panel a.button-region {
    background: rgba(255, 255, 255, .4);
}

#subsectionUiPanel0 .list-panel a.button-region {
    background: rgba(255, 255, 255, .8);
}

.subsection-ui .list-panel a:hover {
    border: 1px solid #0095ff;
    color: #007dd6;
    background: rgba(255, 255, 255, 1);
}

.subsection-ui .button-region-0 {
    top: 0;
    left: 0;
}

/* subsectionUiPanel0 全国 */
#subsectionUiPanel0 .list-panel {
    background: url(../images/ui-map-0.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel0 .button-pref-99 {
    top: 0;
    left: 0;
}

#subsectionUiPanel0 .button-region-1 {
    top: 20px;
    left: 190px;
}

#subsectionUiPanel0 .button-region-2 {
    top: 110px;
    right: 40px;
}

#subsectionUiPanel0 .button-region-3 {
    top: 190px;
    right: 55px;
}

#subsectionUiPanel0 .button-region-4 {
    top: 225px;
    left: 185px;
}

#subsectionUiPanel0 .button-region-5 {
    top: 170px;
    left: 110px;
}

#subsectionUiPanel0 .button-region-6 {
    top: 190px;
    left: 40px;
}

#subsectionUiPanel0 .button-region-7 {
    top: 260px;
    left: 105px;
}

#subsectionUiPanel0 .button-region-8 {
    bottom: 30px;
    left: 5px;
}

/* subsectionUiPanel1 北海道 */
#subsectionUiPanel1 .list-panel {
    background: url(../images/ui-map-1.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel1 .button-region-2 {
    bottom: 5px;
    left: 95px;
}

#subsectionUiPanel1 .button-pref-1 {
    top: 110px;
    left: 170px;
}

/* subsectionUiPanel2 東北 */
#subsectionUiPanel2 .list-panel {
    background: url(../images/ui-map-2.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel2 .button-region-1 {
    top: 15px;
    left: 245px;
}

#subsectionUiPanel2 .button-region-3 {
    bottom: 5px;
    left: 150px;
}

#subsectionUiPanel2 .button-region-4 {
    bottom: 5px;
    left: 70px;
}

#subsectionUiPanel2 .button-pref-2 {
    top: 80px;
    left: 200px;
}

#subsectionUiPanel2 .button-pref-3 {
    top: 140px;
    left: 250px;
}

#subsectionUiPanel2 .button-pref-4 {
    top: 210px;
    left: 230px;
}

#subsectionUiPanel2 .button-pref-5 {
    top: 130px;
    left: 150px;
}

#subsectionUiPanel2 .button-pref-6 {
    top: 190px;
    left: 140px;
}

#subsectionUiPanel2 .button-pref-7 {
    top: 260px;
    left: 220px;
}

/* subsectionUiPanel3 関東 */
#subsectionUiPanel3 .list-panel {
    background: url(../images/ui-map-3.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel3 .button-region-2 {
    top: 5px;
    left: 270px;
}

#subsectionUiPanel3 .button-region-4 {
    top: 160px;
    left: 20px;
}

#subsectionUiPanel3 .button-pref-8 {
    top: 120px;
    right: 40px;
}

#subsectionUiPanel3 .button-pref-9 {
    top: 70px;
    left: 200px;
}

#subsectionUiPanel3 .button-pref-10 {
    top: 95px;
    left: 120px;
}

#subsectionUiPanel3 .button-pref-11 {
    top: 150px;
    left: 160px;
}

#subsectionUiPanel3 .button-pref-12 {
    top: 240px;
    left: 260px;
}

#subsectionUiPanel3 .button-pref-13 {
    top: 200px;
    left: 180px;
}

#subsectionUiPanel3 .button-pref-14 {
    top: 250px;
    left: 140px;
}

/* subsectionUiPanel4 中部 */
#subsectionUiPanel4 .list-panel {
    background: url(../images/ui-map-4.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel4 .button-region-2 {
    top: 40px;
    right: 5px;
}

#subsectionUiPanel4 .button-region-3 {
    top: 170px;
    left: 270px;
}

#subsectionUiPanel4 .button-region-5 {
    top: 250px;
    left: 5px;
}

#subsectionUiPanel4 .button-pref-15 {
    top: 70px;
    left: 200px;
}

#subsectionUiPanel4 .button-pref-16 {
    top: 110px;
    left: 130px;
}

#subsectionUiPanel4 .button-pref-17 {
    top: 130px;
    left: 60px;
}

#subsectionUiPanel4 .button-pref-18 {
    top: 190px;
    left: 40px;
}

#subsectionUiPanel4 .button-pref-19 {
    top: 220px;
    left: 210px;
}

#subsectionUiPanel4 .button-pref-20 {
    top: 160px;
    left: 180px;
}

#subsectionUiPanel4 .button-pref-21 {
    top: 210px;
    left: 120px;
}

#subsectionUiPanel4 .button-pref-22 {
    top: 280px;
    left: 200px;
}

#subsectionUiPanel4 .button-pref-23 {
    top: 260px;
    left: 110px;
}

/* subsectionUiPanel5 近畿 */
#subsectionUiPanel5 .list-panel {
    background: url(../images/ui-map-5.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel5 .button-region-4 {
    top: 20px;
    right: 10px;
}

#subsectionUiPanel5 .button-region-6 {
    top: 60px;
    left: 5px;
}

#subsectionUiPanel5 .button-region-7 {
    top: 225px;
    left: 15px;
}

#subsectionUiPanel5 .button-pref-24 {
    top: 150px;
    right: 50px;
}

#subsectionUiPanel5 .button-pref-25 {
    top: 90px;
    left: 230px;
}

#subsectionUiPanel5 .button-pref-26 {
    top: 70px;
    left: 160px;
}

#subsectionUiPanel5 .button-pref-27 {
    top: 150px;
    left: 130px;
}

#subsectionUiPanel5 .button-pref-28 {
    top: 100px;
    left: 80px;
}

#subsectionUiPanel5 .button-pref-29 {
    top: 190px;
    left: 190px;
}

#subsectionUiPanel5 .button-pref-30 {
    top: 230px;
    left: 110px;
}

/* subsectionUiPanel6 中国・四国 */
#subsectionUiPanel6 .list-panel {
    background: url(../images/ui-map-6.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel6 .button-region-5 {
    top: 50px;
    right: 10px;
}

#subsectionUiPanel6 .button-region-8 {
    top: 250px;
    left: 15px;
}

#subsectionUiPanel6 .button-pref-31 {
    top: 10px;
    left: 230px;
}

#subsectionUiPanel6 .button-pref-32 {
    top: 50px;
    left: 80px;
}

#subsectionUiPanel6 .button-pref-33 {
    top: 75px;
    left: 225px;
}

#subsectionUiPanel6 .button-pref-34 {
    top: 100px;
    left: 140px;
}

#subsectionUiPanel6 .button-pref-35 {
    top: 150px;
    left: 40px;
}

#subsectionUiPanel6 .button-pref-36 {
    top: 180px;
    left: 280px;
}

#subsectionUiPanel6 .button-pref-37 {
    top: 130px;
    left: 220px;
}

#subsectionUiPanel6 .button-pref-38 {
    top: 180px;
    left: 110px;
}

#subsectionUiPanel6 .button-pref-39 {
    top: 220px;
    left: 200px;
}

/* subsectionUiPanel8 九州 */
#subsectionUiPanel8 .list-panel {
    background: url(../images/ui-map-8.png) left top / 365px 310px no-repeat;
}

#subsectionUiPanel8 .button-region-6 {
    top: 5px;
    right: 50px;
}

#subsectionUiPanel8 .button-region-7 {
    top: 100px;
    right: 10px;
}

#subsectionUiPanel8 .button-pref-40 {
    top: 27px;
    left: 170px;
}

#subsectionUiPanel8 .button-pref-41 {
    top: 40px;
    left: 90px;
}

#subsectionUiPanel8 .button-pref-42 {
    top: 100px;
    left: 50px;
}

#subsectionUiPanel8 .button-pref-43 {
    top: 120px;
    left: 140px;
}

#subsectionUiPanel8 .button-pref-44 {
    top: 80px;
    left: 190px;
}

#subsectionUiPanel8 .button-pref-45 {
    top: 160px;
    left: 200px;
}

#subsectionUiPanel8 .button-pref-46 {
    top: 190px;
    left: 90px;
}

#subsectionUiPanel8 .button-pref-47 {
    bottom: 20px;
    left: 40px;
}

/* subsection-ui-area */
.subsection-ui-area-header {
    margin-top: 0.2em;
    font-weight: bold;
}

.subsection-ui-area-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5em;
}

/* subsection-guide */
.subsection-guide button,
.toolbar-subsection a.button,
.toolbar-subsection input[type="submit"],
.toolbar-subsection input[type="button"],
.toolbar-subsection input[type="reset"] {
    font-size: 1.2rem;
}

.subsection-guide .title,
.subsection-guide .list {
    margin-top: 20px;
}

.subsection-guide .list {
    line-height: 3;
}

.subsection-guide .list .button {
    margin: 0 5px;
}

/* area-0 */
.area-0 {
    padding: 0 20px 20px;
    border: 2px solid #e2e2e2;
}

.area-1 {
    padding: 0 20px 20px;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
}

/* area-2 */
.area-2 {
    padding: 5px 20px;
    border: 2px solid #e2e2e2;
}

/* area-3 */
.area-3 {
    padding: 20px;
    border: 2px solid #cccccc;
}

/* area-4 */
.area-4 {
    margin-top: 30px;
    padding-bottom: 20px;
    background: #f9f7f3;
}

.section-header-area-4 {
    padding: 10px 20px;
    background-color: #dbdbdb;
    font-size: 1.6rem;
    font-weight: bold;
}

/* area-form */
.area-form {
    padding: 20px;
    background: #f9f7f3;
    border: 1px solid #e2e2e2;
}

/* table-0 borderなし */
.table-0 {
}

.table-0 th,
.table-0 td {
    padding: 0 7px;
    line-height: 1.4;
}

/* table-1 borderなし */
.table-1 {
}

.table-1 th,
.table-1 td {
    padding: 5px 10px;
}

/* table-2 border水平のみ */
.table-2 {
}

.table-2 th,
.table-2 td {
    padding: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.table-2 thead th,
.table-2 thead td {
    text-align: center;
}

.table-2 tr:first-child th,
.table-2 tr:first-child td {
    border-top: 1px solid #dbdbdb;
}

.table-2 th {
    background: #f1f1f1;
    font-weight: bold;
    vertical-align: middle;
}

.table-2 .content-cell .attribute {
    display: block;
    margin: 5px 0 0 0;
}

.figure-subsection + .table-2 {
    margin-top: 20px;
}

/* table-3 borderあり スモールスクリーン幅1000px 検索結果 */
.table-3 {
    width: 100%;
}

.table-3 thead th {
}

.table-3 th,
.table-3 td {
    vertical-align: middle;
    padding: 10px 5px;
    border: 1px solid #cccccc;
    font-size: 1.2rem;
}

.table-3 .button {
    font-size: 1.2rem;
}

.table-3 tr:first-child th + th,
.table-3 tr:first-child td + td {
    border-left: none;
}

.table-3 th,
.table-3 tr.row-even td {
    background: #f5f5f5;
}

.table-3 th {
    text-align: center;
}

.table-3 input[type="checkbox"] {
    margin: 0;
}

.table-3 label input[type="checkbox"] {
    margin-right: 5px;
}

.table-3 p + p {
    margin-top: 0;
}

.table-3 p + .attribute {
    margin-top: 5px;
}

.table-3 .name-course {
    font-size: 1.4rem;
}

.table-3 a.link-boshu {
    color: #009900;
}

.table-3 .column-course-area {
    width: 60px;
}

.table-3 .column-course-name {
    width: 150px;
}

.table-3 .column-course-summary {
    width: 60px;
}

.table-3 .column-member-type {
    width: 75px;
}

.table-3 .column-member-fee {
    width: 75px;
}

.table-3 .column-member-fee-2 {
    width: 95px;
}

.table-3 .column-total-amount {
    width: 70px;
}

.table-3 .column-price-sell,
.table-3 .column-price-buy {
    width: 85px;
}

.table-3 .cell-price-sell,
.table-3 .cell-price-buy,
.table-3 .cell-price-range {
    display: table-cell;
}

.table-3 .cell-price-sell,
.table-3 .cell-price-buy {
    width: 75px;
}

.table-3 .cell-price-range {
    width: 15px;
}

.table-3 .cell-price-sell {
    text-align: right;
}

.table-3 .cell-price-buy {
    text-align: left
}

.table-3 .column-course-image {
    width: 100px;
}

.table-3 .column-course-overview {
    width: 200px;
}

.table-3 .column-kotsu {
    width: 200px;
}

.table-3 .column-member-market-arrow {
    width: 10px;
}

.table-3 .column-member-market {
    width: 90px;
}

.table-3 .column-rate-compare {
    width: 60px;
}

.table-3 .column-rate-compare-2 {
    width: 70px;
}

.table-3 .column-control {
    width: 95px;
}

.table-3 .column-control P + p {
    margin-top: 5px;
}

.table-3 .column-control .fieldset {
    margin-top: 5px;
}

.table-3 .column-control .fieldset label {
    font-size: 1.2rem;
}

.table-3 .column-control .button {
    width: 80px;
    padding: 7px 10px 5px;
}

.table-3 .figure img {
    max-width: 100px;
}

.table-3 .figure + .control {
    margin-top: 10px;
}

.table-3 .icon-circle-soba {
    width: 15px;
    height: 15px;
}

.table-3 .cell-member {
    line-height: 1;
}

.table-3 .cell-member .icon-member {
    width: 13px;
    height: 13px;
    margin-left: 2px;
}

/* table-3 icon-market */
.table-3 .member-market {
    position: relative;
}

.table-3 .member-market .icon-kabu {
    width: 18px;
    height: 18px;
    vertical-align: top;
    line-height: 2;
}

/* table-3 icon-rush */
.table-3 .price-sell .icon-rush {
    line-height: 1.8;
}

/* table-3 border */
.table-3.border th,
.table-3.border td {
    border: 1px solid #cccccc;
}

.table-3.border .border-none {
    border-right: none;
    border-left: none;
}

.table-3.border .border-right {
    border-right: 1px solid #cccccc;
}

/* table-4 borderあり スモールスクリーン分割表示 時価評価サービス */
.table-4 {
    width: 100%;
}

.table-4 th,
.table-4 td {
    vertical-align: middle;
    padding: 10px 5px;
    border: 1px solid #cccccc;
    font-size: 1.2rem;
}

.table-4 .button {
    font-size: 1.2rem;
}

.table-4 th,
.table-4 tr.row-even td {
    background: #f5f5f5;
}

.table-4 th {
    text-align: center;
}

/* table-5 border水平のみ 2カラム目ヘッダーを右揃え */
.table-5 th,
.table-5 td {
    padding: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.table-5 tr:first-child th,
.table-5 tr:first-child td {
    border-top: 1px solid #dbdbdb;
}

.table-5 th {
    background: #f1f1f1;
    font-weight: bold;
    width: 1em;
    white-space: nowrap;
}

.table-5 th:first-child {
    padding-right: 0;
}

.table-5 th:nth-child(2) {
    padding-left: 10px;
    text-align: right;
}

.table-5 td {
    width: 90%;
}

/* table-6 背景色赤 経営理念 */
.table-6 th,
.table-6 td {
    padding: 15px;
    border: 1px solid #ec002e;
    font-size: 1.6rem;
    font-weight: bold;
}

.table-6 th {
    background: #ec002e;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 20%;
    white-space: nowrap;
    font-size: 2rem;
}

/* table-section */
.table-section + p,
p + .table-section {
    margin-top: 10px;
}

.figure-table-section-right .figure-table-section {
    float: right;
    margin-left: 20px;
}

.figure-table-section-left .figure-table-section {
    float: left;
    margin-right: 20px;
}

.figure-table-section-di .figure-table-section {
    float: left;
    width: 48%;
}

.figure-table-section-di .figure-table-section:nth-child(2n+1) {
    margin-right: 4%;
}

/* table-chart-bar */
.table-chart-bar {
    border-bottom: 1px solid #cccccc;
    margin-top: 20px;
}

.table-chart-bar th {
    text-align: right;
    padding: 10px;
}

.table-chart-bar thead th,
.table-chart-bar thead td {
    border-bottom: 1px solid #cccccc;
}

.table-chart-bar thead th {
    font-weight: bold;
    padding: 20px 10px;
}

.table-chart-bar tbody th,
.table-chart-bar tbody td {
    font-size: 1.2rem;
}

.table-chart-bar tbody th {
    background: #f5f5f5;
}

/* chart-bar */
.table-chart-bar .chart-bar-outer {
    width: 0;
}

.table-chart-bar .chart-bar {
    text-align: right;
}

.table-chart-bar thead .chart-bar {
    color: #ffffff;
    background: #999999;
    padding: .2em .5em;
}

.table-chart-bar tbody .chart-bar {
    border-bottom: 2px solid #999999;
    color: #999999;
}

.table-chart-bar thead .chart-bar-0 {
    background: #ec002e;
}

.table-chart-bar tbody .chart-bar-0 {
    border-bottom: 2px solid #ec002e;
    color: #ec002e;
}

.table-chart-bar thead .chart-bar-1 {
    background: #6866c9;
}

.table-chart-bar tbody .chart-bar-1 {
    border-bottom: 2px solid #6866c9;
    color: #6866c9;
}

.table-chart-bar thead .chart-bar-2 {
    background: #5ba900;
}

.table-chart-bar tbody .chart-bar-2 {
    border-bottom: 2px solid #5ba900;
    color: #5ba900;
}

.table-chart-bar thead .chart-bar-3 {
    background: #ff8900;
}

.table-chart-bar tbody .chart-bar-3 {
    border-bottom: 2px solid #ff8900;
    color: #ff8900;
}

.table-chart-bar thead .chart-bar-4 {
    background: #3697ff;
}

.table-chart-bar tbody .chart-bar-4 {
    border-bottom: 2px solid #3697ff;
    color: #3697ff;
}

.table-chart-bar thead .chart-bar-5 {
    background: #ec2b66;
}

.table-chart-bar tbody .chart-bar-5 {
    border-bottom: 2px solid #ec2b66;
    color: #ec2b66;
}

.table-chart-bar thead .chart-bar-6 {
    background: #bb46b4;
}

.table-chart-bar tbody .chart-bar-6 {
    border-bottom: 2px solid #bb46b4;
    color: #bb46b4;
}

.table-chart-bar thead .chart-bar-7 {
    background: #34b7c6;
}

.table-chart-bar tbody .chart-bar-7 {
    border-bottom: 2px solid #34b7c6;
    color: #34b7c6;
}

.table-even-2 th,
.table-even-2 td {
    width: 50%;
}

.table-header-right th {
    text-align: right;
}

/* list-0 mt5 */
.list-0 li {
    margin-top: 5px;
}

/* list-1 mt20 */
.list-1 {
    font-size: 1.6rem;
    font-weight: bold;
}

.list-1 > li {
    margin-left: 1.5em;
    margin-top: 20px;
}

ul.list-1 > li {
    list-style: disc;
}

ol.list-1 > li {
    list-style: decimal;
}

.list-1 > li .header-list {
}

.list-1 > li .content-list {
    font-size: 1.4rem;
    font-weight: normal;
    color: #333333;
    margin-top: 5px;
}

/* list-2 */
.list-2 > li {
}

/* list-3 mt5 */
.list-3 > li {
    margin-left: 1.5em;
    margin-top: 5px;
}

ul.list-3 > li {
    list-style: disc;
}

ul.list-3.list-none > li {
    list-style: none;
}

ol.list-3 > li {
    list-style: decimal;
}

.list-3 > li .header-list {
    font-weight: bold;
}

.list-3 > li .content-list {
}

/* list-4 accordion */
.list-4 {
}

.list-4 > li + li {
    border-top: 1px solid #ffffff;
}

.list-4 > li .header-list {
    font-size: 1.8rem;
    padding: 10px 15px 5px;
    background: #e2e2e2;
    cursor: pointer;
}

.list-4 > li .header-list .icon-arrow-vertical-up,
.list-4 > li .header-list .icon-arrow-vertical-down {
    background-position: right .5em;
    display: block;
}

.list-4 > li .header-list.active {
    color: #ffffff;
    background: #ec002e;
}

.list-4 > li .content-list {
    background: #f5f5f5;
    padding: 20px;
}

/* list-5 mt10 */
.list-5 > li {
    margin-left: 1.5em;
    margin-top: 10px;
}

ul.list-5 > li {
    list-style: disc;
}

ul.list-5.list-none > li {
    list-style: none;
}

ol.list-5 > li {
    list-style: decimal;
}

ol.list-5.list-upper-alpha > li {
    list-style: upper-alpha;
}

/* list-6 */
.list-6 > li {
    margin: 0 20px;
}

/* list-link */
.list-link {
}

.list-link > li {
    font-size: 1.8rem;
    font-weight: bold;
}

.list-link > li + li {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 20px;
}

.list-link > li ul li {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 15px 0 0 40px;
}

.list-link > li ul li ul li {
    font-size: 1.4rem;
}

.list-link > li ul li ul li + li {
    margin-top: 10px;
}

/* list-image */
.list-image {
}

.list-image li {
    float: left;
    width: 25%;
    margin-top: 10px;
}

.figure-list-image {
    margin: 0 5px 0;
    height: 116px;
    overflow: hidden;
}

.figure-list-image img {
    width: 100%;
}

.main-list-image {
    margin: 5px;
}

.main-list-image .caption {
    height: 3em;
    overflow: hidden;
}

/* column-2 */
.column-2 .table {
    display: table;
    width: 100%;
}

.column-2 .cell {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.column-2 .th,
.column-2 .td {
    padding: 5px 10px 5px 0;
}

/* column-2 border */
.column-2.border .th,
.column-2.border .td {
    padding: 15px 10px 10px 0;
}

.column-2.border .table + .table {
    border-top: 1px solid #e2e2e2;
}

/* column-2 no-border */
.column-2.no-border .th,
.column-2.no-border .td {
    padding: 5px 0 0 0;
}

/* column-4 */
.column-4 .table {
    display: table;
    width: 100%;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.column-4 .table + .table {
    display: table;
    width: 100%;
    border-top: none;
}

.column-4 .th,
.column-4 .td {
    padding: 10px;
    display: table-cell;
}

.column-4 .th {
    width: 10%;
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
}

.column-4 .td {
    width: 40%;
}

/* article-1 */
.article-1 .article {
    width: 48%;
    float: left;
    margin-top: 20px;
}

.article-1 .article:nth-child(-n+2) {
    margin-top: 0;
}

.article-1 .article:nth-child(2n+1) {
    margin-right: 4%;
}

.article-1 .figure-article {
    float: left;
}

.article-1 .figure-article a,
.article-1 .figure-article .no-link {
    display: block;
    width: 100px;
    height: 100px;
}

.article-1 .figure-article img {
    width: 100%;
    height: 100%;
}

.article-1 .main-article {
    font-size: 1.2rem;
    margin-left: 115px;
}

.article-1 .header-article {
    font-size: 1.4rem;
}

/* article-2 */
.article-2 .article + .article {
    border-top: 1px dotted #7f7f7f;
    margin-top: 10px;
    padding-top: 10px;
}

.article-2 .date-article,
.article-2 .sign-article,
.article-2 .content-article {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
}

.article-2 .sign-article .sign {
    width: 90px;
}

.article-2 .attribute-article {
    font-size: 1.2rem;
}

.article-2 .header-article {
    font-weight: bold;
}

.article-2 .header-article a {
    font-weight: normal;
}

.article-2 + .pagination-outer,
.pagination-outer + .article-2 {
    margin-top: 40px;
}

.article-2 .detail-article {
    margin-top: 10px;
    padding: 0 10px;
}

.article-2 .detail-article.is-visible {
    display: block;
    animation: keyframes-fade-in .2s linear 0s;
}

.article-2 .detail-article.is-hidden {
    animation: keyframes-fade-out .2s linear 0s;
    display: none;
}

.article-2 .side-detail-article {
    float: right;
    margin: 0 0 5px 10px;
    max-width: 30%;
}

/* article-3 */
.article-3 .article {
    margin-top: 15px;
    font-size: 1.2rem;
}

.article-3 .figure-article {
    float: left;
}

.article-3 .figure-article img {
    width: 50px;
}

.article-3 .main-article {
    margin-left: 60px;
}

/* article-4 */
.article-4 .article {
    border: 1px solid #cccccc;
    padding: 20px;
}

.article-4 .article + .article {
    margin-top: 30px;
}

.article-4 .figure-article {
    width: 230px;
    float: left;
}

.article-4 .main-article {
    margin-left: 250px;
}

.article-4 .header-article {
    font-size: 2.4rem;
    border-bottom: 2px solid #ec002e;
}

.article-4 .header-article + p {
    margin-top: 5px;
}

/* article-5 */
.article-5 .article + .article {
    border-top: 1px dotted #7f7f7f;
    margin-top: 10px;
    padding-top: 10px;
}

.article-5 .head-article {
    float: left;
    width: 470px;
    font-size: 1.8rem;
    font-weight: bold;
}

.article-5 .attribute-article {
    float: right;
    width: 170px;
    font-size: 1.2rem;
    text-align: right;
}

.article-5 .body-article {
    margin-top: 5px;
}

.article-5 .side-article {
    float: right;
    width: 300px;
    max-height: 200px;
    overflow: hidden;
    margin-left: 10px;
}

.article-5 .side-article img {
    max-width: 100%;
}

/* tile-1 インデックスページ */
.tile-1 .table {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 30px;
}

.tile-1 .cell {
    display: table-cell;
    width: 50%;
    height: 100%;
}

.tile-1 .tile {
    width: 330px;
    display: block;
    height: 100%;
    margin-left: 40px;
    border: 1px solid #eaeaea;
    border-top: 1px solid #ec002e;
}

.tile-1 .tile.row-first {
    margin-top: 0;
}

.tile-1 .tile.column-first {
    margin-left: 0;
}

.tile-1 .tile a,
.tile-1 .tile .no-link {
    display: block;
    padding: 25px;
    color: #333333;
    text-decoration: none;
}

.tile-1 a .header-tile {
    margin-top: 10px;
    font-weight: bold;
    color: #007dd6;
    font-size: 1.8rem;
}

.tile-1 .figure-tile img {
    width: 100%;
}

/* tile-2 推薦コース ランク別会員権 */
.tile-2 .tile {
    float: left;
    margin: 30px 0 0 30px;
    border: 3px solid #eaeaea;
}

.tile-2 .tile.row-first {
    margin-top: 0;
}

.tile-2 .tile.column-first {
    margin-left: 0;
}

.tile-2 .main-tile,
.tile-2 .figure-tile {
    display: table-cell;
    vertical-align: middle;
}

.tile-2 .main-tile {
    width: 127px;
    padding: 0 10px;
    background: #5d6eb6;
}

.tile-2 a {
    display: block;
}

.tile-2 a .header-tile {
    color: #ffffff;
    font-size: 1.6rem;
}

.tile-2 .caption-header-tile {
    font-size: 1.2rem;
    display: block;
}

.tile-2 .icon-label {
    height: 43px;
    display: table-cell;
    vertical-align: middle;
}

.tile-2 .figure-tile {
    width: 182px;
}

.tile-2 .figure-tile img {
    width: 182px;
}

/* tile-3 急ぎ売買情報 */
.tile-3 .tile {
    margin-top: 40px;
    padding-bottom: 15px;
    border: 1px solid #dbdbdb;
    width: 330px;
    float: left;
}

.tile-3 .tile:nth-child(-n+2) {
    margin-top: 20px;
}

.tile-3 .tile:nth-child(2n+0) {
    margin-left: 40px;
}

.tile-3 .header-tile {
    position: relative;
    padding: 15px 15px 12px;
    margin: 1px 1px 0;
    background: #f1f1f1;
}

.tile-3 .header-tile .date-modified {
    position: absolute;
    right: 15px;
    font-size: 1rem;
}

.tile-3 .head-tile {
    margin-top: 5px;
    font-weight: bold;
}

.tile-3 .subhead-tile {
    font-size: 1.1rem;
    font-weight: normal;
}

.tile-3 .data-tile {
    padding: 15px 15px 0;
}

.tile-3 .figure-data-tile {
    float: left;
}

.tile-3 .figure-data-tile img {
    width: 160px;
}

.tile-3 .main-data-tile {
    margin-left: 175px;
}

.tile-3 .button {
    padding: 7px 20px 5px;
}

.tile-3 .data-tile p + p,
.tile-3 .content-tile p + p {
    margin-top: 0;
}

.tile-3 .main-data-tile table + p {
    margin-top: 5px;
}

.tile-3 .table-data-tile {
    font-size: 1.2rem;
}

.tile-3 .data-tile .button {
    font-size: 1.2rem;
}

.tile-3 .content-tile {
    margin-top: 10px;
    padding: 0 15px;
    font-size: 1.2rem;
}

.tile-3 .head-content-tile {
    font-weight: bold;
}

.tile-3 + .pagination {
    margin-top: 20px;
}

/* tile-4 LP */
.tile-4 .tile {
    margin-top: 20px;
    padding-bottom: 15px;
    border: 1px solid #dbdbdb;
}

.tile-4 .header-tile {
    position: relative;
    padding: 15px 15px 12px;
    margin: 1px 1px 0;
    background: #f1f1f1;
}

.tile-4 .header-tile .date-modified {
    position: absolute;
    right: 15px;
    font-size: 1rem;
}

.tile-4 .head-tile {
    font-size: 1.8rem;
    font-weight: bold;
}

.tile-4 .subhead-tile {
    font-size: 1.1rem;
    font-weight: normal;
}

.tile-4 .head-content-tile {
    font-weight: bold;
}

.tile-4 .data-tile {
    padding: 15px 20px 5px;
}

/* form-1（相場検索） */
.form-1 .field-group {
    display: flex;
    flex-flow: row nowrap;
}

.form-1 .field-group-1,
.form-1 .field-group-2 {
    width: 50%;
}

.form-1 .fieldset + .fieldset {
    margin-top: 20px;
}

.form-1 .legend {
    font-weight: bold;
}

.form-1 .field {
    margin-top: 10px;
}

.form-1 .header-field + select,
.form-1 .header-field + input {
    margin-left: 10px;
}

.form-1 .block-table {
    margin-top: 10px;
    display: table;
}

.form-1 .block-table-row {
    display: table-row;
}

.form-1 .block-table-header,
.form-1 .block-table-data {
    display: table-cell;
}

.form-1 .block-table-header {
    white-space: nowrap;
}

.form-1 .block-table-data {
    padding-left: 15px;
}

.form-1 .block-table-data select {
    margin-top: 5px;
}

.form-1 .select-area {
    /*margin-top: 10px;*/
}

.form-1 .input-word {
    width: 220px;
}

.form-1 .input-age {
    width: 50px;
}

.form-1 .input-price {
    text-align: right;
    width: 80px;
}

.form-1 input[type="checkbox"] + label {
    margin-right: .5em;
}

.form-1 .control input + input {
    margin-left: 15px;
}

.form-1 .button {
    width: 30%;
}

/* form-2（お問い合わせ、お見積り、新規会員登録） */
.form-2 {
}

.form-2 input[type="text"],
.form-2 input[type="password"],
.form-2 input[type="email"] {
    width: 90%;
}

.form-2 input[type="radio"] + label,
.form-2 input[type="checkbox"] + label {
    margin-right: .5em;
}

.form-2 label + input[type="text"] {
    margin-right: .5em;
}

.form-2 input[type="email"] {
    font-size: 1.6rem;
}

.form-2 textarea {
    width: 90%;
    height: 10em;
}

.form-2 input.text-zip {
    width: 10rem;
}

.form-2 input.text-zip + input[type="text"] {
    margin-top: 10px;
}

.form-2 input.text-zip-1 {
    width: 5rem;
}

.form-2 input.text-zip-2 {
    width: 6rem;
}

.form-2 input.input-price {
    text-align: right;
    width: 80px;
}

.form-2 input.input-age {
    text-align: right;
    width: 80px;
}

.form-2 input.input-half {
    width: 50%;
}

.form-2 .textarea-medium {
    height: 10rem;
}

.form-2 select + select {
    margin-left: 10px;
}

.form-2 p + input {
    margin-top: 10px;
}

.form-2 .label-group {
    display: inline-block;
}

.form-2 .block-form + .block-form {
    margin-top: 10px;
}

.form-2 .field {
    display: inline-block;
    margin: 20px 0 0 0;
}

.form-2 .linefeed {
    margin-left: 20px;
}

.form-2 .linefeed input[type="text"] {
    width: 40%;
    margin-left: 5px;
}

/* form-3（キーワード検索） */
.form-3 .field {
    margin-top: 20px;
    display: inline-block;
}

.form-3 .field + .field {
    margin-left: 20px;
}

.form-3 .header-field {
    vertical-align: middle;
}

/* form-4（相場検索 HOME） */
.form-4 {
    position: relative;
}

.form-4 .field {
    margin-top: 10px;
}

.form-4 .field-wrap-small {
    /*margin-left: 1em;*/
}

.form-4 .header-field {
    display: inline-block;
    width: 5em;
}

.form-4 .control-field .input-keyword {
    width: 80%;
    padding: 2px;
}

.form-4 .control-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}

.form-4 .control-right-bottom .button {
    /*padding: 10px 30px 10px;*/
}

/* map */
.map-profile {
    height: 400px;
    width: 700px;
}

.map-profile iframe {
    height: 100%;
    width: 100%;
}

.middle.column-single .map-profile {
    height: 350px;
    width: 100%;
}

/**
 * opacity
 */
.slick-slider .icon-arrow-circle-large-right,
.slick-slider .icon-arrow-circle-large-left,
.footer .control {
    opacity: .8;
}

.banner:hover,
.button:hover,
.button.disabled,
.button-cta:hover {
    opacity: .7;
}

.button.disabled {
    cursor: default;
}

/**
 * transition
 * gte IE 10
 */
.banner,
.button,
.button-cta,
.table-chart-bar .chart-bar-outer,
.pagination a,
.nav-global li a,
.nav-course li a,
.subsection-ui .list-panel a,
.tab li a {
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

/**
 * keyframes
 * gte IE 11
 */
@keyframes keyframes-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes keyframes-fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/**
 * clearfix
 */
.list-2,
.list-figure,
.tile-1,
.tile-2,
.tile-3,
.data-tile,
.button-pref-3,
.subsection,
.subsection-2,
.subsection .nav-cta,
.table-section,
.article-1,
.article-5 .header-article,
.article-5 .body-article,
.article,
.nav-global,
.nav-course,
.nav-detail-6,
.middle .inner,
.tab,
.list-item-boshu-offer,
.main-detail-article {
    zoom: 1;
}

.list-2:after,
.list-figure:after,
.tile-1:after,
.tile-2:after,
.tile-3:after,
.data-tile:after,
.button-pref-3:after,
.subsection:after,
.subsection-2:after,
.subsection .nav-cta:after,
.table-section:after,
.article-1:after,
.article-5 .header-article:after,
.article-5 .body-article:after,
.article:after,
.nav-global:after,
.nav-course:after,
.nav-detail-6:after,
.middle .inner:after,
.tab:after,
.list-item-boshu-offer:after,
.main-detail-article:after {
    content: "";
    display: block;
    clear: both;
}

/**
 * border-radius
 * gte IE 9, Firefox 4, Chrome 5, Safari 5, Opera 10.5, iOS 4, Android 2.2
 */
.button,
.pagination a,
.pagination .current_page,
.attention-required,
.list-panel a,
.subsection-guide button,
.main .subsection .nav-cta li {
    border-radius: 3px;
}

/**
 * gradient
 */
.sample {
    background: #000000;
}

/* sample hex */
.sample {
    background: #008239;
    filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1, GradientType=0, StartColorStr="#ff0c995b", EndColorStr="#ff008239");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c995b), color-stop(49%, #0c995b), color-stop(51%, #008239), color-stop(100%, #008239));
    background: -webkit-linear-gradient(top, #0c995b 0%, #0c995b 49%, #008239 51%, #008239 100%);
    background: linear-gradient(to bottom, #0c995b 0%, #0c995b 49%, #008239 51%, #008239 100%);
}

/* sample alpha */
.sample {
    background: #008239;
    filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1, GradientType=0, StartColorStr="#ff0c995b", EndColorStr="#ff008239");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(116, 196, 69, 1)), color-stop(100%, rgba(86, 145, 51, 1)));
    background: -webkit-linear-gradient(top, rgba(116, 196, 69, 1), rgba(86, 145, 51, 1));
    background: linear-gradient(to bottom, rgba(116, 196, 69, 1), rgba(86, 145, 51, 1));
}

/**
 * container
 */
.container {
    min-width: 1100px;
}

/**
 * header
 */
.header {
    padding-top: 10px;
}

.header .inner {
    position: relative;
    height: 90px;
}

.header .logo {
    width: 229px;
    height: 55px;
}

.header .logo a {
    width: 100%;
    height: 100%;
    background: url(../images/logo.png) left top / 229px 55px no-repeat;
}

.header .description {
    font-size: 1.2rem;
    padding-top: 5px;
    margin-left: 65px;
}

/* utility-member */
.header .utility-member {
    position: absolute;
    top: 0;
    right: 50px;
}

.header .utility-member .icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #333333;
}

.header .utility-member .icon + .icon {
    margin-left: 1em;
}

.header .utility-member .icon-x {
    background: url(../images/icon-x.png) left top / 20px 20px no-repeat;
    padding-left: 25px;
    min-height: 20px
}

.header .utility-member .icon-gear {
    background: url(../images/icon-gear.png) left top / 20px 20px no-repeat;
    padding-left: 25px;
    min-height: 20px
}

.header .utility-member .icon-person {
    background: url(../images/icon-person.png) left top / 20px 20px no-repeat;
    padding-left: 25px;
    min-height: 20px
}

.header .utility-member .icon-star {
    background: url(../images/icon-star.png) left top / 14px 20px no-repeat;
    padding-left: 19px;
    min-height: 20px
}

.header .utility-member .icon-key {
    background: url(../images/icon-key.png) left top / 10px 19px no-repeat;
    padding-left: 15px;
    min-height: 19px;
}

/* utility-service */
.header .utility-service {
    position: absolute;
    top: 33px;
    right: 430px;
}

.header .utility-facebook,
.header .utility-twitter,
.header .utility-google-plus {
    display: inline-block;
    width: 25px;
}

.header .utility-facebook img,
.header .utility-twitter img,
.header .utility-google-plus img {
    width: 100%;
}

.header .utility-twitter,
.header .utility-google-plus {
    margin-left: 10px;
}

/* nav-cta */
.header .nav-cta {
    background: #50b573;
    border: 3px solid #50b573;
    border-radius: 5px;
    position: absolute;
    top: 30px;
    right: 50px;
}

.header .nav-cta li {
    display: inline-block;
    padding: 3px 10px 1px;
}

.header .nav-cta li + li {
    border-left: 1px solid #ffffff;
}

.header .nav-cta .icon {
    display: block;
    width: 100%;
    padding: 0 0 0 27px;
    font-size: 1.2rem;
    color: #ffffff;
}

.header .nav-cta .icon-tag {
    background: url(../images/icon-tag.png) left top / 18px 18px no-repeat;
}

.header .nav-cta .icon-cart {
    background: url(../images/icon-cart.png) left top / 18px 18px no-repeat;
}

.header .nav-cta .icon-chat {
    background: url(../images/icon-chat.png) left top / 18px 18px no-repeat;
}

/* utility-cta */
.header .utility-cta {
    position: absolute;
    bottom: 0;
    right: 50px;
}

.header .utility-cta .item-cta {
    display: inline-block;
    margin-left: 2rem;
    font-size: 1.2rem;
}

.header .utility-cta .item-cta .icon-free-dial {
    background: url(../images/icon-free-dial.png) left center / 25px 15px no-repeat;
    padding-left: 27px;
}

.header .utility-cta .item-cta .number {
    font-size: 1.6rem;
    margin-left: 0.5rem;
}

/**
 * nav
 */
.nav {
    background: #ec002e;
    padding-bottom: 2px;
    border-top: 1px solid #e5e5e5;
    margin-top: 5px;
}

.nav .outer {
    background: #f8f8f8;
    padding: 3px 0;
}

/* nav-global */
.nav-global {
}

.nav-global li {
    float: left;
    width: 12.5%;
    border-right: 1px solid #ffffff;
}

.nav-global li a {
    font-size: 1.2rem;
    color: #333333;
    display: block;
    height: 100%;
    text-align: center;
    padding: 13px 0 10px;
    text-decoration: none;
    border-right: 1px solid #e5e5e5;
}

.nav-global li:first-child {
    border-left: 1px solid #e5e5e5;
}

.nav-global li:first-child a {
    border-left: 1px solid #ffffff;
}

.nav-global li a:hover,
.nav-global li.active a {
    background: #fff3f2;
}

/* nav-course */

/**
 * eyecatch
 */
.eyecatch {
    opacity: 0;
}

/**
 * upper
 */
.upper {
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%);
    border-bottom: 1px solid #f3f3f3;
}

.header-chapter {
    font-size: 2.4rem;
    font-weight: bold;
    height: 83px;
    padding: 25px 15px 0;
    background: url("../images/header-chapter.png") right top no-repeat;
}

/**
 * viewer
 */
.viewer {
    background: #0e0e0e;
    padding: 15px 0 20px;
    opacity: 0;
}

.viewer.viewer-theme-1 {
    background: linear-gradient(to bottom, #0e0e0e 0%, #0e0e0e 100%);
}

.viewer.viewer-theme-2 {
    background: linear-gradient(to bottom, #004600 0%, #002d00 100%);
}

.viewer.viewer-theme-3 {
    background: linear-gradient(to bottom, #11357f 0%, #0f244e 100%);
}

.viewer.viewer-theme-4 {
    background: linear-gradient(to bottom, #600505 0%, #3d0000 100%);
}

.head-viewer {
    padding: 0 50px;
    font-size: 3.2rem;
    color: #ffffff;
}

/* list-viewer */
.list-viewer {
    height: 500px;
    margin-top: 10px;
    padding: 0 50px;
}

.list-viewer figure {
    position: relative;
}

.list-viewer figure img {
    width: 900px;
    height: 500px;
}

.list-viewer figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 10px 10px;
    padding: 10px 15px 7px;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}

/* list-thumb-viewer */
.list-thumb-viewer {
    margin-top: 10px;
    padding: 0 44px 0 50px;
}

.list-thumb-viewer figure img {
    border: 1px solid #666666;
    width: 120px;
    height: 70px;
}

.list-thumb-viewer .slick-current figure img {
    border: 3px solid #ff0000;
}

/**
 * middle
 */
.middle + .middle {
    margin-top: 25px;
}

.middle.column-narrow .inner {
    padding: 0 100px;
}

/**
 * upper-middle
 */
.upper-middle {
    margin-top: 10px;
}

.breadcrumb {
    display: inline-block;
    font-size: 1.2rem;
}

.breadcrumb + .breadcrumb {
    padding-left: 5px;
}

.breadcrumb span {
    padding-left: 5px;
}

/**
 * main
 */
.main {
    float: left;
    width: 700px;
}

.column-single .main {
    float: none;
    width: 100%;
}

/* main section */
.main .outer-header-section {
    position: relative;
}

.main .outer-header-section .control-header-section {
    position: absolute;
    top: -7px;
    right: 0;
    padding-top: 0;
}

.main .header-section {
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    margin-top: 60px;
}

.main .header-part + .section .header-section {
    margin-top: 30px;
}

.main .header-part + .section-nav-course {
    margin-top: 30px;
}

.main .underline-header-section {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 50%;
    border-bottom: 1px solid #ec002e;
}

.main .header-section.header-section-3 {
    border-bottom: 1px solid #ec002e;
}

/* main section-2 */
.main .section-2 {
    margin-top: 50px;
}

.main .header-section-2 {
    font-size: 3.2rem;
    color: #000000;
    line-height: 1;
}

.main .header-section-2.header-section-theme-1 {
    color: #000000;
}

.main .header-section-2.header-section-theme-2 {
    color: #006700;
}

.main .header-section-2.header-section-theme-3 {
    color: #0a3ba4;
}

.main .header-section-2.header-section-theme-4 {
    color: #aa0021;
}

.main .header-section-icon {
    min-height: 2em;
    margin-top: 30px;
    background: url(../images/icon-golf-club.svg) left top / 2em 2em no-repeat, linear-gradient(90deg, #ffffff 2.5em, transparent 2.5em, transparent 100%), linear-gradient(0deg, #50b573 2px, transparent 2px, transparent 100%);
    padding-left: 2.6em;
    color: #50b573;
    font-size: 2rem;
    font-weight: bold;
}

.main .header-section-icon.mod-a {
}

/* main subsection */
.main .subsection {
    margin-top: 30px;
}

.main .subsection.subsection-graph {
    margin-top: 0px;
}

.main .header-subsection {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 30px;
}

.area-3 .header-subsection {
    margin-top: 0;
}

.main .header-subsection.parent-header-subsection {
    position: relative;
}

.main .header-subsection.parent-header-subsection .date-modified {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.4rem;
    font-weight: normal;
}

.main .subsection .header-subsection + p {
    margin-top: 15px;
}

.main .header-subsection-2 {
    background: url(../images/icon-square.png) left .5em / 8px 8px no-repeat;
    padding-left: 15px;
    min-height: 1em;
}

.main .caption-header-subsection {
    color: #333333;
    font-size: 1.4rem;
    font-weight: normal;
    margin-left: 1em;
}

/* main subsection nav-cta */
.main .subsection .nav-cta {
    margin-top: 20px;
}

.main .subsection .nav-cta li {
    float: left;
    width: 30%;
}

.main .subsection .nav-cta li + li {
    margin-left: 5%;
}

.main .subsection .nav-cta li a {
    display: block;
    padding: 10px 0 7px;
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.main .subsection .nav-cta .cta-1 {
    background: #264fac;
}

.main .subsection .nav-cta .cta-2 {
    background: #ef1515;
}

.main .subsection .nav-cta .cta-3 {
    background: #eca700;
}

.main .subsection .nav-cta .icon {
    padding-left: 35px;
    display: inline-block;
    min-height: 25px;
}

.main .subsection .nav-cta .icon-tag {
    background: url(../images/icon-tag.png) left center / 25px 25px no-repeat;
}

.main .subsection .nav-cta .icon-cart {
    background: url(../images/icon-cart.png) left center / 25px 25px no-repeat;
}

.main .subsection .icon-chat {
    background: url(../images/icon-chat.png) left center / 25px 25px no-repeat;
}

/* main subsection control-cta */
.main .subsection .control-cta .button {
    padding: 10px;
}

/* main subsection-2 */
.main .subsection-2 {
    margin-top: 30px;
}

.main .subsection-2 strong {
    font-weight: bold;
}

.main .figure-subsection-2 {
    margin-top: 20px;
}

.main .figure-subsection-2 + p {
    margin-top: 20px;
}

.main .figure-subsection-2-small,
.main .figure-subsection-2-medium,
.main .figure-subsection-2-large {
    display: table;
    width: 300px;
}

.main .figure-subsection-2-small img {
    width: 300px;
}

.main .figure-subsection-2-medium img {
    width: 400px;
}

.main .figure-subsection-2-large img {
    width: 500px;
}

.main .figure-subsection-2-full img {
    width: 100%;
}

.main .figure-subsection-2-right + p,
.main .figure-subsection-2-left + p {
    margin-top: 0;
}

.main .figure-subsection-2-right .figure-subsection-2 {
    float: right;
    margin: 0 0 10px 20px;
}

.main .figure-subsection-2-right .figure-subsection-2 + p {
    margin-top: 0;
}

.main .figure-subsection-2-left .figure-subsection-2 {
    float: left;
    margin: 0 20px 10px 0;
}

.main .figure-subsection-2-left .figure-subsection-2 + p {
    margin-top: 0;
}

.main .figure-subsection-2-center .figure-subsection-2-small,
.main .figure-subsection-2-center .figure-subsection-2-medium,
.main .figure-subsection-2-center .figure-subsection-2-large {
    margin: 0 auto;
}

.main .figure-subsection-2 .caption {
    text-align: left;
    margin-top: 5px;
}

/* main block */
.main .block + .block {
    margin-top: 10px;
}

/* list-item */
.list-item {
    margin-top: 20px;
    padding: 0 14px;
}

.list-item .item {
    margin: 5px;
    border: 3px solid #eaeaea;
}

.list-item .item figure {
    position: relative;
}

.list-item .item figure img {
    width: 100%;
}

.list-item .item figure figcaption {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    padding: 10px 15px 7px;
    background: rgba(12, 72, 3, 0.7);
    color: #ffffff;
}

.list-item-1,
.list-item-2 {
    opacity: 0;
}

.list-item-boshu-offer {
    padding: 0;
}

.list-item-boshu-offer .item-wrapper {
    float: left;
    padding: 0 5px;
    width: 50%;
}

.list-item-boshu-offer .item-wrapper .item {
    margin-top: 10px;
}

/**
 * side
 */
.side {
    float: right;
    width: 260px;
    margin-top: 20px;
}

/* side section */
.side .section {
    margin-top: 10px;
}

/* side section-1 */
.side .section-1 + .section-1 {
    margin-top: 10px;
}

.side .section-1 .header-section {
    font-size: 1.6rem;
    padding: 8px 15px 5px;
    color: #ffffff;
    background: #ec002e;
}

.side .section-1.section-a .header-section {
    background: #747dde;
}

.side .section-1.section-b .header-section {
    background: #ff7fb5;
}

.side .section-1.section-c .header-section {
    background: #538966;
}

.side .section-1.section-d .header-section {
    background: #ff995c;
}

.side .section-1 .header-section a {
    color: #ffffff;
}

.side .section-1 .subsection .block,
.side .section-1 .subsection .article {
    margin-right: 15px;
    margin-left: 15px;
}

.side .section-1 .scroll .block,
.side .section-1 .scroll .article {
    margin-right: 0;
}

/* side section-1 nav-local */
.side .section-1 .nav-local {
    border: 2px solid #e2e2e2;
}

.side .section-1 .nav-local li {
    padding: 15px 15px 10px 15px;
}

.side .section-1 .nav-local li a {
    display: block;
    background-position: left .3em;
    color: #333333;
}

.side .section-1 .nav-local li a.icon-arrow-right {
    background: url(../images/icon-arrow-right-2.png) no-repeat;
}

.side .section-1 .nav-local li a.icon-arrow-left {
    background: url(../images/icon-arrow-left-2.png) no-repeat;
}

.side .section-1 .nav-local li a.icon-arrow-right,
.side .section-1 .nav-local li a.icon-arrow-left {
    background-size: 7px 12px;
    background-position: left .3em;
}

.side .section-1 .nav-local li.select_menu a {
    color: #ec002e;
}

.side .section-1 .nav-local > li + li {
    border-top: 1px solid #e2e2e2;
}

.side .section-1 .nav-local li ul li {
    padding: 10px 0 0 15px;
}

/* side section-1 subsection */
.side .section-1 .subsection {
    border: 2px solid #e2e2e2;
    padding: 15px 0;
}

.side .section-1.section-a .subsection {
    border: 2px solid #d7daf4;
}

.side .section-1.section-b .subsection {
    border: 2px solid #ffd6e5;
}

.side .section-1.section-c .subsection {
    border: 2px solid #c6ddce;
}

.side .section-1.section-d .subsection {
    border: 2px solid #ffd6bd;
}

/* side section-2 subsection */
.side .section-2 {
    border-top: 1px dotted #7f7f7f;
    padding-top: 5px;
}

.side .section-2 .header-section {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px dotted #7f7f7f;
}

.side .section-2 .subheader-section {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 15px 0 3px;
    border-bottom: 1px dotted #7f7f7f;
}

/* side section-3 */
.side .section-3 {
    margin-top: 15px;
    border: 1px solid #dbdbdb;
}

.side .section-3 .header-section {
    padding: 8px 15px 5px;
    margin: 1px 1px 0;
    background: #f1f1f1;
}

.side .section-3 .list {
    margin-top: 10px;
    padding-bottom: 10px;
}

.side .section-3 .list li {
    font-size: 1.2rem;
    margin: 5px 10px;
}

/* side aside */
.side .aside + .aside {
    border-top: 1px dotted #7f7f7f;
    margin-top: 20px;
    padding-top: 10px;
}

.banner-aside li {
    border: 3px solid #eaeaea;
    margin-top: 10px;
}

.banner-aside li img {
    width: 254px;
}

/* side block */
.side .block + .block {
    border-top: 1px dotted #7f7f7f;
    margin-top: 5px;
    padding-top: 8px;
}

/**
 * footer
 */
.footer {
    margin-top: 120px;
    padding: 40px 0 10px;
    background: #898989;
}

.footer,
.footer a {
    color: #ffffff;
}

.footer .inner {
    position: relative;
}

/* control */
.footer .control-absolute {
    position: absolute;
    top: -100px;
    right: -10px;
}

.footer .control-fixed {
    position: fixed;
    bottom: 50px;
    margin-left: 975px;
    z-index: 10;
}

/* nav-detail */
.column-nav-detail {
    float: left;
    width: 20%;
}

.nav-detail + .nav-detail {
    margin-top: 10px;
}

.header-nav-detail {
    font-weight: bold;
}

.content-nav-detail {
    font-size: 1.2rem;
    margin-top: 5px;
}

.content-nav-detail li {
    list-style: disc;
    margin-left: 1em;
    padding-right: 1em;
}

.footer .small {
    font-size: 1rem;
    text-align: right;
    padding-top: 20px;
}

/**
 * amCharts
 */
.amcharts + .caption {
    margin-top: 15px;
}

/**
 * jquery.mCustomScrollbar
 */
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #d5d5d5;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d5d5d5;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #d5d5d5;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #d5d5d5;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
            sprites locations
            light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
            dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
            */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
            sprites locations
            light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
            dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
            */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
            sprites locations
            light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
            dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
            */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
            sprites locations
            light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
            dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
            */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/**
 * slick.css
 */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

/**
 * slick-theme.css
 */
.slick-loading .slick-list {
    background: #ffffff url("../slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("../slick/fonts/slick.eot");
    src: url("../slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../slick/fonts/slick.woff") format("woff"), url("../slick/fonts/slick.ttf") format("truetype"), url("../slick/fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * slick eyecatch
 */
.eyecatch .slick-slider {
    margin-bottom: 0;
}

/* icon-arrow-circle-large */
.eyecatch .slick-slider .icon-arrow-circle-large-right,
.eyecatch .slick-slider .icon-arrow-circle-large-left {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.eyecatch .slick-slider .icon-arrow-circle-large-right {
    right: -25px;
}

.eyecatch .slick-slider .icon-arrow-circle-large-left {
    left: -25px;
}

/* slick-dots */
.eyecatch .slick-dots {
    bottom: 0px;
}

.eyecatch .slick-dots li {
    margin: 0px;
}

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

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

.eyecatch .slick-dots li button:before {
    font-size: 10px;
    opacity: 1;
    color: #bbbbbb;
}

.eyecatch .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ffffff;
}

/**
 * slick list-item
 */
.list-item.slick-slider {
    margin-bottom: 0;
}

/* icon-arrow-large */
.list-item.slick-slider .icon-arrow-large-right,
.list-item.slick-slider .icon-arrow-large-left {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 14px;
    height: 26px;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.list-item.slick-slider .icon-arrow-large-right {
    right: -1px;
}

.list-item.slick-slider .icon-arrow-large-left {
    left: -1px;
}

/**
 * slick viewer
 */
.viewer .slick-slider {
    margin-bottom: 0;
}

/* icon-arrow-circle-large */
.viewer .slick-slider .icon-arrow-circle-large-right,
.viewer .slick-slider .icon-arrow-circle-large-left {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.viewer .slick-slider .icon-arrow-circle-large-right.slick-disabled,
.viewer .slick-slider .icon-arrow-circle-large-left.slick-disabled {
    opacity: 0;
    cursor: default;
}

.viewer .slick-slider .icon-arrow-circle-large-right {
    right: -25px;
}

.viewer .slick-slider .icon-arrow-circle-large-left {
    left: -25px;
}

/* icon-arrow-large */
.viewer .slick-slider .icon-arrow-large-right,
.viewer .slick-slider .icon-arrow-large-left {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 14px;
    height: 26px;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.viewer .slick-slider .icon-arrow-large-right.slick-disabled,
.viewer .slick-slider .icon-arrow-large-left.slick-disabled {
    opacity: 0;
    cursor: default;
}

.viewer .slick-slider .icon-arrow-large-right {
    right: -1px;
}

.viewer .slick-slider .icon-arrow-large-left {
    left: -1px;
}

/**
 * Lazy Load XT jQuery plugin
 */
.lazy-hidden {
    opacity: 0
}

.lazy-loaded {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

/**
 * Remodal jQuery plugin
 */
.section-remodal {
    text-align: left;
}

.section-remodal + .section-remodal {
    margin-top: 15px;
}

.header-section-remodal {
    font-weight: bold;
}

.content-section-remodal {
    margin-top: 5px;
}

.control-remodal {
    margin-top: 30px;
}

/**
 * screen
 */
.only-small,
.only-print {
    display: none;
}

.trend-comment {
    padding: 5px;
    border: 1px solid #cccccc;
    font-size: 10px;
    font-size: 1.0rem;
    margin-bottom: 6px;
}

.admin {
    width: 100%;
    background: #6a6d8d;
    height: 30px;

}

.admin > div {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding: 3px 10px;

}

.small-text {
    font-size: 12px;
    font-size: 1.2rem;
}

.contact-button {
    position: relative;
    background-color: #287acc;
    border-radius: 4px;
    color: #ffffff;
    transition: none;
    padding: 10px 8px;
    margin: 12px 10px;
    text-decoration: none;
}

.contact-button:hover {
    background-color: #62aaf2;
    text-decoration: none;
}

.contact-button:active {
    top: 1px;
    text-decoration: none;
}

/**
 * Symfony2
 */
#message,
#caution_message {
    margin: 30px 0 0;
    padding: .8em 1em .6em;
}

#message {
    border: 1px solid #50b573;
}

#caution_message {
    border: 1px solid #ec002e;
}