@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

html {
color: #FFFFFF;
background-color: #000;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, img {
margin: 0;
padding: 0;
}

fieldset, img {
border: 0;
}

address, caption, cite, code, dfn, em, strong, var {
font-style: normal;
font-weight: normal;
}

ol, ul {
list-style: none;
}

caption {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-family: "見出ミンMA31", "Midashi Min MA31", serif;
font-size: 100%;
font-weight: bold;
}

q:before, q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
}

legend {
color: #1A1A1A;
}

a {
word-break: break-all;
}

html, body {
height: 100%;
width: 100%;
line-height: 2.5;
-webkit-text-size-adjust: 100%;
font-family: "しまなみ JIS2004", "Shimanami JIS2004", serif;
font-size: 106%;
font-weight: normal;
}

pre {
font-family: "しまなみ JIS2004", "Shimanami JIS2004", serif;
}

h1 { font-size: 2.25em; }
h2 { font-size: 1.875em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.125em; }
h6 { font-size: 0.75em; }

h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}

strong {
font-weight: 900;
}

.clearfix:before, .clearfix:after {
content: '';
display: table;
}

.clearfix:after {
clear: both;
}

a:link, a:visited, a:hover, a:active {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
opacity: 0.5;
transition-duration: 0.4s;
}

hr {
margin: 90px auto;
width: 126px;
border-top: 1px solid #f2974b;
border-right: none;
border-bottom: none;
border-left: none;
}

strong {
color: #8E275C;
font-weight: normal;
}

.txt-red { color: #C00 !important; }
.txt-ore { color: #F60 !important; }
.txt-FFFFFF { color: #FFFFFF !important; }
.txt-333333 { color: #333333 !important; }
.txt-6663333 { color: #666666 !important; }
.txt-999333 { color: #999999 !important; }
.txt-CBB299 { color: #CBB299 !important; }

.txt8 { font-size: 0.5em !important; }
.txt10 { font-size: 0.625em !important; }
.txt12 { font-size: 0.75em !important; }
.txt14 { font-size: 0.875em !important; }
.txt16 { font-size: 1em !important; }
.txt18 { font-size: 1.125em !important; }
.txt20 { font-size: 1.25em !important; }
.txt22 { font-size: 1.375em !important; }
.txt24 { font-size: 1.5em !important; }
.txt26 { font-size: 1.625em !important; }
.txt28 { font-size: 1.75em !important; }
.txt30 { font-size: 1.875em !important; }
.txt32 { font-size: 2em !important; }
.txt34 { font-size: 2.125em !important; }
.txt36 { font-size: 2.25em !important; }
.txt38 { font-size: 2.375em !important; }
.txt40 { font-size: 2.5em !important; }

.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }

.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-80 { padding-top: 80px !important; }
.padding-top-100 { padding-top: 100px !important; }

.br-sp { display: none; }
.br-pc { display: inline; }

.fadein {
opacity: 0;
transform: translate(0, 50px);
transition: all 3000ms cubic-bezier(0.25, 1, 0.5, 1);
}

.fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
}

.fitImg, .fitMovie {
position: absolute;
}

header {
width: 100%;
margin: 0 auto;
padding: 0;
}

#top-header {
width: 100%;
position: relative;
max-width: 1176px;
}

#contents-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}

#contents-header-box {
min-width: 1176px;
margin: 0 auto;
padding: 0;
display: flex;
align-items: center;
}

#contents-logo {
width: 89px;
height: 158px;
margin: 0;
padding: 45px 0 0 80px;
text-indent: -9999px;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}

#contents-logo a {
width: 89px;
height: 158px;
background-image: url(/wp/wp-content/themes/omokage/common/img/header-logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

main {
width: 100vw;
min-width: 1176px;
margin: 0 auto;
padding: 0 0 30px;
position: relative;
z-index: 1;
margin-top: 0;
}

#contents {
width: 100vw;
margin: 0;
padding: 0;
}

#contents-main-img {
width: 100vw;
height: 965px;
position: relative;
}

#contents-main-no-img {
width: 100vw;
height: 200px;
text-indent: -9999px;
}

