@charset "UTF-8";
.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}
 @import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css"); @import url("https://fonts.googleapis.com/css?family=Lato"); @font-face {
font-family: "Christopherhand";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Christopherhand.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Christopherhand.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Christopherhand.ttf) format("truetype");
} @font-face {
font-family: "Coves-Light";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Light.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Light.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Light.ttf) format("truetype");
} @font-face {
font-family: "Coves-Bold";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Bold.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Bold.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Coves-Bold.ttf) format("truetype");
} @font-face {
font-family: "Morganite-SemiBold";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-SemiBold.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-SemiBold.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-SemiBold.ttf) format("truetype");
letter-spacing: 20px;
} @font-face {
font-family: "Morganite-Black";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-Black.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-Black.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Morganite-Black.ttf) format("truetype");
letter-spacing: 10px;
} @font-face {
font-family: "Jiyuno-Tsubasa";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Jiyuno-Tsubasa.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Jiyuno-Tsubasa.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Jiyuno-Tsubasa.ttf) format("truetype");
letter-spacing: 10px;
} @font-face {
font-family: "Billabong";
src: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Billabong.eot?#iefix) format("embedded-opentype"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Billabong.woff) format("woff"), url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/_font/Billabong.ttf) format("truetype");
letter-spacing: 10px;
} 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, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
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;
} input[type=submit],
input[type=button] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
outline-offset: -2px;
}
.mt-u1 {
margin-top: 8px !important;
}
.mt-u2 {
margin-top: 16px !important;
}
.mt-u3 {
margin-top: 24px !important;
}
.mt-u4 {
margin-top: 32px !important;
}
.mt-u5 {
margin-top: 40px !important;
}
.mt-u6 {
margin-top: 48px !important;
}
.mt-u7 {
margin-top: 56px !important;
}
.mt-u8 {
margin-top: 64px !important;
}
.mt-u9 {
margin-top: 72px !important;
}
.mt-u10 {
margin-top: 80px !important;
}
.mr-u1 {
margin-right: 8px !important;
}
.mr-u2 {
margin-right: 16px !important;
}
.mr-u3 {
margin-right: 24px !important;
}
.mr-u4 {
margin-right: 32px !important;
}
.mr-u5 {
margin-right: 40px !important;
}
.mr-u6 {
margin-right: 48px !important;
}
.mr-u7 {
margin-right: 56px !important;
}
.mr-u8 {
margin-right: 64px !important;
}
.mr-u9 {
margin-right: 72px !important;
}
.mr-u10 {
margin-right: 80px !important;
}
.mb-u1 {
margin-bottom: 8px !important;
}
.mb-u2 {
margin-bottom: 16px !important;
}
.mb-u3 {
margin-bottom: 24px !important;
}
.mb-u4 {
margin-bottom: 32px !important;
}
.mb-u5 {
margin-bottom: 40px !important;
}
.mb-u6 {
margin-bottom: 48px !important;
}
.mb-u7 {
margin-bottom: 56px !important;
}
.mb-u8 {
margin-bottom: 64px !important;
}
.mb-u9 {
margin-bottom: 72px !important;
}
.mb-u10 {
margin-bottom: 80px !important;
}
.ml-u1 {
margin-left: 8px !important;
}
.ml-u2 {
margin-left: 16px !important;
}
.ml-u3 {
margin-left: 24px !important;
}
.ml-u4 {
margin-left: 32px !important;
}
.ml-u5 {
margin-left: 40px !important;
}
.ml-u6 {
margin-left: 48px !important;
}
.ml-u7 {
margin-left: 56px !important;
}
.ml-u8 {
margin-left: 64px !important;
}
.ml-u9 {
margin-left: 72px !important;
}
.ml-u10 {
margin-left: 80px !important;
}
.pt-u1 {
padding-top: 8px !important;
}
.pt-u2 {
padding-top: 16px !important;
}
.pt-u3 {
padding-top: 24px !important;
}
.pt-u4 {
padding-top: 32px !important;
}
.pt-u5 {
padding-top: 40px !important;
}
.pt-u6 {
padding-top: 48px !important;
}
.pt-u7 {
padding-top: 56px !important;
}
.pt-u8 {
padding-top: 64px !important;
}
.pt-u9 {
padding-top: 72px !important;
}
.pt-u10 {
padding-top: 80px !important;
}
.pr-u1 {
padding-right: 8px !important;
}
.pr-u2 {
padding-right: 16px !important;
}
.pr-u3 {
padding-right: 24px !important;
}
.pr-u4 {
padding-right: 32px !important;
}
.pr-u5 {
padding-right: 40px !important;
}
.pr-u6 {
padding-right: 48px !important;
}
.pr-u7 {
padding-right: 56px !important;
}
.pr-u8 {
padding-right: 64px !important;
}
.pr-u9 {
padding-right: 72px !important;
}
.pr-u10 {
padding-right: 80px !important;
}
.pb-u1 {
padding-bottom: 8px !important;
}
.pb-u2 {
padding-bottom: 16px !important;
}
.pb-u3 {
padding-bottom: 24px !important;
}
.pb-u4 {
padding-bottom: 32px !important;
}
.pb-u5 {
padding-bottom: 40px !important;
}
.pb-u6 {
padding-bottom: 48px !important;
}
.pb-u7 {
padding-bottom: 56px !important;
}
.pb-u8 {
padding-bottom: 64px !important;
}
.pb-u9 {
padding-bottom: 72px !important;
}
.pb-u10 {
padding-bottom: 80px !important;
}
.pl-u1 {
padding-left: 8px !important;
}
.pl-u2 {
padding-left: 16px !important;
}
.pl-u3 {
padding-left: 24px !important;
}
.pl-u4 {
padding-left: 32px !important;
}
.pl-u5 {
padding-left: 40px !important;
}
.pl-u6 {
padding-left: 48px !important;
}
.pl-u7 {
padding-left: 56px !important;
}
.pl-u8 {
padding-left: 64px !important;
}
.pl-u9 {
padding-left: 72px !important;
}
.pl-u10 {
padding-left: 80px !important;
}
.sp-disnone {
display: none !important;
}
@media screen and (min-width: 768px) {
.sp-disnone {
display: block !important;
}
}
.pc-disnone {
display: block !important;
}
@media screen and (min-width: 768px) {
.pc-disnone {
display: none !important;
}
}
.float-r {
float: right;
}
.float-l {
float: left;
}
.fontWeight-n {
font-weight: normal;
}
.fontWeight-b {
font-weight: bold;
}
.textAlign-r {
text-align: right;
}
.textAlign-c {
text-align: center;
}
.textAlign-l {
text-align: left;
}
html {
font-size: 62.5%;
overflow: auto;
}
body {
padding-top: 67px;
box-sizing: border-box;
line-height: 1.4;
color: #333;
font-family: "Noto Sans Japanese", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 10px;
font-size: 1rem;
background: #fff;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
min-width: 100%;
}
@media screen and (min-width: 768px) {
body {
padding-top: 0;
}
}
h1 {
font-size: 18px;
font-size: 1.8rem;
}
p {
font-size: 16px;
font-size: 1.6rem;
}
img {
width: 100%;
height: auto;
}
small.supplement {
padding-top: 0.5em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
}
small.supplement.indent {
padding-left: 1em;
display: block;
text-indent: -1em;
}
a {
border: none;
color: #1d3994;
text-decoration: none;
}
a:hover, a:active {
color: #1d3994;
text-decoration: none;
}
a.hover__underline {
border: none;
text-decoration: none;
}
a.hover__underline:hover, a.hover__underline:active {
border-bottom: 1px solid;
text-decoration: none;
}
a:visited {
color: #1d3994;
}
a.hover__opacity img {
opacity: 1;
}
a.hover__opacity.opacity-5:hover img, a.hover__opacity.opacity-5:active img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.hover__opacity.opacity-6:hover img, a.hover__opacity.opacity-6:active img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
a.hover__opacity.opacity-7:hover img, a.hover__opacity.opacity-7:active img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
a.hover__opacity.opacity-8:hover img, a.hover__opacity.opacity-8:active img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
a.hover__opacity.opacity-9:hover img, a.hover__opacity.opacity-9:active img {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
header#globalHeader {
margin: 0 auto;
width: 100%;
z-index: 100;
}
header#globalHeader ._sp {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
z-index: 100;
}
@media screen and (min-width: 768px) {
header#globalHeader ._sp {
display: none;
}
}
header#globalHeader ._sp .globalHeader-description {
padding: 3px 2px 2px;
line-height: 1.4;
color: #fff;
width: 100%;
font-size: 10px;
font-size: 1rem;
background: -webkit-gradient(linear, left top, right bottom, from(#1d3994), to(#54beba));
text-align: center;
}
header#globalHeader ._sp .globalHeader-head {
margin: 2px 0 0 2.5%;
display: block;
float: left;
width: calc(100% - 60px - 2.5%);
min-height: 47px;
}
header#globalHeader ._sp .globalHeader-head-logo {
margin: 0;
padding: 0;
line-height: 0;
display: block;
max-width: 230px;
font-size: 0;
}
header#globalHeader ._sp .globalHeader-head-point {
margin: 1px 0 0;
padding-left: 2px;
line-height: 0;
line-height: 1;
font-family: "Noto Sans Japanese", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 0;
font-size: 10px;
font-size: 1rem;
white-space: nowrap;
}
header#globalHeader ._sp .globalHeader-menuTrigger {
margin-right: 0;
display: block;
display: inline-block;
transition: all 0.4s;
border: 1px solid #217ec3;
box-sizing: border-box;
cursor: pointer;
position: relative;
float: right;
width: 50px;
height: 50px;
background: #fff;
z-index: 100;
}
header#globalHeader ._sp .globalHeader-menuTrigger span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
cursor: pointer;
position: absolute;
background: #217ec3;
width: 30px;
height: 2px;
left: 0;
right: 0;
margin: auto;
}
header#globalHeader ._sp .globalHeader-menuTrigger span:nth-of-type(1) {
top: 10px;
}
header#globalHeader ._sp .globalHeader-menuTrigger span:nth-of-type(2) {
top: -10px;
bottom: 0;
}
header#globalHeader ._sp .globalHeader-menuTrigger span:nth-of-type(3) {
bottom: 20px;
}
header#globalHeader ._sp .globalHeader-menuTrigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
header#globalHeader ._sp .globalHeader-menuTrigger.active span:nth-of-type(2) {
opacity: 0;
}
header#globalHeader ._sp .globalHeader-menuTrigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
header#globalHeader ._sp .globalHeader-menuTrigger ._menu {
position: absolute;
bottom: 2px;
left: 0;
line-height: 1.2;
color: #217ec3;
width: 100%;
font-size: 10px;
font-size: 10px;
text-align: center;
}
header#globalHeader ._sp .globalHeader-navigation {
display: none;
position: absolute;
top: 0;
background: rgba(33, 126, 195, 0.95);
width: 100%;
height: 100vh;
overflow-y: scroll;
z-index: 10;
}
header#globalHeader ._sp .globalHeader-navigation ._logo {
margin: 6px 0 2px 2.5%;
display: block;
float: left;
width: 70%;
max-width: 280px;
min-height: 42px;
}
header#globalHeader ._sp .globalHeader-navigation ._home {
margin: 0 auto 20px;
padding-bottom: 20px;
border-bottom: 1px solid #999;
width: 50%;
display: block;
}
header#globalHeader ._sp .globalHeader-navigation ._home a {
margin: 0 auto;
display: block;
width: 70%;
}
header#globalHeader ._sp .globalHeader-navigation ._home a img {
width: 100%;
height: auto;
}
header#globalHeader ._sp .globalHeader-navigation-bnrArea {
width: 100%;
font-size: 0;
}
header#globalHeader ._sp .globalHeader-navigation-bnrArea li {
margin: 0;
padding: 0;
display: inline-block;
line-height: 0;
width: 50%;
font-size: 0;
}
header#globalHeader ._sp .globalHeader-navigation-bnrArea li a {
display: block;
}
header#globalHeader ._sp .globalHeader-navigation-bnrArea li a:hover, header#globalHeader ._sp .globalHeader-navigation-bnrArea li a:active {
opacity: 0.9;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea {
display: table;
clear: both;
width: 100%;
box-sizing: border-box;
background: #f7f7f7;
box-shadow: 2px 2px 4px #eee;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea::after {
content: "";
clear: both;
display: block;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._mail {
float: none;
display: table-cell;
vertical-align: middle;
display: none;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info {
margin: 0 auto;
padding: 0 0 0 20px;
border-top: 1px solid #eee;
display: table-cell;
width: calc(100% - 120px);
box-shadow: none;
vertical-align: middle;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._address {
margin: 0;
line-height: 1.4;
color: #333;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
letter-spacing: 1px;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._message {
margin-bottom: 2px;
line-height: 1.2;
color: #217ec3;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
letter-spacing: 4px;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._tel {
margin: 0;
padding: 0;
display: block;
background: none;
font-family: "Noto Sans Japanese", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 25px;
font-size: 7.8125vw;
font-weight: 800;
text-align: left;
white-space: nowrap;
}
@media screen and (min-width: 600px) {
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._tel {
font-size: 40px;
font-size: 4rem;
}
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
margin-bottom: 5px;
width: 100%;
text-align: center;
white-space: nowrap;
line-height: 1.2;
color: #333;
font-size: 12px;
font-size: 1.2rem;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time::after {
content: "";
clear: both;
display: block;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time dt,
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time dd {
line-height: 1.2;
color: #333;
font-size: 12px;
font-size: 1.2rem;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time dt {
padding: 0 2% 0 0;
border-right: 1px solid #333;
box-sizing: border-box;
float: left;
width: 12%;
}
header#globalHeader ._sp .globalHeader-navigation-infoArea ._info ._time dd {
padding: 0 0 0 2%;
float: right;
width: 83%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList {
margin: 0 auto;
padding: 0;
border-top: 1px solid #eee;
display: block;
clear: both;
width: 100%;
background: rgba(255, 255, 255, 0.15);
font-size: 0;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li {
margin: 0;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
box-sizing: border-box;
display: inline-block;
float: none;
width: 50%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li:last-child {
margin-bottom: 0;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li:last-child a {
margin-bottom: 0;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li:nth-of-type(even) {
border-right: none;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li._col {
border-right: none;
width: 100%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li._col a,
header#globalHeader ._sp .globalHeader-navigation-naviList li._col span {
padding: 1.6em 5%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li a,
header#globalHeader ._sp .globalHeader-navigation-naviList li span {
padding: 1.6em 10%;
display: block;
position: relative;
width: 100%;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li a ._en,
header#globalHeader ._sp .globalHeader-navigation-naviList li span ._en {
margin: 8px auto;
padding-top: 5px;
border-top: 1px solid #fff;
display: block;
width: 55%;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._trigger::after {
content: "";
margin-top: -10px;
position: absolute;
right: 5%;
top: 50%;
width: 20px;
height: 20px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_arrow_d.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._trigger._open::after {
content: "";
margin-top: -10px;
position: absolute;
right: 5%;
top: 50%;
width: 20px;
height: 20px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_arrow_u.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #eee;
display: none;
background: rgba(33, 126, 195, 0.5);
font-size: 0;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li {
border-bottom: 1px solid #bbb;
display: inline-block;
width: 50%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li a {
padding: 1.6em 10%;
display: block;
color: #fff;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li:nth-of-type(odd) {
border-right: 1px solid #bbb;
box-sizing: border-box;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li:nth-last-child(2), header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li:last-of-type {
border-bottom: none;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li:nth-of-type(2), header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li:nth-of-type(9) {
border-bottom: 1px solid #bbb;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li._col {
width: 100%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion li._col a {
padding: 1.6em 5%;
width: 90%;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion._irre li:nth-of-type(even) {
border-right: 1px solid #bbb;
box-sizing: border-box;
}
header#globalHeader ._sp .globalHeader-navigation-naviList li ._accordion._irre li:nth-of-type(odd) {
border-right: none;
box-sizing: border-box;
}
header#globalHeader ._pc {
display: none;
}
@media screen and (min-width: 768px) {
header#globalHeader ._pc {
display: block;
}
}
header#globalHeader ._pc .globalHeader-description {
margin: 0 auto;
padding: 5px 0;
line-height: 1.6;
width: 100%;
color: #fff;
background: -webkit-gradient(linear, left top, right bottom, from(#1d3994), to(#54beba));
}
header#globalHeader ._pc .globalHeader-description ._inner {
margin: 0 auto;
width: 90%;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-description ._inner {
width: 1040px;
}
}
header#globalHeader ._pc .globalHeader-info {
margin: 8px auto;
display: table;
width: 100%;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-info {
width: 1040px;
}
}
header#globalHeader ._pc .globalHeader-info-logo {
display: table-cell;
width: 320px;
vertical-align: middle;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-info-logo {
width: 400px;
}
}
header#globalHeader ._pc .globalHeader-info-logo img {
width: 100%;
height: auto;
}
header#globalHeader ._pc .globalHeader-info-detail {
display: table-cell;
width: calc(100% - 320px);
text-align: right;
vertical-align: middle;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-info-detail {
width: calc(100% - 400px);
}
}
header#globalHeader ._pc .globalHeader-info-detail span {
display: block;
}
header#globalHeader ._pc .globalHeader-info-detail ._address {
margin: 0 0 8px;
line-height: 1.6;
font-size: 12px;
font-size: 1.2rem;
}
header#globalHeader ._pc .globalHeader-info-detail ._note {
margin-bottom: 2px;
display: block;
line-height: 1.6;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-info-detail ._note {
margin-bottom: 0;
}
}
header#globalHeader ._pc .globalHeader-info-detail ._tel {
line-height: 1;
display: inline-table;
font-size: 36px;
font-size: 3.6rem;
font-weight: 800;
}
header#globalHeader ._pc .globalHeader-info-detail ._tel::before {
content: "";
margin-right: 4px;
display: inline-table;
width: 40px;
height: 40px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_tel_b.png);
background-repeat: no-repeat;
background-size: 100%;
vertical-align: top;
}
header#globalHeader ._pc .globalHeader-info-detail ._tel ._num {
display: inline-table;
font-size: 32px;
font-size: 3.2rem;
font-weight: 800;
vertical-align: bottom;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-info-detail ._tel ._num {
line-height: 1;
font-size: 36px;
font-size: 3.6rem;
}
}
header#globalHeader ._pc .globalHeader-navigation {
margin: 0;
border-top: 4px solid #ddd;
border-bottom: 4px solid #ddd;
box-sizing: border-box;
width: 100%;
z-index: 100;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu {
margin: 0;
padding: 0;
position: relative;
line-height: 0;
width: 100%;
list-style: none;
font-size: 0;
z-index: 100;
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu {
margin: 0 auto;
width: 1040px;
}
}
@media screen and (min-width: 960px) {
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu {
width: 95%;
}
}
@media screen and (min-width: 1040px) {
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu {
width: 1040px;
}
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu::after {
content: "";
display: block;
clear: both;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li {
margin: 0;
padding: 0;
box-sizing: border-box;
float: none;
display: inline-block;
position: relative;
width: 14.2857142857%;
text-align: center;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li:not(:first-child) {
border-left: none;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li:last-child {
border-right: none;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li:hover > ul {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li a {
margin-top: -4px;
margin-bottom: -4px;
border-top: 4px solid #ddd;
border-bottom: 4px solid #ddd;
box-sizing: border-box;
padding: 16px 0 12px;
line-height: 1.4;
display: block;
width: 100%;
color: #777;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li a:hover, header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li a:active {
border-top: 4px solid #ccc;
border-bottom: 4px solid #ccc;
background: rgba(33, 126, 195, 0.05);
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu li a ._en {
margin: 0;
padding: 0;
display: block;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ul {
visibility: hidden;
opacity: 0;
transition: 0.2s ease-in-out;
transform: translateY(-20px);
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd {
position: absolute;
top: calc(100% + 4px);
left: 0;
width: 100%;
z-index: 100;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li {
margin: 0;
padding: 0;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
display: block;
width: 100%;
background: #fff;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li:last-child {
border-bottom: 1px solid #eee;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li span,
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li a {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
display: block;
position: relative;
font-size: 10px;
font-size: 1rem;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li span:hover, header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li span:active,
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li a:hover,
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li a:active {
background: rgba(33, 126, 195, 0.05);
}
@media screen and (min-width: 960px) {
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li span,
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd li a {
font-size: 13px;
font-size: 1.3rem;
}
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd ._layer3rd {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
header#globalHeader ._pc .globalHeader-navigation .dropDownMenu ._layer2nd ._layer3rd li {
border: none;
display: block;
}
.breadcrumbs {
margin: 0 auto;
padding: 5px 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
line-height: 1.4;
width: 100%;
background: #fff;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 960px) {
.breadcrumbs {
padding: 0;
}
}
@media screen and (max-width: 600px) {
.breadcrumbs {
margin: 0 0 20px;
position: relative;
width: 100%;
}
}
.breadcrumbs ._frame {
margin: 0 auto;
padding: 0 1%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 98%;
overflow-x: scroll;
}
@media screen and (min-width: 1040px) {
.breadcrumbs ._frame {
padding: 0;
width: 1040px;
}
}
.breadcrumbs ._frame::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 600px) {
.breadcrumbs ._frame::after {
display: block;
content: "";
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/item_bread_fade.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
}
}
.breadcrumbs ._inner {
padding: 5px 0;
}
@media screen and (max-width: 600px) {
.breadcrumbs ._inner {
padding: 5px 5% 5px 3.5%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow-x: scroll;
}
}
.breadcrumbs ._inner li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
.breadcrumbs ._inner li {
line-height: 1.4;
font-size: 11px;
font-size: 1.1rem;
}
}
.breadcrumbs ._inner li::after {
content: ">";
padding: 0 0 0 0.5em;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
.breadcrumbs ._inner li::after {
font-size: 11px;
font-size: 1.1rem;
}
}
.breadcrumbs ._inner li:last-child {
padding-right: 1em;
}
.breadcrumbs ._inner li:last-child::after {
display: none;
}
.breadcrumbs ._inner li a,
.breadcrumbs ._inner li span {
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
.breadcrumbs ._inner li a,
.breadcrumbs ._inner li span {
line-height: 1.4;
font-size: 11px;
font-size: 1.1rem;
}
}
.breadcrumbs a:hover, .breadcrumbs a:active {
border-bottom: 1px solid;
}
.receptionTime {
margin: 0;
padding: 0;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.receptionTime {
border-top: 3px solid #ddd;
border-left: 3px solid #ddd;
}
}
.receptionTime th,
.receptionTime td {
padding: 8px 0;
border-right: 2px solid #ddd;
border-bottom: 2px solid #ddd;
line-height: 1.2;
color: #000;
width: 8.75%;
background: #fff;
font-size: 12px;
font-size: 12px;
text-align: center;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.receptionTime th,
.receptionTime td {
border-right: 3px solid #ddd;
border-bottom: 3px solid #ddd;
}
}
@media screen and (min-width: 768px) {
.frontInfoModule-reception .receptionTime th,
.frontInfoModule-reception .receptionTime td {
padding: 10px;
line-height: 1.6;
font-size: 16px;
font-size: 16px;
}
}
.receptionTime th .holiday,
.receptionTime td .holiday {
color: red;
}
.receptionTime th {
background: #eee;
}
.receptionTime th:first-child {
width: 30%;
}
.storeBox .receptionTime {
margin: 0 0 10px;
}
.globalHeader-navigation-reception .receptionTime th,
.globalHeader-navigation-reception .receptionTime td {
padding: 8px 0;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.globalHeader-navigation-reception .receptionTime th,
.globalHeader-navigation-reception .receptionTime td {
font-size: 14px;
font-size: 1.4rem;
}
}
.globalFooter-reception .receptionTime {
margin: 0 0 20px;
width: 100%;
}
@media screen and (min-width: 600px) {
.globalFooter-reception .receptionTime {
margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.globalFooter-reception .receptionTime {
margin-left: 0;
width: 100%;
}
}
.globalFooter-reception .receptionTime th,
.globalFooter-reception .receptionTime td {
padding: 8px 0;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.globalFooter-reception .receptionTime th,
.globalFooter-reception .receptionTime td {
font-size: 12px;
font-size: 1.2rem;
}
}
.instagram {
padding: 20px 0;
border-top: 4px solid #217ec3;
border-bottom: 4px solid #217ec3;
box-sizing: border-box;
width: 100%;
background: #f7f7f7;
}
@media screen and (max-width: 768px) {
.instagram {
padding: 10px 0 20px;
}
}
.instagram ._ttl {
margin: 0 0 10px;
line-height: 1.8;
color: #217ec3;
font-family: "Billabong";
font-size: 64px;
font-size: 6.4rem;
text-align: center;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.instagram ._ttl {
margin-bottom: 0;
font-size: 40px;
font-size: 4rem;
}
}
.instagram ._box {
margin: 0 auto;
padding: 0;
width: 1040px;
background: transparent;
}
@media screen and (max-width: 1040px) {
.instagram ._box {
width: 100%;
}
}
.instagram ._box ._mask {
position: absolute;
margin: 0 auto;
padding: 25px;
display: block;
width: 1040px;
height: 543px;
}
@media screen and (max-width: 768px) {
.instagram ._box ._mask {
padding: 10px;
width: 100%;
height: 200px;
}
}
.instagram ._box ._mask img {
width: 100%;
height: 52.21%;
}
.instagram ._box iframe {
margin: 0 auto;
padding: 25px;
display: block;
width: 990px;
height: 543px;
background: #fff;
}
@media screen and (max-width: 768px) {
.instagram ._box iframe {
padding: 10px;
width: 100%;
height: 200px;
}
}
.storeBox {
margin: 20px auto;
padding: 10px;
border: 4px solid #eee;
box-sizing: border-box;
width: 100%;
}
@media screen and (min-width: 768px) {
.storeBox {
margin: 40px auto;
padding: 20px;
}
}
@media screen and (min-width: 1040px) {
.storeBox {
border: 8px solid #eee;
width: 1040px;
}
}
#mainContents .storeBox {
padding: 10px 10px 5px;
border: 4px solid #217ec3;
display: block;
background: rgba(33, 126, 195, 0.05);
}
@media screen and (min-width: 768px) {
#mainContents .storeBox {
display: none;
}
}
.storeBox .storeBox-info {
margin: 0 auto 20px;
display: block;
width: 100%;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info {
margin: 0 auto;
display: table-cell;
width: 40%;
vertical-align: middle;
}
}
#mainContents .storeBox .storeBox-info {
margin-bottom: 0;
}
.storeBox .storeBox-info-logo {
margin: 0 0 5px;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-logo {
margin: 0 0 10px;
}
}
.storeBox .storeBox-info-logo img {
width: 100%;
height: auto;
}
.storeBox .storeBox-info-address {
text-align: center;
}
.storeBox .storeBox-info-address span {
display: block;
}
.storeBox .storeBox-info-address ._note {
margin-bottom: 2px;
display: block;
line-height: 1.4;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._note {
margin-bottom: 0;
font-size: 18px;
font-size: 1.8rem;
}
}
.storeBox .storeBox-info-address ._tel {
margin: 0 0 8px;
display: inline-table;
line-height: 1.2;
position: relative;
text-align: center;
}
.storeBox .storeBox-info-address ._tel::before {
content: "";
margin-left: -1.5em;
margin-right: 4px;
display: inline-table;
width: 36px;
height: 36px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_tel_b.png);
background-repeat: no-repeat;
background-size: 100%;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._tel::before {
width: 40px;
height: 40px;
}
}
.storeBox .storeBox-info-address ._tel ._num {
display: inline-table;
font-size: 32px;
font-size: 3.2rem;
font-weight: 800;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._tel ._num {
line-height: 1;
font-size: 36px;
font-size: 3.6rem;
}
}
.storeBox .storeBox-info-address ._address {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._address {
font-size: 12px;
font-size: 1.2rem;
}
}
#mainContents .storeBox .storeBox-info-address ._address {
margin-bottom: 10px;
}
.storeBox .storeBox-map {
position: relative;
padding-top: 30px;
padding-bottom: 56.25%;
width: 100%;
height: 0;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-map {
margin: 0;
padding: 0;
display: table-cell;
width: calc(100% - 40px);
vertical-align: middle;
}
}
.storeBox .storeBox-map iframe,
.storeBox .storeBox-map object,
.storeBox .storeBox-map embed {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) {
.storeBox .storeBox-map iframe,
.storeBox .storeBox-map object,
.storeBox .storeBox-map embed {
width: calc(100% - 20px);
}
}
.latestPost {
width: 100%;
height: 100%;
border-left: 4px solid #1d3994;
border-right: 4px solid #54beba;
}
@media screen and (min-width: 1040px) {
.latestPost {
margin: 0 0 0 3%;
display: inline-block;
width: 31.333%;
vertical-align: top;
}
}
.latestPost::before, .latestPost::after {
content: "";
display: block;
height: 4px;
width: 100%;
background: -webkit-gradient(linear, left top, right bottom, from(#1d3994), to(#54beba));
background: -moz-linear-gradient(left, #1d3994, #54beba);
background: linear-gradient(left, #1d3994, #54beba);
}
.latestPost ._frame {
padding: 20px;
height: 320px;
overflow: hidden;
overflow-y: scroll;
}
@media screen and (min-width: 768px) {
.latestPost ._frame {
height: auto;
}
}
#globalFooter .latestPost ._frame {
height: auto;
}
.latestPost ._categoryTtl {
margin: 0 0 10px;
padding-bottom: 4px;
position: relative;
border-bottom: 1px dashed;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800;
}
.latestPost ._categoryTtl ._categoryList {
margin-top: -12px;
position: absolute;
top: 50%;
right: 0;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
}
.latestPost ._categoryTtl ._categoryList:hover, .latestPost ._categoryTtl ._categoryList:active {
text-decoration: underline;
}
.frontInfoModule .latestPost ._postWrap {
position: relative;
}
@media screen and (min-width: 768px) {
.frontInfoModule .latestPost ._postWrap {
height: 145px;
max-height: 145px;
overflow: hidden;
}
}
@media screen and (min-width: 768px) {
.frontInfoModule .latestPost ._postWrap::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 20px);
height: 20px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/item_gradation_d.png);
background-repeat: repeat-x;
background-position: left top;
background-size: auto;
z-index: 10;
}
}
.frontInfoModule .latestPost ._postWrap ._postArticle {
margin: 0 0 10px;
display: inline-block;
width: 100%;
}
@media screen and (min-width: 768px) {
.frontInfoModule .latestPost ._postWrap ._postArticle {
width: 50%;
vertical-align: top;
}
}
@media screen and (min-width: 768px) {
.latestPost ._postWrap ._postInner {
padding-bottom: 16px;
max-height: 145px;
overflow-y: scroll;
}
}
.latestPost ._postWrap ._postArticle {
margin: 0 0 10px;
display: inline-block;
width: 100%;
vertical-align: top;
}
@media screen and (min-width: 768px) {
.latestPost ._postWrap ._postArticle {
width: 100%;
}
}
.latestPost ._postWrap ._postArticle:last-of-type {
margin-bottom: 0;
}
.latestPost ._postWrap ._postArticle a {
margin: 0;
display: block;
width: 100%;
font-size: 0;
}
.latestPost ._postWrap ._postArticle a ._image {
margin: 0 10px 0 0;
padding-top: 60px;
display: inline-block;
position: relative;
width: 60px;
background: #fff;
vertical-align: top;
transform: none;
}
.latestPost ._postWrap ._postArticle a ._image img {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
overflow: hidden;
z-index: 10;
}
.latestPost ._postWrap ._postArticle a ._item {
display: inline-block;
position: relative;
width: calc(100% - 70px);
min-height: 60px;
}
.latestPost ._postWrap ._postArticle a ._item ._ttl {
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
font-weight: 800;
}
.latestPost ._postWrap ._postArticle a ._item ._time {
padding-top: 4px;
display: block;
color: #333;
font-size: 11px;
font-size: 1.1rem;
}
.latestPost ._postWrap ._postArticle a:hover ._ttl, .latestPost ._postWrap ._postArticle a:active ._ttl {
text-decoration: underline;
}
.latestPost ._postWrap ._postArticle a:hover ._time, .latestPost ._postWrap ._postArticle a:active ._time {
text-decoration: none !important;
}
footer#globalFooter {
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
background: #f7f7f7;
}
footer#globalFooter .globalFooter-menu {
margin: 0 auto;
padding: 20px 0;
width: 90%;
font-size: 0;
}
@media screen and (min-width: 1040px) {
footer#globalFooter .globalFooter-menu {
width: 1040px;
}
}
footer#globalFooter .globalFooter-menu-bnr {
margin: 0 0 20px;
padding: 0;
display: block;
}
@media screen and (min-width: 1040px) {
footer#globalFooter .globalFooter-menu-bnr {
margin: 0;
padding: 0;
display: inline-block;
width: 31.333%;
vertical-align: top;
}
}
footer#globalFooter .globalFooter-menu-bnr a {
margin: 0 0 20px;
display: block;
box-shadow: 2px 2px 4px #ccc;
}
footer#globalFooter .globalFooter-menu-bnr a img:last-of-type {
margin-bottom: 0;
}
footer#globalFooter .globalFooter-menu-bnr a:hover img, footer#globalFooter .globalFooter-menu-bnr a:active img {
opacity: 0.9;
}
footer#globalFooter .globalFooter-menu-post {
margin: 0 0 20px;
box-sizing: border-box;
display: block;
background: #fff;
}
@media screen and (min-width: 1040px) {
footer#globalFooter .globalFooter-menu-post {
margin: 0 0 0 3%;
display: inline-block;
width: 31.333%;
vertical-align: top;
}
}
footer#globalFooter .globalFooter-copyright {
margin: 0;
padding: 8px 0;
display: block;
background: linear-gradient(135deg, #0693e3, #9b51e0);
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.marker {
display: inline;
}
.marker._grn {
background: -webkit-linear-gradient(transparent 65%, #008f86 65%);
background: -o-linear-gradient(transparent 65%, #008f86 65%);
background: linear-gradient(transparent 65%, #008f86 65%);
}
.marker._ora {
background: -webkit-linear-gradient(transparent 65%, #e0660d 65%);
background: -o-linear-gradient(transparent 65%, #e0660d 65%);
background: linear-gradient(transparent 65%, #e0660d 65%);
}
.marker._blu {
background: -webkit-linear-gradient(transparent 65%, #217ec3 65%);
background: -o-linear-gradient(transparent 65%, #217ec3 65%);
background: linear-gradient(transparent 65%, #217ec3 65%);
}
.marker._yel {
background: -webkit-linear-gradient(transparent 65%, gold 65%);
background: -o-linear-gradient(transparent 65%, gold 65%);
background: linear-gradient(transparent 65%, gold 65%);
}
.fade_off {
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.fade_off._lr {
transform: translate(100px, 0);
}
.fade_off._rl {
transform: translate(-100px, 0);
}
.fade_off._ud {
transform: translate(0, -100px);
}
.fade_off._du {
transform: translate(0, 100px);
}
.fade_on {
opacity: 1;
}
.fade_on._lr, .fade_on._rl, .fade_on._ud, .fade_on._du {
transform: translate(0, 0);
}
.topLink {
margin: 40px auto 0;
padding: 10px 0;
border: 1px solid #FFD700;
display: block;
color: #fff !important;
width: 50%;
background: #FFD700;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.topLink {
width: 400px;
}
}
.topLink:hover, .topLink:active {
background: transparent;
color: #FFD700;
background: #fff;
}
#mainContents._underlay {
padding-bottom: 40px;
background: #f7f7f7;
}
@media screen and (min-width: 768px) {
#mainContents._underlay {
padding-bottom: 20px;
}
}
body._contactPage #mainContents._underlay, body._confirmPage #mainContents._underlay, body._thanksPage #mainContents._underlay, body._errorPage #mainContents._underlay {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/fv_img3.jpg);
}
body._nfPage #mainContents._underlay {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/fv_img2.jpg);
}
body._postPage #mainContents._underlay {
min-height: auto;
}
#mainContents._underlay .pageTtl {
margin: 0;
position: relative;
border: none;
height: 160px;
width: 100%;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageTtl {
height: 200px;
}
}
@media screen and (min-width: 1040px) {
#mainContents._underlay .pageTtl {
height: 240px;
}
}
#mainContents._underlay .pageTtl::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
}
#mainContents._underlay .pageTtl._menu {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/menu/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._guide {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/guide/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._staff {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/staff/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
}
#mainContents._underlay .pageTtl._price {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/price/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._access {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/access/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._recruit {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/recruit/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._post {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/post/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._shojo {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/shojo/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._sejutsu {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/sejutsu/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
#mainContents._underlay .pageTtl._voice {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/voice/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._privacy {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/privacy/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
}
#mainContents._underlay .pageTtl._faq {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/faq/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._contact {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/contact/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl._notfound {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/404/pagettl_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
#mainContents._underlay .pageTtl ._ttl ._en {
display: block;
text-transform: uppercase;
}
#mainContents._underlay .pageTtl-slug {
margin-top: -16px;
position: absolute;
top: 50%;
left: 0;
width: 100%;
line-height: 1.4;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
text-align: center;
letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageTtl-slug {
margin-top: -28px;
font-size: 30px;
font-size: 3rem;
}
}
@media screen and (min-width: 1040px) {
#mainContents._underlay .pageTtl-slug {
margin-top: -30px;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 4px;
}
}
#mainContents._underlay .pageTtl-slug ._en {
margin-top: 4px;
display: block;
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageTtl-slug ._en {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont {
margin: 0 auto;
width: 90%;
}
@media screen and (min-width: 1040px) {
#mainContents._underlay .pageCont {
width: 1040px;
}
}
#mainContents._underlay .pageCont .pageCont-page {
margin: 40px 0 0;
position: relative;
float: none;
width: 100%;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page {
margin: 80px 0 0;
}
}
#mainContents._underlay .pageCont .pageCont-page ._404Ttl,
#mainContents._underlay .pageCont .pageCont-page ._thxTtl {
margin: 0 0 40px;
padding: 25px;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem;
text-align: left;
}
#mainContents._underlay .pageCont .pageCont-page ._lead {
margin: 0 auto 60px;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 16px;
}
#mainContents._underlay .pageCont .pageCont-page-menu {
margin: 0;
}
#mainContents._underlay .pageCont .pageCont-page-menu ._inner {
margin: 0;
padding-bottom: 40px;
}
#mainContents._underlay .pageCont .pageCont-page-menu ._inner::after {
content: "";
clear: both;
display: block;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont {
margin: 0 auto;
width: 100%;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont::after {
content: "";
clear: both;
display: block;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section {
margin-bottom: 60px;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section {
margin: 0 0 80px;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-ttl {
margin-bottom: 25px;
padding: 20px;
border: 4px dotted #54beba;
box-sizing: border-box;
line-height: 1.4;
background: #fff;
font-weight: normal;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-ttl {
margin-bottom: 40px;
padding: 30px;
font-size: 24px;
font-size: 2.4rem;
text-align: left;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-ttl._joint {
margin-top: 40px;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-ttl._joint {
margin-top: 80px;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-paragraph {
margin: 0 auto 20px;
line-height: 1.6;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-paragraph {
width: 95%;
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-paragraph._caution {
margin-top: 20px;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-paragraph._caution {
font-size: 14px;
font-size: 1.4rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl {
margin: 0 auto 10px;
margin-left: -5.555%;
width: 111.111%;
background: #fff;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl {
margin: 0 auto 10px;
width: 95%;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr th,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr td {
padding: 10px 0;
border: 1px solid #ccc;
vertical-align: middle;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr th,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr td {
padding: 1.5% 0;
}
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr th,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr td {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr th sup,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr td sup {
font-size: 85px;
font-size: 0.85rem;
vertical-align: baseline;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr th {
background: rgba(84, 190, 186, 0.1);
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr td {
text-align: center;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr._tblHead th,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr._tblHead td {
width: 20%;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-tbl tr._tblHead th {
color: #fff;
background: #cccccc;
text-align: center;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-inner {
margin-bottom: 60px;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-inner {
margin: 0 0 80px;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-subTtl {
margin: 80px auto 20px;
padding: 15px 0;
border-bottom: 1px solid #217ec3;
box-sizing: border-box;
line-height: 1.4;
color: #217ec3;
background: rgba(255, 226, 0, 0.2);
width: 100%;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
letter-spacing: 4px;
text-align: center;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-subTtl {
padding: 20px 20px 15px;
font-size: 20px;
font-size: 2rem;
width: 95%;
}
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-subTtl {
border-bottom: 2px solid #217ec3;
font-size: 24px;
font-size: 2.4rem;
text-align: left;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-subTtl:first-of-type {
margin-top: 0;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionBox {
margin: 0 auto;
padding: 5%;
box-sizing: border-box;
background: #fff;
width: 100%;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionBox {
padding: 30px;
width: 95%;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionBox ._caution {
margin: 0;
width: 100%;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionList {
margin: 0 auto 20px;
width: 100%;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionList {
width: 95%;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionList li {
padding-left: 1em;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1em;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-cautionList li {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox {
margin: 40px auto;
padding: 30px 20px 20px;
border: 2px solid #54beba;
box-sizing: border-box;
position: relative;
width: 100%;
background: #fff;
font-size: 0;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox {
border: 4px solid #54beba;
width: 95%;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dt,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dd {
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dt,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dd {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dt {
padding: 10px 15px;
display: block;
border-radius: 10px;
position: absolute;
top: -25px;
left: 15px;
color: #fff;
background: #54beba;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dt {
left: 30px;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dd {
display: inline-block;
width: 50%;
line-height: 2.4;
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dd {
font-size: 14px;
font-size: 1.4rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-listBox dd::before {
content: "・";
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-phtArea {
margin: 0 2% 4% 4%;
float: right;
width: 30%;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea {
margin: 0 2%;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl dt,
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl dd {
line-height: 1.6;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl dt {
margin-bottom: 15px;
padding-bottom: 0;
padding-right: 0.5em;
padding-left: 0.5em;
border-left: 7px solid #40444d;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
vertical-align: middle;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.about {
padding-bottom: 2em;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.about dt::before {
padding-right: 7px;
font-family: FontAwesome;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
vertical-align: middle;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.recommend dt::before {
padding-right: 7px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
vertical-align: middle;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl ul {
margin: 0;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
list-style: none;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post {
padding-top: 4em;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post::after {
content: "";
clear: both;
display: block;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post dt {
display: block;
vertical-align: middle;
border: none;
float: left;
width: 7em;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post dt:after {
padding-left: 0.5em;
content: "\f101";
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post dd {
display: block;
vertical-align: middle;
float: left;
}
#mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post dd a:hover, #mainContents._underlay .pageCont .pageCont-page-menu .priceCont-section-detailArea dl.related-post dd a:active {
text-decoration: underline;
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst {
margin: 40px auto 120px;
position: relative;
width: 90%;
z-index: 20;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst {
margin: 40px auto 160px;
padding-bottom: 0;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-img {
margin: 0 auto;
margin-left: -5.555%;
display: block;
width: 111.111%;
font-size: 0;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-img {
margin-left: 0;
width: 100%;
}
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-img {
margin-left: 10%;
display: inline-block;
width: 54.16%;
max-width: 800px;
vertical-align: middle;
margin: 0 auto;
display: block;
width: 50%;
min-width: 640px;
max-width: 640px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-img img {
box-sizing: border-box;
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-ttl {
padding: 10px 1%;
position: relative;
line-height: 2.4;
color: #fff;
text-align: center;
background-color: #217ec3;
background-blend-mode: multiply;
margin: -5% auto 0;
padding: 5px 1%;
display: block;
width: 90%;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-ttl {
margin-left: -25%;
width: 40%;
margin: 0 auto -20px;
display: block;
width: 50%;
min-width: 540px;
max-width: 540px;
z-index: 100;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-ttl::after {
content: "";
position: absolute;
top: -24px;
right: 10px;
width: 48px;
height: 48px;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/front/icn_wakaba.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-ttl::after {
top: -32px;
right: 20px;
width: 64px;
height: 64px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox {
margin: 0;
padding: 30px 0;
position: static;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox {
margin: 0 auto;
padding: 60px;
position: relative;
box-sizing: border-box;
z-index: 20;
width: 100%;
background: rgba(255, 255, 255, 0.9);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox::after {
content: "";
clear: both;
display: block;
}
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox {
width: 840px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-subTtl {
margin: 0 0 2rem;
line-height: 1.6;
color: #000;
font-size: 21px;
font-size: 2.1rem;
font-weight: 800;
text-align: left;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-subTtl {
font-size: 30px;
font-size: 3rem;
}
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-subTtl {
margin-bottom: 20px;
line-height: 1.6;
font-size: 30px;
font-size: 3rem;
}
}
@media screen and (min-width: 1040px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-subTtl {
margin-bottom: 3rem;
line-height: 1.6;
font-size: 36px;
font-size: 3.6rem;
text-align: center;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-txt p {
margin-bottom: 2em;
text-align: left;
line-height: 2;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-txt p {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-txt p {
font-size: 18px;
font-size: 1.8rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-txt p:last-child {
margin-bottom: 0;
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-link {
margin-top: 40px;
float: right;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-link {
margin-top: 60px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-link a {
padding: 10px 20px;
border: 1px solid;
display: block;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
#mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-link a:hover, #mainContents._underlay .pageCont .pageCont-page-guide .forFirst-txtBox-link a:active {
color: #fff;
background: #1d3994;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow {
margin: 0;
padding: 0;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow {
padding-top: 80px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-ttl {
margin-bottom: 20px;
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-ttl {
margin-bottom: 100px;
font-size: 36px;
font-size: 3.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box {
margin: 0 auto 60px;
width: 90%;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box {
margin-bottom: 120px;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea {
margin-bottom: 20px;
padding: 30px 0 20px;
border-bottom: none;
position: relative;
box-sizing: border-box;
width: 100%;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea {
margin: 0 0 120px;
border-bottom: 2px solid #abc4ee;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._num {
padding: 0;
float: left;
line-height: 1.4;
width: 25%;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._num {
padding-left: 1em;
width: calc(50% - 100px - 1em);
font-size: 24px;
font-size: 2.4rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._num strong {
float: none;
color: #abc4ee;
font-weight: bold;
font-style: italic;
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._num strong {
font-size: 36px;
font-size: 3.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._img {
margin: 0 auto;
position: static;
left: 50%;
top: 0;
clear: both;
width: 200px;
height: 200px;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._img {
margin-left: -100px;
position: absolute;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._img img {
border-radius: 100px;
width: 100%;
height: auto;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._ttl {
margin-bottom: 20px;
padding: 0 0 4px 1rem;
border-bottom: 2px solid #abc4ee;
box-sizing: border-box;
float: right;
clear: none;
line-height: 1.4;
width: 70%;
font-size: 20px;
font-size: 2rem;
text-align: left;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._ttl {
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-ttlArea ._ttl {
margin: 0;
border-bottom: none;
padding-right: 1em;
line-height: 1.8;
width: calc(50% - 100px - 1em);
font-size: 30px;
font-size: 3rem;
text-align: right;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont {
margin: 0 auto;
border: none;
box-sizing: border-box;
width: 100%;
background: #fff;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont {
width: 80%;
background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul {
padding: 5%;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li {
padding-bottom: 1em;
padding-left: 1.3em;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
text-indent: -1.3em;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li::before {
content: "◇";
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li:last-child {
padding-bottom: 0;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li._caution {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
#mainContents._underlay .pageCont .pageCont-page-guide .flow-box-cont ul li._caution::before {
content: "";
}
#mainContents._underlay .pageCont .pageCont-page-staff {
margin: 0;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._inner {
margin: 0;
padding-bottom: 40px;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._inner::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._inner {
padding-bottom: 40px;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._portrait {
margin: 0 auto 40px;
float: none;
width: 85%;
line-height: 0;
font-size: 0;
vertical-align: top;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._portrait {
float: right;
width: 38%;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._name {
margin-top: 25px;
padding: 10px;
line-height: 1.8;
background: #54beba;
font-size: 0;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._name {
padding: 20px;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kanji,
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kana {
display: inline;
color: #fff;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
text-align: center;
vertical-align: middle;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kanji {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kanji {
font-size: 24px;
font-size: 2.4rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kana {
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kana {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (min-width: 960px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._name ._kana {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._position {
margin: 0;
padding: 10px;
line-height: 1.8;
color: #fff;
background: #54beba;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 14px;
font-size: 1.4rem;
text-align: right;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._position {
padding: 20px;
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData {
margin: 0 auto 40px;
width: 100%;
padding: 0;
float: left;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData {
width: 55%;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
background: #fff;
font-size: 0;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dt,
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dd {
padding: 20px 5px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dt,
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dd {
font-size: 16px;
font-size: 1.6rem;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dt {
margin: 0 10px 0 0;
padding-right: 6px;
line-height: 1.6;
color: #fff;
width: calc(40% - 10px);
background: #54beba;
font-weight: 800;
text-align: right;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dt {
padding-right: 20px;
width: calc(35% - 10px);
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dd {
margin: 0;
line-height: 1.6;
width: 60%;
text-align: left;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalData ._detail dd {
width: 65%;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview {
clear: both;
font-size: 0;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal {
margin: 40px 0;
display: block;
width: 100%;
vertical-align: top;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal {
margin: 0 10px 20px;
display: flex;
width: calc(50% - 20px);
}
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal:last-of-type, #mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal:nth-last-of-type(2) {
margin-bottom: 0;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal:last-of-type {
margin-bottom: 0;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dt,
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dd {
display: block;
width: 100%;
line-height: 1.4;
font-size: 16px;
font-size: 1.6rem;
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dt {
margin: 0;
padding: 15px 10px;
border-top: 2px solid #54beba;
border-left: 2px solid #54beba;
box-sizing: border-box;
background: #ffe200;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800;
text-align: center;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dt {
padding: 20px 10px;
width: 45%;
background: rgba(255, 226, 0, 0.2);
text-align: right;
}
}
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dd {
margin: 0;
padding: 20px;
border-bottom: 2px solid #54beba;
border-right: 2px solid #54beba;
box-sizing: border-box;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-staff ._personalInterview ._appeal dd {
width: 55%;
}
}
#mainContents._underlay .pageCont .pageCont-page-access .accessInfo {
margin: 0 0 30px;
padding: 20px 40px;
border: 4px dotted #54beba;
box-sizing: border-box;
line-height: 1.8;
background: #fff;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
}
@media screen and (max-width: 600px) {
#mainContents._underlay .pageCont .pageCont-page-access .accessInfo {
padding: 10px 20px;
font-size: 14px;
font-size: 1.4rem;
}
}
.frontPage #mainContents._underlay .pageCont .pageCont-page-access .accessInfo {
background: #fff;
}
#mainContents._underlay .pageCont .pageCont-page-access .accessInfo ._station {
padding: 0 10px;
display: inline-block;
background: #EDD634;
color: #333;
}
#mainContents._underlay .pageCont .pageCont-page-access .accessMap {
margin: 0 auto;
border: 4px solid #fff;
box-sizing: border-box;
}
#mainContents._underlay .pageCont .pageCont-page-access .accessMap iframe {
border: none;
width: 100%;
height: 420px;
}
#mainContents._underlay .pageCont .pageCont-page-access .illustMap {
margin: 40px auto;
width: 100%;
background: #fff;
}
@media screen and (min-width: 768px) {
#mainContents._underlay .pageCont .pageCont-page-access .illustMap {
width: 75%;
}
}
#mainContents._underlay .pageCont .pageCont-page-notfound ._txt {
margin: 0 0 40px;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.frontFirstView {
margin: 0 auto;
width: 100%;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-size: 100px;
background-position: left top;
}
@media screen and (min-width: 1040px) {
.frontFirstView {
margin: 0 auto 30px;
}
}
.frontFirstView .frontFirstView-slider {
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 1040px) {
.frontFirstView .frontFirstView-slider {
width: 1040px;
height: 500px;
overflow: hidden;
}
}
@media screen and (min-width: 768px) {
.frontFirstView .frontFirstView-slider li a img {
width: 100%;
height: auto;
overflow: hidden;
}
}
@media screen and (min-width: 1040px) {
.frontFirstView .frontFirstView-slider li a img {
width: 1040px;
height: 500px;
overflow: hidden;
}
}
.frontInfoModule {
margin: 0 auto 60px;
width: 100%;
font-size: 0;
width: 90%;
}
@media screen and (min-width: 1040px) {
.frontInfoModule {
margin: 0 auto 60px;
width: 1040px;
}
}
.frontInfoModule .frontInfoModule-latest {
margin: 0 0 20px;
width: 100%;
}
@media screen and (min-width: 768px) {
.frontInfoModule .frontInfoModule-latest {
padding-right: 20px;
display: inline-block;
width: calc(70% - 20px);
vertical-align: top;
}
}
@media screen and (min-width: 1040px) {
.frontInfoModule .frontInfoModule-latest {
margin: 0 20px 30px 0;
padding: 0;
width: calc(70% - 20px);
}
}
.frontInfoModule .frontInfoModule-bnr {
margin: 0 0 20px;
width: 100%;
}
@media screen and (min-width: 768px) {
.frontInfoModule .frontInfoModule-bnr {
display: inline-block;
width: 30%;
vertical-align: top;
}
}
@media screen and (min-width: 1040px) {
.frontInfoModule .frontInfoModule-bnr {
margin: 0 0 30px;
}
}
.frontInfoModule .frontInfoModule-bnr a:hover, .frontInfoModule .frontInfoModule-bnr a:active {
opacity: 0.9;
}
.frontInfoModule .frontInfoModule-calendar {
margin: 0 0 20px;
width: 100%;
font-size: 0;
}
@media screen and (min-width: 768px) {
.frontInfoModule .frontInfoModule-calendar {
display: inline-block;
width: 30%;
vertical-align: top;
}
}
.frontInfoModule .frontInfoModule-reception {
margin: 0 0 20px;
width: 100%;
}
@media screen and (min-width: 768px) {
.frontInfoModule .frontInfoModule-reception {
padding-left: 20px;
display: inline-block;
width: calc(70% - 20px);
vertical-align: top;
}
}
.slick-dots {
bottom: 15px;
}
#biz_calendar table.bizcal {
margin: 0 0 5px;
}
#biz_calendar table.bizcal th,
#biz_calendar table.bizcal td {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
#biz_calendar table.bizcal .holiday {
background: #f6ad3c;
}
#biz_calendar table.bizcal .today {
border: 4px solid #333;
box-sizing: border-box;
text-decoration: none;
}
#biz_calendar table.bizcal .calmonth {
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem;
}
#biz_calendar table.bizcal img {
width: auto;
height: auto;
}
#biz_calendar p {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
#biz_calendar p span.boxholiday {
background: #f6ad3c;
}
.article-ttlA {
margin: 0 0 30px;
padding: 25px 20px 15px;
position: relative;
line-height: 1.8;
color: #fff;
width: 100%;
background: #e0660d;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.article-ttlA {
padding: 30px 20px 20px;
}
}
@media screen and (min-width: 1040px) {
.article-ttlA {
font-size: 30px;
font-size: 3rem;
}
}
.article-ttlA::after {
content: "";
position: absolute;
top: -1px;
left: calc(50% - 20px);
display: block;
border-top: 20px solid #fff;
border-right: 20px solid transparent;
border-bottom: 0;
border-left: 20px solid transparent;
}
.article-ttlB {
margin: 0 0 30px;
padding: 20px 20px 5px;
position: relative;
line-height: 1.8;
color: #fff;
background: #217ec3;
width: 100%;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.article-ttlB {
padding: 30px 20px 20px;
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (min-width: 1040px) {
.article-ttlB {
font-size: 24px;
font-size: 2.4rem;
}
}
.article-ttlB::after {
content: "";
position: absolute;
top: -1px;
left: calc(50% - 20px);
display: block;
border-top: 20px solid #fff;
border-right: 20px solid transparent;
border-bottom: 0;
border-left: 20px solid transparent;
}
.article-ttlB strong {
line-height: 1;
font-size: 36px;
font-size: 3.6rem;
}
@media screen and (min-width: 1040px) {
.article-ttlB strong {
font-size: 36px;
font-size: 3.6rem;
}
}
.section-ttlA {
margin-bottom: 40px;
line-height: 1.6;
color: #000;
font-size: 20px;
font-size: 2rem;
text-align: center;
letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
.section-ttlA {
font-size: 30px;
font-size: 3rem;
}
}
.section-ttlA ._en {
margin-top: 10px;
padding-top: 6px;
display: block;
position: relative;
color: #999;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
text-align: center;
}
@media screen and (min-width: 768px) {
.section-ttlA ._en {
padding-top: 18px;
font-size: 14px;
font-size: 1.4rem;
}
}
.section-ttlA ._en::before {
content: "";
margin-left: -40px;
border-top: 1px solid #999;
position: absolute;
left: 50%;
top: 0;
width: 80px;
height: 1px;
}
.frontOnayami {
margin: 0 auto 60px;
width: 100%;
}
@media screen and (min-width: 1040px) {
.frontOnayami {
width: 1040px;
}
}
.frontOnayami .frontOnayami-inner {
margin: 0 auto 60px;
width: 90%;
}
@media screen and (min-width: 1040px) {
.frontOnayami .frontOnayami-inner {
width: 1040px;
}
}
.frontOnayami .frontOnayami-ttl {
margin-left: -5.555%;
width: 111.111%;
}
@media screen and (min-width: 768px) {
.frontOnayami .frontOnayami-ttl {
margin-left: 0;
width: 100%;
}
}
.frontOnayami .frontOnayami-block-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.frontOnayami .frontOnayami-block {
margin: 0 auto 40px;
padding: 20px 20px 64px;
border: 1px solid #ccc;
box-sizing: border-box;
position: relative;
width: 100%;
font-size: 0;
}
@media screen and (min-width: 768px) {
.frontOnayami .frontOnayami-block {
margin: 0 1.333% 0 0;
display: inline-block;
width: 32%;
vertical-align: top;
}
}
@media screen and (min-width: 768px) {
.frontOnayami .frontOnayami-block:last-of-type {
margin-right: 0;
}
}
.frontOnayami .frontOnayami-block-img {
margin-top: -20px;
margin-left: -20px;
width: calc(100% + 40px);
}
.frontOnayami .frontOnayami-block-lead {
margin: 0 0 20px;
line-height: 1.8;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800;
}
@media screen and (min-width: 768px) {
.frontOnayami .frontOnayami-block-lead {
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (min-width: 1040px) {
.frontOnayami .frontOnayami-block-lead {
font-size: 20px;
font-size: 2rem;
}
}
.frontOnayami .frontOnayami-block-txt {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
.frontOnayami .frontOnayami-block-link {
margin: 20px 0 0;
padding: 10px 0;
border: 1px solid #1d3994;
box-sizing: border-box;
display: block;
position: absolute;
right: 10px;
bottom: 10px;
width: 50%;
background: #fff;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.frontOnayami .frontOnayami-block-link:hover, .frontOnayami .frontOnayami-block-link:active {
color: #fff;
background: #1d3994;
}
.frontPoint {
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 1040px) {
.frontPoint {
width: 1040px;
}
}
.frontPoint .frontPoint-inner {
margin: 0 auto 60px;
width: 90%;
}
@media screen and (min-width: 1040px) {
.frontPoint .frontPoint-inner {
width: 1040px;
}
}
.frontPoint .frontPoint-ttl {
margin-left: -5.555%;
width: 111.111%;
}
@media screen and (min-width: 1040px) {
.frontPoint .frontPoint-ttl {
margin-left: 0;
width: 100%;
}
}
.frontPoint .frontPoint-cont {
margin: 0 auto;
width: 90%;
font-size: 0;
}
.frontPoint .frontPoint-cont::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 1040px) {
.frontPoint .frontPoint-cont {
width: 1040px;
}
}
.frontPoint .frontPoint-cont-block {
margin-right: -5.5%;
padding-top: 60px;
position: relative;
float: right;
width: 100%;
vertical-align: top;
z-index: 1;
}
.frontPoint .frontPoint-cont-block::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block {
margin: 0 1% 40px;
display: inline-block;
float: none;
width: 48%;
}
}
@media screen and (min-width: 960px) {
.frontPoint .frontPoint-cont-block {
margin: 0 2% 40px;
width: 46%;
}
}
.frontPoint .frontPoint-cont-block ._num {
padding-right: 0.75rem;
position: absolute;
top: 20px;
right: 0.75rem;
width: 60px;
height: 40px;
line-height: 1;
color: #217ec3;
font-family: "Morganite-SemiBold";
font-size: 48px;
font-size: 4.8rem;
text-align: right;
z-index: 10;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._num {
left: -20px;
}
}
@media screen and (min-width: 960px) {
.frontPoint .frontPoint-cont-block ._num {
left: -10px;
}
}
.frontPoint .frontPoint-cont-block ._num::after {
content: "";
position: absolute;
bottom: -20px;
right: 0;
display: inline;
width: 60px;
height: 40px;
background-color: #ffe200;
z-index: -1;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._num::after {
right: auto;
left: 0;
}
}
@media screen and (min-width: 1040px) {
.frontPoint .frontPoint-cont-block ._num::after {
right: 0;
left: auto;
}
}
.frontPoint .frontPoint-cont-block ._num span {
padding: 0;
display: block;
width: 100%;
text-align: right;
}
.frontPoint .frontPoint-cont-block ._num._rev {
padding-right: 0.75rem;
right: 0;
left: auto;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._num._rev {
right: -20px;
left: auto;
}
}
@media screen and (min-width: 960px) {
.frontPoint .frontPoint-cont-block ._num._rev {
right: auto;
left: -10px;
}
}
.frontPoint .frontPoint-cont-block ._num._rev::after {
right: 0px;
left: auto;
}
.frontPoint .frontPoint-cont-block ._img {
margin: 0 0 25px;
display: block;
position: relative;
line-height: 0;
width: 100%;
font-size: 0;
}
.frontPoint .frontPoint-cont-block ._img::after {
content: "";
position: absolute;
bottom: -8px;
left: -8px;
width: 65%;
height: 100%;
background: #ffe200;
z-index: -1;
}
@media screen and (min-width: 960px) {
.frontPoint .frontPoint-cont-block ._img::after {
left: auto;
right: -8px;
}
}
.frontPoint .frontPoint-cont-block ._ttl {
margin-bottom: 20px;
padding-right: 20px;
line-height: 1.7;
position: relative;
color: #333;
font-size: 20px;
font-size: 2rem;
font-weight: 800;
white-space: nowrap;
z-index: 10;
}
@media screen and (min-width: 600px) {
.frontPoint .frontPoint-cont-block ._ttl {
font-size: 28px;
font-size: 2.8rem;
}
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._ttl {
margin-top: 2.5rem;
padding-right: 0;
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (min-width: 1440px) {
.frontPoint .frontPoint-cont-block ._ttl {
font-size: 28px;
font-size: 2.8rem;
}
}
.frontPoint .frontPoint-cont-block ._txt p {
padding-right: 20px;
margin-bottom: 2em;
line-height: 1.8;
color: #333;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.frontPoint .frontPoint-cont-block ._txt p {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._txt p {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (min-width: 1120px) {
.frontPoint .frontPoint-cont-block ._txt p {
padding-left: 2.5rem;
}
}
.frontPoint .frontPoint-cont-block ._txt p:last-child {
margin-bottom: 0;
}
.frontPoint .frontPoint-cont-block ._txt ul {
margin-bottom: 2em;
}
.frontPoint .frontPoint-cont-block ._txt ul li {
margin-bottom: 10px;
padding-left: 2.5em;
line-height: 1.8;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1em;
}
@media screen and (min-width: 600px) {
.frontPoint .frontPoint-cont-block ._txt ul li {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block ._txt ul li {
font-size: 16px;
font-size: 1.6rem;
}
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) {
margin-left: -5.5%;
float: left;
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd)::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block:nth-of-type(odd) {
margin: 0 1%;
float: none;
display: inline-block;
width: 48%;
}
}
@media screen and (min-width: 960px) {
.frontPoint .frontPoint-cont-block:nth-of-type(odd) {
margin: 0 2%;
width: 46%;
}
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._num {
right: auto;
left: -10px;
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._ttl {
padding-left: 20px;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._ttl {
padding-left: 0;
}
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._txt {
padding-left: 20px;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._txt {
padding-left: 0;
}
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._txt p {
padding-right: 0;
}
.frontPoint .frontPoint-cont-block:nth-of-type(odd) ._img::after {
left: auto;
right: -8px;
}
.frontPoint .frontPoint-cont-block:nth-of-type(1) ._img::before {
content: "Crystal clear sea";
}
.frontPoint .frontPoint-cont-block:nth-of-type(2) ._img::before {
content: "Japanese favorite food";
}
.frontPoint .frontPoint-cont-block:nth-of-type(3) ._img::before {
content: "Many photogenic spot";
}
.frontPoint .frontPoint-cont-block:nth-of-type(4) ._img::before {
content: "Cost performance";
}
.frontPoint .frontPoint-cont-block:last-of-type {
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.frontPoint .frontPoint-cont-block:last-of-type {
padding-bottom: 0;
}
}
.frontReason {
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 1040px) {
.frontReason {
width: 1040px;
}
}
.frontReason .frontReason-inner {
margin: 0 auto 60px;
width: 90%;
}
@media screen and (min-width: 1040px) {
.frontReason .frontReason-inner {
width: 1040px;
}
}
.frontReason .frontReason-ttl {
margin-left: -5.555%;
width: 111.111%;
}
@media screen and (min-width: 1040px) {
.frontReason .frontReason-ttl {
margin-left: 0;
width: 100%;
}
}
.pagination {
margin: 0;
}
@media screen and (min-width: 768px) {
.pagination {
margin: 20px 0 40px;
}
}
.pagination ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.pagination ul li {
margin: 0;
}
.pagination ul li span {
box-sizing: border-box;
display: none;
line-height: 40px;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.pagination ul li .page-numbers {
border-top: 1px solid #008f86;
border-bottom: 1px solid #008f86;
border-left: 1px solid #008f86;
box-sizing: border-box;
display: block;
line-height: 40px;
width: 40px;
height: 40px;
color: #ccc;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
transition: none;
}
.pagination ul li .page-numbers:hover, .pagination ul li .page-numbers:active {
color: #fff;
background: #008f86;
transition: none;
}
.pagination ul li .page-numbers.current {
color: #fff;
background: #008f86;
}
.pagination ul li:last-of-type span,
.pagination ul li:last-of-type a {
border-right: 1px solid #008f86;
}
.postCont {
width: 100%;
}
.postCont .postCont-2column {
margin: 0 auto;
width: 1040px;
}
.postCont .postCont-2column::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column {
width: 100%;
}
}
.postCont .postCont-2column-main {
float: left;
width: 70%;
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column-main {
margin: 0 auto 8vw;
float: none;
width: 90%;
}
}
.postCont .postCont-2column-main .postCont-article {
width: 100%;
}
.postCont .postCont-2column-side {
margin: 40px auto;
float: right;
width: 25%;
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column-side {
margin: 0 auto;
float: none;
width: 70%;
}
}
.postCont .postCont-2column-side ._ttl {
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
padding: 25px;
border: 2px dotted #ffeb80;
border-radius: 1vw;
box-sizing: border-box;
line-height: 1.5;
color: #fff;
background: linear-gradient(135deg, #0693e3, #9b51e0);
text-align: center;
letter-spacing: 2px;
}
@media screen and (max-width: 1120px) {
.postCont .postCont-2column-side ._ttl {
font-size: 5px;
font-size: 1.5625vw;
}
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column-side ._ttl {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._ttl {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column-side ._ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
border-radius: 2vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postCont .postCont-2column-side ._ttl {
font-size: calc(1.8vw * 2.4);
}
}
.postCont .postCont-2column-side ._ttl a {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._ttl a {
padding: 20px;
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 600px) {
.postCont .postCont-2column-side ._ttl a {
font-size: 18px;
font-size: 1.8rem;
}
}
.postCont .postCont-2column-side ._ttl._sym, .postCont .postCont-2column-side ._ttl._tre {
background: linear-gradient(135deg, #fcb900, #ff6900);
}
.postCont .postCont-2column-side ._ttl._sym a, .postCont .postCont-2column-side ._ttl._tre a {
border-radius: 1vw;
}
@media screen and (max-width: 768px) {
.postCont .postCont-2column-side ._ttl._sym a, .postCont .postCont-2column-side ._ttl._tre a {
border-radius: 2vw;
}
}
.postCont .postCont-2column-side ._ttl._sym {
padding: 0;
}
.postCont .postCont-2column-side ._ttl._sym a {
padding: 25px;
display: block;
color: #fff;
font-family: "Noto Sans Japanese", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 4px;
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._ttl._sym a {
padding: 20px;
}
}
.postCont .postCont-2column-side ._ttl._tre {
padding: 0;
}
.postCont .postCont-2column-side ._ttl._tre a {
padding: 25px;
display: block;
color: #fff;
font-family: "Noto Sans Japanese", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 4px;
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._ttl._tre a {
padding: 20px;
}
}
.postCont .postCont-2column-side ._ttl._joint {
margin-top: 60px;
}
.postCont .postCont-2column-side ._inwrap {
margin: 0 auto;
border-top: 4px solid #217ec3;
border-bottom: 4px solid #217ec3;
box-sizing: border-box;
position: relative;
width: 100%;
}
@media screen and (max-width: 600px) {
.postCont .postCont-2column-side ._inwrap {
width: 100%;
}
}
.postCont .postCont-2column-side ._inwrap::before {
content: "";
position: absolute;
left: 20%;
top: -24px;
border-left: 2px solid #ccc;
box-sizing: border-box;
width: 2px;
height: 20px;
}
.postCont .postCont-2column-side ._inwrap::after {
content: "";
position: absolute;
right: 20%;
top: -24px;
border-right: 2px solid #ccc;
box-sizing: border-box;
width: 2px;
height: 20px;
}
.postCont .postCont-2column-side ._inwrap._sym {
border-top: 4px solid #f6ad3c;
border-bottom: 4px solid #f6ad3c;
}
.postCont .postCont-2column-side ._inwrap._sym::before {
border-left: 2px solid #ccc;
}
.postCont .postCont-2column-side ._inwrap._sym::after {
border-right: 2px solid #ccc;
}
.postCont .postCont-2column-side ._inwrap._tre {
border-top: 4px solid #f6ad3c;
border-bottom: 4px solid #f6ad3c;
}
.postCont .postCont-2column-side ._inwrap._tre::before {
border-left: 2px solid #ccc;
}
.postCont .postCont-2column-side ._inwrap._tre::after {
border-right: 2px solid #ccc;
}
.postCont .postCont-2column-side ._catTtl {
margin-bottom: 0;
}
.postCont .postCont-2column-side ._catTtl a {
padding: 25px 20px;
border: 2px dashed;
border-top: 4px solid;
box-sizing: border-box;
display: block;
line-height: 1.2;
color: #217ec3;
background: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
text-align: center;
transition: all ease 0.25s;
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._catTtl a {
padding: 20px;
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont .postCont-2column-side ._catTtl a:hover, .postCont .postCont-2column-side ._catTtl a:active {
border: 2px solid;
border-top: 4px solid;
}
.postCont .postCont-2column-side ._catTtl:first-of-type a {
border-top: none;
}
.postCont .postCont-2column-side ._postTtl {
box-sizing: border-box;
background: #fff;
}
.postCont .postCont-2column-side ._postTtl li {
width: 100%;
font-size: 0;
}
.postCont .postCont-2column-side ._postTtl li:last-of-type {
margin-bottom: 0;
}
.postCont .postCont-2column-side ._postTtl li a {
padding: 20px 20px 20px calc(20px + 1.8em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.35em;
vertical-align: top;
}
@media screen and (max-width: 960px) {
.postCont .postCont-2column-side ._postTtl li a {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 600px) {
.postCont .postCont-2column-side ._postTtl li a {
padding-left: calc(20px + 1.9em);
text-indent: -1.9em;
}
}
.postCont .postCont-2column-side ._postTtl li a::before {
content: "ー";
padding-left: 0;
padding-right: 0.5em;
display: inline-block;
width: 1em;
color: #ccc;
font-size: 14px;
font-size: 1.4rem;
text-indent: 0;
vertical-align: top;
}
.postCont .postCont-2column-side ._postTtl li a:hover, .postCont .postCont-2column-side ._postTtl li a:active {
background: #f7f7f7;
}
.postCont .postCont-2column-side ._postTtl li:last-of-type a {
border-bottom: none;
}
.postCont .postCont-2column-side ._postTtl:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.postCont .postCont-2column-side ._postArchive {
background: #fff;
}
.postCont .postCont-2column-side ._postArchive li {
padding: 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
}
.postCont .postCont-2column-side ._postArchive li a {
padding: 20px 20px 20px calc(20px + 1.6em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-indent: -1.6em;
vertical-align: top;
}
@media screen and (max-width: 600px) {
.postCont .postCont-2column-side ._postArchive li a {
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont .postCont-2column-side ._postArchive li a::before {
content: "ー";
padding-left: 0;
padding-right: 0.5em;
display: inline-block;
width: 1em;
color: #ccc;
font-size: 14px;
font-size: 1.4rem;
text-indent: 0;
vertical-align: top;
}
.postCont .postCont-2column-side ._postArchive li a:last-of-type {
border-bottom: none;
}
.postCont .postCont-2column-side ._postArchive li a:hover, .postCont .postCont-2column-side ._postArchive li a:active {
background: #f7f7f7;
}
.postCont .postCont-post {
margin: 40px 0 0;
position: relative;
float: none;
width: 100%;
}
@media screen and (min-width: 768px) {
.postCont .postCont-post {
margin: 80px 0 0;
}
}
.postCont .postCont-article {
margin: 40px auto;
padding: 20px;
position: relative;
width: 90%;
background: #fff;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article {
padding: 40px;
}
}
@media screen and (min-width: 1040px) {
.postCont .postCont-article {
width: 1040px;
}
}
.postCont .postCont-article-date {
padding: 0 4px 2px 4px;
position: absolute;
top: -18px;
right: 0;
width: auto;
color: #fff;
background: linear-gradient(135deg, #0693e3, #9b51e0);
font-size: 12px;
font-size: 1.2rem;
z-index: 50;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-date {
padding: 4px 8px;
top: 1px;
left: 1px;
left: auto;
right: 1px;
}
}
.postCont .postCont-article-date ._time {
margin-right: 0.5rem;
line-height: 1.4;
font-size: 85px;
font-size: 0.85rem;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-date ._time {
font-size: 10px;
font-size: 1rem;
}
}
.postCont .postCont-article-date ._category {
font-size: 85px;
font-size: 0.85rem;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-date ._category {
font-size: 10px;
font-size: 1rem;
}
}
.postCont .postCont-article-tag {
margin: 0;
padding: 0 4px;
position: absolute;
top: 0;
left: 0px;
width: 100%;
color: #217ec3;
background: #fff;
font-size: 10px;
font-size: 1rem;
z-index: 50;
text-align: left;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-tag {
margin: 0;
padding: 4px;
top: 1px;
left: 1px;
width: 70%;
}
}
.postCont .postCont-article-tag ._tag {
font-size: 10px;
font-size: 1rem;
overflow: hidden;
white-space: nowrap;
animation: flowing 10s linear infinite;
transform: translateX(100%);
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-tag ._tag {
font-size: 12px;
font-size: 1.2rem;
}
}
.postCont .postCont-article-tag ._tag small {
margin: 0 0.5em 0 0;
padding: 0 0.25em;
border: 1px solid #217ec3;
box-sizing: border-box;
display: inline-block;
color: #217ec3;
font-size: 85px;
font-size: 0.85rem;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-tag ._tag small {
font-size: 10px;
font-size: 1rem;
}
}
.postCont .postCont-article-tag ._tag small:last-of-type {
padding-right: 0;
}
.postCont .postCont-article-ttl {
margin: 30px 0;
padding-bottom: 0.5em;
border-bottom: 1px dashed;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-ttl {
font-size: 30px;
font-size: 3rem;
}
}
.postCont .postCont-article-ttl:first-letter {
color: #217ec3;
}
.postCont .postCont-article-image,
.postCont .postCont-article-noImage {
margin: 0 auto 30px;
width: 100%;
max-width: none;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-image,
.postCont .postCont-article-noImage {
margin: 0 auto 25px;
max-width: 65%;
}
}
.postCont .postCont-article-image img,
.postCont .postCont-article-noImage img {
border: 2px dotted #ddd;
width: 100%;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-image img,
.postCont .postCont-article-noImage img {
border: none;
}
}
.postCont .postCont-article-content {
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-content {
width: 100%;
}
}
.postCont .postCont-article-content p {
margin-bottom: 2em;
line-height: 2;
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-content p {
font-size: 18px;
font-size: 1.8rem;
}
}
.postCont .postCont-article-content .wp-block-image {
margin: 0 auto 20px;
width: 100%;
max-width: none;
}
@media screen and (min-width: 768px) {
.postCont .postCont-article-content .wp-block-image {
margin: 0 auto 40px;
max-width: 65%;
}
}
.postCont .postCont-article-content .wp-block-image img {
width: 100%;
height: auto;
}
.postCont._postList {
margin: 40px auto 0;
width: 100%;
font-size: 0;
}
@media screen and (min-width: 1040px) {
.postCont._postList {
width: 1040px;
}
}
.postCont._postList .postCont-2column .postCont-article {
margin-top: 0;
}
.postCont._postList .postCont-2column .postCont-2column-side {
margin-top: 0;
}
.postCont._postList .postCont-2column-main .postCont-article {
margin: 0 0 20px;
width: 100%;
}
.postCont._postList .postCont-article {
margin: 20px 0 0;
padding: 0;
position: relative;
display: inline-block;
width: 100%;
background: #fff;
font-size: 0;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article {
margin-right: 1%;
margin-bottom: 0;
margin-left: 1%;
width: 68%;
}
}
.postCont._postList .postCont-article:last-of-type {
margin-bottom: 40px;
}
.postCont._postList .postCont-article a {
padding: 0;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
box-sizing: border-box;
display: block;
width: 100%;
}
.postCont._postList .postCont-article a ._date {
top: -10px;
left: -10px;
width: 14.5rem;
z-index: 11;
text-align: center;
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article a ._date {
width: auto;
}
}
.postCont._postList .postCont-article a ._ttl {
border-bottom: none;
max-height: 1.4em;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article a ._ttl {
max-height: auto;
}
}
.postCont._postList .postCont-article a:hover, .postCont._postList .postCont-article a:active {
background: #f7f7f7;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.postCont._postList .postCont-article a:hover .postCont-article-image img,
.postCont._postList .postCont-article a:hover .postCont-article-noImage img, .postCont._postList .postCont-article a:active .postCont-article-image img,
.postCont._postList .postCont-article a:active .postCont-article-noImage img {
background: #abc4ee;
opacity: 0.75;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.postCont._postList .postCont-article a:hover .postCont-article-more, .postCont._postList .postCont-article a:active .postCont-article-more {
border: 1px solid #ccc;
color: #fff;
background: #1d3994;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.postCont._postList .postCont-article a:hover .postCont-article-detail ._ttl, .postCont._postList .postCont-article a:active .postCont-article-detail ._ttl {
text-decoration: underline;
}
.postCont._postList .postCont-article-image,
.postCont._postList .postCont-article-noImage {
margin: 0 5% 0 0;
padding-top: 24.5%;
display: inline-block;
position: relative;
width: 35%;
background: #fff;
vertical-align: top;
transform: none;
}
@media screen and (max-width: 768px) {
.postCont._postList .postCont-article-image,
.postCont._postList .postCont-article-noImage {
padding-top: 35%;
}
}
.postCont._postList .postCont-article-image img,
.postCont._postList .postCont-article-noImage img {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
overflow: hidden;
z-index: 10;
}
.postCont._postList .postCont-article-detail {
padding: 24px 20px 15px 0;
display: inline-block;
width: 60%;
vertical-align: top;
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article-detail {
padding: 36px 20px 20px 0;
}
}
.postCont._postList .postCont-article-detail ._ttl {
margin: 0;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article-detail ._ttl {
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont._postList .postCont-article-detail ._honbun {
margin: 10px 0 0;
line-height: 1.4;
color: #333;
max-height: 2.8em;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.postCont._postList .postCont-article-detail ._honbun {
margin: 15px 0 0;
max-height: 4.2em;
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont._postList .postCont-article-more {
padding: 4px 8px;
border: 1px dashed #abc4ee;
box-sizing: border-box;
position: absolute;
right: 0;
bottom: 0;
line-height: 1.6;
color: #1d3994;
background: #fff;
font-size: 10px;
font-size: 1rem;
letter-spacing: 0;
}
.postCont .customCont-article {
margin: 40px auto 0;
padding: 20px 5%;
border: 1px solid #008f86;
box-sizing: border-box;
float: none;
width: 90%;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-size: 100px;
background-position: left top;
}
@media screen and (min-width: 768px) {
.postCont .customCont-article {
margin: 40px auto 60px;
padding: 60px;
width: 100%;
font-size: 0;
}
}
.postCont .customCont-article-ttl {
margin-bottom: 20px;
padding: 8px 15px;
border-left: 4px solid #54beba;
box-sizing: border-box;
background: none;
color: #333;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
text-align: left;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-ttl {
margin-bottom: 40px;
padding: 15px 20px;
border-left: 8px solid #54beba;
line-height: 1.2;
font-size: 30px;
font-size: 3rem;
}
}
.postCont .customCont-article-img {
margin: 0 0 40px;
width: 100%;
font-size: 0;
}
.postCont .customCont-article-img img {
margin: 0;
width: 100%;
height: auto;
}
.postCont .customCont-article-about {
margin-top: 0;
margin-bottom: 40px;
}
.postCont .customCont-article-about ._subTtl {
margin-bottom: 20px;
padding: 10px 15px;
line-height: 1.8;
color: #fff;
background-color: #54beba;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-about ._subTtl {
padding: 12px 20px;
font-size: 24px;
font-size: 2.4rem;
}
}
.postCont .customCont-article-about ._description {
margin: 0 auto 20px;
line-height: 1.8;
width: 95%;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-about ._description {
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont .customCont-article-about ._img {
width: 100%;
height: auto;
}
.postCont .customCont-article-check {
margin-bottom: 40px;
}
.postCont .customCont-article-check ._subTtl {
margin-bottom: 20px;
padding: 15px;
line-height: 1.6;
color: #fff;
background: #217ec3;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._subTtl {
padding: 12px 20px;
font-size: 24px;
font-size: 2.4rem;
}
}
.postCont .customCont-article-check ._checkList {
margin: 0 auto 30px;
clear: both;
width: 100%;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._checkList {
width: 92.85%;
}
}
.postCont .customCont-article-check ._checkList li {
margin-bottom: 10px;
padding: 20px 2% 20px 45px;
border: 2px solid #217ec3;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #217ec3;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 4px 10px;
background-size: 36px 36px;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._checkList li {
padding: 15px 20px 15px 70px;
font-size: 18px;
font-size: 1.8rem;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 3% center;
background-size: 40px 40px;
}
}
.postCont .customCont-article-check ._checkList li:first-of-type, .postCont .customCont-article-check ._checkList li:nth-of-type(4) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._checkList li:first-of-type, .postCont .customCont-article-check ._checkList li:nth-of-type(4) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
}
}
.postCont .customCont-article-check ._checkList li:nth-of-type(2), .postCont .customCont-article-check ._checkList li:nth-of-type(5) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_g.png);
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._checkList li:nth-of-type(2), .postCont .customCont-article-check ._checkList li:nth-of-type(5) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_g.png);
}
}
.postCont .customCont-article-check ._checkList li:nth-of-type(3) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_b.png);
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-check ._checkList li:nth-of-type(3) {
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_b.png);
}
}
.postCont .customCont-article-recommend {
margin-bottom: 0;
}
.postCont .customCont-article-recommend ._subTtl {
margin-bottom: 20px;
padding: 15px;
line-height: 1.2;
color: #fff;
background: #abc4ee;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-recommend ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
font-size: 24px;
font-size: 2.4rem;
}
}
.postCont .customCont-article-recommend ._recommendList {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto 30px;
padding: 0;
clear: both;
width: 92.85%;
}
.postCont .customCont-article-recommend ._recommendList li {
margin-bottom: 10px;
padding: 20px 2% 20px 45px;
border: 2px solid #abc4ee;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #abc4ee;
width: 100%;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
background-repeat: no-repeat;
background-position: 2.5% 20px;
background-size: 30px 30px;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-recommend ._recommendList li {
padding: 15px 20px 15px 70px;
font-size: 18px;
font-size: 1.8rem;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
background-repeat: no-repeat;
background-position: 3% center;
background-size: 40px 40px;
}
}
.postCont .customCont-article-reason ._subTtl {
margin-bottom: 20px;
padding: 10px 15px;
line-height: 1.8;
color: #fff;
background: #54beba;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-reason ._subTtl {
padding: 12px 20px;
font-size: 26px;
font-size: 2.6rem;
}
}
.postCont .customCont-article-reason ._img {
margin: 0 auto;
float: none;
width: 80%;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-reason ._img {
float: left;
width: 66.42%;
}
}
.postCont .customCont-article-reason ._img img {
width: 100%;
height: auto;
}
.postCont .customCont-article-reason ._description {
margin: 0 auto;
clear: both;
line-height: 1.8;
width: 95%;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-reason ._description {
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont .customCont-article-clinic {
margin: 40px 0 0;
}
.postCont .customCont-article-clinic::after {
content: "";
clear: both;
display: block;
}
.postCont .customCont-article-clinic ._subTtl {
margin-bottom: 25px;
padding: 15px 0;
box-sizing: border-box;
border-radius: 7px;
position: relative;
line-height: 1.6;
color: #fff;
background: #e0660d;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-clinic ._subTtl {
margin-bottom: 30px;
padding: 15px 0;
font-size: 26px;
font-size: 2.6rem;
}
}
.postCont .customCont-article-clinic ._img {
margin: 0 auto 20px;
float: none;
width: 90%;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-clinic ._img {
float: left;
width: 45%;
}
}
.postCont .customCont-article-clinic ._img img {
width: 100%;
height: auto;
}
.postCont .customCont-article-clinic ._txt {
margin: 0 auto;
float: none;
line-height: 1.8;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-clinic ._txt {
float: right;
width: 50%;
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont .customCont-article-clinic ._pointList {
margin: 0 auto 30px;
padding-top: 35px;
clear: both;
width: 100%;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-clinic ._pointList {
width: 92.85%;
}
}
.postCont .customCont-article-clinic ._pointList li {
margin-bottom: 10px;
padding: 20px 3% 20px 40px;
border: 2px solid #e0660d;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.6;
color: #e0660d;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
background-repeat: no-repeat;
background-position: 2% 20px;
background-size: 30px 30px;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-clinic ._pointList li {
padding: 15px 20px 15px 70px;
line-height: 1.5;
background-color: #fff;
background-image: url(//nishiojima-sekkotsuin.com/wp-content/themes/thousands-of-visitors/images/common/icn_power_o.png);
background-repeat: no-repeat;
background-position: 2.5% center;
background-size: 40px 40px;
font-size: 18px;
font-size: 1.8rem;
}
}
.postCont .customCont-article-clinic ._description {
margin: 0 auto;
padding-top: 2em;
clear: both;
line-height: 1.8;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
.postCont .customCont-article-clinic ._description {
width: 95%;
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont .customCont-article-prevention {
margin-bottom: 0;
}
.postCont .customCont-article-prevention ._subTtl {
margin-bottom: 20px;
padding: 10px 15px;
line-height: 1.2;
color: #fff;
background: #54beba;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-prevention ._subTtl {
padding: 12px 20px;
font-size: 26px;
font-size: 2.6rem;
}
}
.postCont .customCont-article-prevention ._preventionList {
margin: 0 auto;
width: 95%;
}
.postCont .customCont-article-prevention ._preventionList li {
margin: 0 0 1em;
padding-left: 2.65em;
line-height: 1.6;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -2.65em;
}
@media screen and (min-width: 600px) {
.postCont .customCont-article-prevention ._preventionList li {
padding-left: 3em;
font-size: 16px;
font-size: 1.6rem;
text-indent: -3em;
}
}
.postCont .customCont-article-prevention ._preventionList li::before {
color: #54beba;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800;
font-style: italic;
}
@media screen and (max-width: 600px) {
.postCont .customCont-article-prevention ._preventionList li::before {
font-size: 18px;
font-size: 1.8rem;
}
}
.postCont .customCont-article-prevention ._preventionList li:first-child::before {
content: "１．";
}
.postCont .customCont-article-prevention ._preventionList li:nth-of-type(2)::before {
content: "２．";
}
.postCont .customCont-article-prevention ._preventionList li:nth-of-type(3)::before {
content: "３．";
}
.postCont .customCont-article-prevention ._preventionList li:nth-of-type(4)::before {
content: "４．";
}
.postCont .customCont-article-prevention ._preventionList li:nth-of-type(5)::before {
content: "５．";
}
.postCont .postCont-article-previousNextLink {
padding-top: 40px;
clear: both;
}
.postCont .postCont-article-previousNextLink::after {
content: "";
clear: both;
display: block;
}
.postCont .postCont-article-previousNextLink ._previous a,
.postCont .postCont-article-previousNextLink ._next a {
padding: 10px 20px;
border: 1px solid #d3b77a;
box-sizing: border-box;
border-radius: 5px;
display: inline;
color: #d3b77a;
background: #fff;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.postCont .postCont-article-previousNextLink ._previous a,
.postCont .postCont-article-previousNextLink ._next a {
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont .postCont-article-previousNextLink ._previous a:hover, .postCont .postCont-article-previousNextLink ._previous a:active,
.postCont .postCont-article-previousNextLink ._next a:hover,
.postCont .postCont-article-previousNextLink ._next a:active {
color: #fff;
background: #d3b77a;
}
.postCont .postCont-article-previousNextLink ._previous {
float: right;
width: 47.5%;
}
.postCont .postCont-article-previousNextLink ._previous a {
float: left;
}
.postCont .postCont-article-previousNextLink ._next {
float: left;
width: 47.5%;
}
.postCont .postCont-article-previousNextLink ._next a {
float: right;
}
.postCont .postCont-article-previousNextLink {
padding-top: 40px;
clear: both;
width: 100%;
}
.postCont .postCont-article-previousNextLink::after {
content: "";
clear: both;
display: block;
}
@media screen and (min-width: 600px) {
.postCont .postCont-article-previousNextLink {
width: calc(100% - 80px);
}
}
.postCont .postCont-article-previousNextLink ._previous,
.postCont .postCont-article-previousNextLink ._next {
width: 48.5%;
}
.postCont .postCont-article-previousNextLink ._previous a,
.postCont .postCont-article-previousNextLink ._next a {
display: inline;
color: #fff;
background: #1d3994;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.postCont .postCont-article-previousNextLink ._previous a,
.postCont .postCont-article-previousNextLink ._next a {
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont .postCont-article-previousNextLink ._previous a:hover, .postCont .postCont-article-previousNextLink ._previous a:active,
.postCont .postCont-article-previousNextLink ._next a:hover,
.postCont .postCont-article-previousNextLink ._next a:active {
color: #1d3994;
background: #fff;
}
.postCont .postCont-article-previousNextLink ._previous {
float: left;
}
.postCont .postCont-article-previousNextLink ._previous a {
padding: 8px 2em 8px 4em;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 3px;
float: right;
color: #1d3994;
background: #eee;
}
.postCont .postCont-article-previousNextLink ._previous a:hover, .postCont .postCont-article-previousNextLink ._previous a:active {
background: #fff;
}
.postCont .postCont-article-previousNextLink ._next {
float: right;
}
.postCont .postCont-article-previousNextLink ._next a {
padding: 8px 4em 8px 2em;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 3px;
float: left;
color: #ffffbf;
background: #1d3994;
}
.postCont .postCont-article-previousNextLink ._next a:hover, .postCont .postCont-article-previousNextLink ._next a:active {
border: 1px solid #1d3994;
background: #fff;
}
.importantNotices {
margin: 0 auto 20px;
width: 100%;
}
@media screen and (min-width: 768px) {
.importantNotices {
margin: 0 auto 20px;
width: 100%;
}
}
.importantNotices .importantNotices-ttl {
margin: 0;
padding: 10px 10px 5px;
line-height: 1.3;
color: #fff;
background: #e0660d;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
.importantNotices .importantNotices-cont {
margin: 0 auto;
padding: 10px;
border: 3px solid #e0660d;
box-sizing: border-box;
width: 100%;
}
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-cont {
padding: 20px;
border: 4px solid #e0660d;
}
}
.importantNotices .importantNotices-cont-txt {
margin: 0 0 0.25em;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
.importantNotices .importantNotices-cont-note li {
margin: 0 0 0.25em;
padding-left: 1em;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1em;
}
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-cont-note li {
letter-spacing: 1px;
}
}
.importantNotices .importantNotices-cont-note li:last-of-type {
margin-bottom: 0;
}
.importantNotices .importantNotices-cont-note li a:hover, .importantNotices .importantNotices-cont-note li a:active {
text-decoration: underline;
}
.importantNotices .importantNotices-cont-note li strong {
border-radius: 6px;
background: linear-gradient(transparent 0%, #fcf5c9 0%);
font-weight: bold;
}
.postCont-article-content ._img {
margin: 0 0 4rem;
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.postCont-article-content ._img {
margin-bottom: 2rem;
}
}
.postCont-article-content ._img img {
width: 100%;
height: auto;
}
.postCont-article-content h2 {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 1em;
padding-right: 0.25em;
padding-left: 0.25em;
padding-bottom: 0.5em;
border-bottom: 2px dashed #777;
box-sizing: border-box;
line-height: 1.4;
font-weight: 600;
}
@media screen and (max-width: 1120px) {
.postCont-article-content h2 {
font-size: 6px;
font-size: 1.875vw;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content h2 {
font-size: 16px;
font-size: 1.6rem;
}
}
.postCont-article-content ul,
.postCont-article-content ol {
margin: 0 auto calc(1.5vw * 2);
padding: 2rem;
border: 2px solid #ddd;
box-sizing: border-box;
width: 100%;
}
@media screen and (max-width: 768px) {
.postCont-article-content ul,
.postCont-article-content ol {
margin: 0 auto calc(3vw * 2);
}
}
.postCont-article-content ul li,
.postCont-article-content ol li {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 1em;
padding-left: 1em;
line-height: 2;
font-weight: 600;
text-indent: -1em;
}
@media screen and (max-width: 1120px) {
.postCont-article-content ul li,
.postCont-article-content ol li {
font-size: 4.5px;
font-size: 1.40625vw;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content ul li,
.postCont-article-content ol li {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content ul li,
.postCont-article-content ol li {
margin-bottom: 0.5em;
line-height: 1.8;
}
}
.postCont-article-content ul li:last-of-type,
.postCont-article-content ol li:last-of-type {
margin-bottom: 0;
}
.postCont-article-content ul::before {
content: "・";
}
.postCont-article-content ol {
margin: 0 auto calc(1.5vw * 2);
padding: 2rem;
border: none;
border-left: 2px solid #43C6AC;
border-right: 2px solid #d9e653;
position: relative;
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.postCont-article-content ol {
margin: 0 auto calc(3vw * 2);
}
}
.postCont-article-content ol::before, .postCont-article-content ol::after {
content: "";
position: absolute;
left: 0;
display: block;
width: 100%;
height: 2px;
background: linear-gradient(to right, #43C6AC 0%, #d9e653 100%);
}
.postCont-article-content ol::before {
top: 0;
}
.postCont-article-content ol::after {
bottom: 0;
}
.postCont-article-content ol li {
padding-left: 1.5rem;
list-style-type: decimal;
list-style-position: inside;
text-indent: -2rem;
}
.postCont-article-content p {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 2em;
line-height: 2;
}
@media screen and (max-width: 1120px) {
.postCont-article-content p {
font-size: 4.5px;
font-size: 1.40625vw;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content p {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content p {
margin-bottom: 2em;
line-height: 1.8;
}
}
.postCont-article-content p:last-of-type {
margin-bottom: 0;
}
.postCont-article-content p strong {
font-weight: 600;
}
.postCont-article-content p img {
width: auto;
max-width: 100%;
height: auto;
}
.postCont-article-content pre {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 2em;
padding: 1em;
line-height: 2;
background: #f5f5f5;
}
@media screen and (max-width: 1120px) {
.postCont-article-content pre {
font-size: 4.5px;
font-size: 1.40625vw;
}
}
@media screen and (max-width: 768px) {
.postCont-article-content pre {
font-size: 14px;
font-size: 1.4rem;
}
}
.postCont-article-content figure {
margin: 0 auto calc(1.5vw * 2);
}
@media screen and (max-width: 768px) {
.postCont-article-content figure {
margin: 0 auto calc(3vw * 2);
}
}
.blog-card {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 20px;
border: 1px solid #217ec3;
border-radius: 5px;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
position: relative;
word-wrap: break-word;
max-width: 100%;
background: rgba(251, 140, 0, 0.02);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1120px) {
.blog-card {
font-size: 3.5px;
font-size: 1.09375vw;
}
}
@media screen and (max-width: 768px) {
.blog-card {
font-size: 12px;
font-size: 1.2rem;
}
}
.blog-card:hover {
cursor: pointer;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
-moz-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.blog-card::before {
display: none;
position: absolute;
padding: 2px 6px;
content: "詳細を見る";
background-color: #217ec3;
color: #fff;
font-size: 0.8em;
z-index: 1;
}
.blog-card a {
display: block;
text-decoration: none;
}
.blog-card .clear {
clear: both;
}
.blog-card-thumbnail {
padding: 5px 2.5% 5px 5px;
display: table-cell;
width: 35%;
font-size: 0;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.blog-card-thumbnail {
width: 50%;
}
}
.blog-card-thumbnail img {
padding: 0;
width: 100%;
height: 150px !important;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.blog-card-thumbnail img {
height: 100px !important;
}
}
.blog-card-content {
display: table-cell;
vertical-align: middle;
}
.blog-card-title {
font-size: 16px;
font-size: 1.6rem;
margin: 5px 10px 5px 0px;
font-weight: bold;
line-height: 1.4;
}
@media screen and (max-width: 1120px) {
.blog-card-title {
font-size: 4px;
font-size: 1.25vw;
}
}
@media screen and (max-width: 768px) {
.blog-card-title {
font-size: 12px;
font-size: 1.2rem;
}
}
.blog-card-title:hover {
text-decoration: underline;
}
.blog-card-excerpt {
font-size: 14px;
font-size: 1.4rem;
color: #4c4c4c;
margin: 0 10px 5px 0;
line-height: 1.3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1120px) {
.blog-card-excerpt {
font-size: 3.5px;
font-size: 1.09375vw;
}
}
@media screen and (max-width: 768px) {
.blog-card-excerpt {
font-size: 12px;
font-size: 1.2rem;
}
}
.blog-card-label {
font-size: 13px;
font-size: 1.3rem;
padding: 0.15em 0.5em calc(0.15em + 1px);
display: inline-block;
position: absolute;
background-color: #217ec3;
top: 0px;
left: 0px;
width: auto;
height: auto;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.4;
transform-origin: 50% 50%;
animation: animScale 3.5s ease-out;
letter-spacing: 1px;
}
@media screen and (max-width: 1120px) {
.blog-card-label {
font-size: 3.25px;
font-size: 1.015625vw;
}
}
@media screen and (max-width: 768px) {
.blog-card-label {
font-size: 10px;
font-size: 1rem;
}
}
.related_post {
margin: 40px auto;
}
.related_post h3 {
font-size: 18px;
font-size: 1.8rem;
margin: 0 0 2rem;
padding: 0.25rem 0 0.25rem 1rem;
border-left: 6px solid #4f4c4a;
box-sizing: border-box;
line-height: 1.8;
color: #4f4c4a;
font-weight: bold;
}
@media screen and (max-width: 1120px) {
.related_post h3 {
font-size: 4.5px;
font-size: 1.40625vw;
}
}
@media screen and (max-width: 768px) {
.related_post h3 {
font-size: 14px;
font-size: 1.4rem;
}
}
.related_post .related_post_container {
margin: 0 auto 40px;
padding: 0;
border: none;
width: 100%;
font-size: 0;
}
.related_post .related_post_container li {
margin: 0 1.5% 20px 0;
padding: 0;
display: inline-block;
width: 32.3333333333%;
vertical-align: top;
font-size: 0;
}
.related_post .related_post_container li:nth-of-type(3n) {
margin-right: 0;
}
.related_post .related_post_container li a {
display: block;
width: 100%;
overflow: hidden;
}
.related_post .related_post_container li a .related_thumb {
margin: 0 0 0.5rem;
}
.related_post .related_post_container li a .related_thumb img {
width: 100%;
height: 100px;
object-fit: cover;
}
.related_post .related_post_container li a .related_title {
font-size: 12px;
font-size: 1.2rem;
margin: 0;
padding: 0;
line-height: 1.4;
color: #1d3994;
text-indent: 0;
}
@media screen and (max-width: 1120px) {
.related_post .related_post_container li a .related_title {
font-size: 3px;
font-size: 0.9375vw;
}
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li a .related_title {
font-size: 10px;
font-size: 1rem;
}
}
.related_post .related_post_container li a:hover .related_title, .related_post .related_post_container li a:active .related_title {
text-decoration: underline;
}
.recruit-content {
margin: 0 auto;
width: 80%;
max-width: 640px;
}
@media screen and (max-width: 768px) {
.recruit-content {
width: 90%;
}
}
.recruit-content table {
width: 100%;
}
.recruit-content table.defStyle th,
.recruit-content table.defStyle td {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
padding: 20px;
line-height: 1.4;
border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.recruit-content table.defStyle th,
.recruit-content table.defStyle td {
font-size: calc(1.8vw * 1.6);
}
}
@media screen and (max-width: 768px) {
.recruit-content table.defStyle th,
.recruit-content table.defStyle td {
padding: 20px 10px;
}
}
.recruit-content table.defStyle th {
background: #fafafa;
}