@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
line-height: 1;
-webkit-text-size-adjust: none;
}
a {
overflow: hidden;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal;
margin: 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;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
legend {
border: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
} .widget_nsd_profile .sns .facebook, .widget_nsd_profile .sns .twitter, .widget_nsd_profile .sns .instagram, .header-banner-sns .facebook, .header-banner-sns .twitter, .header-banner-sns .instagram, .header-banner-sns.header-banner-sns-color .facebook, .header-banner-sns.header-banner-sns-color .twitter, .header-banner-sns.header-banner-sns-color .instagram, .text-white .header-banner-sns.header-banner-sns-gray .facebook, .text-white .header-banner-sns.header-banner-sns-gray .twitter, .text-white .header-banner-sns.header-banner-sns-gray .instagram, .header-banner-tel .tel:before, .text-white .header-banner-tel .tel:before, .header-banner-reservation .button:after, .header-banner-reservation .button.button-light:after, .header-sp-button-normal, .header-sp-button-normal.active, .text-white .header-sp-button-normal, .text-white .header-sp-button-normal.active, .footer-pageup a:after, .footer-pageup a.button-light:after, .single-author .author-sns .facebook, .single-author .author-sns .twitter, .single-author .author-sns .instagram, .single-pagenav .prev a:before, .single-pagenav .next a:before {
background-image: url(../../../themes/new-standard-2/images/common/sprite-sa604ab9457.png);
background-repeat: no-repeat;
-moz-background-size: 50px auto;
-o-background-size: 50px auto;
-webkit-background-size: 50px auto;
background-size: 50px auto;
} html, button, textarea {
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body {
line-height: 1.8;
color: #666666;
font-size: 14px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: normal;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
a {
color: inherit;
text-decoration: none;
}
a:hover, a:active {
color: #999999;
}
address, article, aside, blockquote, center, dir, div, dd, details, dl, dt, fieldset, figcaption, figure, form, footer, frameset, h1, h2, h3, h4, h5, h6, hr, header, hgroup, isindex, main, menu, nav, noframes, noscript, ol, p, pre, section, summary, ul, li {
box-sizing: border-box;
} input:focus, textarea:focus, select:focus {
outline: 0;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"], textarea {
box-sizing: border-box;
max-width: 100%;
margin-left: 0;
margin-right: 0;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #dddddd;
}
@media screen and (max-width: 568px) {
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"], textarea {
font-size: 16px;
}
}
input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="color"]:focus, textarea:focus {
border: 1px solid #666666;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"] {
padding: 10px 5px;
}
textarea {
padding: 10px;
line-height: 1.7;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
padding-top: 10px;
padding-left: 15px;
padding-right: 32px;
padding-bottom: 10px;
background-color: #f5f5f5;
background-image: url(../../../themes/new-standard-2/images/common/select-arrow_1479297683.png);
background-repeat: no-repeat;
background-position: right center;
background-position: right 10px center;
background-size: 12px 8px;
border: 1px solid #c6c6c6;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
select::-ms-expand {
display: none;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: pop-up-menu;
padding: 0;
vertical-align: middle;
background-image: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
padding: 8px 13px;
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-weight: bold;
cursor: pointer;
background-color: #fafafa;
border: 1px solid #dddddd;
}
button:hover, button:active, input[type="button"]:hover, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:active {
color: #666666;
background-color: #ffffff;
border-color: #666666;
outline: 0;
}
button + button, button + input[type="button"], button + input[type="reset"], button + input[type="submit"], input[type="button"] + button, input[type="button"] + input[type="button"], input[type="button"] + input[type="reset"], input[type="button"] + input[type="submit"], input[type="reset"] + button, input[type="reset"] + input[type="button"], input[type="reset"] + input[type="reset"], input[type="reset"] + input[type="submit"], input[type="submit"] + button, input[type="submit"] + input[type="button"], input[type="submit"] + input[type="reset"], input[type="submit"] + input[type="submit"] {
margin-left: 13px;
} .widget {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 14px;
word-wrap: break-word;
}
.widget img {
width: auto;
max-width: 100%;
height: auto;
}
.widget .wpp-thumbnail {
width: 70px;
height: 70px;
margin-right: 10px;
}
.widget pre {
line-height: 1.2;
}
.widget button, .widget input, .widget select, .widget textarea {
max-width: 100%;
line-height: 1.5;
}
.widget button, .widget input {
line-height: normal;
}
.widget button {
padding: 5px 10px;
}
.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"] {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
.widget #fb-root {
display: none;
}
}
@media screen and (max-width: 568px) {
.widget .fb_iframe_widget {
display: block;
width: 100% !important;
}
}
.post-content-sidebar {
line-height: 1.8;
font-size: 14px;
}
.post-content-sidebar p, .post-content-sidebar div, .post-content-sidebar ul, .post-content-sidebar dl, .post-content-sidebar ol, .post-content-sidebar blockquote, .post-content-sidebar table, .post-content-sidebar pre, .post-content-sidebar figure {
margin-top: 13px;
margin-bottom: 13px;
}
.widgettitle {
margin-bottom: 8px;
color: #d1ae6e;
font-size: 22px;
line-height: 25px;
}
.widget > :last-child {
margin-bottom: 0;
}
.widget_calendar table {
margin: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed; width: 100%;
}
.widget_calendar td, .widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
}
.widget_calendar caption {
font-weight: bold;
margin: 0 0 8px;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
.widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a, .popular-posts a {
border: 0;
}
.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .popular-posts ul {
list-style: none;
margin: 0 -14px;
}
.widget_archive > ul, .widget_archive > div > ul, .widget_categories > ul, .widget_categories > div > ul, .widget_links > ul, .widget_links > div > ul, .widget_meta > ul, .widget_meta > div > ul, .widget_nav_menu > ul, .widget_nav_menu > div > ul, .widget_pages > ul, .widget_pages > div > ul, .widget_recent_comments > ul, .widget_recent_comments > div > ul, .widget_recent_entries > ul, .widget_recent_entries > div > ul, .popular-posts > ul, .popular-posts > div > ul {
padding-top: 14px;
border-top: 1px solid #eaeaea;
}
.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .popular-posts li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 14px;
}
.widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child, .popular-posts li:first-child {
padding-top: 0;
border-top: none;
}
.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child, .popular-posts li:last-child {
padding-bottom: 0;
}
.widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
margin-top: 14px;
margin-left: 14px;
}
.widget_categories .children li:first-child, .widget_nav_menu .sub-menu li:first-child, .widget_pages .children li:first-child {
padding-top: 14px;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.widget_recent_entries .post-date {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
font-size: 12px;
background-color: #f5f5f5;
}
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 24px;
}
.widget_rss ul:last-child, .widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: bold;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_text {
padding: 0;
background: none;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 568px) {
.widget_text .textwidget {
text-align: center;
}
}
.widget_text iframe {
vertical-align: bottom;
}
.widget_nsd_business_banner .title {
margin-bottom: 32px;
font-size: 16px;
}
.widget_nsd_business_banner .content + .contact {
margin-top: 24px;
}
.widget_nsd_business_banner .button-contact {
display: block;
width: auto;
max-width: 220px;
height: 60px;
line-height: 60px;
font-size: 16px;
text-align: center;
text-decoration: none;
}
.widget_nsd_profile .header {
margin-bottom: 13px;
}
.widget_nsd_profile .name {
margin-top: 8px;
margin-bottom: 8px;
line-height: 1.2;
letter-spacing: 1px;
font-size: 24px;
}
.widget_nsd_profile .image {
margin-bottom: 13px;
text-align: center;
}
.widget_nsd_profile .image img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.widget_nsd_profile .description {
margin-bottom: 13px;
font-size: 14px;
line-height: 2.0;
}
.widget_nsd_profile .sns {
margin-bottom: 13px;
}
.widget_nsd_profile .sns a {
display: inline-block;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
margin-right: 5px;
}
.widget_nsd_profile .sns a:hover, .widget_nsd_profile .sns a:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.widget_nsd_profile .sns .facebook {
width: 29px;
height: 30px;
background-position: 0 -359px;
}
.widget_nsd_profile .sns .twitter {
width: 30px;
height: 30px;
background-position: 0 -269px;
}
.widget_nsd_profile .sns .instagram {
width: 29px;
height: 30px;
background-position: 0 -389px;
}
.widget_nsd_information {
padding: 0;
}
.widget_nsd_information .wrap {
display: block;
padding: 14px;
color: inherit;
text-decoration: none;
}
.widget_nsd_information .wrap:hover, .widget_nsd_information .wrap:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.widget_nsd_information .title {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-weight: bold;
}
.widget_nsd_information .content {
display: block;
}
.widget_nsd_freebox .post-content {
margin-top: 13px;
margin-bottom: 13px;
}
.text-white .widget_nsd_business_banner .title {
color: #f5f5f5;
}
.wpp-list li {
line-height: 1.5;
}
.wpp-list li .post-stats {
color: #999999;
line-height: 1.8;
}
#sidebar .widget {
margin-bottom: 32px;
}
@media screen and (max-width: 568px) {
#sidebar .widget {
margin-bottom: 16px;
}
}
#sidebar .widget_archive, #sidebar .widget_categories, #sidebar .widget_pages, #sidebar .widget_meta, #sidebar .widget_recent_comments, #sidebar .widget_recent_entries, #sidebar .widget_search, #sidebar .widget_nav_menu, #sidebar .popular-posts, #sidebar .widget_nsd_information, #sidebar .widget_calendar, #sidebar .widget_rss, #sidebar .widget_tag_cloud, #sidebar .widget_nsd_profile, #sidebar .widget_nsd_freebox {
padding: 0;
background: none;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#sidebar .widget_archive .widgettitle, #sidebar .widget_categories .widgettitle, #sidebar .widget_pages .widgettitle, #sidebar .widget_meta .widgettitle, #sidebar .widget_recent_comments .widgettitle, #sidebar .widget_recent_entries .widgettitle, #sidebar .widget_search .widgettitle, #sidebar .widget_nav_menu .widgettitle, #sidebar .popular-posts .widgettitle, #sidebar .widget_nsd_information .widgettitle, #sidebar .widget_calendar .widgettitle, #sidebar .widget_rss .widgettitle, #sidebar .widget_tag_cloud .widgettitle, #sidebar .widget_nsd_profile .widgettitle, #sidebar .widget_nsd_freebox .widgettitle {
margin-top: 32px;
margin-bottom: 8px;
padding-left: 5px;
}
@media screen and (max-width: 568px) {
#sidebar .widget_archive .widgettitle, #sidebar .widget_categories .widgettitle, #sidebar .widget_pages .widgettitle, #sidebar .widget_meta .widgettitle, #sidebar .widget_recent_comments .widgettitle, #sidebar .widget_recent_entries .widgettitle, #sidebar .widget_search .widgettitle, #sidebar .widget_nav_menu .widgettitle, #sidebar .popular-posts .widgettitle, #sidebar .widget_nsd_information .widgettitle, #sidebar .widget_calendar .widgettitle, #sidebar .widget_rss .widgettitle, #sidebar .widget_tag_cloud .widgettitle, #sidebar .widget_nsd_profile .widgettitle, #sidebar .widget_nsd_freebox .widgettitle {
margin-top: 24px;
}
}
#sidebar .widget_archive:first-child .widgettitle, #sidebar .widget_categories:first-child .widgettitle, #sidebar .widget_pages:first-child .widgettitle, #sidebar .widget_meta:first-child .widgettitle, #sidebar .widget_recent_comments:first-child .widgettitle, #sidebar .widget_recent_entries:first-child .widgettitle, #sidebar .widget_search:first-child .widgettitle, #sidebar .widget_nav_menu:first-child .widgettitle, #sidebar .popular-posts:first-child .widgettitle, #sidebar .widget_nsd_information:first-child .widgettitle, #sidebar .widget_calendar:first-child .widgettitle, #sidebar .widget_rss:first-child .widgettitle, #sidebar .widget_tag_cloud:first-child .widgettitle, #sidebar .widget_nsd_profile:first-child .widgettitle, #sidebar .widget_nsd_freebox:first-child .widgettitle {
margin-top: 13px;
}
#sidebar .widget_archive > ul, #sidebar .widget_archive > div, #sidebar .widget_archive > div > ul, #sidebar .widget_categories > ul, #sidebar .widget_categories > div, #sidebar .widget_categories > div > ul, #sidebar .widget_pages > ul, #sidebar .widget_pages > div, #sidebar .widget_pages > div > ul, #sidebar .widget_meta > ul, #sidebar .widget_meta > div, #sidebar .widget_meta > div > ul, #sidebar .widget_recent_comments > ul, #sidebar .widget_recent_comments > div, #sidebar .widget_recent_comments > div > ul, #sidebar .widget_recent_entries > ul, #sidebar .widget_recent_entries > div, #sidebar .widget_recent_entries > div > ul, #sidebar .widget_search > ul, #sidebar .widget_search > div, #sidebar .widget_search > div > ul, #sidebar .widget_nav_menu > ul, #sidebar .widget_nav_menu > div, #sidebar .widget_nav_menu > div > ul, #sidebar .popular-posts > ul, #sidebar .popular-posts > div, #sidebar .popular-posts > div > ul, #sidebar .widget_nsd_information > ul, #sidebar .widget_nsd_information > div, #sidebar .widget_nsd_information > div > ul, #sidebar .widget_calendar > ul, #sidebar .widget_calendar > div, #sidebar .widget_calendar > div > ul, #sidebar .widget_rss > ul, #sidebar .widget_rss > div, #sidebar .widget_rss > div > ul, #sidebar .widget_tag_cloud > ul, #sidebar .widget_tag_cloud > div, #sidebar .widget_tag_cloud > div > ul, #sidebar .widget_nsd_profile > ul, #sidebar .widget_nsd_profile > div, #sidebar .widget_nsd_profile > div > ul, #sidebar .widget_nsd_freebox > ul, #sidebar .widget_nsd_freebox > div, #sidebar .widget_nsd_freebox > div > ul {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-left: 0;
margin-right: 0;
background-color: #ffffff;
}
#sidebar .widget_archive > ul, #sidebar .widget_archive > div > ul, #sidebar .widget_categories > ul, #sidebar .widget_categories > div > ul, #sidebar .widget_pages > ul, #sidebar .widget_pages > div > ul, #sidebar .widget_meta > ul, #sidebar .widget_meta > div > ul, #sidebar .widget_recent_comments > ul, #sidebar .widget_recent_comments > div > ul, #sidebar .widget_recent_entries > ul, #sidebar .widget_recent_entries > div > ul, #sidebar .widget_search > ul, #sidebar .widget_search > div > ul, #sidebar .widget_nav_menu > ul, #sidebar .widget_nav_menu > div > ul, #sidebar .popular-posts > ul, #sidebar .popular-posts > div > ul, #sidebar .widget_nsd_information > ul, #sidebar .widget_nsd_information > div > ul, #sidebar .widget_calendar > ul, #sidebar .widget_calendar > div > ul, #sidebar .widget_rss > ul, #sidebar .widget_rss > div > ul, #sidebar .widget_tag_cloud > ul, #sidebar .widget_tag_cloud > div > ul, #sidebar .widget_nsd_profile > ul, #sidebar .widget_nsd_profile > div > ul, #sidebar .widget_nsd_freebox > ul, #sidebar .widget_nsd_freebox > div > ul {
padding-top: 14px;
padding-bottom: 14px;
}
#sidebar .widget_calendar > ul, #sidebar .widget_calendar > div, #sidebar .widget_rss > ul, #sidebar .widget_rss > div, #sidebar .widget_tag_cloud > ul, #sidebar .widget_tag_cloud > div, #sidebar .widget_nsd_profile > ul, #sidebar .widget_nsd_profile > div, #sidebar .widget_nsd_freebox > ul, #sidebar .widget_nsd_freebox > div {
padding: 14px;
}
.footer-widgets .widget {
color: #666666;
}
.footer-widgets .widget + .widget {
display: none;
}
.footer-widgets .widget.widget_text, .footer-widgets .widget.widget_nsd_business_banner {
color: inherit;
}
.footer-widgets .widget_archive, .footer-widgets .widget_categories, .footer-widgets .widget_links, .footer-widgets .widget_meta, .footer-widgets .widget_nav_menu, .footer-widgets .widget_pages, .footer-widgets .widget_recent_comments, .footer-widgets .widget_recent_entries, .footer-widgets .popular-posts, .footer-widgets .widget_nsd_profile {
height: 400px;
overflow: scroll;
}
.footer-widgets .widget_nsd_business_banner {
padding: 0;
background-color: transparent;
border: none;
} .comments-area {
background-color: #fff;
border-top: 1px solid #f5f5f5;
padding: 32px 0;
font-size: 16px;
}
.comments-area > :last-child {
margin-bottom: 0;
}
.comments-area .no-comments {
border-top: 1px solid #f5f5f5;
padding-top: 1.6em;
}
.comments-area .form-submit {
margin-bottom: 0;
}
.comments-area .required {
color: #ff5f4f;
}
.comment-list + .comment-respond {
border-top: 1px solid #f5f5f5;
padding-top: 1.6em;
}
.comments-title, .comment-reply-title {
font-size: 20px;
line-height: 1.3333;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback {
border-top: 1px solid #f5f5f5;
padding: 24px 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
margin-bottom: 13px;
line-height: 1.3;
font-size: 18px;
}
.comment-author a:hover {
border-bottom: 1px solid #f5f5f5;
}
.comment-author .avatar {
float: left;
height: 56px;
margin-right: 24px;
width: 56px;
}
.comment-metadata, .pingback .edit-link {
font-size: 14px;
line-height: 1.5;
}
.comment-metadata a:hover, .comment-metadata a:active, .pingback .edit-link a:hover, .pingback .edit-link a:active {
border-bottom: 1px solid #333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content {
overflow: hidden;
*zoom: 1;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 2.0;
font-size: 16px;
}
.comment-content a {
color: #3398db;
text-decoration: underline;
}
.comment-content a:hover, .comment-content a:active {
color: #217dba;
}
.comment-content a:hover img, .comment-content a:active img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.comment-content em {
font-style: italic;
}
.comment-content div {
margin-top: 24px;
margin-bottom: 24px;
}
.comment-content div:first-child {
margin-top: 0;
}
.comment-content div:last-child {
margin-bottom: 0;
}
.comment-content p, .comment-content ul, .comment-content dl, .comment-content ol, .comment-content blockquote, .comment-content table, .comment-content pre, .comment-content figure {
margin-top: 24px;
margin-bottom: 24px;
}
.comment-content p:first-child, .comment-content ul:first-child, .comment-content dl:first-child, .comment-content ol:first-child, .comment-content blockquote:first-child, .comment-content table:first-child, .comment-content pre:first-child, .comment-content figure:first-child {
margin-top: 0;
}
.comment-content p:last-child, .comment-content ul:last-child, .comment-content dl:last-child, .comment-content ol:last-child, .comment-content blockquote:last-child, .comment-content table:last-child, .comment-content pre:last-child, .comment-content figure:last-child {
margin-bottom: 0;
}
.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
margin-top: 48px;
margin-bottom: 24px;
}
.comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child {
margin-top: 0;
}
.comment-content h1:last-child, .comment-content h2:last-child, .comment-content h3:last-child, .comment-content h4:last-child, .comment-content h5:last-child, .comment-content h6:last-child {
margin-bottom: 0;
}
.comment-content h1 {
line-height: 1.3;
font-size: 2em;
}
.comment-content h2 {
line-height: 1.3;
font-size: 1.7em;
}
.comment-content h3 {
line-height: 1.5;
font-size: 1.4em;
}
.comment-content h4, .comment-content h5, .comment-content h6 {
font-weight: bold;
}
.comment-content h4 {
line-height: 1.7;
font-size: 1.2em;
}
.comment-content h5 {
line-height: 1.9;
font-size: 1.1em;
}
.comment-content h6 {
font-size: 1em;
}
.comment-content ol {
counter-reset: ol-number;
list-style: none;
}
.comment-content ol li:before {
counter-increment: ol-number;
content: counter(ol-number) ". ";
}
.comment-content img {
max-width: 100%;
height: auto;
}
.comment-content .alignright {
clear: both;
float: right;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 10px;
}
.comment-content .alignleft {
clear: both;
float: left;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
vertical-align: middle;
}
@media screen and (max-width: 568px) {
.comment-content .alignright, .comment-content .alignleft {
float: none;
margin-left: auto;
margin-right: auto;
}
}
.comment-content .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.comment-content .wp-caption {
max-width: 100%;
text-align: center;
}
.comment-content .wp-caption p {
margin-top: 5px;
}
.comment-content table,
.comment-content th,
.comment-content td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.6;
}
.comment-content table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.comment-content table.wp-block-table {
table-layout: auto;
}
.comment-content table.wp-block-table.has-fixed-layout {
table-layout: fixed;
}
.comment-content caption,
.comment-content th,
.comment-content td {
font-weight: normal;
text-align: left;
}
.comment-content th {
border-width: 1px;
font-weight: bold;
}
.comment-content td {
border-width: 1px;
}
.comment-content th, .comment-content td {
padding: 10px;
}
.comment-content blockquote {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 2em;
font-style: italic;
border-left: 3px solid #c6c6c6;
}
.comment-content dt {
margin-top: 24px;
font-weight: bold;
}
.comment-content ul {
padding-left: 20px;
list-style: disc;
}
.comment-content ul.wp-block-gallery {
padding-left: 0;
}
.comment-content ol ol {
padding-left: 20px;
}
.comment-content pre {
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #f2f2f2;
}
.comment-content figure {
line-height: 0;
}
.comment-content figcaption {
line-height: 1.2;
font-size: 0.9em;
}
.comment-content img + figcaption {
margin-top: 8px;
}
.comment-content embed, .comment-content iframe, .comment-content object, .comment-content video {
max-width: 100%;
}
.comment-content .gallery div, .comment-content .gallery figure {
margin-top: 0;
margin-bottom: 0;
}
.comment-content hr {
height: 0;
border: none;
border-top: 1px solid #eaeaea;
}
.comment-content p, .comment-content div, .comment-content ul, .comment-content dl, .comment-content ol, .comment-content blockquote, .comment-content table, .comment-content pre, .comment-content figure {
margin-top: 24px;
margin-bottom: 24px;
}
.comment-content ul, .comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul, .comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 16px;
}
.comment-list .reply a {
border: 1px solid #dddddd;
display: inline-block;
font-weight: 700;
line-height: 1;
margin-top: 2em;
padding: 8px 13px;
text-decoration: none;
text-transform: uppercase;
}
.comment-form {
padding-top: 1.6em;
}
.comment-form label {
font-weight: bold;
display: block;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"] {
width: 100%;
}
.comment-form textarea {
width: 100%;
}
.comment-form button, .comment-form input[type="button"], .comment-form input[type="reset"], .comment-form input[type="submit"] {
-webkit-appearance: button;
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 16px 24px;
text-transform: uppercase;
}
.comment-form button:hover, .comment-form button:active, .comment-form input[type="button"]:hover, .comment-form input[type="button"]:active, .comment-form input[type="reset"]:hover, .comment-form input[type="reset"]:active, .comment-form input[type="submit"]:hover, .comment-form input[type="submit"]:active {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
}
.comment-form p {
margin-bottom: 24px;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.comment-navigation {
padding: 24px 0;
border-top: 1px solid #f5f5f5;
}
.comment-navigation .nav-previous, .comment-navigation .nav-next {
display: inline;
}
.comment-navigation .nav-previous:before {
content: "← ";
}
.comment-navigation .nav-previous + .nav-next:before {
content: " ｜ ";
}
.comment-navigation .nav-next:after {
content: " →";
}
.comment-navigation + .comment-respond {
padding-top: 24px;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.comment-reply-title small {
font-size: 16px;
} .gallery {
margin-bottom: 24px;
}
@media screen and (max-width: 568px) {
.gallery {
margin-left: -5px;
margin-right: -5px;
}
}
.gallery-item {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 24px;
text-align: center;
vertical-align: top;
width: 100%;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.gallery-item {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.gallery-item {
padding-left: 5px;
padding-right: 5px;
}
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 8px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media screen and (max-width: 568px) {
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
max-width: 50%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item {
max-width: 33.33%;
padding-bottom: 10px;
}
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 25%;
padding-bottom: 10px;
}
} #wrap {
position: relative;
width: 100%;
min-width: 1230px;
overflow: hidden;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#wrap {
min-width: 960px;
}
}
@media screen and (max-width: 568px) {
#wrap {
padding-top: 50px;
min-width: initial;
min-width: auto;
}
}
#headline {
*zoom: 1;
height: 36px;
background-color: #ecf0f1;
overflow: hidden;
}
#headline:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 568px) {
#headline {
display: none;
}
}
#headline .container {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#headline .container {
width: 940px;
}
}
@media screen and (max-width: 568px) {
#headline .container {
width: 100%;
}
}
#headline .header-banner-qtranxf {
float: left;
line-height: 36px;
}
#headline .header-banner-qtranxf:first-child {
float: right;
}
#headline .header-banner-qtranxf select {
padding-top: 3px;
padding-bottom: 3px;
}
#headline .header-banner-reservation {
float: right;
}
#headline .header-banner-reservation .button {
width: 220px;
height: 36px;
line-height: 36px;
}
#headline .header-banner-tel {
float: right;
}
#headline .header-banner-tel .tel, #headline .header-banner-tel .hours {
display: table-cell;
height: 36px;
padding-right: 24px;
vertical-align: middle;
}
#headline .header-banner-tel .tel {
line-height: 36px;
}
#headline .header-banner-tel .tel:before {
margin-top: -4px;
vertical-align: middle;
}
#headline .header-banner-tel .hours {
line-height: 1.3;
font-size: 12px;
}
.firstview-bottom-white + #content .front-newsflash,
.firstview-bottom-white + #content .front-custom:first-child .header,
.firstview-bottom-white + #content .front-new:first-child .header {
border-top: 1px solid #ecf0f1;
}
@media screen and (max-width: 568px) {
.firstview-bottom-white + #content .front-newsflash,
.firstview-bottom-white + #content .front-custom:first-child .header,
.firstview-bottom-white + #content .front-new:first-child .header {
border-top: none;
}
}
#header {
background-color: #ffffff;
}
@media screen and (max-width: 568px) {
#header {
position: fixed;
top: 0;
width: 100%;
margin-bottom: 0;
border-bottom: 1px solid #dddddd;
z-index: 10;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 568px) {
#header.text-white {
border-bottom: 1px solid #666666;
}
}
#header .container {
*zoom: 1;
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
}
#header .container:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#header .container {
width: 940px;
}
}
@media screen and (max-width: 568px) {
#header .container {
width: 100%;
}
}
.header-col-left {
float: left;
display: block;
}
.header-col-left .header-banner-sns, .header-col-left .header-banner-tel {
text-align: left;
}
.header-col-right {
float: right;
}
.header-col-right .header-banner-sns, .header-col-right .header-banner-tel {
text-align: right;
}
.header-col-left, .header-col-right {
position: relative;
width: 250px;
min-height: 136px;
}
@media screen and (max-width: 568px) {
.header-col-left, .header-col-right {
display: none;
}
}
.header-col-left .header-banner-sns, .header-col-left .header-banner-tel, .header-col-right .header-banner-sns, .header-col-right .header-banner-tel {
display: table-cell;
width: 250px;
height: 136px;
padding-top: 16px;
padding-bottom: 16px;
vertical-align: middle;
}
.header-col-left .header-banner-reservation, .header-col-right .header-banner-reservation {
position: absolute;
top: 0;
right: 0;
}
.header-col-left .header-banner-reservation .button, .header-col-right .header-banner-reservation .button {
height: 43px;
padding-top: 13px;
padding-left: 16px;
padding-right: 16px;
line-height: 16px;
}
.header-col-left .header-banner-reservation .button:hover, .header-col-left .header-banner-reservation .button:active, .header-col-right .header-banner-reservation .button:hover, .header-col-right .header-banner-reservation .button:active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 44px;
padding-top: 14px;
}
.header-col-left .header-banner-reservation + .header-banner-tel, .header-col-right .header-banner-reservation + .header-banner-tel {
display: block;
height: auto;
padding-top: 60px;
}
.header-banner-sns {
font-size: 0;
}
.header-banner-sns li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
vertical-align: middle;
}
.header-banner-sns a {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.header-banner-sns a:hover, .header-banner-sns a:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.header-banner-sns img {
vertical-align: middle;
}
.header-banner-sns .facebook {
display: block;
width: 26px;
height: 26px;
background-position: 0 -139px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-sns .twitter {
display: block;
width: 26px;
height: 26px;
background-position: 0 -217px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-sns .instagram {
display: block;
width: 26px;
height: 26px;
background-position: 0 -61px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-sns.header-banner-sns-color .facebook {
width: 26px;
height: 26px;
background-position: 0 -165px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-sns.header-banner-sns-color .twitter {
width: 26px;
height: 26px;
background-position: 0 -243px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-sns.header-banner-sns-color .instagram {
width: 26px;
height: 26px;
background-position: 0 -87px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.text-white .header-banner-sns.header-banner-sns-gray .facebook {
display: block;
width: 26px;
height: 26px;
background-position: 0 -113px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.text-white .header-banner-sns.header-banner-sns-gray .twitter {
display: block;
width: 26px;
height: 26px;
background-position: 0 -191px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.text-white .header-banner-sns.header-banner-sns-gray .instagram {
display: block;
width: 26px;
height: 26px;
background-position: 0 -35px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-banner-tel .tel {
margin-bottom: 8px;
line-height: 19px;
font-size: 22px;
font-weight: bold;
}
.header-banner-tel .tel:before {
content: "";
display: inline-block;
vertical-align: bottom;
width: 19px;
height: 19px;
background-position: 0 0;
}
.text-white .header-banner-tel .tel:before {
width: 19px;
height: 19px;
background-position: -19px 0;
}
.header-banner-tel .hours {
line-height: 1.5;
}
.header-banner-reservation {
min-width: 200px;
max-width: 100%;
}
.header-banner-reservation .button {
box-sizing: border-box;
display: block;
font-size: 16px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.header-banner-reservation .button:after {
content: "";
display: inline-block;
margin-top: -4px;
margin-left: 8px;
vertical-align: middle;
width: 8px;
height: 16px;
background-position: -26px -35px;
}
.header-banner-reservation .button.button-light:after {
width: 8px;
height: 16px;
background-position: -24px -19px;
}
.header-branding {
float: left;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.header-branding {
float: none;
margin-top: 0;
margin-left: 0;
}
}
.header-branding .title {
display: table-cell;
width: 440px;
max-width: 440px;
height: 136px;
line-height: 1.2;
font-size: 30px;
font-weight: bold;
vertical-align: middle;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.header-branding .title {
display: none;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.header-branding .title {
width: 180px;
max-width: 180px;
}
}
.firstview-standard .header-branding .title {
width: 700px;
max-width: 700px;
text-align: center;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.firstview-standard .header-branding .title {
width: 440px;
max-width: 440px;
}
}
.firstview-overleft .header-branding .title {
width: auto;
max-width: 700px;
padding-right: 30px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.firstview-overleft .header-branding .title {
max-width: 440px;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.firstview-straight .header-branding .title, .firstview-under .header-branding .title, .firstview-full .header-branding .title {
height: 100px;
font-size: 24px;
}
}
.header-branding .title-sp {
display: none;
width: 100%;
height: 50px;
padding-top: 10px;
padding-left: 16px;
padding-right: 50px;
padding-bottom: 10px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
text-align: left;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media screen and (max-width: 568px) {
.header-branding .title-sp {
display: block;
}
}
.header-branding img {
width: auto;
max-width: 100%;
height: auto;
max-height: 110px;
vertical-align: middle;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.firstview-straight .header-branding img, .firstview-under .header-branding img, .firstview-full .header-branding img {
max-height: 80px;
}
}
@media screen and (max-width: 568px) {
.header-branding img {
max-height: 30px;
}
}
#header-menu-short {
float: right;
max-width: 740px;
}
@media screen and (max-width: 568px) {
#header-menu-short {
display: none;
}
}
#header-menu-short .inner {
display: table-cell;
height: 136px;
vertical-align: middle;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#header-menu-short .inner {
height: 100px;
}
}
#header-menu-short .header-banner-sns {
float: left;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 9px;
vertical-align: middle;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#header-menu-short .header-banner-sns {
padding-top: 0;
padding-bottom: 0;
}
}
.mainmenu-pc-short .menu-item a {
display: block;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
line-height: 20px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.mainmenu-pc-short .menu-item a {
padding-top: 5px;
padding-bottom: 5px;
}
}
.mainmenu-pc-short > .menu-item {
float: left;
position: relative;
vertical-align: middle;
}
.mainmenu-pc-short > .menu-item > ul {
position: absolute;
top: 40px;
display: none;
background-color: #ffffff;
border: 1px solid rgba(102, 102, 102, 0.05);
z-index: 5;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.mainmenu-pc-short > .menu-item > ul {
top: 30px;
}
}
.text-white .mainmenu-pc-short > .menu-item > ul {
border: 1px solid rgba(255, 255, 255, 0.2);
}
.mainmenu-pc-short > .menu-item > ul ul {
display: none;
}
.mainmenu-pc-short > .menu-item > ul > li {
white-space: nowrap;
}
.mainmenu-pc-short > .menu-item > ul > li + li {
border-top: 1px solid rgba(102, 102, 102, 0.05);
}
.text-white .mainmenu-pc-short > .menu-item > ul > li + li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.mainmenu-pc-short > .menu-item-has-children:hover, .mainmenu-pc-short > .menu-item-has-children:active {
background-color: rgba(102, 102, 102, 0.07);
}
.mainmenu-pc-short > .menu-item-has-children a:hover, .mainmenu-pc-short > .menu-item-has-children a:active {
color: inherit;
}
.mainmenu-pc-short > .menu-item-has-children li:hover, .mainmenu-pc-short > .menu-item-has-children li:active {
background-color: rgba(102, 102, 102, 0.07);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.text-white .mainmenu-pc-short > .menu-item-has-children:hover, .text-white .mainmenu-pc-short > .menu-item-has-children:active {
background-color: rgba(255, 255, 255, 0.3);
}
.text-white .mainmenu-pc-short > .menu-item-has-children li:hover, .text-white .mainmenu-pc-short > .menu-item-has-children li:active {
background-color: rgba(255, 255, 255, 0.3);
}
.header-sp-button {
display: none;
}
@media screen and (max-width: 568px) {
.header-sp-button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
cursor: pointer;
}
.header-sp-button.active .header-sp-button-inner {
border-top: none;
border-bottom: none;
}
.header-sp-button.active .header-sp-button-inner:before {
-moz-transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
top: 31px;
}
.header-sp-button.active .header-sp-button-inner:after {
-moz-transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
top: 13px;
}
}
.header-sp-button-normal {
width: 50px;
height: 50px;
background-position: 0 -469px;
}
.header-sp-button-normal.active {
width: 50px;
height: 50px;
background-position: 0 -569px;
}
.text-white .header-sp-button-normal {
width: 50px;
height: 50px;
background-position: 0 -419px;
}
.text-white .header-sp-button-normal.active {
width: 50px;
height: 50px;
background-position: 0 -519px;
}
.header-sp-button-inner {
display: block;
width: 18px;
height: 7px;
margin-top: 21px;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
.header-sp-button-inner:before, .header-sp-button-inner:after {
position: absolute;
content: "";
width: 18px;
height: 1px;
background: #666666;
}
.header-sp-button-inner:before {
margin-top: -7px;
}
.header-sp-button-inner:after {
margin-top: 11px;
}
.text-white .header-sp-button-inner {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.text-white .header-sp-button-inner:before, .text-white .header-sp-button-inner:after {
background: #ffffff;
}
#header-menu-sp {
position: fixed;
top: 0;
display: none;
width: 100%;
height: 100vh;
padding-top: 50px;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
overflow: auto;
z-index: 9;
}
#header-menu-sp.show {
display: block;
}
#header-menu-sp .header-banner {
display: block;
padding-top: 24px;
padding-bottom: 32px;
}
#header-menu-sp .header-banner-item + .header-banner-item {
margin-top: 24px;
}
#header-menu-sp .header-banner-sns {
text-align: center;
}
#header-menu-sp .header-banner-tel {
margin-left: auto;
margin-right: auto;
width: 250px;
}
#header-menu-sp .header-banner-tel .tel {
text-align: center;
}
#header-menu-sp .header-banner-tel .hours {
text-align: center;
}
#header-menu-sp .header-banner-reservation {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
#header-menu-sp .header-banner-reservation .button {
display: inline-block;
min-width: 200px;
max-width: 100%;
height: 43px;
padding-top: 13px;
padding-left: 16px;
padding-right: 16px;
line-height: 16px;
}
#header-menu-sp .header-banner-reservation .button:hover, #header-menu-sp .header-banner-reservation .button:active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
top: 1px;
height: 44px;
}
#header-menu-sp .header-banner-qtranxf {
text-align: center;
}
.header-menu-color {
background-color: #ece7de;
}
.header-menu-color .sub-menu, .header-menu-color .children {
background-color: #ece7de;
}
.header-menu-color.text-white a:hover, .header-menu-color.text-white a:active {
color: inherit;
}
.mainmenu-pc-full {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
*zoom: 1;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.mainmenu-pc-full {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.mainmenu-pc-full {
width: 100%;
}
}
.mainmenu-pc-full:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 568px) {
.mainmenu-pc-full {
display: none;
}
}
.mainmenu-pc-full > li {
position: relative;
float: left;
width: 201px;
margin-left: -1px;
}
.mainmenu-pc-full > li:nth-child(n+7) {
display: none;
}
.mainmenu-pc-full > li.menu-item-cols-1 {
width: 1201px;
}
.mainmenu-pc-full > li.menu-item-cols-2 {
width: 601px;
}
.mainmenu-pc-full > li.menu-item-cols-3 {
width: 401px;
}
.mainmenu-pc-full > li.menu-item-cols-4 {
width: 301px;
}
.mainmenu-pc-full > li.menu-item-cols-5 {
width: 241px;
}
.mainmenu-pc-full > li.menu-item-cols-6 {
width: 201px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.mainmenu-pc-full > li {
width: 157px;
}
.mainmenu-pc-full > li.menu-item-cols-1 {
width: 941px;
}
.mainmenu-pc-full > li.menu-item-cols-2 {
width: 471px;
}
.mainmenu-pc-full > li.menu-item-cols-3 {
width: 314px;
}
.mainmenu-pc-full > li.menu-item-cols-4 {
width: 236px;
}
.mainmenu-pc-full > li.menu-item-cols-5 {
width: 189px;
}
.mainmenu-pc-full > li.menu-item-cols-6 {
width: 157px;
}
}
.mainmenu-pc-full > li:after {
content: "";
position: absolute;
top: 16px;
right: 0;
width: 1px;
height: 36px;
background-color: #c6c6c6;
}
.mainmenu-pc-full > li:first-child:before {
content: "";
position: absolute;
top: 16px;
left: 0;
width: 1px;
height: 36px;
background-color: #c6c6c6;
}
.mainmenu-pc-full > li.current-menu-item > a {
background-color: rgba(198, 198, 198, 0.3);
}
.mainmenu-pc-full > li > a {
height: 68px;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
-webkit-justify-content: center;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.mainmenu-pc-full > li > a span {
display: block;
max-height: 36px;
padding-left: 13px;
padding-right: 13px;
line-height: 18px;
overflow: hidden;
}
.mainmenu-pc-full .sub-menu, .mainmenu-pc-full .children {
display: none;
position: absolute;
top: 68px;
width: 100%;
overflow: hidden;
border-top: 1px solid #c6c6c6;
z-index: 5;
}
.mainmenu-pc-full .sub-menu > li, .mainmenu-pc-full .children > li {
text-align: center;
}
.mainmenu-pc-full .sub-menu > li.current-menu-item > a, .mainmenu-pc-full .children > li.current-menu-item > a {
background-color: rgba(198, 198, 198, 0.3);
}
.mainmenu-pc-full .sub-menu > li > a, .mainmenu-pc-full .children > li > a {
position: relative;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
line-height: 20px;
}
.mainmenu-pc-full .sub-menu > li + li, .mainmenu-pc-full .children > li + li {
margin-top: -1px;
}
.mainmenu-pc-full .sub-menu > li + li:before, .mainmenu-pc-full .children > li + li:before {
content: "";
display: block;
height: 1px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: -1px;
background-color: #c6c6c6;
}
.mainmenu-pc-full a {
display: block;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
}
.mainmenu-pc-full a:hover, .mainmenu-pc-full a:active {
color: inherit;
background-color: rgba(198, 198, 198, 0.3);
}
.mainmenu-sp > li {
position: relative;
border-bottom: 1px solid #c6c6c6;
}
.mainmenu-sp > li.current-menu-item > a {
background-color: rgba(198, 198, 198, 0.3);
}
.mainmenu-sp > li > a span {
line-height: 18px;
overflow: hidden;
}
.mainmenu-sp .toggle-children {
position: absolute;
content: "";
top: 0;
right: 0;
display: block;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
.mainmenu-sp .toggle-children:after {
content: "＋";
display: inline;
}
.mainmenu-sp .open .toggle-children:after {
content: "－";
}
.mainmenu-sp .sub-menu, .mainmenu-sp .children {
display: none;
width: 100%;
overflow: hidden;
z-index: 5;
}
.mainmenu-sp .sub-menu > li, .mainmenu-sp .children > li {
border-top: 1px solid #c6c6c6;
}
.mainmenu-sp .sub-menu > li.current-menu-item > a, .mainmenu-sp .children > li.current-menu-item > a {
background-color: rgba(198, 198, 198, 0.3);
}
.mainmenu-sp .sub-menu > li > a, .mainmenu-sp .children > li > a {
background-color: rgba(198, 198, 198, 0.15);
}
.mainmenu-sp a {
display: block;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
line-height: 18px;
letter-spacing: 1px;
font-size: 16px;
text-align: left;
text-decoration: none;
}
.mainmenu-sp a:hover, .mainmenu-sp a:active {
color: inherit;
background-color: rgba(198, 198, 198, 0.3);
}
#content {
background-color: #e6e6e6;
overflow: hidden;
}
.content-bg-image-white {
background-image: url(../../../themes/new-standard-2/images/common/main-bg-white_1475825075.png);
}
.content-bg-image-white-wide {
background-image: url(../../../themes/new-standard-2/images/common/main-bg-white-wide_1475825075.png);
}
#breadcrumb {
background-color: rgba(145, 163, 174, 0.2);
}
@media screen and (max-width: 568px) {
#breadcrumb {
padding-left: 10px;
padding-right: 10px;
}
}
#breadcrumb ul {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
padding-top: 12px;
padding-bottom: 8px;
font-size: 0;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#breadcrumb ul {
width: 940px;
}
}
@media screen and (max-width: 568px) {
#breadcrumb ul {
width: 100%;
}
}
#breadcrumb ul li {
display: inline;
line-height: 20px;
}
#breadcrumb ul li:before {
content: ">";
display: inline;
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
}
#breadcrumb ul li:first-child:before {
display: none;
}
#breadcrumb ul li span {
font-size: 14px;
}
.main-row {
margin-top: 24px;
margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
.main-row {
margin-top: 24px;
}
}
#main {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 870px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#main {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
#main {
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#main {
width: 620px;
}
}
@media screen and (max-width: 568px) {
#main {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
#main {
width: auto;
margin-bottom: 24px;
}
}
#main.main-full {
float: none;
width: auto;
}
.sidebar-left #main {
float: right;
}
@media screen and (max-width: 568px) {
.sidebar-left #main {
float: none;
}
}
#sidebar {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 300px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
#sidebar {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
#sidebar {
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 568px) {
#sidebar {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
#sidebar {
width: auto;
margin-bottom: 24px;
}
}
#footer {
position: relative;
padding-top: 55px;
color: #ffffff;
background-color: #3b3b3b;
}
@media screen and (max-width: 568px) {
#footer {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
#footer {
padding-top: 24px;
}
}
#footer.text-gray {
color: inherit;
}
#footer.border-top {
border-top: 1px solid #ecf0f1;
}
.footer-pageup {
display: none;
}
@media screen and (max-width: 568px) {
.footer-pageup {
position: absolute;
top: -16px;
left: 50%;
display: block;
width: 32px;
height: 32px;
margin-left: -16px;
}
}
.footer-pageup a {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #d1ae6e;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}
.footer-pageup a:after {
content: "";
position: absolute;
top: 11px;
left: 10px;
display: block;
width: 12px;
height: 9px;
background-position: -12px -19px;
}
.footer-pageup a.button-light:after {
width: 12px;
height: 9px;
background-position: 0 -19px;
}
.footer-widgets {
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 1230px;
margin-bottom: 64px;
}
.footer-widgets:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.footer-widgets {
width: 960px;
}
}
@media screen and (max-width: 568px) {
.footer-widgets {
width: 100%;
}
.footer-widgets:after {
content: none;
}
}
@media screen and (max-width: 568px) {
.footer-widgets {
margin-bottom: 24px;
}
}
.footer-widgets .col {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 380px;
min-height: 1px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.footer-widgets .col {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
.footer-widgets .col {
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.footer-widgets .col {
width: 300px;
}
}
@media screen and (max-width: 568px) {
.footer-widgets .col {
width: auto;
}
}
@media screen and (max-width: 568px) {
.footer-widgets .col {
margin-bottom: 24px;
}
}
.footer-content {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
margin-bottom: 64px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.footer-content {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.footer-content {
width: 100%;
}
}
@media screen and (max-width: 568px) {
.footer-content {
margin-bottom: 32px;
}
}
.footer-credit {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
padding-bottom: 10px;
text-align: center;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.footer-credit {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.footer-credit {
width: 100%;
}
} .says, .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.text-white {
color: #ffffff;
}
.text-white a:hover, .text-white a:active {
color: #cccccc;
}
.title-color {
color: #d1ae6e;
}
.label-color {
background-color: #d1ae6e;
}
.button-color {
color: #ffffff;
background-color: #d1ae6e;
}
.button-color:hover, .button-color:active {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
}
.row {
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 1230px;
}
.row:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.row {
width: 960px;
}
}
@media screen and (max-width: 568px) {
.row {
width: 100%;
}
.row:after {
content: none;
}
}
.post-content {
overflow: hidden;
*zoom: 1;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.post-content a {
color: #3398db;
text-decoration: underline;
}
.post-content a:hover, .post-content a:active {
color: #217dba;
}
.post-content a:hover img, .post-content a:active img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.post-content em {
font-style: italic;
}
.post-content div {
margin-top: 24px;
margin-bottom: 24px;
}
.post-content div:first-child {
margin-top: 0;
}
.post-content div:last-child {
margin-bottom: 0;
}
.post-content p, .post-content ul, .post-content dl, .post-content ol, .post-content blockquote, .post-content table, .post-content pre, .post-content figure {
margin-top: 24px;
margin-bottom: 24px;
}
.post-content p:first-child, .post-content ul:first-child, .post-content dl:first-child, .post-content ol:first-child, .post-content blockquote:first-child, .post-content table:first-child, .post-content pre:first-child, .post-content figure:first-child {
margin-top: 0;
}
.post-content p:last-child, .post-content ul:last-child, .post-content dl:last-child, .post-content ol:last-child, .post-content blockquote:last-child, .post-content table:last-child, .post-content pre:last-child, .post-content figure:last-child {
margin-bottom: 0;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
margin-top: 48px;
margin-bottom: 24px;
}
.post-content h1:first-child, .post-content h2:first-child, .post-content h3:first-child, .post-content h4:first-child, .post-content h5:first-child, .post-content h6:first-child {
margin-top: 0;
}
.post-content h1:last-child, .post-content h2:last-child, .post-content h3:last-child, .post-content h4:last-child, .post-content h5:last-child, .post-content h6:last-child {
margin-bottom: 0;
}
.post-content h1 {
line-height: 1.3;
font-size: 2em;
}
.post-content h2 {
line-height: 1.3;
font-size: 1.7em;
}
.post-content h3 {
line-height: 1.5;
font-size: 1.4em;
}
.post-content h4, .post-content h5, .post-content h6 {
font-weight: bold;
}
.post-content h4 {
line-height: 1.7;
font-size: 1.2em;
}
.post-content h5 {
line-height: 1.9;
font-size: 1.1em;
}
.post-content h6 {
font-size: 1em;
}
.post-content ol {
counter-reset: ol-number;
list-style: none;
}
.post-content ol li:before {
counter-increment: ol-number;
content: counter(ol-number) ". ";
}
.post-content img {
max-width: 100%;
height: auto;
}
.post-content .alignright {
clear: both;
float: right;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 10px;
}
.post-content .alignleft {
clear: both;
float: left;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
vertical-align: middle;
}
@media screen and (max-width: 568px) {
.post-content .alignright, .post-content .alignleft {
float: none;
margin-left: auto;
margin-right: auto;
}
}
.post-content .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.post-content .wp-caption {
max-width: 100%;
text-align: center;
}
.post-content .wp-caption p {
margin-top: 5px;
}
.post-content table,
.post-content th,
.post-content td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.6;
}
.post-content table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.post-content table.wp-block-table {
table-layout: auto;
}
.post-content table.wp-block-table.has-fixed-layout {
table-layout: fixed;
}
.post-content caption,
.post-content th,
.post-content td {
font-weight: normal;
text-align: left;
}
.post-content th {
border-width: 1px;
font-weight: bold;
}
.post-content td {
border-width: 1px;
}
.post-content th, .post-content td {
padding: 10px;
}
.post-content blockquote {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 2em;
font-style: italic;
border-left: 3px solid #c6c6c6;
}
.post-content dt {
margin-top: 24px;
font-weight: bold;
}
.post-content ul {
padding-left: 20px;
list-style: disc;
}
.post-content ul.wp-block-gallery {
padding-left: 0;
}
.post-content ol ol {
padding-left: 20px;
}
.post-content pre {
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #f2f2f2;
}
.post-content figure {
line-height: 0;
}
.post-content figcaption {
line-height: 1.2;
font-size: 0.9em;
}
.post-content img + figcaption {
margin-top: 8px;
}
.post-content embed, .post-content iframe, .post-content object, .post-content video {
max-width: 100%;
}
.post-content .gallery div, .post-content .gallery figure {
margin-top: 0;
margin-bottom: 0;
}
.post-content hr {
height: 0;
border: none;
border-top: 1px solid #eaeaea;
}
.post-content-main {
line-height: 2.0;
font-size: 16px;
}
.post-content-main p, .post-content-main div, .post-content-main ul, .post-content-main dl, .post-content-main ol, .post-content-main blockquote, .post-content-main table, .post-content-main pre, .post-content-main figure {
margin-top: 24px;
margin-bottom: 24px;
}
.post-content-main a.wp-block-button__link {
color: inherit;
text-decoration: none;
}
.post-content-main .wp-block-latest-comments li:before {
display: none;
}
.post-content-main .wp-block-latest-comments__comment-excerpt {
margin-top: 0;
margin-bottom: 0;
}
.post-content-main .wp-block-latest-comments__comment-excerpt p {
margin: 5px 0 20px;
}
.post-content-main .wp-block-columns {
margin-top: 0;
margin-bottom: 0;
}
.post-content-main .wp-block-columns .wp-block-column:first-child {
margin-top: 24px;
}
.post-content-main .wp-block-columns .wp-block-column:last-child {
margin-bottom: 24px;
}
@media (min-width: 600px) {
.post-content-main .wp-block-column {
margin-left: 12px;
margin-right: 12px;
}
}
.post-content-main .wp-block-column:first-child {
margin-left: 0;
}
.post-content-main .wp-block-column:last-child {
margin-right: 0;
}
.post-content-main .wp-block-media-text__content {
margin-top: 0;
}
.pagination {
text-align: center;
}
@media screen and (max-width: 568px) {
.pagination {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.pagination {
display: -ms-flexbox;
-ms-flex-direction: row;
display: -webkit-flex;
-webkit-flex-direction: row;
display: flex;
flex-direction: row;
}
}
.pagination span, .pagination a {
position: relative;
box-sizing: border-box;
display: inline-block;
margin: 3px;
padding: 12px 14px;
line-height: 1;
width: auto;
text-decoration: none;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination .disabled {
color: #aaaaaa;
}
.pagination .current {
color: #ffffff;
background-color: #999999;
border: none;
}
.pagination a:hover {
top: 1px;
color: inherit;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 568px) {
.pagination .first, .pagination .prev, .pagination .pagenum, .pagination .next, .pagination .last {
display: none;
}
}
@media screen and (max-width: 568px) {
.pagination .paged {
-ms-flexbox: 0 1 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
margin-left: 6px;
margin-right: 6px;
}
}
.pagination .sp-prev, .pagination .sp-next {
display: none;
}
@media screen and (max-width: 568px) {
.pagination .sp-prev, .pagination .sp-next {
display: inline-block;
-ms-flexbox: 0 1 auto;
-webkit-flex: 0 0 30%;
flex: 0 0 30%;
margin-left: 0;
margin-right: 0;
}
}
.page-links {
margin-bottom: 48px;
text-align: center;
}
.page-links a, .page-links > span {
position: relative;
box-sizing: border-box;
display: inline-block;
margin: 0 3px 10px;
padding: 12px 14px;
line-height: 1;
width: auto;
color: #ffffff;
text-decoration: none;
vertical-align: middle;
background-color: #999999;
}
.page-links a, .page-links .info {
color: inherit;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.page-links a:hover {
top: 1px;
color: inherit;
background-image: none;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.tip-list {
line-height: 1;
font-size: 0;
}
.tip-list .date {
letter-spacing: 0.1em;
background-color: #f5f5f5;
}
.tip-list .category, .tip-list .tag {
display: inline;
}
.tip-list .category li, .tip-list .tag li {
display: inline-block;
}
.tip-list .category a:hover, .tip-list .tag a:hover {
color: inherit;
}
.tip-list .category {
color: #ffffff;
}
.tip-list .tag .tip {
background-color: #dddddd;
}
.tip {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
font-size: 12px;
vertical-align: middle;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.tip-link {
padding: 0;
}
.tip-link a {
display: block;
width: auto;
height: 100%;
padding-left: 8px;
padding-right: 8px;
} #slider {
position: relative;
background-color: #dddddd;
}
@media screen and (max-width: 568px) {
#slider {
margin-bottom: 25px;
}
}
#slider:before {
content: "";
box-sizing: content-box;
display: block;
height: 0;
padding-bottom: 35.8%;
}
@media screen and (max-width: 568px) {
#slider.slider-horizontal:before {
padding-bottom: 66.67%;
}
}
@media screen and (max-width: 568px) {
#slider.slider-vertical:before {
padding-bottom: 150%;
}
}
#slider .bx-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#slider .bx-wrapper .bxslider {
overflow: visible;
}
#slider .bx-viewport {
height: 100% !important;
}
#slider .bxslider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#slider li {
height: 100%;
}
#slider li img {
display: inline;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
@media screen and (max-width: 568px) {
#slider .img-pc {
display: none;
}
}
#slider .img-sp {
display: none;
}
@media screen and (max-width: 568px) {
#slider .img-sp {
display: inline;
}
}
.front-newsflash {
background-color: #ffffff;
}
.front-newsflash .container {
margin-left: auto;
margin-right: auto;
clear: both;
width: 940px;
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (max-width: 568px) {
.front-newsflash .container {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.front-newsflash .container {
width: auto;
padding-top: 16px;
padding-bottom: 16px;
}
}
.front-newsflash .header {
float: left;
width: 140px;
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 568px) {
.front-newsflash .header {
float: none;
width: auto;
margin-bottom: 8px;
padding: 0;
}
}
.front-newsflash .header + .list {
width: 800px;
}
@media screen and (max-width: 568px) {
.front-newsflash .header + .list {
width: auto;
}
}
.front-newsflash .list {
overflow: hidden;
*zoom: 1;
}
.front-newsflash .list li + li {
margin-top: 10px;
}
.front-newsflash .list .date {
clear: both;
float: left;
width: 140px;
letter-spacing: 0.07em;
color: #999999;
font-size: 12px;
text-align: center;
white-space: nowrap;
overflow: hidden;
background-color: #f5f5f5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.front-newsflash .list .title {
margin-left: 160px;
}
@media screen and (max-width: 568px) {
.front-newsflash .list .title {
clear: both;
margin-top: 5px;
margin-left: 0;
}
}
.front-custom .header {
padding-top: 48px;
padding-bottom: 48px;
background-color: #ffffff;
}
@media screen and (max-width: 568px) {
.front-custom .header {
padding-top: 24px;
padding-bottom: 16px;
}
}
.front-newsflash + .front-custom .header {
border-top: 1px solid #ecf0f1;
}
.front-custom .header .title {
font-size: 24px;
line-height: 1.5;
text-align: center;
}
@media screen and (max-width: 568px) {
.front-custom .header .title {
font-size: 20px;
}
}
.front-custom .items {
*zoom: 1;
background-color: #c6c6c6;
}
.front-custom .items:after {
content: "";
display: table;
clear: both;
}
.front-custom .item-col-2 {
width: 50%;
}
.front-custom .item-col-2 .title {
top: 65px;
}
.front-custom .item-col-2 .excerpt {
top: 110px;
width: 336px;
margin-left: -168px;
height: 72px;
line-height: 24px;
}
.front-custom .item-col-3 {
width: 33.33333%;
width: -moz-calc(100% / 3);
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
*::-ms-backdrop, .front-custom .item-col-3 {
width: 33.33333%;
}
.front-custom .item-col-3 .title {
top: 65px;
}
.front-custom .item-col-3 .excerpt {
top: 110px;
width: 308px;
margin-left: -154px;
height: 72px;
line-height: 24px;
}
.front-custom .item-col-4 {
width: 25%;
}
.front-custom .item-col-4 .title {
top: 62px;
}
.front-custom .item-col-4 .excerpt {
top: 100px;
width: 252px;
margin-left: -126px;
height: 88px;
line-height: 22px;
}
.front-custom .item {
position: relative;
float: left;
height: auto;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.front-custom .item {
width: 100%;
border-bottom: none;
}
}
@media screen and (max-width: 568px) {
.front-custom .item.item-has-image, .front-custom .item:last-child {
border-bottom: none;
}
}
.front-custom .item a:hover, .front-custom .item a:active {
color: inherit;
}
.front-custom .item .image {
display: block;
height: 240px;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 568px) {
.front-custom .item .image {
height: 120px;
}
}
.front-custom .item .caption {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.front-custom .item .caption:hover, .front-custom .item .caption:active {
background-color: rgba(0, 0, 0, 0.45);
}
.front-custom .item .title {
position: absolute;
left: 0;
width: 100%;
padding-left: 15px;
padding-right: 15px;
line-height: 1.5;
font-size: 18px;
font-weight: bold;
text-align: center;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media screen and (max-width: 568px) {
.front-custom .item .title {
top: 20%;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
}
}
.front-custom .item.item-no-excerpt .title {
top: 42%;
}
.front-custom .item .excerpt {
position: absolute;
left: 50%;
text-align: center;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.front-custom .item .excerpt {
top: 45%;
left: 0;
width: 100%;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
height: 36px;
line-height: 18px;
font-size: 12px;
}
}
.front-new .footer {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
margin-top: 32px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.front-new .footer {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.front-new .footer {
width: 100%;
}
}
@media screen and (max-width: 568px) {
.front-new .footer {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.front-new .footer {
margin-top: 0;
}
}
.front-new .footer .button {
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 16px;
padding-bottom: 16px;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
text-decoration: none;
width: 60%;
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid #c6c6c6;
}
@media screen and (max-width: 568px) {
.front-new .footer .button {
padding-top: 16px;
padding-bottom: 16px;
}
}
@media screen and (max-width: 568px) {
.front-new .footer .button {
width: auto;
}
}
.front-new .footer .button:hover, .front-new .footer .button:active {
color: inherit;
background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 568px) {
.front-new.sp-simple .items {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
width: auto;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 16px;
padding: 0;
}
.front-new.sp-simple .item {
margin-bottom: 0;
border: none;
}
.front-new.sp-simple .item + .item {
border-top: 1px solid #f5f5f5;
}
.front-new.sp-simple .item > a {
padding: 10px;
background-color: none;
}
.front-new.sp-simple .item > a:hover, .front-new.sp-simple .item > a:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
.front-new.sp-simple .item .eyecatch {
float: left;
width: 70px;
height: 70px;
margin-top: 0;
margin-left: 0;
}
.front-new.sp-simple .item .detail {
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
display: -ms-flexbox;
-ms-flex-direction: column-reverse;
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.front-new.sp-simple .item .date {
margin-bottom: 0;
}
.front-new.sp-simple .item .date span {
display: inline-block;
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
letter-spacing: 0.1em;
font-size: 12px;
vertical-align: middle;
background-color: #f5f5f5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.front-new.sp-simple .item .text {
margin-bottom: 0;
}
.front-new.sp-simple .item .title {
margin-bottom: 8px;
line-height: 1.5;
font-weight: normal;
}
.front-new.sp-simple .item .excerpt {
display: none;
}
.front-new.sp-simple .item .info {
display: none;
}
} .post-summary {
margin-bottom: 60px;
}
@media screen and (max-width: 568px) {
.post-summary {
margin-bottom: 24px;
}
}
.post-summary .header {
padding-top: 48px;
padding-bottom: 48px;
background-color: #ffffff;
}
@media screen and (max-width: 568px) {
.post-summary .header {
padding-top: 24px;
padding-bottom: 16px;
}
}
.post-summary .header.border-bottom {
border-bottom: 1px solid #ecf0f1;
}
.post-summary .header .title {
font-size: 24px;
line-height: 1.5;
text-align: center;
}
@media screen and (max-width: 568px) {
.post-summary .header .title {
font-size: 20px;
}
}
.post-summary .items {
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 1230px;
padding-top: 48px;
}
.post-summary .items:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.post-summary .items {
width: 960px;
}
}
@media screen and (max-width: 568px) {
.post-summary .items {
width: 100%;
}
.post-summary .items:after {
content: none;
}
}
@media screen and (max-width: 568px) {
.post-summary .items {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.post-summary .items {
padding-top: 16px;
}
}
.post-summary .item {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 380px;
margin-bottom: 24px;
background-color: #ffffff;
border: 1px solid #ecf0f1;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.post-summary .item {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
.post-summary .item {
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.post-summary .item {
width: 300px;
}
}
@media screen and (max-width: 568px) {
.post-summary .item {
width: auto;
}
}
@media screen and (max-width: 568px) {
.post-summary .item {
margin-bottom: 16px;
}
}
.post-summary .item:nth-child(3n+1) {
clear: both;
}
.post-summary .item > a {
display: block;
}
.post-summary .item > a:hover, .post-summary .item > a:active {
color: inherit;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.post-summary .item .eyecatch {
position: relative;
margin-top: 10px;
margin-left: 9px;
margin-right: 9px;
height: 240px;
font-size: 0;
background-color: #c6c6c6;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.post-summary .item .eyecatch {
height: auto;
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
.post-summary .item .eyecatch:before {
content: "";
display: block;
padding-bottom: 66.6%;
}
}
.post-summary .item .detail {
height: 211px;
margin-top: 24px;
margin-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.post-summary .item .detail {
height: auto;
margin-bottom: 16px;
padding-left: 10px;
padding-right: 10px;
}
}
.post-summary .item .date {
height: 16px;
margin-bottom: 9px;
line-height: 16px;
font-size: 12px;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.post-summary .item .date {
height: auto;
}
}
.post-summary .item .text {
max-height: 135px;
margin-bottom: 24px;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.post-summary .item .text {
max-height: none;
}
}
.post-summary .item .title {
margin-bottom: 4px;
line-height: 27px;
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 568px) {
.post-summary .item .title {
line-height: 1.6;
}
}
.post-summary .item .excerpt {
line-height: 27px;
}
@media screen and (max-width: 568px) {
.post-summary .item .excerpt {
line-height: 1.8;
}
}
.post-summary .pagination {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.post-summary .pagination {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.post-summary .pagination {
width: 100%;
}
}  .single-article {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-bottom: 16px;
padding-top: 48px;
padding-left: 84px;
padding-right: 84px;
padding-bottom: 48px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.single-article {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 568px) {
.single-article {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 568px) {
.single-article {
margin-bottom: 16px;
padding-top: 24px;
padding-bottom: 24px;
}
}
.single-article .header {
margin-bottom: 16px;
}
.single-article .header .title {
margin-bottom: 13px;
line-height: 1.4;
font-size: 24px;
}
.single-article .eyecatch {
max-height: 525px;
margin-bottom: 48px;
line-height: 0;
text-align: center;
background-color: #f2f2f2;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.single-article .eyecatch {
max-height: 428px;
margin-bottom: 48px;
}
}
.single-article .eyecatch img {
width: auto;
max-width: 100%;
height: auto;
max-height: 525px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.single-article .eyecatch img {
max-height: 428px;
}
}
.single-article .post-content-post {
margin-bottom: 48px;
}
.single-article .content-before, .single-article .content-after {
margin-bottom: 48px;
}
.single-article .sns {
border-top: 1px solid #f5f5f5;
padding-top: 24px;
font-size: 0;
}
.single-article .sns li {
display: inline-block;
margin-bottom: 8px;
}
.single-article .sns iframe {
vertical-align: bottom;
}
.single-article .sns-header {
margin-bottom: 24px;
}
.single-article .sns-header li {
margin-right: 13px;
}
.single-article .sns-footer {
text-align: center;
}
.single-article .sns-footer li {
margin-left: 8px;
margin-right: 8px;
}
@media screen and (max-width: 568px) {
.single-article .sns-footer li {
margin-left: 4px;
margin-right: 4px;
}
}
.twitter-button-vertical {
position: relative;
height: 40px;
padding-top: 20px;
overflow: hidden;
}
.twitter-button-vertical .twitter-share-button-rendered {
background-color: #1b95e0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.twitter-button-vertical .count {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
display: none;
width: 100%;
height: 20px;
color: #666666;
text-align: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #999999;
border-bottom: none;
font-size: 12px;
background: #fff;
line-height: 20px;
}
.twitter-button-vertical .twitter-share-button-rendered + .count {
display: block;
}
.single-author {
margin-top: 24px;
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
background-color: #f2f2f2;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.single-author {
padding-top: 24px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 24px;
}
}
.single-author .image {
float: left;
width: 100px;
margin-right: 16px;
}
@media screen and (max-width: 568px) {
.single-author .image {
float: none;
margin-right: 0;
margin-bottom: 16px;
}
}
.single-author .image img {
width: 100%;
height: auto;
}
.single-author .image + .main {
padding-left: 116px;
}
@media screen and (max-width: 568px) {
.single-author .image + .main {
padding-left: 0;
}
}
.single-author .name {
line-height: 1.4;
font-size: 24px;
margin-bottom: 13px;
}
.single-author .position {
line-height: 1.2;
margin-bottom: 13px;
color: #b3b3b3;
}
.single-author .author-sns {
margin-top: 24px;
overflow: hidden;
}
.single-author .author-sns a {
display: inline-block;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
margin-right: 5px;
}
.single-author .author-sns a:hover, .single-author .author-sns a:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.single-author .author-sns .facebook {
width: 29px;
height: 30px;
background-position: 0 -359px;
}
.single-author .author-sns .twitter {
width: 30px;
height: 30px;
background-position: 0 -269px;
}
.single-author .author-sns .instagram {
width: 29px;
height: 30px;
background-position: 0 -389px;
}
.single-author .author-sns li {
float: left;
}
.single-cta {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-top: 16px;
margin-bottom: 24px;
padding-top: 32px;
padding-left: 84px;
padding-right: 84px;
padding-bottom: 32px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.single-cta {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 568px) {
.single-cta {
margin-top: 16px;
margin-bottom: 16px;
padding-left: 10px;
padding-right: 10px;
}
}
.single-cta .title {
margin-bottom: 16px;
font-size: 22px;
}
.single-cta .content {
margin-bottom: 24px;
}
.single-cta .button {
display: block;
padding-top: 16px;
padding-bottom: 16px;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
text-decoration: none;
}
@media screen and (max-width: 568px) {
.single-cta .button {
padding-top: 16px;
padding-bottom: 16px;
}
}
.single-widgets {
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 630px;
margin-top: 24px;
margin-bottom: 24px;
}
.single-widgets:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 1239px) {
.single-widgets {
width: auto;
}
}
@media screen and (max-width: 568px) {
.single-widgets {
margin-top: 16px;
margin-bottom: 16px;
}
}
.single-widgets .widget {
float: left;
width: 300px;
}
@media screen and (max-width: 568px) {
.single-widgets .widget {
float: none;
width: auto;
}
}
.single-widgets .widget:nth-child(odd) {
clear: both;
margin-right: 30px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.single-widgets .widget:nth-child(odd) {
margin-right: 20px;
}
}
@media screen and (max-width: 568px) {
.single-widgets .widget:nth-child(odd) {
margin-right: 0;
}
}
.single-related {
margin-top: 24px;
margin-bottom: 24px;
}
@media screen and (max-width: 568px) {
.single-related {
margin-top: 24px;
margin-bottom: 16px;
}
}
.single-related .header .title {
padding-left: 5px;
font-size: 22px;
}
.single-related .list {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
display: flex;
flex-wrap: wrap;
}
.single-related li {
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-align: center;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
display: flex;
flex-direction: row;
align-items: center;
float: left;
width: 50%;
padding: 16px;
}
@media screen and (max-width: 1239px) {
.single-related li {
float: none;
width: auto;
}
}
.single-related li:nth-child(odd) {
clear: both;
border-right: 1px solid #f5f5f5;
}
@media screen and (max-width: 1239px) {
.single-related li:nth-child(odd) {
border-right: none;
}
}
.single-related li + li {
border-top: 1px solid #f5f5f5;
}
.single-related .col-thumbnail {
-moz-box-flex: 0;
-webkit-box-flex: 0;
-ms-flexbox: 0 0 70px;
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
margin-right: 13px;
}
.single-related .col-thumbnail .thumbnail-wrap {
display: inline-block;
width: 70px;
height: 70px;
vertical-align: bottom;
background-color: #c6c6c6;
overflow: hidden;
}
.single-related .col-thumbnail img {
width: 100%;
height: 100%;
vertical-align: bottom;
}
.single-related .col-title {
-moz-box-flex: 0.1;
-webkit-box-flex: 0.1;
-ms-flexbox: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
overflow: hidden;
}
.single-related .col-title .title {
margin-bottom: 8px;
line-height: 1.5;
font-size: 16px;
}
.single-related .col-title .info .date {
line-height: 26px;
font-size: 12px;
}
.single-related .col-title .info .new {
color: #ffffff;
background-color: #ff5f4f;
}
.single-pagenav {
overflow: hidden;
*zoom: 1;
margin-bottom: 32px;
}
.single-pagenav .prev, .single-pagenav .next {
position: relative;
float: left;
width: 50%;
min-height: 72px;
line-height: 24px;
}
@media screen and (max-width: 568px) {
.single-pagenav .prev, .single-pagenav .next {
height: 30px;
min-height: 0;
line-height: 30px;
}
}
.single-pagenav .prev a, .single-pagenav .next a {
display: block;
}
.single-pagenav .prev a:before, .single-pagenav .next a:before {
content: "";
position: absolute;
top: 21px;
}
@media screen and (max-width: 568px) {
.single-pagenav .prev a:before, .single-pagenav .next a:before {
top: 0;
}
}
.single-pagenav .prev a:hover:before, .single-pagenav .next a:hover:before {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.single-pagenav .prev .title-sp, .single-pagenav .next .title-sp {
display: none;
}
@media screen and (max-width: 568px) {
.single-pagenav .prev .title-sp, .single-pagenav .next .title-sp {
display: inline;
}
}
.single-pagenav .prev .title-pc, .single-pagenav .next .title-pc {
display: block;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: center;
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-align: center;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
display: flex;
flex-direction: row;
align-items: center;
min-height: 72px;
}
@media screen and (max-width: 568px) {
.single-pagenav .prev .title-pc, .single-pagenav .next .title-pc {
display: none;
}
}
.single-pagenav .prev {
border-right: 2px dotted #c6c6c6;
}
.single-pagenav .prev a {
padding-left: 59px;
padding-right: 24px;
}
.single-pagenav .prev a:before {
width: 30px;
height: 30px;
background-position: 0 -329px;
left: 16px;
}
@media screen and (max-width: 568px) {
.single-pagenav .next {
text-align: right;
}
}
.single-pagenav .next a {
padding-left: 24px;
padding-right: 59px;
}
.single-pagenav .next a:before {
width: 30px;
height: 30px;
background-position: 0 -299px;
right: 16px;
}
.single-buttonrow {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
max-width: 620px;
}
@media screen and (max-width: 568px) {
.single-buttonrow {
margin-bottom: 0;
}
}
.single-buttonrow .button {
display: block;
padding-top: 16px;
padding-bottom: 16px;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid #c6c6c6;
}
@media screen and (max-width: 568px) {
.single-buttonrow .button {
padding-top: 16px;
padding-bottom: 16px;
}
}
.single-buttonrow .button:hover, .single-buttonrow .button:active {
color: inherit;
background-color: rgba(255, 255, 255, 0.4);
} .page-article .eyecatch, .baseshop-header .eyecatch {
position: relative;
height: 360px;
background-color: #c6c6c6;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 568px) {
.page-article .eyecatch, .baseshop-header .eyecatch {
height: auto;
}
}
@media screen and (max-width: 568px) {
.page-article .eyecatch:before, .baseshop-header .eyecatch:before {
content: "";
display: block;
padding-bottom: 38.3%;
}
}
.page-article .eyecatch .overlay, .baseshop-header .eyecatch .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 568px) {
.page-article .eyecatch .overlay, .baseshop-header .eyecatch .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.page-article .eyecatch .title, .baseshop-header .eyecatch .title {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
height: 100%;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.page-article .eyecatch .title, .baseshop-header .eyecatch .title {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.page-article .eyecatch .title, .baseshop-header .eyecatch .title {
width: 100%;
}
}
@media screen and (max-width: 568px) {
.page-article .eyecatch .title, .baseshop-header .eyecatch .title {
position: relative;
}
}
.page-article .eyecatch .inner, .baseshop-header .eyecatch .inner {
display: table-cell;
width: 1200px;
height: 360px;
line-height: 1.5;
letter-spacing: 1px;
color: #ffffff;
font-size: 37px;
text-align: center;
vertical-align: middle;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.page-article .eyecatch .inner, .baseshop-header .eyecatch .inner {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.page-article .eyecatch .inner, .baseshop-header .eyecatch .inner {
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 1.2;
font-size: 24px;
}
}
.page-article {
margin-bottom: 60px;
}
@media screen and (max-width: 568px) {
.page-article {
margin-bottom: 32px;
}
}
.page-article .header .title {
margin-bottom: 24px;
padding-top: 24px;
line-height: 1.3;
font-size: 24px;
text-align: center;
}
@media screen and (max-width: 568px) {
.page-article .header .title {
padding-top: 24px;
}
}
.page-article .box {
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding-left: 84px;
padding-right: 84px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.page-article .box {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 568px) {
.page-article .box {
margin-top: 24px;
padding-left: 10px;
padding-right: 10px;
}
}
.page-article .main-full .box {
padding-left: 115px;
padding-right: 115px;
}
@media screen and (max-width: 568px) {
.page-article .main-full .box {
margin-top: 24px;
padding-left: 10px;
padding-right: 10px;
}
}
.page-article .content {
margin-top: 48px;
margin-bottom: 48px;
}
@media screen and (max-width: 568px) {
.page-article .content {
margin-top: 24px;
margin-bottom: 24px;
}
}
.page-article .faq {
margin-top: 48px;
margin-bottom: 48px;
font-size: 16px;
}
@media screen and (max-width: 568px) {
.page-article .faq {
margin-top: 24px;
margin-bottom: 24px;
line-height: 1.5;
}
}
.page-article .faq .section + .section {
margin-top: 48px;
}
.page-article .faq .title {
padding-bottom: 5px;
line-height: 1.5;
font-size: 22px;
}
@media screen and (max-width: 568px) {
.page-article .faq .title {
padding-bottom: 10px;
font-size: 18px;
}
}
.page-article .qa {
border-bottom: 2px solid #ecf0f1;
}
.page-article .qa .head {
width: 25px;
float: left;
font-weight: bold;
}
.page-article .qa .text {
margin-left: 25px;
margin-right: 40px;
}
.page-article .qa dt {
position: relative;
padding-top: 24px;
padding-bottom: 24px;
border-top: 2px solid #ecf0f1;
cursor: pointer;
}
@media screen and (max-width: 568px) {
.page-article .qa dt {
padding-top: 16px;
padding-bottom: 16px;
}
}
.page-article .qa dt .head {
font-weight: bold;
}
.page-article .qa dt:after {
content: "＋";
position: absolute;
top: 50%;
right: 5px;
margin-top: -12px;
line-height: 24px;
color: #999999;
font-size: 24px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
-webkit-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}
.page-article .qa dt:hover:after {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.page-article .qa dt.open:after {
content: "−";
}
.page-article .qa dd {
display: none;
padding-bottom: 24px;
}
@media screen and (max-width: 568px) {
.page-article .qa dd {
padding-bottom: 16px;
}
}
.page-article .qa dd .head {
line-height: 2.0;
}
@media screen and (max-width: 568px) {
.page-article .qa dd .head {
line-height: 1.5;
}
}
.page-article .qa dd .text p:first-child, .page-article .qa dd .text div:first-child, .page-article .qa dd .text ul:first-child, .page-article .qa dd .text dl:first-child, .page-article .qa dd .text ol:first-child, .page-article .qa dd .text blockquote:first-child, .page-article .qa dd .text table:first-child, .page-article .qa dd .text pre:first-child, .page-article .qa dd .text figure:first-child {
margin-top: 0;
}
.page-article .qa dd .text p:last-child, .page-article .qa dd .text div:last-child, .page-article .qa dd .text ul:last-child, .page-article .qa dd .text dl:last-child, .page-article .qa dd .text ol:last-child, .page-article .qa dd .text blockquote:last-child, .page-article .qa dd .text table:last-child, .page-article .qa dd .text pre:last-child, .page-article .qa dd .text figure:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 568px) {
.page-article .qa dd .text {
line-height: 1.5;
}
}
.page-article .comments-area {
margin-bottom: 48px;
}
@media screen and (max-width: 568px) {
.page-article .comments-area {
margin-bottom: 24px;
}
}
.page-inquiry {
margin-left: auto;
margin-right: auto;
max-width: 560px;
margin-top: 64px;
margin-bottom: 48px;
}
@media screen and (max-width: 568px) {
.page-inquiry {
margin-bottom: 24px;
}
}
.page-inquiry .button-contact {
display: block;
padding-top: 16px;
padding-bottom: 16px;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
text-decoration: none;
}
@media screen and (max-width: 568px) {
.page-inquiry .button-contact {
padding-top: 16px;
padding-bottom: 16px;
}
} @media screen and (max-width: 568px) {
.baseshop-container {
padding-left: 10px;
padding-right: 10px;
}
}
.baseshop-description {
margin-left: auto;
margin-right: auto;
clear: both;
width: 1200px;
background-color: #ffffff;
border: 1px solid #ecf0f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-top: 24px;
padding: 20px;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.baseshop-description {
width: 940px;
}
}
@media screen and (max-width: 568px) {
.baseshop-description {
width: 100%;
}
}
@media screen and (max-width: 568px) {
.baseshop-description {
margin-top: 24px;
}
}
.baseshop-item {
margin-top: 24px;
}
@media screen and (max-width: 568px) {
.baseshop-item {
margin-top: 24px;
}
}
.baseshop-item .items {
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 1230px;
}
.baseshop-item .items:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.baseshop-item .items {
width: 960px;
}
}
@media screen and (max-width: 568px) {
.baseshop-item .items {
width: 100%;
}
.baseshop-item .items:after {
content: none;
}
}
.baseshop-item .item {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 380px;
margin-bottom: 24px;
text-align: center;
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.baseshop-item .item {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 568px) {
.baseshop-item .item {
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 569px) and (max-width: 1239px) {
.baseshop-item .item {
width: 300px;
}
}
@media screen and (max-width: 568px) {
.baseshop-item .item {
width: auto;
}
}
@media screen and (max-width: 568px) {
.baseshop-item .item {
margin-bottom: 16px;
}
}
.baseshop-item iframe {
vertical-align: bottom;
}
@media screen and (max-width: 1239px) {
.baseshop-item iframe.widget-lg {
display: none;
}
}
.baseshop-item iframe.widget-md {
display: none;
}
@media screen and (max-width: 1239px) {
.baseshop-item iframe.widget-md {
display: inline;
}
}
.baseshop-item .tags {
height: 26px;
margin-top: 6px;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.baseshop-item .tags {
height: auto;
min-height: 26px;
}
}
.baseshop-item .tags .tip {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
}
.baseshop-item .tags .soldout {
color: #ffffff;
background-color: #ff5f4f;
} @media screen and (min-width: 569px) {
.hover-front-custom-rich .front-custom .item .image {
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-front-custom-rich .front-custom .item .title {
-moz-transform: scale3d(0.9, 0.9, 1) translateY(40px);
-ms-transform: scale3d(0.9, 0.9, 1) translateY(40px);
-webkit-transform: scale3d(0.9, 0.9, 1) translateY(40px);
transform: scale3d(0.9, 0.9, 1) translateY(40px);
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-front-custom-rich .front-custom .item.item-no-excerpt .title {
-moz-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
}
.hover-front-custom-rich .front-custom .item .excerpt {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transform: scale3d(0.8, 0.8, 1) translateY(40px);
-ms-transform: scale3d(0.8, 0.8, 1) translateY(40px);
-webkit-transform: scale3d(0.8, 0.8, 1) translateY(40px);
transform: scale3d(0.8, 0.8, 1) translateY(40px);
-moz-transition: opacity 0.35s, -moz-transform 0.35s;
-o-transition: opacity 0.35s, -o-transform 0.35s;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.hover-front-custom-rich .front-custom .item .caption {
-moz-transition: background-color 0.35s;
-o-transition: background-color 0.35s;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.hover-front-custom-rich .front-custom .item:hover .image, .hover-front-custom-rich .front-custom .item:active .image {
-moz-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.hover-front-custom-rich .front-custom .item:hover .title, .hover-front-custom-rich .front-custom .item:active .title {
-moz-transform: scale3d(1, 1, 1) translateY(0);
-ms-transform: scale3d(1, 1, 1) translateY(0);
-webkit-transform: scale3d(1, 1, 1) translateY(0);
transform: scale3d(1, 1, 1) translateY(0);
}
.hover-front-custom-rich .front-custom .item:hover .excerpt, .hover-front-custom-rich .front-custom .item:active .excerpt {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1) translateY(0);
-ms-transform: scale3d(1, 1, 1) translateY(0);
-webkit-transform: scale3d(1, 1, 1) translateY(0);
transform: scale3d(1, 1, 1) translateY(0);
}
.hover-post-summary-rich .post-summary .item {
background-color: #dddddd;
}
.hover-post-summary-rich .post-summary .item a {
background-color: #ffffff;
-moz-transition: -moz-transform 0.1s;
-o-transition: -o-transform 0.1s;
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
}
.hover-post-summary-rich .post-summary .item a:hover, .hover-post-summary-rich .post-summary .item a:active {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transform: translate3d(-3px, -3px, 0);
-ms-transform: translate3d(-3px, -3px, 0);
-webkit-transform: translate3d(-3px, -3px, 0);
transform: translate3d(-3px, -3px, 0);
}
} @media screen and (max-width: 568px) {
.sp-header-no-fix #wrap {
padding-top: 0;
}
.sp-header-no-fix #header {
position: relative;
}
.sp-header-no-fix #header-menu-sp {
position: absolute;
height: auto;
}
} .ns-row {
overflow: hidden;
*zoom: 1;
margin-left: -12px;
margin-right: -12px;
}
@media screen and (max-width: 568px) {
.ns-row {
margin-left: 0;
margin-right: 0;
}
}
.ns-col {
float: left;
padding-left: 12px;
padding-right: 12px;
}
@media screen and (max-width: 568px) {
.ns-col {
float: none;
padding-left: 0;
padding-right: 0;
}
}
.ns-row-1 .ns-col-1 {
width: 100%;
}
@media screen and (max-width: 568px) {
.ns-row-1 .ns-col-1 {
width: auto;
}
}
.ns-row-2 .ns-col-1 {
width: 50%;
}
@media screen and (max-width: 568px) {
.ns-row-2 .ns-col-1 {
width: auto;
}
}
.ns-row-2 .ns-col-2 {
width: 100%;
}
@media screen and (max-width: 568px) {
.ns-row-2 .ns-col-2 {
width: auto;
}
}
.ns-row-3 .ns-col-1 {
width: 33.3%;
}
@media screen and (max-width: 568px) {
.ns-row-3 .ns-col-1 {
width: auto;
}
}
.ns-row-3 .ns-col-2 {
width: 66.6%;
}
@media screen and (max-width: 568px) {
.ns-row-3 .ns-col-2 {
width: auto;
}
}
.ns-row-3 .ns-col-3 {
width: 100%;
}
@media screen and (max-width: 568px) {
.ns-row-3 .ns-col-3 {
width: auto;
}
}
.ns-row-4 .ns-col-1 {
width: 25%;
}
@media screen and (max-width: 568px) {
.ns-row-4 .ns-col-1 {
width: auto;
}
}
.ns-row-4 .ns-col-2 {
width: 50%;
}
@media screen and (max-width: 568px) {
.ns-row-4 .ns-col-2 {
width: auto;
}
}
.ns-row-4 .ns-col-3 {
width: 75%;
}
@media screen and (max-width: 568px) {
.ns-row-4 .ns-col-3 {
width: auto;
}
}
.ns-row-4 .ns-col-4 {
width: 100%;
}
@media screen and (max-width: 568px) {
.ns-row-4 .ns-col-4 {
width: auto;
}
}
.ns-row-5 .ns-col-1 {
width: 20%;
}
@media screen and (max-width: 568px) {
.ns-row-5 .ns-col-1 {
width: auto;
}
}
.ns-row-5 .ns-col-2 {
width: 40%;
}
@media screen and (max-width: 568px) {
.ns-row-5 .ns-col-2 {
width: auto;
}
}
.ns-row-5 .ns-col-3 {
width: 60%;
}
@media screen and (max-width: 568px) {
.ns-row-5 .ns-col-3 {
width: auto;
}
}
.ns-row-5 .ns-col-4 {
width: 80%;
}
@media screen and (max-width: 568px) {
.ns-row-5 .ns-col-4 {
width: auto;
}
}
.ns-row-5 .ns-col-5 {
width: 100%;
}
@media screen and (max-width: 568px) {
.ns-row-5 .ns-col-5 {
width: auto;
}
}
.post-content .ns-col {
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 568px) {
.post-content .ns-col {
margin-top: 24px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 568px) {
.ns-col-table {
clear: both;
}
.ns-col-table table, .ns-col-table thead, .ns-col-table tbody, .ns-col-table tfoot, .ns-col-table tr, .ns-col-table th, .ns-col-table td {
display: block;
width: auto !important;
height: auto !important;
}
.ns-col-table table th, .ns-col-table table td {
border-bottom: none;
border-left: none;
border-right: none;
}
.ns-col-table table tr:first-of-type th:first-child, .ns-col-table table tr:first-of-type td:first-child {
border-top: none;
}
}
@media screen and (max-width: 568px) {
.ns-scroll-table {
clear: both;
width: 100%;
white-space: nowrap;
overflow-x: auto;
}
.ns-scroll-table table {
table-layout: auto;
}
}  .ns-box, .ns-box-square, .ns-box-round {
padding: 20px;
overflow: hidden;
*zoom: 1;
border-style: solid;
border-width: 1px;
border-color: #aaaaaa;
}
.ns-box-radius, .ns-box-round {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ns-button, .ns-button-color-large, .ns-button-color-medium, .ns-button-color-small, .ns-button-gray-large, .ns-button-gray-medium, .ns-button-gray-small {
box-sizing: border-box;
display: inline-block;
max-width: 100%;
margin-bottom: 16px;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
}
a.ns-button, a.ns-button-color-large, a.ns-button-color-medium, a.ns-button-color-small, a.ns-button-gray-large, a.ns-button-gray-medium, a.ns-button-gray-small {
color: #ffffff;
text-decoration: none;
}
a.ns-button:hover, a.ns-button-color-large:hover, a.ns-button-color-medium:hover, a.ns-button-color-small:hover, a.ns-button-gray-large:hover, a.ns-button-gray-medium:hover, a.ns-button-gray-small:hover, a.ns-button:active, a.ns-button-color-large:active, a.ns-button-color-medium:active, a.ns-button-color-small:active, a.ns-button-gray-large:active, a.ns-button-gray-medium:active, a.ns-button-gray-small:active {
color: #ffffff;
}
.ns-button-large, .ns-button-color-large, .ns-button-gray-large {
width: 100%;
}
.ns-button-medium, .ns-button-color-medium, .ns-button-gray-medium {
width: 50%;
}
@media screen and (max-width: 568px) {
.ns-button-medium, .ns-button-color-medium, .ns-button-gray-medium {
width: 80%;
}
}
.ns-button-color, .ns-button-color-large, .ns-button-color-medium, .ns-button-color-small {
background-color: #d1ae6e;
}
a.ns-button-color, a.ns-button-color-large, a.ns-button-color-medium, a.ns-button-color-small {
color: #ffffff;
}
a.ns-button-color:hover, a.ns-button-color-large:hover, a.ns-button-color-medium:hover, a.ns-button-color-small:hover, a.ns-button-color:active, a.ns-button-color-large:active, a.ns-button-color-medium:active, a.ns-button-color-small:active {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
}
.ns-button-custom-color:hover, .ns-button-custom-color:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
}
.ns-button-gray, .ns-button-gray-large, .ns-button-gray-medium, .ns-button-gray-small {
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid #666666;
}
a.ns-button-gray, a.ns-button-gray-large, a.ns-button-gray-medium, a.ns-button-gray-small {
color: inherit;
}
a.ns-button-gray:hover, a.ns-button-gray-large:hover, a.ns-button-gray-medium:hover, a.ns-button-gray-small:hover, a.ns-button-gray:active, a.ns-button-gray-large:active, a.ns-button-gray-medium:active, a.ns-button-gray-small:active {
color: inherit;
background-color: rgba(234, 234, 234, 0.4);
}