#contents-main-img img, #contents-main-img video {
width: 100vw;
height: 965px;
object-fit: cover;
display: block;
position: absolute;
top: 0;
left: 0;
}

.contents-wrap {
margin: 0;
padding: 80px 0;
width: 100vw;
}

.contents-box, .contents-box-title {
margin: 0 auto;
padding: 0;
max-width: 1016px;
}

.noise {
background-image: url(/wp/wp-content/themes/omokage/common/img/noise.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
}

.noise-r {
background-image: url(/wp/wp-content/themes/omokage/common/img/noise-r.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right top;
}

.noise-rb {
background-image: url(/wp/wp-content/themes/omokage/common/img/noise-rb.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
}

#contents h1, #information-wrapper h1{
max-width: 1016px;
margin: 10px 0;
padding: 40px 0 40px 50px;
font-size: 2em;
border-left: 6px solid #f2974b;
line-height: 1;
}

#contents h2 {
margin: 0 0 15px;
padding: 0;
font-size: 2.185em;
line-height: 1;
color: #f2974b;
}

#contents h3 {
margin: 0 0 15px;
padding: 0;
font-size: 1.625em;
line-height: 1;
color: #f2974b;
}

#contents h4 {
margin: 0 0 15px;
padding: 0;
color: #fff;
line-height: 1;
}

#contents p {
margin: 0 0 45px;
padding: 0;
}

.txt-box-640 {
width: 640px;
margin: 0 0 90px;
padding: 0;
}

.contents-img {
width: 1176px;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.contents-img img {
margin: 0;
padding: 0;
object-fit: cover;
}

.contents-flex-wrap {
width: 1016px;
margin: 100px auto 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.contents-flex-wrap img {
width: 41%;
margin: 0;
padding: 0;
object-fit: contain;
}

.contents-flex-box {
width: 50%;
margin: 0;
padding: 0;
}

#scroll-button {
width: 1176px;
margin: 0 auto;
padding: 0;
}

#scroll-button a {
margin: 165px 0 0 auto;
padding: 0;
width: 44px;
height: 44px;
background-image: url(/wp/wp-content/themes/omokage/common/img/scroll-button.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
text-indent: -9999px;
}

.center-button a, .left-button a {
color: #1a1a1a;
display: flex;
align-items: center;
justify-content: center;
margin: 70px auto 0;
padding: 0;
width: 273px;
height: 63px;
background-image: url(/wp/wp-content/themes/omokage/common/img/button.svg);
background-repeat: no-repeat;
background-position: center;
font-weight: bold;
text-align: center;
}

.center-button a:hover, .left-button a:hover {
opacity: 0.8;
transition-duration: 0.4s;
}

#home-logo {
margin: 0 auto 135px;
padding: 0;
text-indent: -9999px;
width: 135px;
height: 449px;
background-image: url(/wp/wp-content/themes/omokage/common/img/contents-logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

.home-top {
width: 100vw;
margin: 0 auto;
padding: 225px 0 190px;
}

.home-top p {
font-size: 1.375em !important;
text-align: center !important;
}

.home-top-img {
width: 100vw;
margin: 0 auto;
padding: 0 0 130px;
display: flex;
justify-content: center;
align-items: flex-start;
}

.home-top-img-right {
margin: 180px 0 0;
}

.home-center {
width: 100vw;
margin: 0 auto 35px;
padding: 160px 0 0;
text-align: center;
}

.home-center .swiper-container {
margin: 0 auto 130px !important;
}

.home-contents .swiper-container {
margin: 45px auto 0 !important;
}

.home-contents {
width: 100vw;
margin: 0 auto 135px;
padding: 105px 0 0;
}

.home-contents-box {
margin: 0 auto;
padding: 0;
max-width: 1016px;
}

.home-left-img {
width: 1424px;
margin: 0 auto 135px;
padding: 105px 0 0;
}

.home-right {
width: 1424px;
margin: 0 auto 135px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

.home-txt-box-640 {
width: 640px;
margin: 0 204px 0 0;
padding: 0;
}

.home-right-img {
width: 1220px;
margin: 0;
padding: 0;
}

.home-flex {
width: 100vw;
margin: 0 auto;
padding: 80px 0;
}

.home-flex-wrap {
width: 1176px;
margin: 0 auto 50px;
padding: 0;
display: flex;
justify-content: space-between;
}

.home-flex-box {
width: 38%;
margin: 0 6%;
padding: 0;
}

.home-flex-wrap img {
width: 50%;
margin: 0;
padding: 0;
object-fit: contain;
}

#top-information {
max-width: 1176px;
margin: 80px auto 0;
padding: 0;
}

#top-information-box {
position: relative;
}

.information-box {
max-width: 1016px;
}

.information-list {
width: 320px;
}

.post-thumbnail img {
margin: 0 !important;
padding: 0 !important;
width: 330px;
height: 225px;
object-fit: cover;
}

.information-img {
width: 330px;
height: 225px;
object-fit: cover;
}

.information-date, .information-data-date {
margin: 0 !important;
padding: 0 !important;
color: #a0a0a0;
line-height: 1.5em;
}

.information-data-date {
margin: 80px 0 0 !important;
}

p.information-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.5em;
font-size: 1.125em;
}

