@charset "UTF-8";
ul.bogo-language-switcher li {
list-style: none outside none;
padding: 0;
}
#wpadminbar #wp-admin-bar-bogo-user-locale .ab-icon::before {
content: "\f326";
top: 2px;
} .bogoflags,
.bogoflags-before:before {
display: inline-block;
width: 20px;
height: auto;
background-image: none;
background-color: transparent;
border: none;
padding: 0;
margin: 0 4px;
vertical-align: top;
} .bogoflags-ad:before {
content: "\1F1E6\1F1E9";
}
.bogoflags-ae:before {
content: "\1F1E6\1F1EA";
}
.bogoflags-af:before {
content: "\1F1E6\1F1EB";
}
.bogoflags-ag:before {
content: "\1F1E6\1F1EC";
}
.bogoflags-ai:before {
content: "\1F1E6\1F1EE";
}
.bogoflags-al:before {
content: "\1F1E6\1F1F1";
}
.bogoflags-am:before {
content: "\1F1E6\1F1F2";
}
.bogoflags-an:before {
content: "\1F1E6\1F1F3";
}
.bogoflags-ao:before {
content: "\1F1E6\1F1F4";
}
.bogoflags-aq:before {
content: "\1F1E6\1F1F6";
}
.bogoflags-ar:before {
content: "\1F1E6\1F1F7";
}
.bogoflags-as:before {
content: "\1F1E6\1F1F8";
}
.bogoflags-at:before {
content: "\1F1E6\1F1F9";
}
.bogoflags-au:before {
content: "\1F1E6\1F1FA";
}
.bogoflags-aw:before {
content: "\1F1E6\1F1FC";
}
.bogoflags-ax:before {
content: "\1F1E6\1F1FD";
}
.bogoflags-az:before {
content: "\1F1E6\1F1FF";
}
.bogoflags-ba:before {
content: "\1F1E7\1F1E6";
}
.bogoflags-bb:before {
content: "\1F1E7\1F1E7";
}
.bogoflags-bd:before {
content: "\1F1E7\1F1E9";
}
.bogoflags-be:before {
content: "\1F1E7\1F1EA";
}
.bogoflags-bf:before {
content: "\1F1E7\1F1EB";
}
.bogoflags-bg:before {
content: "\1F1E7\1F1EC";
}
.bogoflags-bh:before {
content: "\1F1E7\1F1ED";
}
.bogoflags-bi:before {
content: "\1F1E7\1F1EE";
}
.bogoflags-bj:before {
content: "\1F1E7\1F1EF";
}
.bogoflags-bl:before {
content: "\1F1E7\1F1F1";
}
.bogoflags-bm:before {
content: "\1F1E7\1F1F2";
}
.bogoflags-bn:before {
content: "\1F1E7\1F1F3";
}
.bogoflags-bo:before {
content: "\1F1E7\1F1F4";
}
.bogoflags-br:before {
content: "\1F1E7\1F1F7";
}
.bogoflags-bs:before {
content: "\1F1E7\1F1F8";
}
.bogoflags-bt:before {
content: "\1F1E7\1F1F9";
}
.bogoflags-bv:before {
content: "\1F1E7\1F1FB";
}
.bogoflags-bw:before {
content: "\1F1E7\1F1FC";
}
.bogoflags-by:before {
content: "\1F1E7\1F1FE";
}
.bogoflags-bz:before {
content: "\1F1E7\1F1FF";
}
.bogoflags-ca:before {
content: "\1F1E8\1F1E6";
}
.bogoflags-cc:before {
content: "\1F1E8\1F1E8";
}
.bogoflags-cd:before {
content: "\1F1E8\1F1E9";
}
.bogoflags-cf:before {
content: "\1F1E8\1F1EB";
}
.bogoflags-cg:before {
content: "\1F1E8\1F1EC";
}
.bogoflags-ch:before {
content: "\1F1E8\1F1ED";
}
.bogoflags-ci:before {
content: "\1F1E8\1F1EE";
}
.bogoflags-ck:before {
content: "\1F1E8\1F1F0";
}
.bogoflags-cl:before {
content: "\1F1E8\1F1F1";
}
.bogoflags-cm:before {
content: "\1F1E8\1F1F2";
}
.bogoflags-cn:before {
content: "\1F1E8\1F1F3";
}
.bogoflags-co:before {
content: "\1F1E8\1F1F4";
}
.bogoflags-cr:before {
content: "\1F1E8\1F1F7";
}
.bogoflags-cu:before {
content: "\1F1E8\1F1FA";
}
.bogoflags-cv:before {
content: "\1F1E8\1F1FB";
}
.bogoflags-cx:before {
content: "\1F1E8\1F1FD";
}
.bogoflags-cy:before {
content: "\1F1E8\1F1FE";
}
.bogoflags-cz:before {
content: "\1F1E8\1F1FF";
}
.bogoflags-de:before {
content: "\1F1E9\1F1EA";
}
.bogoflags-dj:before {
content: "\1F1E9\1F1EF";
}
.bogoflags-dk:before {
content: "\1F1E9\1F1F0";
}
.bogoflags-dm:before {
content: "\1F1E9\1F1F2";
}
.bogoflags-do:before {
content: "\1F1E9\1F1F4";
}
.bogoflags-dz:before {
content: "\1F1E9\1F1FF";
}
.bogoflags-ec:before {
content: "\1F1EA\1F1E8";
}
.bogoflags-ee:before {
content: "\1F1EA\1F1EA";
}
.bogoflags-eg:before {
content: "\1F1EA\1F1EC";
}
.bogoflags-eh:before {
content: "\1F1EA\1F1ED";
}
.bogoflags-er:before {
content: "\1F1EA\1F1F7";
}
.bogoflags-es:before {
content: "\1F1EA\1F1F8";
}
.bogoflags-et:before {
content: "\1F1EA\1F1F9";
}
.bogoflags-fi:before {
content: "\1F1EB\1F1EE";
}
.bogoflags-fj:before {
content: "\1F1EB\1F1EF";
}
.bogoflags-fk:before {
content: "\1F1EB\1F1F0";
}
.bogoflags-fm:before {
content: "\1F1EB\1F1F2";
}
.bogoflags-fo:before {
content: "\1F1EB\1F1F4";
}
.bogoflags-fr:before {
content: "\1F1EB\1F1F7";
}
.bogoflags-ga:before {
content: "\1F1EC\1F1E6";
}
.bogoflags-gb:before {
content: "\1F1EC\1F1E7";
}
.bogoflags-gd:before {
content: "\1F1EC\1F1E9";
}
.bogoflags-ge:before {
content: "\1F1EC\1F1EA";
}
.bogoflags-gf:before {
content: "\1F1EC\1F1EB";
}
.bogoflags-gg:before {
content: "\1F1EC\1F1EC";
}
.bogoflags-gh:before {
content: "\1F1EC\1F1ED";
}
.bogoflags-gi:before {
content: "\1F1EC\1F1EE";
}
.bogoflags-gl:before {
content: "\1F1EC\1F1F1";
}
.bogoflags-gm:before {
content: "\1F1EC\1F1F2";
}
.bogoflags-gn:before {
content: "\1F1EC\1F1F3";
}
.bogoflags-gp:before {
content: "\1F1EC\1F1F5";
}
.bogoflags-gq:before {
content: "\1F1EC\1F1F6";
}
.bogoflags-gr:before {
content: "\1F1EC\1F1F7";
}
.bogoflags-gs:before {
content: "\1F1EC\1F1F8";
}
.bogoflags-gt:before {
content: "\1F1EC\1F1F9";
}
.bogoflags-gu:before {
content: "\1F1EC\1F1FA";
}
.bogoflags-gw:before {
content: "\1F1EC\1F1FC";
}
.bogoflags-gy:before {
content: "\1F1EC\1F1FE";
}
.bogoflags-hk:before {
content: "\1F1ED\1F1F0";
}
.bogoflags-hm:before {
content: "\1F1ED\1F1F2";
}
.bogoflags-hn:before {
content: "\1F1ED\1F1F3";
}
.bogoflags-hr:before {
content: "\1F1ED\1F1F7";
}
.bogoflags-ht:before {
content: "\1F1ED\1F1F9";
}
.bogoflags-hu:before {
content: "\1F1ED\1F1FA";
}
.bogoflags-id:before {
content: "\1F1EE\1F1E9";
}
.bogoflags-ie:before {
content: "\1F1EE\1F1EA";
}
.bogoflags-il:before {
content: "\1F1EE\1F1F1";
}
.bogoflags-im:before {
content: "\1F1EE\1F1F2";
}
.bogoflags-in:before {
content: "\1F1EE\1F1F3";
}
.bogoflags-io:before {
content: "\1F1EE\1F1F4";
}
.bogoflags-iq:before {
content: "\1F1EE\1F1F6";
}
.bogoflags-ir:before {
content: "\1F1EE\1F1F7";
}
.bogoflags-is:before {
content: "\1F1EE\1F1F8";
}
.bogoflags-it:before {
content: "\1F1EE\1F1F9";
}
.bogoflags-je:before {
content: "\1F1EF\1F1EA";
}
.bogoflags-jm:before {
content: "\1F1EF\1F1F2";
}
.bogoflags-jo:before {
content: "\1F1EF\1F1F4";
}
.bogoflags-jp:before {
content: "\1F1EF\1F1F5";
}
.bogoflags-ke:before {
content: "\1F1F0\1F1EA";
}
.bogoflags-kg:before {
content: "\1F1F0\1F1EC";
}
.bogoflags-kh:before {
content: "\1F1F0\1F1ED";
}
.bogoflags-ki:before {
content: "\1F1F0\1F1EE";
}
.bogoflags-km:before {
content: "\1F1F0\1F1F2";
}
.bogoflags-kn:before {
content: "\1F1F0\1F1F3";
}
.bogoflags-kp:before {
content: "\1F1F0\1F1F5";
}
.bogoflags-kr:before {
content: "\1F1F0\1F1F7";
}
.bogoflags-kw:before {
content: "\1F1F0\1F1FC";
}
.bogoflags-ky:before {
content: "\1F1F0\1F1FE";
}
.bogoflags-kz:before {
content: "\1F1F0\1F1FF";
}
.bogoflags-la:before {
content: "\1F1F1\1F1E6";
}
.bogoflags-lb:before {
content: "\1F1F1\1F1E7";
}
.bogoflags-lc:before {
content: "\1F1F1\1F1E8";
}
.bogoflags-li:before {
content: "\1F1F1\1F1EE";
}
.bogoflags-lk:before {
content: "\1F1F1\1F1F0";
}
.bogoflags-lr:before {
content: "\1F1F1\1F1F7";
}
.bogoflags-ls:before {
content: "\1F1F1\1F1F8";
}
.bogoflags-lt:before {
content: "\1F1F1\1F1F9";
}
.bogoflags-lu:before {
content: "\1F1F1\1F1FA";
}
.bogoflags-lv:before {
content: "\1F1F1\1F1FB";
}
.bogoflags-ly:before {
content: "\1F1F1\1F1FE";
}
.bogoflags-ma:before {
content: "\1F1F2\1F1E6";
}
.bogoflags-mc:before {
content: "\1F1F2\1F1E8";
}
.bogoflags-md:before {
content: "\1F1F2\1F1E9";
}
.bogoflags-me:before {
content: "\1F1F2\1F1EA";
}
.bogoflags-mf:before {
content: "\1F1F2\1F1EB";
}
.bogoflags-mg:before {
content: "\1F1F2\1F1EC";
}
.bogoflags-mh:before {
content: "\1F1F2\1F1ED";
}
.bogoflags-mk:before {
content: "\1F1F2\1F1F0";
}
.bogoflags-ml:before {
content: "\1F1F2\1F1F1";
}
.bogoflags-mm:before {
content: "\1F1F2\1F1F2";
}
.bogoflags-mn:before {
content: "\1F1F2\1F1F3";
}
.bogoflags-mo:before {
content: "\1F1F2\1F1F4";
}
.bogoflags-mp:before {
content: "\1F1F2\1F1F5";
}
.bogoflags-mq:before {
content: "\1F1F2\1F1F6";
}
.bogoflags-mr:before {
content: "\1F1F2\1F1F7";
}
.bogoflags-ms:before {
content: "\1F1F2\1F1F8";
}
.bogoflags-mt:before {
content: "\1F1F2\1F1F9";
}
.bogoflags-mu:before {
content: "\1F1F2\1F1FA";
}
.bogoflags-mv:before {
content: "\1F1F2\1F1FB";
}
.bogoflags-mw:before {
content: "\1F1F2\1F1FC";
}
.bogoflags-mx:before {
content: "\1F1F2\1F1FD";
}
.bogoflags-my:before {
content: "\1F1F2\1F1FE";
}
.bogoflags-mz:before {
content: "\1F1F2\1F1FF";
}
.bogoflags-na:before {
content: "\1F1F3\1F1E6";
}
.bogoflags-nc:before {
content: "\1F1F3\1F1E8";
}
.bogoflags-ne:before {
content: "\1F1F3\1F1EA";
}
.bogoflags-nf:before {
content: "\1F1F3\1F1EB";
}
.bogoflags-ng:before {
content: "\1F1F3\1F1EC";
}
.bogoflags-ni:before {
content: "\1F1F3\1F1EE";
}
.bogoflags-nl:before {
content: "\1F1F3\1F1F1";
}
.bogoflags-no:before {
content: "\1F1F3\1F1F4";
}
.bogoflags-np:before {
content: "\1F1F3\1F1F5";
}
.bogoflags-nr:before {
content: "\1F1F3\1F1F7";
}
.bogoflags-nu:before {
content: "\1F1F3\1F1FA";
}
.bogoflags-nz:before {
content: "\1F1F3\1F1FF";
}
.bogoflags-om:before {
content: "\1F1F4\1F1F2";
}
.bogoflags-pa:before {
content: "\1F1F5\1F1E6";
}
.bogoflags-pe:before {
content: "\1F1F5\1F1EA";
}
.bogoflags-pf:before {
content: "\1F1F5\1F1EB";
}
.bogoflags-pg:before {
content: "\1F1F5\1F1EC";
}
.bogoflags-ph:before {
content: "\1F1F5\1F1ED";
}
.bogoflags-pk:before {
content: "\1F1F5\1F1F0";
}
.bogoflags-pl:before {
content: "\1F1F5\1F1F1";
}
.bogoflags-pm:before {
content: "\1F1F5\1F1F2";
}
.bogoflags-pn:before {
content: "\1F1F5\1F1F3";
}
.bogoflags-pr:before {
content: "\1F1F5\1F1F7";
}
.bogoflags-ps:before {
content: "\1F1F5\1F1F8";
}
.bogoflags-pt:before {
content: "\1F1F5\1F1F9";
}
.bogoflags-pw:before {
content: "\1F1F5\1F1FC";
}
.bogoflags-py:before {
content: "\1F1F5\1F1FE";
}
.bogoflags-qa:before {
content: "\1F1F6\1F1E6";
}
.bogoflags-re:before {
content: "\1F1F7\1F1EA";
}
.bogoflags-ro:before {
content: "\1F1F7\1F1F4";
}
.bogoflags-rs:before {
content: "\1F1F7\1F1F8";
}
.bogoflags-ru:before {
content: "\1F1F7\1F1FA";
}
.bogoflags-rw:before {
content: "\1F1F7\1F1FC";
}
.bogoflags-sa:before {
content: "\1F1F8\1F1E6";
}
.bogoflags-sb:before {
content: "\1F1F8\1F1E7";
}
.bogoflags-sc:before {
content: "\1F1F8\1F1E8";
}
.bogoflags-sd:before {
content: "\1F1F8\1F1E9";
}
.bogoflags-se:before {
content: "\1F1F8\1F1EA";
}
.bogoflags-sg:before {
content: "\1F1F8\1F1EC";
}
.bogoflags-sh:before {
content: "\1F1F8\1F1ED";
}
.bogoflags-si:before {
content: "\1F1F8\1F1EE";
}
.bogoflags-sj:before {
content: "\1F1F8\1F1EF";
}
.bogoflags-sk:before {
content: "\1F1F8\1F1F0";
}
.bogoflags-sl:before {
content: "\1F1F8\1F1F1";
}
.bogoflags-sm:before {
content: "\1F1F8\1F1F2";
}
.bogoflags-sn:before {
content: "\1F1F8\1F1F3";
}
.bogoflags-so:before {
content: "\1F1F8\1F1F4";
}
.bogoflags-sr:before {
content: "\1F1F8\1F1F7";
}
.bogoflags-st:before {
content: "\1F1F8\1F1F9";
}
.bogoflags-sv:before {
content: "\1F1F8\1F1FB";
}
.bogoflags-sy:before {
content: "\1F1F8\1F1FE";
}
.bogoflags-sz:before {
content: "\1F1F8\1F1FF";
}
.bogoflags-tc:before {
content: "\1F1F9\1F1E8";
}
.bogoflags-td:before {
content: "\1F1F9\1F1E9";
}
.bogoflags-tf:before {
content: "\1F1F9\1F1EB";
}
.bogoflags-tg:before {
content: "\1F1F9\1F1EC";
}
.bogoflags-th:before {
content: "\1F1F9\1F1ED";
}
.bogoflags-tj:before {
content: "\1F1F9\1F1EF";
}
.bogoflags-tk:before {
content: "\1F1F9\1F1F0";
}
.bogoflags-tl:before {
content: "\1F1F9\1F1F1";
}
.bogoflags-tm:before {
content: "\1F1F9\1F1F2";
}
.bogoflags-tn:before {
content: "\1F1F9\1F1F3";
}
.bogoflags-to:before {
content: "\1F1F9\1F1F4";
}
.bogoflags-tr:before {
content: "\1F1F9\1F1F7";
}
.bogoflags-tt:before {
content: "\1F1F9\1F1F9";
}
.bogoflags-tv:before {
content: "\1F1F9\1F1FB";
}
.bogoflags-tw:before {
content: "\1F1F9\1F1FC";
}
.bogoflags-tz:before {
content: "\1F1F9\1F1FF";
}
.bogoflags-ua:before {
content: "\1F1FA\1F1E6";
}
.bogoflags-ug:before {
content: "\1F1FA\1F1EC";
}
.bogoflags-um:before {
content: "\1F1FA\1F1F2";
}
.bogoflags-us:before {
content: "\1F1FA\1F1F8";
}
.bogoflags-uy:before {
content: "\1F1FA\1F1FE";
}
.bogoflags-uz:before {
content: "\1F1FA\1F1FF";
}
.bogoflags-va:before {
content: "\1F1FB\1F1E6";
}
.bogoflags-vc:before {
content: "\1F1FB\1F1E8";
}
.bogoflags-ve:before {
content: "\1F1FB\1F1EA";
}
.bogoflags-vg:before {
content: "\1F1FB\1F1EC";
}
.bogoflags-vi:before {
content: "\1F1FB\1F1EE";
}
.bogoflags-vn:before {
content: "\1F1FB\1F1F3";
}
.bogoflags-vu:before {
content: "\1F1FB\1F1FA";
}
.bogoflags-wf:before {
content: "\1F1FC\1F1EB";
}
.bogoflags-ws:before {
content: "\1F1FC\1F1F8";
}
.bogoflags-ye:before {
content: "\1F1FE\1F1EA";
}
.bogoflags-yt:before {
content: "\1F1FE\1F1F9";
}
.bogoflags-za:before {
content: "\1F1FF\1F1E6";
}
.bogoflags-zm:before {
content: "\1F1FF\1F1F2";
}
.bogoflags-zw:before {
content: "\1F1FF\1F1FC";
}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-style:normal;
font-weight: 300;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
overflow-y: scroll;
}
blockquote, q {
quotes: none;
}
summary::-webkit-details-marker { display: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea{
margin: 0;
padding: 0;
}
ol, ul{
list-style:none;
}
table{
border-collapse: collapse;
border-spacing:0;
}
caption, th{
text-align: left;
}
a:focus {
outline:none;
}
.both{
clear:both;
}
p {
display: block;
-webkit-margin-before:0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.inline_block {
display: inline-block;
*display: inline;
*zoom: 1;
}
html{
font-family: "Noto Sans JP",  sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size:10px;
letter-spacing: 1px;
color:#4d4d4d; }
p{
font-family:"Noto Sans JP",  sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
body{
font-size:1.4rem;
line-height:2.2em;
}
@media (max-width: 767px){
html{
font-size:3vw;
font-size: 10px; }
body{
font-size:1.6rem;
}
}
@media (max-width: 400px){
html{ }
}
img{
display:block;
max-width:100%;
height:auto;
}
a,
a:hover,
a:active,
a:visited{
color: #82A585;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
ol, ul{
list-style:none;
}
iframe{
max-width: 100%;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.both{
clear:both;
}
.inline_block {
display: inline-block;
*display: inline;
*zoom: 1;
}
.page_content h6.inline_block,.page_content h3.inline_block{
display: inline-block;margin-right: 10px;
}
span{
display:inline-block;
font-weight: inherit;
}
p{margin-bottom:20px;
}
p:last-child{margin-bottom:0px;
}
a.phone{
color: #4d4d4d;
text-decoration: underline;
}
.page_content .aco_btn a{
color: #4d4d4d;
text-decoration: none;
}
@media (min-width: 768px){
.twocolumn{
margin:auto;
width:100%;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
gap:20px;
}
.twocolumn li{
width:calc(50% - 10px);
box-sizing:border-box;
}
.twocolumn li img{
max-width:100%;
display:block;
margin:0;
}
.twocolumn li p{
}
.threecolumn{
display:flex;
margin:auto;
justify-content:flex-start;
flex-wrap:wrap;
gap:50px;
}
.threecolumn li{
width:calc(33.33% - 100px / 3);
box-sizing:border-box;
}
.threecolumn li img{
max-width:100%;
display:block;
margin:0;
}
}
@media (max-width: 767px){
}
.error404.content-area{
float:none;
margin:auto;
}
.error404.content-area main{
text-align:center;
margin-right:auto;
}
.error404 h1 {
font-size: 70px;
}
@media screen and (max-width: 767px){
.error404 h1 span {
display: block;
font-size: 36px;
margin-bottom: 20px;
}
}
.site-header{
padding: 10px 40px;
background-color: #334a3b;
background-color: rgba(51,74,59,0.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
box-sizing: border-box;
}
.headerlogo{
font-weight: 100;
font-size: 2rem;
display: flex;
align-items: center;
justify-content: flex-start;
gap:15px;
text-decoration: none;
color: #fff;
}
.headerlogo,
.headerlogo:hover,
.headerlogo:active,
.headerlogo:visited{
color: #fff;
}
.headerlogo img{
width: 64px;
display: block;
}
.header_container{
margin:auto;
width:100%;
position:relative;
display:flex;
justify-content:space-between;
margin:auto;
align-items:center;
}
.headermain{
position:relative;
width:100%;
display:flex;
justify-content:space-between;
}
.spnavibtn{
align-items:center;
}
.navibtn{
display: block;
position: relative;
width: 40px;
height: 30px;
align-items: center;
box-sizing: border-box;
cursor: pointer;
}
.navibtn span{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 100%;
height: 2px;
background-color: #fff;
transition:0.5s;
}
.navibtn:before,
.navibtn:after{
left: 0;
right: 0;
margin:auto;
position:absolute;
height:2px;
width:100%;
background-color:#fff;
display:block;
content:"";
transition:0.5s;
transform-origin: 50% 0%;
}
.navibtn:before{
top:0;
bottom: calc(100% - 2px);
}
.navibtn:after{
top: calc(100% - 2px);
bottom: 0;
}
.navibtn.active span{
opacity: 0;
}
.navibtn.active:before{
top:0;
bottom: 0;
transform: rotate(45deg);
}
.navibtn.active:after{
top: 0;
bottom: 0;
transform: rotate(-45deg);
}
.header_right{
display: flex;
align-items: center;
gap:24px;
}
.header_right a{
font-size: 2.2rem;
color: #fff;
text-decoration: none;
font-weight: 100;
margin: 0;
position: relative;
}
.header_right a.now{
cursor:default;
}
.header_right a.now:before{
content: "";
background: #ffffff;
height: 1px;
width: 100%;
display: block;
bottom: 0;
position: absolute;
}
.header_right a:before{
content: "";
background: #ffffff;
height: 1px;
width: 0%;
display: block;
bottom: 0;
position: absolute;
transition: 0.5s;
}
.header_right a:hover:before{
content: "";
background: #ffffff;
height: 1px;
width: 100%;
display: block;
bottom: 0;
position: absolute;
}
.global_navi{
background-color: rgba(51 74 59 / 90%);
background-color: rgba(51,74,59,0.9);
position: fixed;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 100vh;
display: none;
box-sizing: border-box;
padding: 20px;
padding-top: 104px;
align-items: center;
justify-content: center;
align-items: center;
flex-direction: column;
}
.global_navi hr{
margin: 3em 0;
padding: 0;
height: 1px;
border: none;
background-color: #fff;
max-width: 920px;
width: 100%;
}
.global_navi a{
font-size:2rem;
letter-spacing:1px;
line-height:4.7em;
text-decoration: none;
color: #fff;
display: block;
}
.global_navi a:hover{
color: #8da88c;
}
.global_navi1{
display: flex;
width: 100%;
max-width: 800px;
gap:40px;
}
.global_navi1 > ul{
width: calc(50% - 20px);
flex-shrink: 1;
}
.global_navi1 > ul.left{
min-width: 21em;
flex-shrink: 0;
}
.global_navi2{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 800px;
}
.header_snsicon{
display: flex;
gap:40px;
}
.header_snsicon a{
width: 40px;
display: block;
}
.listitem_text{
display:block;
width:100%;
color:#787878;
}
.listitem_text a{
width:100%;
display:flex;
justify-content:flex-start;
align-items:flex-start;
position:relative;
}
.listitem_text .postdate{
line-height: 2.2em;
}
.listitem_text:last-child{
margin-bottom:0;
}
.taglist{
display:flex;
justify-content:flex-start;
align-items:flex-start;
color:#bf1920;
flex-wrap:wrap;
margin-bottom:40px;
gap:8px;
}
.tag{
border: solid 1px #bf1920;
border-radius: 5px;
font-size: 1.2rem;
display: flex;
justify-content: center;
box-sizing: border-box;
padding: 0px 6px;
text-align: left;
min-width: 80px;
text-align: center;
}
.tag.current,
.tag:hover{
background-color:#bf1920;
color:#fff;
}
.btn_a{
display:flex;
justify-content:center;
color:#fff;
}
.btn_a a{
text-align: center;
background-color: #0067E6;
border: solid 2px #0067E6;
display: flex;/**/justify-content: center;
align-items: center;
font-size: 2rem; box-sizing: border-box;
transition: 0.3s;
line-height: 1;
padding: 15px;
border-radius: 50px;
min-width: 230px;
box-sizing: border-box;
}
.btn_a a:hover{
background-color:#ffffff;
color: #0067E6;
}
.btn_a a span.center{
margin-bottom: 0.3em;
}
.btn_w{
display:flex;
justify-content:center;
color:#000;
}
.btn_w a{
box-sizing:border-box;
width: 140px;
text-align: center;
background-color: #fff;
border:solid 1px #000;
display: flex;
height: 30px;
justify-content: center;
align-items: center;
font-size: 14px;
border-radius:5px;
transition:0.3s;
}
.btn_w a:hover{
color:#fff;
background-color:#000;
}
.two_column_left{
display: flex;
justify-content: center;
align-items:flex-start;
flex-direction: row-reverse;
}
.two_column_left > article{
max-width: 745px;
width: 100%;
flex-shrink: 1;
}
.two_column_left > aside{
width: 216px;
margin-right: 20px;
flex-shrink: 0;
}
.two_column,
.three_column{
display: flex;
flex-wrap: wrap;
gap: 50px;
column-gap: 30px;
flex-direction:column;
}
.two_column > div,
.two_column > li,
.three_column > div,
.three_column > li{
width: 100%;
}
@media (min-width: 768px){
.two_column,
.three_column{
flex-direction: row;
}
.two_column > div,
.two_column > li{
width: calc(50% - 60px / 2);
}
.three_column > div,
.three_column > li{
width: calc(33.33% - 60px / 3);
}
}
.movie_list_item{
background-color: #F2F2F2;
}
.movie_list_item h4{
height: 3.2em;
padding: 5px 10px;
display: block;
overflow: hidden;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.movie_list_item .listitem_box_img{
position: relative;
}
.movie_list_item .listitem_box_img:after {
content: "";
width: 25%;
height: 0;
padding-top: 25%;
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/icon_play.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
z-index: 10;
transition: 0.3s;
opacity: 0;
}
.movie_list_item a:hover .listitem_box_img:after {
opacity: 0.6;
}
.movie_list_item .listitem_box_img:before {
content: "";
width: 100%;
height: 100%;
z-index: 5;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0);
transition: 0.3s;
}
.movie_list_item a:hover .listitem_box_img:before {
background-color: rgba(0,0,0,0.60);
}
.catlist{
display: flex;
gap:5px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.catlist li{
font-weight: 400;
font-size: 16px;
padding: 5px 10px;
line-height: 1;
letter-spacing: 1px;
color: #2C4B3A;
border: solid 1px #2C4B3A; 
}
.postdate{
display: block;
word-break: keep-all;
margin: 0;
line-height: 1;
}
.post_date{
margin-top: 10px;
font-size:16px;
letter-spacing: 1px;}
.listitem_box{
}
.listitem_box a{
color: #4d4d4d;
text-decoration: none;
}
.listitem_box_img_outer{
margin-bottom: 20px;
}
.listitem_box_img{
width: 100%;
display:block;
padding-top: calc(64.3% - 2px);
background-position: center;
background-size: cover;
}
.listitem_box_text{
padding: 0;
}
.listitem_box_text .text{ display: block;
overflow: hidden;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.listitem_text .postdate{
margin-right: 1em;
}
.listitem_text h4,
.listitem_box h4{
display: block;
}
.listitem_box h3{
font-weight: 500;
font-size: 18px;
letter-spacing: 1px; 
line-height: 1.6em;
margin-bottom: 15px;
}
.listitem_box .catlist{
margin-bottom: 15px;
}
@media screen and (max-width: 767px){
.listitem_box a{
display: flex;
margin: 0;
gap:20px;
}
.listitem_box_img_outer {
margin-bottom: 0px;
width: 47%;
flex-shrink: 0;
}
}
@media (min-width: 701px){
}
@media (max-width: 700px){
}
.site-footer{
background: #fff;
padding: 20px;
}
.site-footer .copyright{
text-align: center;
line-height:1;
margin:0;
text-align:center;
display:block;
}
.footer_navi1{
max-width: 780px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap:10px;
margin: auto;
margin-bottom: 80px;
}
.footer_navi1 a,
.footer_navi1 a:link{
text-decoration: none;
font-weight: 400;
width: 100%;
color: #4d4d4d;
}
.footer_navi2{
width: 100%;
margin: auto;
margin-bottom: 70px;
max-width: 780px;
display: flex;
justify-content: space-between;
gap:50px;
align-items: flex-start;
}
.footer_snsicon{
display: flex;
align-items: center;
gap:40px;
}
.footer_snsicon a{
width: 40px;
display: block;
}
.site-footer .icon{
justify-content:flex-end;
display:flex;
}
.site-footer .icon a{
width:20px;
margin-left:10px;
display:block;
}
@media (max-width: 1060px){
}
.page_container{
padding:70px 20px;
padding-bottom:0;
margin:auto;
min-height: 500px;
position: relative;
}
.page_container > .inner{
padding-bottom: 70px;
}
.page_title{
font-size: 24px;
margin: 0px;
text-align: center;
color: #ababab;
line-height: 1.4;
font-weight: 700;
}
.page_header{
color: #fff;
padding: 0 20px;
height: 100px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.page_header .imgtitle {
max-height: 40px;
height: 7vw;
margin: 0;
}
.page_header .page_header_kome{
position: absolute;
bottom: -30px;;
padding: 0 20px;
box-sizing: border-box;
max-width: 1020px;
margin: auto;
left: 0;
right: 0;
color: #0067e6;
text-align: right;
}
.title_illust{
width: 160px;
}
.page_header .imgtitle img {
width: auto;
height: 130%;
margin: auto;
}
@media (max-width: 767px){
.title_illust{
width: 80px;
}
.page_header {
height: 130px;
}
}
#page{
position: relative;
z-index: 10;
padding-top: 0px;
}
.listitem_text{
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap:15px;
}
.postcat{
width: 100px;
display: block;
flex-shrink: 0;
padding-top: 5px;
}
.postcat span{
width: 100%;
word-break: keep-all;
background-color: #e3ebf5;
text-align: center;
display: block;
font-size: 12px;
line-height: 28px;
color: #5f5f5f;
line-height: 1.4;
margin-top: 15px;
}
.postcat span:first-child{
margin-top: 0px;
}
.listitem_text h4{
flex-shrink: 1;
width: 100%;
}
.listitem_text p{
margin-bottom: 0;
}
.archive_content .information_list {
}
.archive_content .listitem_text{
border-bottom:solid 1px #5f5f5f;
}
.archive_content .listitem_text:first-child{
border-top:solid 1px #5f5f5f;
}
.archive_content .listitem_text a{
padding:10px 0;
}
.navigation .screen-reader-text{
display:none;
}
.pagenavi{
margin-top:50px;
display:flex;
justify-content:center;
align-items:center;
}
.contact{
border:none;
margin-left:110px;
max-width:740px;
width:100%;
}
.contact th,
.contact td{
border:none;
}
.contact th{
width:190px;
}
.contact span{
width:100%;
}
input, textarea{
padding:5px;
width:100%;
box-sizing:border-box;
}
input[type="submit"]{
border: solid 3px #5f5f5f;
color: #ffffff;
font-size: 20px;
font-weight: 600;
background-color: #5f5f5f;
width: 300px;margin: auto;
padding: 15px 30px;
cursor:pointer;
transition: 0.3s;
text-align: center;
display: block;
}
input[type="submit"]:hover{
color: #5f5f5f;
background-color: #ffffff;
border: solid 3px #5f5f5f;
}
@media (min-width: 901px){
}
@media (max-width: 900px){
}
@media (max-width: 800px){
}
@media (max-width: 767px){
.contact{
margin:auto;
}
.contact table,
.contact tbody,
.contact td,
.contact th{
display:block;
width:100%;
box-sizing: border-box;
}
.twocolumn li,
.threecolumn li{
margin-bottom:20px;
}
.twocolumn li:last-child,
.threecolumn li:last-child{
margin-bottom:0;
}
}
.maincontents{
background: #ffffff;
width: 100%;
padding: 80px 30px;
box-sizing: border-box;
overflow: hidden;
}
.maincontents > .page_inner{
box-sizing: border-box;
width: 100%;
max-width: 1000px;
max-width: 1360px;
margin: auto;
}
@media (min-width: 768px){
.side_on{
display: flex;
justify-content: space-between;
}
.side_on > main{
width: 100%;
flex-shrink: 1;
}
.side_on > aside{
width: 300px;
margin: 0;
margin-left: 50px;
flex-shrink: 0;
}
.side_on.left{
flex-direction: row-reverse;
}
.side_on.left > aside{
margin: 0;
margin-right: 30px;
}
}
@media (max-width: 767px){
.maincontents {
padding: 80px 30px;
}
.side_on > main{
margin-bottom: 60px;
}
.side_on > aside{
}
}
.navigation.pagination{
margin-top: 110px;
}
.navigation .screen-reader-text{
display:none;
}
.pagenavi{
margin-top:50px;
display:flex;
justify-content:center;
align-items:center;
color:#004097;
}
.page_num{
margin-bottom:0;
margin-right:20px;
color:#004097;
}
.nav-links{
display:flex;
justify-content: center;
color: #ababab;
gap:25px;
}
.page-numbers{
display:flex;
justify-content:center;
align-items:center;
line-height:1;
width:27px;
height:27px;
font-size: 16px;
transition:0.3s;
color: #2c4b3a;
text-decoration: none;
background-position: center;
background-size: contain;
font-weight: 400;
}
.page-numbers:hover{
opacity: 0.8;
}
.page-numbers.current{
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/octa_2c4b3a.svg);
}
.page-numbers:last-child{
margin-right:0;
}
.page-numbers.prev,
.page-numbers.next{
}
.sidebar{
}
.search_word{
padding-bottom: 5px;
margin-bottom: 20px;
color: #004097;
border-bottom: solid 1px #004097;
font-size: 1.2rem;
}
.wpcf7-form-control-wrap{
width: 100%;
}
@media screen and (max-width: 767px){
.contact_table,
.contact_table tr,
.contact_table td,
.contact_table th{
display: block;
width: 100%;
text-align: left;
padding: 0;
}
.contact_table td{
padding-bottom: 10px;}
.contact_table th{
padding-bottom: 0;
}
}
.contact_table .requied{
font-size: 12px;
background-color: #FF0004;
color: #fff;
display: inline-block;
padding: 0 5px;
margin-left: 10px;
}
.contact_table form, 
.contact_table input,
.contact_table textarea{
border: solid 1px #ccc; 
}
.contact_table input[type="submit"] {
margin: auto;
display: block;
background-color: #ababab;
color: #fff;
border: solid 2px #ababab;
}
.contact_table input[type="submit"]:hover{
background-color: #fff;
color: #ababab;
}
.contact_table input[type="date"]{
font-size: 16px;
padding: 3px 3px;
border: solid 1px #ccc;
}
.contact_table select {
font-size: 16px;
padding: 5px;
border: solid 1px #ccc; 
}
.popupmoviebox{
position:fixed;
width:90%;
z-index:100001;
display:none;
left:5%;
top:50%;
margin-top:-25.3125%;	
}
.popupmoviebox iframe{
width:100%;
}
.popupmoviebg{
position:fixed;
height:100vh;
width:100vw;
z-index:100000;
display:none;
top: 0;
left: 0;
background-color:rgba(0,0,0,0.70);
}
.moviethumb{
cursor:pointer;
}
.youtubearea{
padding:0 !important;
width:100%;
height:0;
position:relative;
padding-top: 56.25% !important;
overflow:hidden;
margin-bottom:20px;
}
.youtubearea iframe{
width:100%;
height:100%;
position:absolute;
top:-20%;
right:-20%;
left:-20%;
bottom:-20%;
margin:auto;
}
.head_navi a{
font-family: 'Catamaran','Open Sans', sans-serif;
letter-spacing: 0.15em;
font-size:18px;
font-weight: 700;
display: block;
padding: 10px 0 ;
color: #5F5F5F;
}
.head_navi a:hover{
color: #eb6ea5;
}
.head_navi ul{
max-width: 1200px;
margin: auto;
display: flex;
align-items:center;
justify-content:flex-start;
column-gap: 40px;
flex-wrap: wrap;
}
.subheader{
height:760px;
display: block;
position: relative;
width: 100%;
background-position: center;
background-size:cover;
overflow: hidden;
}
.subheader img{
width: 100%;
}
.pankz{
padding:0 20px;
padding-top: 94px;
line-height: 1.6;
font-size: 14px;
margin-top: -0.3em;
margin-bottom: -0.3em;
}
.pankz .inner{
max-width: 1360px;
max-width: 1100px;
margin: auto;
}
.pankz a{
font-size: 14px;
color:inherit;
}
.pankz a:hover{
color:inherit;
}
.pankz a:after{
content: "";
width: 10px;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/pnkz_arrow.svg);
height: 10px;
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
.cat_btn_list{
display: flex;
margin-bottom: 50px;
gap:10px;
}
h2 + .cat_btn_list{
margin-top: 40px;
}
.cat_btn_list li{
width: calc(100% / 6 - 10px * 5 / 6);
}
.cat_btn_list li a{
background-color: #ebebec;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
height: 40px;
font-weight: 400;
}
.cat_btn_list li a:hover{
background-color: #82a585;
color: #fff;
}
.cat_btn_list li a.active{
background-color: #82a585;
color: #fff;
}
.cat_btn_list_aco{
margin-bottom: 50px;
}
.cat_btn_list_aco ul{
display: none;
}
.cat_btn_list_aco li a,
.cataco_open{
font-size: 18px;
line-height: 1;
font-weight: 400;
display: block;
padding: 16px 0;
text-align: center;
position: relative;
text-decoration: none;
background-color: #ebebec;
color: inherit;
}
.cataco_open{
position: relative;
cursor: pointer;
background-color: #82a585;
color: #fff;
}
.cataco_open:after,
.cataco_open:before{
content: "";
display: block;
width: 1px;
height: 16px;
background-color: #fff;
left: auto;
right: 28px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
transition: 0.3s;
}
.cataco_open:before{
transform: rotate(90deg);
}
.cataco_open.open:after{
height: 1px;;
}
.cat_btn_list_aco ul{
margin-top: 10px;
}
.cat_btn_list_aco li{
margin-bottom: 10px;
}
.cat_btn_list_aco li a,
.cataco_open{
padding: 11px 0;
}
.cat_btn_list_aco ul {
margin-top: 5px;
}
.cat_btn_list_aco li {
margin-bottom: 5px;
}
.cat_btn_list_aco li a.active{
background-color: #82a585;
color: #fff;
}
@media screen and (min-width: 768px){
.cat_btn_list_aco{
display: none;
}
}
@media screen and (max-width: 767px){
.cat_btn_list{
display: none;
}
}
.inner{
max-width: 1000px;
max-width: 1360px;
margin: auto;
}
.alignright{
display: flex;
justify-content: flex-start;
width: 100%;
}
.viewmore{
text-decoration: none;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap:10px;
color: inherit;
font-weight: 300;
}
.viewmore,
.viewmore:hover,
.viewmore:active,
.viewmore:visited{
color: inherit;
}
.viewmore:after{
content: "";
width: 24px;
height: 24px;
display: block;
background-size: contain;
background-position: center;
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/viewmore.svg);
background-size: 24px 24px;
margin-bottom: -2px;
}
.viewmore:hover{
color: #000;
}
.viewmore:hover:after{
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/viewmore_b.svg);
}
.side_banner{
height: auto;
width: 66px;
position: fixed;
z-index: 50;
top: 120px;
bottom: auto;
right: 0;
display: block;
margin: auto;
background-color: #8da88c;
background-color: rgba(141 168 140 / 70%);
background-color: rgba(141,168,140,0.7);
background-color: rgba(200,186,135,0.8);
}
.side_banner:hover{
background-color: #3a6837;
background-color: rgba(58 104 55 / 70%);
background-color: rgba(58,104,55,0.7);
background-color: rgba(200,186,135,0.7);
}
.side_banner img{
height: 100%;
width: auto;
}
.bottom_banner{
background-color: #c8ba87;
z-index: 10;
position: fixed;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
height: calc(70px * 0.9);
width: 100%;
}
.bottom_banner img{
width: auto;
height: 20px;
}
@media screen and (min-width: 768px){
.bottom_banner{
display: none;
}
}
@media screen and (max-width: 767px){
.side_banner{
display: none;
}
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background:none;
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/slidepager.png);
background-size: contain;
background-position: center;
border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/slidepager_active.png);
}
@media (max-width: 767px){
.maincontents{	padding: 40px 30px;}
.subheader{	height: 100vw;}
.side_banner{
width: 50px;	}
.headerlogo{
font-size: 1.4rem;
}
.site-header {
padding: 10px 20px;
}
.header_right a, .header_right p {
font-size: 1.6rem;
}
.navibtn {
display: block;
position: relative;
width: 30px;
height: 24px;
}
.global_navi1 > ul.left {
min-width: 0;
}
.headerlogo img {
width: 50px;
}
.global_navi {
padding-top: 60px;
}
.global_navi1{
flex-direction: column;
gap:0;
}
.global_navi1 > ul{
width: 100%;
}
.global_navi a{
font-size:1.8rem;
letter-spacing:1px;
line-height:3.6em;
text-decoration: none;
color: #fff;
display: block;
text-align: center;
max-height: 7vh;
}
.global_navi hr {
margin: min(3vh, 2em) 0;
}
.global_navi2 {
width: 100%;
flex-direction: column;
gap: 2em;
}
.footer_navi1{
flex-direction: column;
gap:0;
}
.footer_navi1 a{
font-size:2rem;
letter-spacing:1px;
line-height:3em;
}
.footer_navi1 .small a,
.footer_navi1 .small a:link{
font-size:1.6rem;
line-height:calc(2rem * 3);
font-weight: 200;
}
.footer_navi2{
flex-direction: column;
}
.site-footer{
padding-left: 30px;
padding-right: 30px;
padding-bottom: 83px;
}
}
@media (max-width: 400px){
.maincontents,
.post_header,
.archive_header,
.post_header,
.site-footer {
padding-left: 20px;
padding-right: 20px;
}
}
.mainimage_sp .bx-wrapper{
margin: 0;
}
.mainimage_sp img{
width: 100%;
}
 h2,h3{
font-size: 2rem;
letter-spacing: 1px;
line-height: 2em;
margin-bottom: 40px;
font-weight: 400;
}
#topmainimage{
position: relative;
overflow: hidden;
}
#topmainimage{
}
.mainimage{
position: relative;
z-index: 1;
width: 100%;display: block;
} #topmainimage .kv_logo img{
z-index: 3;	
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 190px;
width: 30%;
}
#topmainimage:before{
content: "";
background-color: #231815;
opacity: 0.1;
position: absolute;
width: 100%;
display: block;
top: 0;
left: 0;
height: 100%;
z-index: 2;
}
#news{
padding: 40px 30px;
background-color: #fff;
}
#news a,
#news a:link{
text-decoration: none;
color:#4d4d4d;
font-weight: 300
}
#news .inner{
margin: auto;
max-width: 1000px;
}
.top_news_title{
display: flex;
align-items: flex-end;
justify-content: space-between;
padding:0 20px;
padding-bottom: 20px;
border-bottom: solid 1px #4d4d4d;
margin-bottom: 10px;
}
.top_news_title h3{
font-size: 2rem;
margin: 0;
line-height: 1;
font-weight: 300;
} 
.top_news_title a{
font-size: 1.6rem;
margin: 0;
text-decoration: none;
line-height: 1;
}
#news ul{
padding: 0 20px;
} #concept{
padding: 80px 20px;
background-color: #efefef;
}
#concept p{
font-size: 1.8rem;
line-height: 3em;
font-weight: 300;
}
#concept .viewmore:after{
background-image: url(//www.innthepark.jp/numazu/wp/wp-content/themes/basetemplate/images/viewmore_w.svg);
}
.concept_text h2{
max-width: 85px;
width: 12vw;
}
.concept_text{
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: center;
gap:50px;
}
.tategaki{
writing-mode:vertical-rl;
display: flex;
flex-direction: column;	
gap:2.2em;
gap:40px;
padding-top:20px;
}
.english_title + h3{
margin-top: 0px;
}
.english_title{
font-family: "Roboto";
font-size: 35px;
font-weight: 200;
letter-spacing: 3px;
margin-top: 0px;
line-height: 1.6;
margin-bottom: 0;
}
@media (max-width: 700px){
.concept_text{
gap: 10vw;
flex-direction: column;
align-items: center;
}
.concept_text h2 {
max-width: none;
width: 100%;
margin-bottom: 0;
}
.tategaki{
gap: 2vw;
padding-top: 0;
}
#concept p{
font-size: calc((75vw - 60px)/21);
font-size: calc((77vw - 60px)/21);
font-size: calc((96vw - 60px) / 23);
}
.viewmore {
}
}
@media (max-width: 500px){
.concept_text h2 {
width: 100%;
}
#concept p {
font-size: calc((85vw - 40px)/23);
font-size: calc((90vw - 40px)/23);
font-size: calc((96vw - 60px) / 23);
}
}
.tile_block{
display: flex;
justify-content: center;
background-color: #f3eddc;
padding: 90px 20px;
}
.tile_block ul{
display: flex;
flex-wrap: wrap;
max-width: 1360px;
width: 100%;
gap:25px;
column-gap: 20px;
}
.tile_block li{
width: calc(100% /4 - 20px * 3 / 4);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.tile_block li a{
position: relative;
display: block;
width: 100%;
padding-top: 64.3%;
padding-top: 98.3%;
background-color: rgba(0,0,0,0.3);
}
.tile_block li a:hover{
background-color: rgba(255,255,255,0.2);
}
.tile_block_inner{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap:1rem;
}
.tile_block li h4{
color: #fff;
font-size: min(calc(23vw / 8),4rem);
font-weight: 400;
line-height: 1;
letter-spacing: 0.1em;
}
#contents{
padding: 130px 30px;
}
.flexblock{
display: flex;
gap:50px;
margin-bottom: 100px;
}
.flexblock:last-child{
margin-bottom: 0px;
}
.flexblock.imgleft{
flex-direction: row-reverse;
}
.flexblock .imgblock{
width: 59%;
flex-shrink: 0;
}
.flexblock .bx-wrapper{
margin-bottom: 0;
}
#contents .bx-wrapper .bx-pager {
padding-top: 0px;
line-height: 1;
bottom: -30px;
}
.flexblock .textblock{
width: 100%;
flex-shrink: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.higaeri{
background: #82A585;
font-size: 14px;
font-weight: 500;
display: block;  width: 140px; line-height: 0;
color: #ffffff;
letter-spacing: 1.4px;
margin-bottom: 30px;
padding: 15px 0px 15px 0px;
text-align: center;
margin-top: 0px;
}
.tile_block .higaeri{
font-size: 14px;
padding: 15px 0px 15px 0px;
margin-top: 10px;
}
.title_block{
margin-bottom: 30px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.title_block h3{
margin-bottom: 15px;
}
.title_block h3:last-child{
margin-bottom: 0;
}
#access{
padding: 110px 30px;
padding-bottom: 90px;
}
#access .inner{
display: flex;
align-items: center;
flex-direction: column;
max-width: 900px;
max-width: 1360px;
}
.gmap{
margin-bottom: 40px;
}
.gmap iframe{
max-width: 100%;
}
.mapimg{
max-width: 700px;
display: block;
margin: auto;
margin-bottom: 40px;}
#access h3{
text-align: center;
}
#access .read{
text-align: center;
margin-bottom: 60px;
}
.access_flex{
margin-bottom: 60px;
display: flex;
align-items: center;
gap:60px;
}
.access_item{
gap:30px;
display: flex;
align-items: center;
justify-content: flex-start;
width: 50%;
}
.access_item .imgblock{
display: flex;
align-items: center;
justify-content: center;
gap:10px;
flex-direction: column;
flex-shrink: 0;
word-break: keep-all;
}
.access_item .imgblock h4{
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 1em;
}
.access_item .textblock{
flex-shrink: 1;
width: 100%;
}
@media (max-width: 1040px){
.tile_block ul {
max-width: 750px;
gap:20px;
}
.tile_block li {
width: calc(100% / 3 - 20px* 2 / 3);
}
}
@media (max-width: 767px){
.higaeri{
margin-top: 16px;
}
.tile_block .higaeri{
font-size: 12px;
padding: 10px 0px 10px 0px;
width: 120px;
margin-top: 5px;
}
#topmainimage {
width: 100%;
height: 112vw;
position: relative;
overflow: hidden;
}
#topmainimage .mainimage{
position: absolute;
top: 0;
left: -50vw;
right: -50vw;
width: auto;
margin: auto;
height: 100%;
max-width: none;
}
#news,
#access,
#concept,
.tile_block{
padding-right: 30px;
padding-left: 30px;
}
#news ul {
padding: 0 10px;
}
.top_news_title {
padding: 0px 10px;
padding-bottom: 20px;
}
#concept {
text-align: left;
}
#concept .alignright {
justify-content: flex-start;
}
#contents{
padding: 0;
padding-bottom: 70px;
}
h2,h3{
font-size: 2rem;
letter-spacing: 1px;
line-height: 2.2em;
}
.listitem_text h4{ }
.flexblock,
.flexblock.imgleft{
flex-direction: column-reverse;
}
.flexblock .imgblock{
width: 100%;
}
.flexblock .textblock {
padding: 0 30px;
box-sizing: border-box;
}
.title_block{
margin-bottom: 30px; }
.title_block h3{
margin-bottom: 0;
}
.tile_block li {
width: calc(100% / 2 - 20px / 2);
}
.tile_block li a{
padding-top: 64.3%;
}
.tile_block_inner{
gap:1rem;
}
.tile_block li h4 {
font-size: 2rem;
font-size: min(3.8vw,2.2rem);
}
#access .inner {
align-items: flex-start;
}
.access_flex{
flex-direction: column;
}
.access_item{
width: 100%;
}
#access h3{
text-align: left;
}
#access .read{
text-align: left;
margin-bottom: 60px;
}
}
@media (max-width: 500px){
.listitem_text .postdate,
.listitem_text h4{
font-size: calc(3vw);
font-size: 14px;
line-height: 2.2em;
}
}
@media (max-width: 400px){
#news,
#access,
#concept,
.tile_block,
.flexblock .textblock {
padding-right: 20px;
padding-left: 20px;
}
#concept p {
font-size: calc((96vw - 40px) / 23);
}
}