@charset "UTF-8";
@font-face {
font-family: "Noto Sans JP";
src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&display=swap")
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
html {
font-size: 6.25%;
scroll-behavior: smooth
}
body {
font-family: YakuHanJP, "Noto Sans JP", sans-serif !important
}
a {
color: rgb(0, 112, 232)
}
a:visited {
color: transparent
}
.icon_home {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_gourmet {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_sightseeing {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_shopping {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_life {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_girl {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_kazoku_jikan {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_boutube {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_info {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_otoriyose {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
.icon_youtube {
-webkit-mask: url("data:image/svg+xml;utf8,") center no-repeat;
mask: url("data:image/svg+xml;utf8,") center no-repeat
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
word-break: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4
}
*,
:after,
:before {
background-repeat: no-repeat;
-webkit-box-sizing: inherit;
box-sizing: inherit
}
:after,
:before {
text-decoration: inherit;
vertical-align: inherit
}
* {
padding: 0;
margin: 0
}
hr {
overflow: visible;
height: 0;
color: inherit
}
details,
main {
display: block
}
summary {
display: list-item
}
small {
font-size: 80%
}
[hidden] {
display: none
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
a {
background-color: transparent
}
a:active,
a:hover {
outline-width: 0
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace
}
pre {
font-size: 1em
}
b,
strong {
font-weight: bolder
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
table {
border-color: inherit;
text-indent: 0
}
iframe {
border-style: none
}
input {
border-radius: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
resize: vertical
}
button,
input,
optgroup,
select,
textarea {
font: inherit
}
optgroup {
font-weight: bold
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
button,
input,
select,
textarea {
background-color: transparent;
border-style: none
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline-width: 0
}
select {
-moz-appearance: none;
-webkit-appearance: none
}
select::-ms-expand {
display: none
}
select::-ms-value {
color: currentColor
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
max-width: 100%
}
::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit
}
[disabled] {
cursor: default
}
img {
border-style: none
}
progress {
vertical-align: baseline
}
[aria-busy=true] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[aria-disabled=true] {
cursor: default
}
@media screen and (max-width:768px) {
body {
position: relative;
width: 100vw;
padding-top: calc(50 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 16rem;
background: rgb(253, 253, 254)
}
a[href*="tel:"] {
color: rgb(32, 36, 48)
}
.vw-l {
display: none !important
}
.gheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
z-index: 10;
width: 100%;
height: calc(50 * 0.2666666667vw);
background: rgb(253, 253, 254);
-webkit-box-shadow: 0 0 12px 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 0 12px 0 rgba(10, 68, 155, 0.1)
}
.gheaderInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 100%;
padding: 0 calc(20 * 0.2666666667vw)
}
.gheaderLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(150 * 0.2666666667vw)
}
.gheaderLogo svg {
-webkit-transition: fill ease 0.2s;
transition: fill ease 0.2s;
width: 100%;
fill: rgb(32, 36, 48)
}
.gheaderLogo:hover svg {
fill: rgb(0, 112, 232)
}
.gheaderSub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc(20 * 0.2666666667vw)
}
.container {
width: 100%;
margin: 0 auto;
background: rgb(253, 253, 254)
}
.sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100vw;
height: 100vh;
padding: 0;
background: rgb(253, 253, 254);
border-right: 1px solid rgb(230, 230, 232);
overflow-y: scroll
}
.sidebarSearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: calc(calc(50 * 0.2666666667vw) + calc(8 * 0.2666666667vw));
width: 100%;
padding: 0 calc(20 * 0.2666666667vw)
}
.sidebar .gnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: calc(50 * 0.2666666667vw);
padding: calc(50 * 0.2666666667vw) calc(20 * 0.2666666667vw) 0
}
.sidebar .gnavMain {
padding: calc(15 * 0.2666666667vw) 0;
border-bottom: 1px solid rgb(230, 230, 232)
}
.sidebar .gnavMain ._item {
display: block;
width: 100vw;
margin-left: calc(-20 * 0.2666666667vw);
text-decoration: none
}
.sidebar .gnavMain ._itemInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color ease 0.2s;
transition: color ease 0.2s;
gap: calc(10 * 0.2666666667vw);
width: 100%;
height: calc(50 * 0.2666666667vw);
padding: 0 calc(20 * 0.2666666667vw);
color: rgb(32, 36, 48)
}
.sidebar .gnavMain ._itemInner ._itemIcon {
-webkit-transition: background-color ease 0.2s;
transition: background-color ease 0.2s;
background-color: rgb(32, 36, 48)
}
.sidebar .gnavMain ._itemInner:hover {
cursor: pointer;
color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemInner:hover ._itemIcon {
background-color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(30 * 0.2666666667vw);
height: calc(30 * 0.2666666667vw)
}
.sidebar .gnavMain ._itemTitle {
width: 100%;
font-size: 18rem
}
.sidebar .gnavMain ._itemArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(30 * 0.2666666667vw);
height: calc(30 * 0.2666666667vw);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.sidebar .gnavMain ._item svg {
fill: rgb(32, 36, 48)
}
.sidebar .gnavMain ._item.-childed ._itemArrow {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.sidebar .gnavMain ._itemChild {
height: 0;
padding: 0;
overflow: hidden
}
.sidebar .gnavMain ._itemChildInner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(4 * 0.2666666667vw);
margin-left: calc(60 * 0.2666666667vw)
}
.sidebar .gnavMain ._itemChildLink {
color: rgb(32, 36, 48);
font-size: 15rem;
text-decoration: none
}
.sidebar .gnavMain ._itemChildLink:hover {
color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemChildLink ._count {
padding-left: calc(3 * 0.2666666667vw);
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.sidebar .gnavMain ._item.opened ._itemArrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.sidebar .gnavMain ._item.opened ._itemChild {
height: auto;
padding: 0 0 calc(10 * 0.2666666667vw) 0
}
.sidebar .sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(10 * 0.2666666667vw);
padding: calc(20 * 0.2666666667vw) calc(20 * 0.2666666667vw)
}
.sidebar .snsIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(36 * 0.2666666667vw);
height: calc(36 * 0.2666666667vw)
}
.sidebar .snsIcon svg {
fill: rgb(32, 36, 48);
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
.sidebar .snsIcon:hover svg {
fill: rgb(0, 112, 232)
}
.main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0 0 calc(30 * 0.2666666667vw) 0;
padding: 0 calc(15 * 0.2666666667vw)
}
.mainContents {
width: 100%
}
.scrolltop {
display: none
}
.gfooterPrimary {
padding: calc(20 * 0.2666666667vw) calc(15 * 0.2666666667vw);
background: rgb(242, 244, 248)
}
.gfooterAttention {
color: rgb(255, 0, 67);
font-weight: 500
}
.gfooterMessage {
margin-top: calc(10 * 0.2666666667vw);
font-size: 14rem
}
.gfooterContact {
margin: calc(15 * 0.2666666667vw) auto 0;
padding: calc(15 * 0.2666666667vw) 0;
font-style: normal;
text-align: center;
background: rgb(253, 253, 254);
border-radius: calc(6 * 0.2666666667vw)
}
.gfooterContactName {
font-size: 16rem
}
.gfooterContactAddress {
font-size: 12rem
}
.gfooterContactBlock {
margin: calc(10 * 0.2666666667vw) auto 0
}
.gfooterContactNumber {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: calc(20 * 0.2666666667vw);
font-size: 14rem;
font-weight: 700
}
.gfooterContactMail {
width: calc(100% - calc(30 * 0.2666666667vw));
margin-top: calc(16 * 0.2666666667vw)
}
.gfooterSecondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: calc(10 * 0.2666666667vw) calc(24 * 0.2666666667vw);
background: rgb(0, 88, 200)
}
.gfooterBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(6 * 0.2666666667vw);
width: 100%
}
.gfooterSitelogo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(140 * 0.2666666667vw);
-webkit-transform-origin: left center;
transform-origin: left center
}
.gfooterSitelogo svg {
width: 100%;
fill: white
}
.gfooterNavSecondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(6 * 0.2666666667vw);
width: 100%;
margin: 0 auto;
padding-top: calc(15 * 0.2666666667vw);
font-size: 12rem;
border-top: 1px solid rgba(253, 253, 254, 0.3)
}
.gfooterNavSecondary ._item {
color: white;
text-decoration: none
}
.gfooterNavPr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: calc(10 * 0.2666666667vw) calc(6 * 0.2666666667vw);
padding-bottom: calc(15 * 0.2666666667vw)
}
.gfooterNavPr ._item {
width: calc(50% - calc(5 * 0.2666666667vw));
line-height: 1
}
.gfooterNavPr ._item img {
width: 100%
}
.gfooterLinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(6 * 0.2666666667vw);
width: 100%;
font-size: 12rem
}
.gfooterLinks ._item {
color: white;
text-decoration: none
}
.gfooterCopyright {
width: 100%;
color: white;
text-align: center;
border-top: 1px solid rgba(253, 253, 254, 0.3)
}
.gfooterCopyright small {
font-size: 10rem;
font-weight: 300
}
.ads {
margin: calc(20 * 0.2666666667vw) 0
}
.link-btn {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
display: inline-block;
padding: calc(12 * 0.2666666667vw) calc(20 * 0.2666666667vw);
color: white !important;
text-align: center;
text-decoration: none;
background: rgb(32, 36, 48);
border-radius: calc(6 * 0.2666666667vw)
}
.link-btn:hover {
background: rgb(0, 112, 232)
}
.form input,
.form textarea {
padding: calc(8 * 0.2666666667vw);
border: 1px solid rgb(32, 36, 48)
}
.ui_drawer_toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc(12 * 0.2666666667vw);
position: fixed;
top: 0;
right: 0;
z-index: 99;
width: calc(50 * 0.2666666667vw);
height: calc(50 * 0.2666666667vw);
color: white;
cursor: pointer
}
.ui_drawer_toggle span {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
display: block;
position: absolute;
width: calc(20 * 0.2666666667vw);
height: calc(2 * 0.2666666667vw);
background: rgb(32, 36, 48)
}
.ui_drawer_toggle span:first-of-type {
top: calc(18 * 0.2666666667vw)
}
.ui_drawer_toggle span:nth-of-type(3) {
bottom: calc(18 * 0.2666666667vw)
}
.ui_drawer_toggle.is-active span:first-of-type {
top: calc(24 * 0.2666666667vw);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.ui_drawer_toggle.is-active span:nth-of-type(2) {
width: 0
}
.ui_drawer_toggle.is-active span:nth-of-type(3) {
bottom: calc(24 * 0.2666666667vw);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.ui_drawer_body {
-webkit-transition: 0.4s;
transition: 0.4s;
position: fixed;
top: 0;
right: calc(100vw * -1);
z-index: 10;
width: 100vw;
height: 100vh;
overflow-x: hidden
}
.ui_drawer_body.is-active {
right: 0
}
.ui_drawer_body nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px
}
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: calc(10 * 0.2666666667vw) 0;
color: rgba(92, 92, 92, 0.6);
font-size: 12rem;
border-bottom: 1px solid rgb(230, 230, 232)
}
.breadcrumbs br {
display: none
}
.breadcrumbs a {
color: rgb(32, 36, 48);
text-decoration: none
}
.breadcrumbs a:hover {
color: rgb(0, 112, 232)
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: calc(30 * 0.2666666667vw)
}
.pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1px;
background: rgb(184, 184, 184);
border: 1px solid rgb(184, 184, 184);
border-radius: calc(6 * 0.2666666667vw);
overflow: hidden
}
.pagination .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(35 * 0.2666666667vw);
height: calc(35 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 13rem;
line-height: 1;
text-decoration: none;
background: rgb(253, 253, 254)
}
.pagination .page-numbers.current {
color: white;
background: rgb(0, 112, 232)
}
.pagination a.page-numbers:nth-last-of-type(2),
.pagination a.page-numbers:nth-of-type(2) {
display: none
}
.ui_search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: calc(40 * 0.2666666667vw)
}
.ui_searchBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%
}
.ui_searchInput {
width: 100%;
height: 100%;
padding: 0 calc(50 * 0.2666666667vw) 0 calc(16 * 0.2666666667vw);
-webkit-box-shadow: 0 0 0 calc(1 * 0.2666666667vw) rgb(32, 36, 48);
box-shadow: 0 0 0 calc(1 * 0.2666666667vw) rgb(32, 36, 48);
border-radius: calc(6 * 0.2666666667vw);
overflow: hidden
}
.ui_searchInput::-webkit-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.ui_searchInput::-moz-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.ui_searchInput:-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.ui_searchInput::-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.ui_searchInput::placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.ui_searchInput:focus {
background: rgb(253, 253, 254) !important;
outline: rgb(0, 112, 232);
-webkit-box-shadow: 0 0 0 calc(1 * 0.2666666667vw) rgb(0, 112, 232);
box-shadow: 0 0 0 calc(1 * 0.2666666667vw) rgb(0, 112, 232)
}
.ui_searchButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
width: calc(40 * 0.2666666667vw);
height: 100%;
padding-right: calc(2 * 0.2666666667vw);
background: rgb(242, 244, 248);
border-top-right-radius: calc(6 * 0.2666666667vw);
border-bottom-right-radius: calc(6 * 0.2666666667vw)
}
.ui_searchButton svg {
fill: rgb(32, 36, 48)
}
.ui_searchButton:hover {
cursor: pointer
}
.ui_searchButton:hover svg {
fill: rgb(0, 112, 232)
}
.homeHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(150 * 0.2666666667vw);
padding: 0 calc(30 * 0.2666666667vw);
color: white;
font-size: 20rem;
font-weight: 700;
text-align: center;
text-shadow: 0 2px 10px rgba(32, 36, 48, 0.3);
background: url(images/home_header_bg.webp) center rgb(32, 36, 48);
background-size: cover
}
.homeTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(90 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 32rem;
font-weight: 500;
border-bottom: 1px solid rgb(32, 36, 48)
}
.homeCategories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(25 * 0.2666666667vw);
margin-top: calc(30 * 0.2666666667vw)
}
.homeCategoryTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.homeCategoryTitleInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgb(32, 36, 48);
text-decoration: none
}
.homeCategoryTitleInner:hover {
color: rgb(0, 112, 232)
}
.homeCategoryTitleInner:hover .homeCategoryTitleIcon {
background-color: rgb(0, 112, 232)
}
.homeCategoryTitleIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(32 * 0.2666666667vw);
height: calc(32 * 0.2666666667vw);
margin-right: calc(4 * 0.2666666667vw);
background-color: rgb(32, 36, 48);
-webkit-transform-origin: left center;
transform-origin: left center
}
.homeCategoryTitleName {
margin-top: calc(-3 * 0.2666666667vw);
font-size: 24rem;
font-weight: 500;
line-height: 1
}
.homeCategoryTitleLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(22 * 0.2666666667vw);
height: calc(22 * 0.2666666667vw);
margin-left: calc(8 * 0.2666666667vw);
background: rgb(0, 112, 232);
border-radius: 100%
}
.homeCategoryTitleLink svg {
fill: rgb(253, 253, 254);
-webkit-transform: rotate(-90deg) scale(0.75);
transform: rotate(-90deg) scale(0.75)
}
.homeCategoryEntries {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(10 * 0.2666666667vw);
width: calc(100% + calc(30 * 0.2666666667vw));
margin: calc(15 * 0.2666666667vw) 0 0 calc(-15 * 0.2666666667vw);
padding: 0 calc(15 * 0.2666666667vw) calc(10 * 0.2666666667vw);
overflow-x: scroll
}
.homeCategoryEntries ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(160 * 0.2666666667vw);
color: rgb(108, 110, 116);
text-decoration: none
}
.homeCategoryEntries ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(160 * 0.2666666667vw);
height: calc(90 * 0.2666666667vw);
border-radius: calc(6 * 0.2666666667vw);
background: rgb(253, 253, 254);
overflow: hidden
}
.homeCategoryEntries ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.homeCategoryEntries ._itemTitle {
margin-top: calc(10 * 0.2666666667vw);
padding-right: calc(10 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 15rem;
line-height: 1.4
}
.homeCategoryEntries ._itemTitle br {
display: none
}
.homeCategoryEntries ._itemDate {
display: block;
margin-top: calc(8 * 0.2666666667vw);
color: rgba(92, 92, 92, 0.6);
font-size: 10rem;
line-height: 1
}
.homeCategoryEntries ._itemDescription {
margin-top: calc(8 * 0.2666666667vw)
}
.homeCategoryEntries ._itemDescription p {
font-size: 12rem;
line-height: 1.4
}
.homeCategoryEntries ._itemCategory {
position: absolute;
top: calc(10 * 0.2666666667vw);
left: calc(10 * 0.2666666667vw)
}
.homeCategoryEntries ._itemCategoryItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(18 * 0.2666666667vw);
padding: 0 calc(6 * 0.2666666667vw);
color: rgb(108, 110, 116);
font-size: 10rem;
line-height: 1;
background: rgb(253, 253, 254);
border-radius: calc(18 * 0.2666666667vw);
-webkit-box-shadow: 0 calc(1 * 0.2666666667vw) calc(3 * 0.2666666667vw) 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 calc(1 * 0.2666666667vw) calc(3 * 0.2666666667vw) 0 rgba(10, 68, 155, 0.1)
}
.homeCategoryEntries ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.homeCategoryEntries ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.homeCategoryEntries ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.homeCategoryEntries ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.archiveTitle {
padding: calc(30 * 0.2666666667vw) calc(15 * 0.2666666667vw);
font-size: 28rem;
font-weight: 700;
text-align: center
}
.archiveList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: calc(20 * 0.2666666667vw) 0;
width: 100%
}
.archiveList ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(50% - calc(5 * 0.2666666667vw));
color: rgb(108, 110, 116);
text-decoration: none
}
.archiveList ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: calc(90 * 0.2666666667vw);
border-radius: calc(6 * 0.2666666667vw);
background: rgb(253, 253, 254);
overflow: hidden
}
.archiveList ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.archiveList ._itemTitle {
margin-top: calc(10 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 15rem;
line-height: 1.4
}
.archiveList ._itemTitle br {
display: none
}
.archiveList ._itemDate {
display: block;
margin-top: calc(8 * 0.2666666667vw);
color: rgba(92, 92, 92, 0.6);
font-size: 10rem;
line-height: 1
}
.archiveList ._itemDescription {
margin-top: calc(8 * 0.2666666667vw)
}
.archiveList ._itemDescription p {
font-size: 12rem;
text-align: justify;
line-height: 1.4
}
.archiveList ._itemCategory {
position: absolute;
top: calc(10 * 0.2666666667vw);
left: calc(10 * 0.2666666667vw)
}
.archiveList ._itemCategoryItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(18 * 0.2666666667vw);
padding: 0 calc(6 * 0.2666666667vw);
color: rgb(108, 110, 116);
font-size: 10rem;
line-height: 1;
background: rgb(253, 253, 254);
border-radius: calc(18 * 0.2666666667vw);
-webkit-box-shadow: 0 calc(1 * 0.2666666667vw) calc(3 * 0.2666666667vw) 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 calc(1 * 0.2666666667vw) calc(3 * 0.2666666667vw) 0 rgba(10, 68, 155, 0.1)
}
.archiveList ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.archiveList ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.archiveList ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.archiveList ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.entry {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.entryWrapper {
width: 100%;
margin: 0 auto
}
.entryH2 {
margin-bottom: calc(20 * 0.2666666667vw);
font-size: 20rem;
font-weight: 700
}
.entryHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: calc(30 * 0.2666666667vw) calc(15 * 0.2666666667vw) calc(40 * 0.2666666667vw)
}
.entryHeaderTitle {
font-size: 32rem;
font-weight: 700;
text-align: center;
line-height: 1.4
}
.entryHeaderPost {
margin-top: calc(12 * 0.2666666667vw);
font-size: 12rem;
text-align: center
}
.entryHeaderCategory {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: calc(16 * 0.2666666667vw)
}
.entryHeaderCategory .post-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(6 * 0.2666666667vw)
}
.entryHeaderCategory .post-categories>li {
list-style-type: none;
padding-left: 0;
text-indent: 0
}
.entryHeaderCategory .post-categories>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(24 * 0.2666666667vw);
padding: 0 calc(9 * 0.2666666667vw) calc(1 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 12rem;
text-decoration: none;
line-height: 1;
border: 1px solid rgb(32, 36, 48);
border-radius: calc(20 * 0.2666666667vw)
}
.entryHeaderCategory .post-categories>li>a:hover {
color: rgb(0, 112, 232);
border-color: rgb(0, 112, 232)
}
.entryThumbnail {
width: 100%
}
.entryThumbnail img {
width: 100%
}
.entryContents {
line-height: 1.8
}
.entryContents h2 {
margin-top: 1.5em;
font-size: 20rem;
font-weight: 700;
line-height: 1.4
}
.entryContents h3 {
margin-top: 1em;
font-size: 16rem;
font-weight: 700;
line-height: 1.4
}
.entryContents h4 {
margin-top: 1em;
font-size: 500;
line-height: 1.4
}
.entryContents p {
margin-top: 1em
}
.entryContents img {
display: inline-block;
max-width: 100%;
margin-top: 1em;
line-height: 1
}
.entryContents a {
color: rgb(0, 112, 232)
}
.entryContents li {
list-style-type: none
}
.entryDetails {
margin-top: calc(30 * 0.2666666667vw);
padding-top: calc(30 * 0.2666666667vw);
border-top: calc(6 * 0.2666666667vw) solid rgb(242, 244, 248)
}
.entryDetailsTable {
border: 1px solid rgb(32, 36, 48)
}
.entryDetailsTable a {
color: rgb(0, 112, 232)
}
.entryDetailsTable ._row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid rgb(184, 184, 184)
}
.entryDetailsTable ._row:last-of-type {
border-bottom: none
}
.entryDetailsTable ._th {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(180 * 0.2666666667vw);
padding: calc(15 * 0.2666666667vw) calc(10 * 0.2666666667vw);
font-size: 14rem;
font-weight: 700
}
.entryDetailsTable ._td {
width: 100%;
padding: 0 calc(10 * 0.2666666667vw) calc(15 * 0.2666666667vw) calc(25 * 0.2666666667vw)
}
.entryDetailsTable ._td small {
display: inline-block;
font-size: 12rem;
line-height: 1.2
}
.entryDetailsTelNumber {
color: rgb(32, 36, 48) !important;
text-decoration: none
}
.entryDetailsTelNote {
margin-top: calc(6 * 0.2666666667vw)
}
.entryDetailsAccessMap {
width: calc(100% + calc(15 * 0.2666666667vw));
height: calc(400 * 0.2666666667vw);
margin-top: calc(10 * 0.2666666667vw);
margin-left: calc(-15 * 0.2666666667vw)
}
.entryDetailsAccessMap iframe {
width: 100% !important;
height: 100% !important;
line-height: 1;
border: none
}
.entryRelated {
margin-top: calc(30 * 0.2666666667vw);
padding-top: calc(30 * 0.2666666667vw);
border-top: calc(6 * 0.2666666667vw) solid rgb(242, 244, 248)
}
.entryRelatedItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(20 * 0.2666666667vw) calc(10 * 0.2666666667vw)
}
.entryRelatedItems ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(50% - calc(5 * 0.2666666667vw));
color: rgb(108, 110, 116);
text-decoration: none
}
.entryRelatedItems ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: calc(90 * 0.2666666667vw);
border-radius: calc(6 * 0.2666666667vw);
background: rgb(253, 253, 254);
overflow: hidden
}
.entryRelatedItems ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.entryRelatedItems ._itemTitle {
width: calc(100% - 1em);
margin-top: calc(6 * 0.2666666667vw);
color: rgb(32, 36, 48);
font-size: 14rem;
line-height: 1.4
}
.entryRelatedItems ._itemTitle br {
display: none
}
.entryRelatedItems ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.entryRelatedItems ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.entryRelatedItems ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.entryRelatedItems ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.pageWrapper {
width: 100%;
margin: 0 auto
}
.pageTitle {
padding: calc(50 * 0.2666666667vw) 0;
font-size: 40rem;
font-weight: 700;
text-align: center;
line-height: 1.4
}
.pageContents h2 {
margin: 1.5em 0 0;
font-size: 20rem;
font-weight: 700
}
.pageContents h3 {
margin: 1em 0 0;
font-size: 16rem;
font-weight: 700
}
.pageContents h4 {
margin: 0.5em 0 0;
font-weight: 700
}
.pageContents p {
margin-top: 0.5em
}
.pageContents li {
list-style-position: inside
}
.pageContents ul>li {
list-style-type: none
}
.pageContents img {
max-width: 100%
}
.cominfo_tbl {
border: 1px solid rgb(32, 36, 48)
}
.cominfo_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgb(184, 184, 184)
}
.cominfo_row:last-of-type {
border-bottom: none
}
.cominfo_th {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(200 * 0.2666666667vw);
padding: calc(15 * 0.2666666667vw) calc(10 * 0.2666666667vw);
font-weight: 700
}
.cominfo_td {
width: 100%;
padding: calc(15 * 0.2666666667vw) calc(10 * 0.2666666667vw)
}
.publish_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(30 * 0.2666666667vw)
}
.publish_content_img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.publish_content_img img {
width: calc(120 * 0.2666666667vw)
}
.page_contactus_tbl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(20 * 0.2666666667vw);
margin-top: calc(30 * 0.2666666667vw);
padding-top: calc(30 * 0.2666666667vw);
border-top: calc(6 * 0.2666666667vw) solid rgb(242, 244, 248)
}
.page_contactus_title {
display: block;
margin: 0 0 calc(20 * 0.2666666667vw) 0 !important;
text-align: center
}
.page_contactus_row {
width: 100%;
margin: 0 auto
}
.page_contactus_th p {
font-weight: 700
}
.page_contactus_td {
margin-top: 0.5em
}
.page_contactus_td input,
.page_contactus_td textarea {
width: 100%;
padding: calc(8 * 0.2666666667vw);
border: 1px solid rgb(32, 36, 48);
border-radius: calc(4 * 0.2666666667vw)
}
.page_contactus_td input::-webkit-input-placeholder,
.page_contactus_td textarea::-webkit-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.page_contactus_td input::-moz-placeholder,
.page_contactus_td textarea::-moz-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.page_contactus_td input:-ms-input-placeholder,
.page_contactus_td textarea:-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.page_contactus_td input::-ms-input-placeholder,
.page_contactus_td textarea::-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.page_contactus_td input::placeholder,
.page_contactus_td textarea::placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 12rem
}
.page_contactus_td input:focus,
.page_contactus_td textarea:focus {
border-color: rgb(0, 112, 232);
-webkit-box-shadow: 0 0 calc(6 * 0.2666666667vw) 0 rgba(0, 112, 232, 0.3);
box-shadow: 0 0 calc(6 * 0.2666666667vw) 0 rgba(0, 112, 232, 0.3)
}
.page_submit_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: calc(20 * 0.2666666667vw)
}
.page_submit_wrapper input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color ease 0.3s;
transition: background-color ease 0.3s;
width: calc(100 * 0.2666666667vw);
height: calc(50 * 0.2666666667vw);
color: white;
background: rgb(32, 36, 48);
border-radius: calc(4 * 0.2666666667vw)
}
.page_submit_wrapper input:hover {
background-color: rgb(0, 112, 232)
}
.page_submit_wrapper .wpcf7-spinner {
display: none
}
.searchResultTitle {
padding: calc(50 * 0.2666666667vw) 0;
font-size: 20rem
}
.searchResultItems {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(15 * 0.2666666667vw);
width: 100%
}
.searchResultItems ._item {
max-width: calc(800 * 0.2666666667vw);
line-height: 1
}
.searchResultItems ._itemInner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: calc(10 * 0.2666666667vw);
text-decoration: none
}
.searchResultItems ._itemInner:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemInner:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemThumbnail {
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(90 * 0.2666666667vw);
height: calc(60 * 0.2666666667vw)
}
.searchResultItems ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%
}
.searchResultItems ._itemTitle {
text-decoration: none;
color: rgb(32, 36, 48);
font-size: 14rem;
font-weight: 700;
line-height: 1.4
}
.searchResultItems ._itemTitle:hover {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemDescription {
margin-top: calc(2 * 0.2666666667vw);
color: rgb(108, 110, 116);
font-size: 12rem;
line-height: 1.4
}
.searchNoresult {
padding: calc(30 * 0.2666666667vw) 0
}
.notfoundContents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: calc(80 * 0.2666666667vw) calc(30 * 0.2666666667vw)
}
.notfoundTitle {
font-size: 20rem;
text-align: center
}
.notfoundMessage {
margin-top: calc(20 * 0.2666666667vw);
text-align: center
}
.notfoundSearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: calc(40 * 0.2666666667vw)
}
}
@media screen and (min-width:768.02px) {
body {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
position: relative;
min-width: calc(1380 * 1px);
padding-top: calc(70 * 1px);
color: rgb(32, 36, 48);
font-size: 16rem;
background: rgb(253, 253, 254)
}
a[href*="tel:"] {
pointer-events: none;
color: rgb(32, 36, 48);
text-decoration: none
}
.vw-s {
display: none !important
}
.gheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
z-index: 10;
width: 100%;
height: calc(70 * 1px);
background: rgb(253, 253, 254);
-webkit-box-shadow: 0 0 12px 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 0 12px 0 rgba(10, 68, 155, 0.1)
}
.gheaderInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 100%;
padding: 0 calc(20 * 1px)
}
.gheaderLogo svg {
-webkit-transition: fill ease 0.2s;
transition: fill ease 0.2s;
width: calc(220 * 1px);
fill: rgb(32, 36, 48)
}
.gheaderLogo:hover svg {
fill: rgb(0, 112, 232)
}
.gheaderSub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc(20 * 1px)
}
.gheader .sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(6 * 1px)
}
.gheader .snsIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(36 * 1px);
height: calc(36 * 1px)
}
.gheader .snsIcon svg {
fill: rgb(32, 36, 48);
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
.gheader .snsIcon:hover svg {
fill: rgb(0, 112, 232)
}
.gheaderSearch {
position: absolute;
left: calc(50% - calc(240 * 1px))
}
.container {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: calc(1380 * 1px);
margin: 0 auto;
background: rgb(253, 253, 254)
}
.sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(280 * 1px);
padding: 0;
background: rgb(253, 253, 254);
border-right: 1px solid rgb(230, 230, 232)
}
.sidebar .gnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 calc(20 * 1px)
}
.sidebar .gnavMain {
padding: calc(30 * 1px) 0;
border-bottom: 1px solid rgb(230, 230, 232)
}
.sidebar .gnavMain ._item {
display: block;
width: calc(280 * 1px);
margin-left: calc(-20 * 1px);
text-decoration: none
}
.sidebar .gnavMain ._itemInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color ease 0.2s;
transition: color ease 0.2s;
gap: calc(10 * 1px);
width: 100%;
height: calc(50 * 1px);
padding: 0 calc(20 * 1px);
color: rgb(32, 36, 48)
}
.sidebar .gnavMain ._itemInner ._itemIcon {
-webkit-transition: background-color ease 0.2s;
transition: background-color ease 0.2s;
background-color: rgb(32, 36, 48)
}
.sidebar .gnavMain ._itemInner:hover {
cursor: pointer;
color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemInner:hover ._itemIcon {
background-color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(30 * 1px);
height: calc(30 * 1px)
}
.sidebar .gnavMain ._itemTitle {
width: 100%;
font-size: 18rem
}
.sidebar .gnavMain ._itemArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(30 * 1px);
height: calc(30 * 1px);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.sidebar .gnavMain ._item svg {
fill: rgb(32, 36, 48)
}
.sidebar .gnavMain ._item.-childed ._itemArrow {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.sidebar .gnavMain ._itemChild {
height: 0;
padding: 0;
overflow: hidden
}
.sidebar .gnavMain ._itemChildInner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(4 * 1px);
margin-left: calc(60 * 1px)
}
.sidebar .gnavMain ._itemChildLink {
color: rgb(32, 36, 48);
font-size: 15rem;
text-decoration: none
}
.sidebar .gnavMain ._itemChildLink:hover {
color: rgb(0, 112, 232)
}
.sidebar .gnavMain ._itemChildLink ._count {
padding-left: calc(3 * 1px);
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.sidebar .gnavMain ._item.opened ._itemArrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.sidebar .gnavMain ._item.opened ._itemChild {
height: auto;
padding: 0 0 calc(10 * 1px) 0
}
.sidebar .gnavSub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(3 * 1px);
padding: calc(30 * 1px) 0;
border-bottom: 1px solid rgb(230, 230, 232)
}
.sidebar .gnavSub ._item {
-webkit-transition: color ease 0.2s;
transition: color ease 0.2s;
color: rgb(32, 36, 48);
font-size: 15rem;
text-decoration: none
}
.sidebar .gnavSub ._item:hover {
color: rgb(0, 112, 232)
}
.sidebarPromotion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(10 * 1px);
padding: calc(30 * 1px) calc(20 * 1px)
}
.sidebarPromotion ._item img {
width: 100%
}
.main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: calc(90 * 1px);
padding: 0 calc(40 * 1px)
}
.mainContents {
width: 100%
}
.scrolltop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
position: fixed;
bottom: calc(130 * 1px);
right: calc(30 * 1px);
width: calc(40 * 1px);
height: calc(40 * 1px);
color: white !important;
line-height: 1;
background: #000;
text-decoration: none;
border-radius: 100%
}
.scrolltop:hover {
background-color: rgb(0, 112, 232)
}
.gfooterPrimary {
padding: calc(40 * 1px) 0;
background: rgb(242, 244, 248);
text-align: center
}
.gfooterAttention {
color: rgb(255, 0, 67);
font-size: 20rem
}
.gfooterMessage {
font-size: 16rem
}
.gfooterContact {
width: calc(560 * 1px);
margin: calc(30 * 1px) auto 0;
padding: calc(20 * 1px) 0;
font-style: normal;
background: rgb(253, 253, 254);
border-radius: calc(6 * 1px)
}
.gfooterContactName {
font-size: 20rem
}
.gfooterContactAddress {
font-size: 14rem
}
.gfooterContactBlock {
margin: calc(10 * 1px) auto
}
.gfooterContactNumber {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: calc(20 * 1px);
font-size: 16rem;
font-weight: 700
}
.gfooterContactMail {
margin-top: calc(16 * 1px)
}
.gfooterSecondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: calc(10 * 1px) calc(24 * 1px);
background: rgb(0, 88, 200)
}
.gfooterBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc(20 * 1px)
}
.gfooterSitelogo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(140 * 1px);
-webkit-transform-origin: left center;
transform-origin: left center
}
.gfooterSitelogo svg {
width: 100%;
fill: white
}
.gfooterLinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(16 * 1px);
font-size: 14rem
}
.gfooterLinks ._item {
color: white;
text-decoration: none
}
.gfooterCopyright {
color: white
}
.gfooterCopyright small {
font-size: 12rem;
font-weight: 300
}
.ads {
margin: calc(30 * 1px) 0
}
.link-btn {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: calc(8 * 1px) calc(60 * 1px);
color: white !important;
text-decoration: none;
background: rgb(32, 36, 48);
border-radius: calc(6 * 1px)
}
.link-btn:hover {
background: rgb(0, 112, 232)
}
.form input,
.form textarea {
padding: calc(8 * 1px);
border: 1px solid rgb(32, 36, 48)
}
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(60 * 1px);
color: rgba(92, 92, 92, 0.6);
font-size: 14rem;
border-bottom: 1px solid rgb(230, 230, 232)
}
.breadcrumbs br {
display: none
}
.breadcrumbs a {
color: rgb(32, 36, 48);
text-decoration: none
}
.breadcrumbs a:hover {
color: rgb(0, 112, 232)
}
.pagination {
display: inline-block;
margin-top: calc(50 * 1px);
border: 1px solid rgb(184, 184, 184);
border-radius: calc(6 * 1px);
background: rgb(184, 184, 184);
overflow: hidden
}
.pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.pagination .nav-links>* {
border-right: 1px solid rgb(184, 184, 184)
}
.pagination .nav-links>:last-child {
border-right: none
}
.pagination .nav-links>a:hover {
background: rgb(242, 244, 248)
}
.pagination .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(40 * 1px);
height: calc(40 * 1px);
color: rgb(32, 36, 48);
line-height: 1;
text-decoration: none;
background: rgb(253, 253, 254)
}
.pagination .page-numbers.current {
color: white;
background: rgb(0, 112, 232)
}
.pagination .next i,
.pagination .prev i {
font-style: normal
}
.ui_search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(480 * 1px);
height: calc(40 * 1px)
}
.ui_searchBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 100%;
height: 100%
}
.ui_searchInput {
width: 100%;
height: 100%;
padding: 0 calc(50 * 1px) 0 calc(16 * 1px);
-webkit-box-shadow: 0 0 0 calc(1 * 1px) rgb(184, 184, 184);
box-shadow: 0 0 0 calc(1 * 1px) rgb(184, 184, 184);
border-radius: calc(6 * 1px);
overflow: hidden
}
.ui_searchInput::-webkit-input-placeholder {
color: rgb(184, 184, 184);
font-size: 14rem
}
.ui_searchInput::-moz-placeholder {
color: rgb(184, 184, 184);
font-size: 14rem
}
.ui_searchInput:-ms-input-placeholder {
color: rgb(184, 184, 184);
font-size: 14rem
}
.ui_searchInput::-ms-input-placeholder {
color: rgb(184, 184, 184);
font-size: 14rem
}
.ui_searchInput::placeholder {
color: rgb(184, 184, 184);
font-size: 14rem
}
.ui_searchInput:focus {
background: rgb(253, 253, 254) !important;
outline: rgb(0, 112, 232);
-webkit-box-shadow: 0 0 0 calc(1 * 1px) rgb(0, 112, 232);
box-shadow: 0 0 0 calc(1 * 1px) rgb(0, 112, 232)
}
.ui_searchButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
width: calc(50 * 1px);
height: 100%;
padding-right: calc(2 * 1px);
background: rgb(242, 244, 248);
border-top-right-radius: calc(6 * 1px);
border-bottom-right-radius: calc(6 * 1px)
}
.ui_searchButton svg {
fill: rgb(32, 36, 48)
}
.ui_searchButton:hover {
cursor: pointer
}
.ui_searchButton:hover svg {
fill: rgb(0, 112, 232)
}
.homeHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(240 * 1px);
color: white;
font-size: 32rem;
font-weight: 700;
text-shadow: 0 2px 10px rgba(32, 36, 48, 0.3);
background: url(images/home_header_bg.webp) center rgb(32, 36, 48);
background-size: cover
}
.homeTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(90 * 1px);
color: rgb(32, 36, 48);
font-size: 32rem;
font-weight: 500;
border-bottom: 1px solid rgb(32, 36, 48)
}
.homeCategories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(40 * 1px);
margin-top: calc(40 * 1px)
}
.homeCategoryTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.homeCategoryTitleInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgb(32, 36, 48);
text-decoration: none
}
.homeCategoryTitleInner:hover {
color: rgb(0, 112, 232)
}
.homeCategoryTitleInner:hover .homeCategoryTitleIcon {
background-color: rgb(0, 112, 232)
}
.homeCategoryTitleIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(32 * 1px);
height: calc(32 * 1px);
margin-right: calc(8 * 1px);
background-color: rgb(32, 36, 48);
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transform-origin: left center;
transform-origin: left center
}
.homeCategoryTitleName {
margin-top: calc(-3 * 1px);
font-size: 28rem;
font-weight: 500;
line-height: 1
}
.homeCategoryTitleLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(22 * 1px);
height: calc(22 * 1px);
margin-left: calc(8 * 1px);
background: rgb(0, 112, 232);
border-radius: 100%
}
.homeCategoryTitleLink svg {
fill: rgb(253, 253, 254);
-webkit-transform: rotate(-90deg) scale(0.75);
transform: rotate(-90deg) scale(0.75)
}
.homeCategoryEntries {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(20 * 1px);
width: calc(1020 * 1px);
margin-top: calc(20 * 1px);
overflow: hidden
}
.homeCategoryEntries ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(240 * 1px);
color: rgb(108, 110, 116);
text-decoration: none
}
.homeCategoryEntries ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(240 * 1px);
height: calc(140 * 1px);
border-radius: calc(6 * 1px);
background: rgb(253, 253, 254);
overflow: hidden
}
.homeCategoryEntries ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.homeCategoryEntries ._itemTitle {
margin-top: calc(10 * 1px);
color: rgb(32, 36, 48);
font-size: 16rem;
line-height: 1.4
}
.homeCategoryEntries ._itemTitle br {
display: none
}
.homeCategoryEntries ._itemDate {
display: block;
margin-top: calc(8 * 1px);
color: rgba(92, 92, 92, 0.6);
font-size: 12rem;
line-height: 1
}
.homeCategoryEntries ._itemDescription {
margin-top: calc(8 * 1px)
}
.homeCategoryEntries ._itemDescription p {
font-size: 15rem;
text-align: justify;
line-height: 1.4
}
.homeCategoryEntries ._itemCategory {
position: absolute;
top: calc(10 * 1px);
left: calc(10 * 1px)
}
.homeCategoryEntries ._itemCategoryItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(18 * 1px);
padding: 0 calc(6 * 1px);
color: rgb(108, 110, 116);
font-size: 12rem;
line-height: 1;
background: rgb(253, 253, 254);
border-radius: calc(18 * 1px);
-webkit-box-shadow: 0 calc(1 * 1px) calc(3 * 1px) 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 calc(1 * 1px) calc(3 * 1px) 0 rgba(10, 68, 155, 0.1)
}
.homeCategoryEntries ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.homeCategoryEntries ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.homeCategoryEntries ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.homeCategoryEntries ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.archiveTitle {
padding: calc(70 * 1px) 0;
font-size: 32rem;
font-weight: 700;
text-align: center
}
.archiveList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(40 * 1px) calc(20 * 1px);
width: calc(1020 * 1px);
margin-top: calc(16 * 1px)
}
.archiveList ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(240 * 1px);
color: rgb(108, 110, 116);
text-decoration: none
}
.archiveList ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(240 * 1px);
height: calc(140 * 1px);
border-radius: calc(6 * 1px);
background: rgb(253, 253, 254);
overflow: hidden
}
.archiveList ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.archiveList ._itemTitle {
margin-top: calc(10 * 1px);
color: rgb(32, 36, 48);
font-size: 15rem;
line-height: 1.4
}
.archiveList ._itemTitle br {
display: none
}
.archiveList ._itemDate {
display: block;
margin-top: calc(8 * 1px);
color: rgba(92, 92, 92, 0.6);
font-size: 12rem;
line-height: 1
}
.archiveList ._itemDescription {
margin-top: calc(8 * 1px)
}
.archiveList ._itemDescription p {
font-size: 14rem;
text-align: justify;
line-height: 1.4
}
.archiveList ._itemCategory {
position: absolute;
top: calc(10 * 1px);
left: calc(10 * 1px)
}
.archiveList ._itemCategoryItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(18 * 1px);
padding: 0 calc(6 * 1px);
color: rgb(108, 110, 116);
font-size: 12rem;
line-height: 1;
background: rgb(253, 253, 254);
border-radius: calc(18 * 1px);
-webkit-box-shadow: 0 calc(1 * 1px) calc(3 * 1px) 0 rgba(10, 68, 155, 0.1);
box-shadow: 0 calc(1 * 1px) calc(3 * 1px) 0 rgba(10, 68, 155, 0.1)
}
.archiveList ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.archiveList ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.archiveList ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.archiveList ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.entry {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.entryWrapper {
width: calc(800 * 1px);
margin: 0 auto
}
.entryH2 {
margin-bottom: calc(20 * 1px);
font-size: 22rem;
font-weight: 700
}
.entryHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: calc(70 * 1px) 0 calc(90 * 1px)
}
.entryHeaderTitle {
font-size: 40rem;
font-weight: 700;
text-align: center;
line-height: 1.4
}
.entryHeaderPost {
margin-top: calc(19 * 1px);
font-size: 14rem;
text-align: center
}
.entryHeaderCategory {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: calc(24 * 1px)
}
.entryHeaderCategory .post-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(6 * 1px)
}
.entryHeaderCategory .post-categories>li {
list-style-type: none;
padding-left: 0;
text-indent: 0
}
.entryHeaderCategory .post-categories>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(24 * 1px);
padding: 0 calc(9 * 1px) calc(1 * 1px);
color: rgb(32, 36, 48);
font-size: 13rem;
text-decoration: none;
line-height: 1;
border: 1px solid rgb(32, 36, 48);
border-radius: calc(20 * 1px)
}
.entryHeaderCategory .post-categories>li>a:hover {
color: rgb(0, 112, 232);
border-color: rgb(0, 112, 232)
}
.entryThumbnail {
width: 100%
}
.entryThumbnail img {
width: 100%
}
.entryContents {
line-height: 1.8
}
.entryContents h2 {
margin-top: 1.5em;
font-size: 24rem;
font-weight: 700;
line-height: 1.4
}
.entryContents h3 {
margin-top: 1em;
font-size: 20rem;
font-weight: 700;
line-height: 1.4
}
.entryContents h4 {
margin-top: 1em;
font-size: 500;
line-height: 1.4
}
.entryContents p {
margin-top: 1em;
font-size: 18rem;
text-align: left
}
.entryContents img {
display: inline-block;
max-width: 100%;
margin-top: 1em;
line-height: 1
}
.entryContents a {
color: rgb(0, 112, 232)
}
.entryContents li {
list-style-type: none
}
.entryContents .table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc(30 * 1px);
font-size: 16rem
}
.entryContents .table-cell {
width: 50%;
padding: 0;
font-size: 16rem
}
.entryContents .table-cell img {
display: inline-block;
margin: transparent auto 0
}
.entryDetails {
margin-top: calc(60 * 1px);
padding-top: calc(60 * 1px);
border-top: calc(6 * 1px) solid rgb(242, 244, 248)
}
.entryDetailsTable {
border: 1px solid rgb(32, 36, 48)
}
.entryDetailsTable a {
color: rgb(0, 112, 232)
}
.entryDetailsTable ._row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgb(184, 184, 184)
}
.entryDetailsTable ._row:last-of-type {
border-bottom: none
}
.entryDetailsTable ._th {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(180 * 1px);
padding: calc(15 * 1px) calc(10 * 1px);
font-size: 16rem
}
.entryDetailsTable ._td {
width: 100%;
padding: calc(15 * 1px) calc(10 * 1px)
}
.entryDetailsTable ._td small {
display: inline-block;
font-size: 12rem;
line-height: 1.2
}
.entryDetailsTelNumber {
color: rgb(32, 36, 48) !important;
text-decoration: none
}
.entryDetailsTelNote {
margin-top: calc(6 * 1px)
}
.entryDetailsAccessMap {
width: 100%;
height: calc(400 * 1px);
margin-top: calc(10 * 1px)
}
.entryDetailsAccessMap iframe {
width: 100% !important;
height: 100% !important;
line-height: 1;
border: none
}
.entryRelated {
margin-top: calc(60 * 1px);
padding-top: calc(60 * 1px);
border-top: calc(6 * 1px) solid rgb(242, 244, 248)
}
.entryRelatedItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc(20 * 1px) calc(10 * 1px)
}
.entryRelatedItems ._item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(192 * 1px);
color: rgb(108, 110, 116);
text-decoration: none
}
.entryRelatedItems ._itemThumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: calc(128 * 1px);
border-radius: calc(6 * 1px);
background: rgb(253, 253, 254);
overflow: hidden
}
.entryRelatedItems ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform ease 0.2s;
transition: -webkit-transform ease 0.2s;
transition: transform ease 0.2s;
transition: transform ease 0.2s, -webkit-transform ease 0.2s
}
.entryRelatedItems ._itemTitle {
width: calc(100% - 1em);
margin-top: calc(6 * 1px);
color: rgb(32, 36, 48);
font-size: 15rem;
line-height: 1.4
}
.entryRelatedItems ._itemTitle br {
display: none
}
.entryRelatedItems ._item:hover ._itemThumbnail img {
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.entryRelatedItems ._item:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.entryRelatedItems ._item:hover ._itemDate {
color: rgb(0, 112, 232)
}
.entryRelatedItems ._item:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.pageWrapper {
width: calc(800 * 1px);
margin: 0 auto
}
.pageTitle {
padding: calc(50 * 1px) 0;
font-size: 40rem;
font-weight: 700;
text-align: center;
line-height: 1.4
}
.pageContents h2 {
margin: 1.5em 0 0;
font-size: 24rem;
font-weight: 700
}
.pageContents h3 {
margin: 1em 0 0;
font-size: 20rem;
font-weight: 700
}
.pageContents h4 {
margin: 0.5em 0 0;
font-weight: 700
}
.pageContents p {
margin-top: 0.5em
}
.pageContents li {
list-style-position: inside
}
.pageContents ul>li {
list-style-type: none
}
.pageContents img {
max-width: 100%
}
.cominfo_tbl {
border: 1px solid rgb(32, 36, 48)
}
.cominfo_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgb(184, 184, 184)
}
.cominfo_row:last-of-type {
border-bottom: none
}
.cominfo_th {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(200 * 1px);
padding: calc(15 * 1px) calc(10 * 1px);
font-weight: 700
}
.cominfo_td {
width: 100%;
padding: calc(15 * 1px) calc(10 * 1px)
}
.publish_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc(30 * 1px)
}
.publish_content_img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(200 * 1px)
}
.page_contactus_tbl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(20 * 1px);
margin-top: calc(60 * 1px);
padding-top: calc(60 * 1px);
border-top: calc(6 * 1px) solid rgb(242, 244, 248)
}
.page_contactus_title {
display: block;
margin: 0 0 calc(50 * 1px) 0 !important;
text-align: center
}
.page_contactus_row {
width: calc(500 * 1px);
margin: 0 auto
}
.page_contactus_th p {
font-weight: 700
}
.page_contactus_td {
margin-top: 0.5em
}
.page_contactus_td input,
.page_contactus_td textarea {
width: 100%;
padding: calc(8 * 1px);
border: 1px solid rgb(32, 36, 48);
border-radius: calc(4 * 1px)
}
.page_contactus_td input::-webkit-input-placeholder,
.page_contactus_td textarea::-webkit-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.page_contactus_td input::-moz-placeholder,
.page_contactus_td textarea::-moz-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.page_contactus_td input:-ms-input-placeholder,
.page_contactus_td textarea:-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.page_contactus_td input::-ms-input-placeholder,
.page_contactus_td textarea::-ms-input-placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.page_contactus_td input::placeholder,
.page_contactus_td textarea::placeholder {
color: rgba(92, 92, 92, 0.6);
font-size: 14rem
}
.page_contactus_td input:focus,
.page_contactus_td textarea:focus {
border-color: rgb(0, 112, 232);
-webkit-box-shadow: 0 0 calc(6 * 1px) 0 rgba(0, 112, 232, 0.3);
box-shadow: 0 0 calc(6 * 1px) 0 rgba(0, 112, 232, 0.3)
}
.page_submit_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: calc(20 * 1px)
}
.page_submit_wrapper input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color ease 0.3s;
transition: background-color ease 0.3s;
width: calc(100 * 1px);
height: calc(50 * 1px);
color: white;
background: rgb(32, 36, 48);
border-radius: calc(4 * 1px)
}
.page_submit_wrapper input:hover {
background-color: rgb(0, 112, 232)
}
.page_submit_wrapper .wpcf7-spinner {
display: none
}
.searchResultTitle {
padding: calc(50 * 1px) 0;
font-size: 24rem
}
.searchResultItems {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(15 * 1px);
width: 100%
}
.searchResultItems ._item {
max-width: calc(800 * 1px);
line-height: 1
}
.searchResultItems ._itemInner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: calc(10 * 1px);
text-decoration: none
}
.searchResultItems ._itemInner:hover ._itemTitle {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemInner:hover ._itemDescription {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemThumbnail {
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(120 * 1px);
height: calc(80 * 1px)
}
.searchResultItems ._itemThumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%
}
.searchResultItems ._itemTitle {
text-decoration: none;
color: rgb(32, 36, 48);
font-size: 16rem;
font-weight: 700;
line-height: 1.4
}
.searchResultItems ._itemTitle:hover {
color: rgb(0, 112, 232)
}
.searchResultItems ._itemDescription {
margin-top: calc(6 * 1px);
color: rgb(108, 110, 116);
font-size: 14rem;
line-height: 1.4
}
.searchNoresult {
padding: calc(40 * 1px) 0
}
.notfound {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.notfound .sidebar {
display: none !important
}
.notfoundContents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: calc(200 * 1px) 0
}
.notfoundTitle {
font-size: 24rem;
text-align: center
}
.notfoundMessage {
margin-top: calc(20 * 1px);
text-align: center
}
.notfoundSearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: calc(40 * 1px)
}
}
@media screen and (min-width:768.02px) and (max-width:1380px) {
body {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
min-width: calc(1120 * 1px)
}
.container {
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
width: calc(1120 * 1px)
}
.homeCategoryEntries {
width: calc(760 * 1px)
}
.archiveList {
width: calc(760 * 1px)
}
}
/*!
Theme Name: 房総タウン.com 2023
Text Domain: -
Version: -
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 房総タウン.com専用のテーマです。テーマ「Twenty Twenty」を基に作成しています。
Tags: 房総タウン
Author: 房総コンピュータ
Author URI: https://www.boso-computer.net/
*/
/*# sourceMappingURL=style.css.map */