h2.information-title {
margin: 10px 0 20px !important;
padding: 0 !important;
line-height: 1.5em;
font-size: 1.875em;
}

/*.swiper-button-next svg, .swiper-button-prev svg {
display: none !important;
}*/

.swiper-button-next, .swiper-button-prev {
color: transparent !important;
}

.swiper-button-prev::after {
top: 0;
left: 0;
height: 34px !important;
width: 34px !important;
background-image: url(/wp/wp-content/themes/omokage/common/img/information-prev.svg) !important;
background-color: #FFFFFF !important;
}

.swiper-button-next::after {
top: 0;
right: 0;
height: 34px !important;
width: 34px !important;
background-image: url(/wp/wp-content/themes/omokage/common/img/information-next.svg) !important;
background-color: #FFFFFF !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
}

#top-instagram {
max-width: 1176px;
margin: 120px auto 0;
padding: 0;
}

#top-instagram-box {
display: flex;
justify-content: space-between;
}

#information-wrapper {
margin: 0;
padding: 80px 0;
width: 100vw;
}

#information-wrapper ul li {
margin: 0 auto 50px;
padding: 0;
}

.information-data-list {
width: 1016px;
margin: 50px auto 50px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.information-data {
margin: 0 auto;
padding: 0;
max-width: 1016px;
}

.information-data h2 {
margin: 0 auto 50px;
padding: 0;
}

#information-wrapper img {
margin: 0 auto 50px;
padding: 0;
width: 100%;
object-fit: contain;
height: auto;
}

#information-wrapper h6 {
margin: 130px 0 0;
font-size: 1.375em;
}

#information-wrapper h6 a:link,
#information-wrapper h6 a:visited,
#information-wrapper h6 a:hover,
#information-wrapper h6 a:active {
color: #CBB299;
}

#page-nation {
margin: 130px auto 0;
padding: 0;
text-align: center;
font-size: 1.375em;
}

#page-nation a:link,
#page-nation a:visited,
#page-nation a:hover,
#page-nation a:active {
color: #fff;
}

#page-nation .page-numbers {
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
margin: 0;
padding: 0;
border: 1px solid #ffffff;
box-sizing: border-box;
text-decoration: none;
color: #333;
font-size: 16px;
}

#page-nation .page-numbers:hover {
background: #f0f0f0;
}

#page-nation .page-numbers.current {
background: #333;
color: #fff;
border-color: #333;
}

#page-nation .page-numbers.dots {
border: 1px dashed #ccc;
color: #999;
}

.workshop-flex-wrap {
width: 1016px;
margin: 0 auto 50px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.workshop-flex-wrap img {
width: 50%;
margin: 0;
padding: 0;
object-fit: contain;
}

.google-map-container {
margin: 0;
padding: 0 0 0 15px;
background-image: url(/wp/wp-content/themes/omokage/common/img/arrow-left.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px;
text-decoration: underline;
}

.workshop-flex-wrap h3,
.workshop-flex-wrap p {
margin: 0 !important;
}

.wpcf7-form {
margin: 50px auto 0;
padding: 0;
width: 730px;
}

.wpcf7-form p {
margin: 20px 0 0 !important;
padding: 0 !important;
line-height: 2em;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control {
margin: 0 !important;
padding: 0 !important;
}

.wpcf7-text {
margin: 0 0 20px;
padding: 8px 1%;
border: none;
width: 98%;
background-color: #F8F8F8;
height: 1.6em;
}

.wpcf7-textarea {
margin: 0 0 15px !important;
padding: 8px 1%;
border: none;
width: 98%;
background-color: #F8F8F8;
}

.wpcf7-div {
margin: 0 0 15px;
padding: 0;
}

.wpcf7-form ::placeholder,
.wpcf7-form :-ms-input-placeholder,
.wpcf7-form ::-ms-input-placeholder {
color: #AAA;
}

.wpcf7-submit {
color: #1a1a1a !important;
display: block !important;
margin: 70px auto 0 !important;
padding: 0 !important;
width: 273px !important;
height: 63px !important;
background-image: url(/wp/wp-content/themes/omokage/common/img/button.svg);
background-repeat: no-repeat;
background-color: #000000 !important;
border: none !important;
font-weight: bold;
}

.wpcf7-submit:hover {
opacity: 0.8;
transition-duration: 0.4s;
}

.screen-reader-response {
display: none;
}

.wpcf7-not-valid-tip, .wpcf7-response-output {
color: #FFF;
line-height: 3em;
font-weight: bold;
border-color: #FF0000!important;
}

.wpcf7-select {
width: 98%;
padding: 5px 10px !important;
color: #1a1a1a;
border: 1px solid #ccc;
border-radius: 0;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(/wp/wp-content/themes/omokage/common/img/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}

footer {
min-width: 940px;
margin: 0 auto;
padding: 60px 0 50px;
background-image: url(/wp/wp-content/themes/omokage/common/img/noise.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
position: relative;
z-index: 0;
}

#footer-box {
width: 940px;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#footer-txt {
margin: 0;
padding: 0;
line-height: 1.8em;
}

#footer-left {
margin: 0;
padding: 0;
width: 50%;
}

#footer-left h2 a {
margin: 20px auto 0;
padding: 0;
text-indent: -9999px;
width: 137px;
height: 245px;
background-image: url(/wp/wp-content/themes/omokage/common/img/header-logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

#footer-right {
margin: 0;
padding: 0;
width: 50%;
}

#footer-bottom {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: space-between;
}

#footer-bottom-box {
margin: 0;
padding: 0;
width: 50%;
}

footer li a {
font-size: 1.3125rem;
display: block;
text-decoration: none;
margin: 0 0 0.5em;
padding: 0 0 0 20px;
background-image: url(/wp/wp-content/themes/omokage/common/img/list.svg);
background-size: 12.6px 14px;
background-repeat: no-repeat;
background-position: left center;
}

#footer-txt {
margin: 65px 0 0;
padding: 0;
color: #b3b3b3;
}

#google-map a {
display: inline-flex;
align-items: center;
gap: 15px;
color: #b3b3b3 !important;
text-decoration: none;
transition: color .4s;
}

#google-map a:hover {
color: #f2974b !important;
}

#google-map svg {
flex-shrink: 0;
transform: translateY(-1px);
}

#footer-copyright {
margin: 30px 0 0;
padding: 0;
color: #b3b3b3;
font-size: 0.75em;
text-align: center;
}

#footer-box a:link, #footer-box a:visited {
color: #FFF;
}

#footer-box a:hover {
color: #f2974b;
opacity: 0.7;
transition-duration: 0.4s;
}

#footer-box a:active {
color: #FFF;
}

footer pre {
margin: 35px 0 0;
padding: 0;
text-align: center;
font-size: 0.937em;
color: #b3b3b3;
}

.entry-footer {
display: none !important;
}

@media screen and (max-width: 768px) {
html, body {
min-width: 320px;
font-size: 3.8vw;
line-height: 2;
}

.br-sp { display: inline; }
.br-pc { display: none; }

.padding-top-50,
.padding-top-80,
.padding-top-100 {
padding-top: 8vw !important;
}

header {
width: 100%;
margin: 0 auto;
padding: 0;
}

#top-header {
width: 100%;
position: relative;
min-width: 320px;
}

#contents-header-box {
min-width: 320px;
}

#contents-logo {
width: 76px;
height: 135px;
text-indent: -9999px;
margin: 50px 0 0 60px;
padding: 0;
}

#contents-logo a {
width: 76px;
height: 135px;
background-image: url(/wp/wp-content/themes/omokage/common/img/header-logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

main {
width: 100vw;
min-width: 320px;
margin: 0 auto;
padding: 0 0 30px;
position: relative;
z-index: 1;
margin-top: 0;
}

#contents-main-img {
width: 100vw;
height: 100vh;
position: relative;
}

#contents-main-img img, #contents-main-img video {
width: 100vw;
height: 100vh;
object-fit: cover;
display: block;
position: absolute;
top: 0;
left: 0;
}

.contents-wrap {
padding: 10vw 0;
margin: 0;
width: 100vw;
}

.contents-box {
width: 90vw;
margin: 0 5vw;
padding: 0;
}

#contents h1, #information-wrapper h1 {
margin: 0;
padding: 7vw 0 7vw 8vw;
font-size: 7.4vw;
border-left: 4px solid #f2974b;
line-height: 1em;
}

#contents h3 {
margin: 5vw 0 10vw;
padding: 0;
font-size: 5.6vw;
line-height: 1.7;
color: #f2974b;
}

#contents h4 {
margin: 5vw 0 10vw;
padding: 0;
color: #fff;
line-height: 1;
}

#contents p {
margin: 0 0 10vw;
padding: 0;
}

.txt-box-640 {
width: 90vw;
margin: 0;
padding: 0;
}

.contents-img {
width: 100vw;
margin: 0 auto 5vw;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.contents-img img {
width: 100vw;
height: 100vw;
margin: 0;
padding: 0;
object-fit: cover;
}

.contents-flex-wrap {
width: 100vw;
margin: 5vw 0;
padding: 0;
}

.contents-flex-wrap img {
width: 90vw;
margin: 0 5vw;
padding: 0;
object-fit: contain;
}

.contents-flex-box {
width: 90vw;
margin: 5vw;
padding: 0;
}

#scroll-button {
width: 100vw;
margin: 0 auto;
padding: 0;
}

#scroll-button a {
margin: 15vw 0 0 auto;
padding: 0 0 0 4.7vw;
width: 44px;
height: 44px;
background-image: url(/wp/wp-content/themes/omokage/common/img/scroll-button.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
text-indent: -9999px;
}

.center-button a, .left-button a {
margin: 9.3vw auto 0;
width: 64vw;
height: 14.8vw;
}

.left-button a {
height: 14.6vw;
}

#home-logo {
margin: 0 auto 21vw;
width: 23vw;
height: 77vw;
}

.home-top {
padding: 21vw 0 12vw;
}

.home-top p {
font-size: 4.6vw !important;
}

.home-top-img {
padding: 0 0 20vw;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}

.home-top-img img {
width: 85.6vw;
margin: 0;
padding: 0;
}

.home-top-img-right {
margin: 12.5vw 0 0 14.4vw !important;
}

.home-center {
margin: 0 0 20vw;
padding: 20vw 0 0;
}

.home-center img, .home-contents img, .home-left-img img {
width: 100vw !important;
height: 113vw !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
}

.home-center .swiper-container {
margin: 0 0 20vw !important;
}

.home-contents {
margin: 0 0 20vw;
padding: 20vw 0 0;
}

.home-contents-box {
width: 100vw;
}

.home-txt-box-640 {
width: 90vw !important;
margin: 0 5vw !important;
padding: 0 !important;
}

.home-contents .swiper-container {
margin: 12.5vw 0 0 !important;
}

.home-left-img {
width: 100vw;
margin: 0 0 20vw;
padding: 0;
}

.home-right {
width: 100vw;
margin: 0 0 0 !important;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

.home-right-img {
width: 100vw;
margin: 0 !important;
padding: 0 !important;
}

.home-flex {
padding: 10vw 0;
}

.home-flex-wrap {
width: 90vw;
margin: 0 5vw;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.home-flex-box {
width: 90vw;
margin: 0;
padding: 0;
}

.home-flex-box h3 {
margin: 5vw 0 0 !important;
}

.home-flex-box p {
margin: 0 0 5vw !important;
}

.home-flex-wrap img {
width: 90vw;
margin: 0;
padding: 0;
object-fit: contain;
}

#top-information {
margin: 15vw auto 0;
padding: 0;
}

.information-list {
margin: 0 auto;
width: 90vw;
}

.information-img {
width: 90vw;
height: 60vw;
}

.swiper-button-disabled,
.swiper-button-lock {
opacity: 0;
pointer-events: none;
visibility: hidden;
}

#information-wrapper {
margin: 12vw 0 18vw;
padding: 0;
width: 100vw;
}

#information-wrapper ul li {
margin: 0 auto 9vw;
}

.information-data-list {
width: 90vw;
margin: 9vw 0 0;
padding: 0;
}

.information-data {
max-width: 90vw;
}

.information-date {
margin: 2.5vw 0 0 !important;
}

.information-data-date {
margin: 2.5vw 0 0 !important;
}

p.information-title,
h2.information-title {
margin: 0 !important;
padding: 0 !important;
}

h2.information-title {
margin: 1.5vw 0 3vw !important;
}

#information-wrapper img {
margin: 0 auto 9vw;
width: 90vw;
object-fit: contain;
height: auto;
}

#information-wrapper h6 {
margin: 14vw 0 0;
font-size: 5.8vw;
}

#page-nation {
margin: 18vw auto 0;
font-size: 5.8vw;
}

.workshop-flex-wrap {
width: 100vw;
margin: 10vw 0;
padding: 0;
}

.workshop-flex-wrap img {
width: 90vw;
margin: 0 5vw;
padding: 0;
object-fit: contain;
}

.google-map-container {
margin: 0;
padding: 0 0 0 15px;
background-image: url(/wp/wp-content/themes/omokage/common/img/arrow-left.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px;
text-decoration: underline;
}

.workshop-flex-wrap h3 {
margin: 0 0 10vw !important;
}

.workshop-flex-wrap p {
margin: 0 0 10vw !important;
}

.wpcf7-form {
margin: 8vw auto 0;
width: 90vw;
}

.wpcf7-form p {
margin: 1.25em 0 0 !important;
}

.wpcf7-submit {
margin: 9.3vw auto 0 !important;
width: 64vw !important;
height: 14.8vw !important;
}

.wpcf7-select {
width: 98%;
padding: 5px 10px !important;
color: #1a1a1a;
border: 1px solid #ccc;
border-radius: 0;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(/wp/wp-content/themes/omokage/common/img/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}

footer {
width: 100vw;
min-width: 320px;
margin: 0;
padding: 8vw 0;
}

#footer-box {
width: 100vw;
}

#footer-left {
margin: 0;
padding: 0;
width: 40%;
}

#footer-left h2 a {
width: 74px;
height: 131px;
}

#footer-right {
margin: 0;
padding: 0;
width: 60%;
}

#footer-bottom {
margin: 0 5vw;
padding: 0;
width: 90vw;
}

#footer-bottom-box {
margin: 0;
padding: 0;
width: 100%;
}

footer li a {
font-size: 3.8vw;
}

#footer-txt {
margin: 18.75vw 0 0;
padding: 0;
font-size: 3.8vw;
}

#footer-copyright {
margin: 3vw 0 0;
padding: 0;
color: #b3b3b3;
font-size: 3.8vw;
line-height: 1.8;
}

#footer-box a:link, #footer-box a:visited {
color: #FFF;
}

#footer-box a:hover {
color: #f2974b;
opacity: 0.7;
transition-duration: 0.4s;
}

#footer-box a:active {
color: #FFF;
}

footer pre {
margin: 7vw 0 0;
padding: 0;
text-align: center;
font-size: 4.2vw;
color: #b3b3b3;
}
}