@charset "UTF-8";

@media print, screen and (max-width:1199px) {

 #door svg {
overflow: visible;
}

#doorWrap {
position: fixed;
background-color: var(--themeColor);
width: 100%;
height: 100vh;
z-index: 5000;
animation: fadeOut forwards 1s 1 ease 4s normal;
}

@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
display: none;
}
}

#door {
position: absolute;;
width: 100%;
height: 100vh;
background-color: var(--themeColor);
transform-origin: center 60%;
}

#door #door_logo {
transform-style: preserve-3d;
perspective: 1000px;
transform-origin: center 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 140px;
width: 80%;
}

#door #door_logo .door {
transform-origin: left center;
transform-box: fill-box;
}

#door #door_logo .open {
animation: openDoor forwards 1s 1 ease 1s normal;
}

@keyframes openDoor {
from {
transform: rotateY(0);
}
to {
transform: rotateY(-170deg) skewY(10deg);
}
}

#doorWrap .zoom {
animation: zoomDoor forwards 3.5s 1 ease 2s normal;
}

@keyframes zoomDoor {
from {
transform: scale(1);
opacity: 1;
display: block;
}
70% {
transform: scale(15);
opacity: 0;
display: block;
}
100% {
transform: scale(15);
opacity: 0;
display: none;
}
}

#teaserWrap {
width: 100%;
padding: 40px 0;
}

#teaserReleaseDate {
width: 72%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 50px;
}

#teaserNewYamagata {
position: relative;
font-size: 2.7rem;
font-weight: 500;
display: table;
margin: 0 auto;
padding-left: 20px;
line-height: 1.3;
}

#teaserNewYamagata::before {
position: absolute;
background-color: #000;
width: 60px;
height: 3px;
content: "";
border-radius: 5px;
transform: rotate(70deg);
top: 40px;
left: -30px;
}

#teaserNewYamagata::after {
position: absolute;
background-color: #000;
width: 60px;
height: 3px;
content: "";
border-radius: 5px;
transform: rotate(-70deg);
top: 40px;
right: -30px;
}

#teaserLogo {
width: 80%;
max-width: 282px;
margin: 30px auto;
margin-bottom: 80px;
}

#teaserSliderFlex {
width: 100%;
overflow: hidden;
}

#teaserSliderCategory {
width: 88%;
margin: 0 auto;
}

#teaserSpeechBubble {
width: 100%;
max-width: 400px;
margin: 0 auto;
margin-bottom: 30px;
}

#teaserCategory ul {
width: 100%;
max-width: 400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

#teaserCategory li {
width: 66px;
margin-bottom: 25px;
transition: .3s;
}

#teaserCategory li:nth-of-type(5),
#teaserCategory li:nth-of-type(6) {
margin-bottom: 0;
}

#teaserCategory li:hover {
opacity: .7;
}

#teaserCategory li img {
width: auto;
height: 44px;
}

.teaserTopWrap {
position: relative;
background-color: #fff;
width: 88%;
max-width: 400px;
margin: 0 auto;
margin-bottom: 20px;
border: 0.5px solid #000;
border-radius: 22px;
}

.teaserTopWrap a {
display: block;
padding: 20px;
}

.teaserTopWrapFlex {
width: 100%;
}

.teaserTopPhoto {
position: relative;
width: 100%;
height: 234px;
margin-bottom: 15px;
overflow: hidden;
border-radius: 15px;
}

.teaserTopPhoto img {
width: 100%;
height: 234px;
object-fit: cover;
}

.teaserTopR {
position: relative;
width: 100%;
text-align: justify;
padding: 5px;
}

.teaserTopR h2 {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.6;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.teaserTopDate {
font-family: var(--font-lexend);
font-size: 1.2rem;
font-weight: 400;
}

.contentsPostCategoryEn {
position: absolute;
width: 102px;
height: 36px;
top: 5px;
left: 10px;
z-index: 1;
}

.teaserTopWrap .life,
.sliderWrap .life,
.contentsPostWrap .life,
.contentsPostWrap2 .life,
.contentsPostWrap3 .life {
background: url("../img/category_life_en.svg") no-repeat;
background-size: 102px;
}

.teaserTopWrap .food,
.sliderWrap .food,
.contentsPostWrap .food,
.contentsPostWrap2 .food,
.contentsPostWrap3 .food {
background: url("../img/category_food_en.svg") no-repeat;
background-size: 102px;
}

.teaserTopWrap .work,
.sliderWrap .work,
.contentsPostWrap .work,
.contentsPostWrap2 .work,
.contentsPostWrap3 .work {
background: url("../img/category_work_en.svg") no-repeat;
background-size: 102px;
}

.teaserTopWrap .learn,
.sliderWrap .learn,
.contentsPostWrap .learn,
.contentsPostWrap2 .learn,
.contentsPostWrap3 .learn {
background: url("../img/category_learn_en.svg") no-repeat;
background-size: 102px;
}

.teaserTopWrap .play,
.sliderWrap .play,
.contentsPostWrap .play,
.contentsPostWrap2 .play,
.contentsPostWrap3 .play {
background: url("../img/category_play_en.svg") no-repeat;
background-size: 102px;
}

.teaserTopWrap .news,
.sliderWrap .news,
.contentsPostWrap .news,
.contentsPostWrap2 .news,
.contentsPostWrap3 .news {
background: url("../img/category_news_en.svg") no-repeat;
background-size: 102px;
}

/**/

#contentsWrap {
position: relative;
width: 100%;
margin: 0 auto;
}

header {
position: relative;
width: 100%;
margin: 0 auto;
padding: 15px 20px 20px;
}

header #logo {
display: none;
}

header #logoSp {
width: 80%;
}

#logoSpNav {
width: 140px;
margin: 0 auto;
padding-top: 40px;
}

.hamburger {
position: absolute;
display: block;
width: 23px;
height: 20px;
right: 20px;
top: 26px;
cursor: pointer;
text-align: center;
z-index: 1004;
}

.hamburger span {
position: absolute;
background-color: #000;
display: block;
width: 23px;
height: 3px ;
left: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
top: 0;
}

.hamburger span:nth-child(2) {
top: 8px;
}

.hamburger span:nth-child(3) {
top: 16px;
}

.hamburger.active span:nth-child(1) {
top: 8px;
left: 0;
background: #000;
transform : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 8px;
background: #000;
transform : rotate(45deg);
}

#spSearch {
position: absolute;
width: 25px;
z-index: 100;
top: 57px;
right: 20px;
}

.sb-search {
position: absolute;
width: 0%;
min-width: 0;
height: 760px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
top: -15px;
right: 35px;
}

.sb-search-input {
position: absolute;
background: #fff;
font-family: var(--font-primary);
width: 100%;
height: 50px;
font-size: 1.4rem;
color: var(--txtColor);
margin: 0;
padding: 10px;
top: 0;
right: 0;
border: 0.5px solid #000;
outline: none;
z-index: 10;
}

input[type="search"].sb-search-input {
border-radius: 10px;
}

.sb-search-submit  {
display: none;
}

.sb-icon-search {
cursor: pointer;
}

.sb-icon-search:before {
content: "";
}

.sb-search.sb-search-open,
.no-js .sb-search {
width: 72vw;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
z-index: 11;
}

#globalNav {
position: fixed;
background-color: var(--themeColor);
z-index : 1001;
top: 0;
left: 0;
color: #fff;
text-align: center;
width: 100%;
height: 100%;
transform: translateX(-100%);
transition: all 0.6s;
}

#globalNav.active {
opacity: 1;
display: block;
transform: translateX(0%);
}

#globalNav ul {
position: relative;
width: 180px;
text-align: center;
margin: auto;
padding-top: 30px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

#globalNav ul li {
width: 66px;
margin: 0 auto;
margin-bottom: 15px;
transition: .3s;
}

#globalNav ul li:hover {
opacity: .7;
}

#globalNav ul li img {
width: auto;
height: 50px;
}

#aboutYamagata {
width: 150px;
margin: 0 auto;
margin-top: 10px;
}

#snsNav {
margin: 0 auto;
margin-top: 25px !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
}

#snsNav li {
width: 36px !important;
margin: 0 5px;
}

#globalContents {
width: 100%;
}

#contentsNewYamagata {
display: none;
}

#newYamagata {
}

#globalContentsFlex {
}

#globalContentsGrid {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.contentsPostWrap,
.contentsPostWrapGrid {
position: relative;
background-color: #fff;
width: 88%;
font-size: 1.2rem;
text-align: justify;
margin: 0 auto;
margin-bottom: 20px;
border: 0.5px solid #000;
border-radius: 22px;
}

.contentsPostWrapGrid {
width: 48%;
margin: 0 0 15px;
border-radius: 15px;
}

.contentsPostWrapGrid:nth-child(1) {
width: 100%;
}

.contentsPostWrap a {
display: block;
padding: 20px;
}

.contentsPostWrapGrid a {
display: block;
padding: 15px;
}

.contentsPostWrap .contentsPostWrapFlex {
}

.contentsPostWrap .contentsPostPhoto,
.contentsPostWrapGrid .contentsPostPhoto,
.contentsPostWrap .contentsPostPhotoMekureba-yamagata {
position: relative;
width: 100%;
height: 234px;
margin-bottom: 10px;
overflow: hidden;
border-radius: 10px;
}

.contentsPostWrap .contentsPostPhotoMekureba-yamagata {
height: auto;
}

.contentsPostWrapGrid .contentsPostPhoto {
height: 108px;
border-radius: 10px;
}

.contentsPostWrap .contentsPostPhoto img,
.contentsPostWrap .contentsPostPhotoMekureba-yamagata img {
width: 100%;
height: 234px;
object-fit: cover;
transition: .6s;
}

.contentsPostWrap .contentsPostPhotoMekureba-yamagata img {
height: auto;
}

.contentsPostWrapGrid:nth-child(1) .contentsPostPhoto {
height: 134px;
}

.contentsPostWrapGrid .contentsPostPhoto img {
width: 100%;
height: 108px;
object-fit: cover;
transition: .6s;
}

.contentsPostWrapGrid:nth-child(1) .contentsPostPhoto img {
height: 134px;
}

.contentsPostWrap .contentsPostR {
position: relative;
width: 100%;
text-align: justify;
padding: 5px;
}

.contentsPostWrap .contentsPostR h2 {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.6;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.contentsPostWrapGrid:nth-child(1) h2 {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.6;
}

.contentsPostWrapGrid:nth-child(1) h2 br {
display: none;
}

.contentsPostWrapGrid h2 {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6;
}

.contentsPostDate {
font-family: var(--font-lexend);
font-size: 1.2rem;
font-weight: 400;
}

.contentsPostWrap .contentsPostCategoryEn,
.contentsPostWrapGrid .contentsPostCategoryEn {
position: absolute;
width: 80px;
top: 5px;
left: 10px;
z-index: 1;
}

.contentsPostWrap .contentsPostCategoryEn img,
.contentsPostWrapGrid .contentsPostCategoryEn img {
width: 100%;
}

.teaserTopWrap .life,
.sliderWrap .life,
.contentsPostWrap .life,
.contentsPostWrapGrid .life {
background: url("../img/category_life_en.svg") no-repeat;
background-size: 80px;
}

.teaserTopWrap .food,
.sliderWrap .food,
.contentsPostWrap .food,
.contentsPostWrapGrid .food {
background: url("../img/category_food_en.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .work,
.sliderWrap .work,
.contentsPostWrap .work,
.contentsPostWrapGrid .work {
background: url("../img/category_work_en.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .learn,
.sliderWrap .learn,
.contentsPostWrap .learn,
.contentsPostWrapGrid .learn {
background: url("../img/category_learn_en.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .play,
.sliderWrap .play,
.contentsPostWrap .play,
.contentsPostWrapGrid .play {
background: url("../img/category_play_en.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .news,
.sliderWrap .news,
.contentsPostWrap .news,
.contentsPostWrapGrid .news {
background: url("../img/category_news_en.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .mekureba-yamagata,
.sliderWrap .mekureba-yamagata,
.contentsPostWrap .mekureba-yamagata,
.contentsPostWrapGrid .mekureba-yamagata {
background: url("../img/category_mekureba_yamagata.svg") no-repeat;
background-size: 110px;
width: 140px;
}

.teaserTopWrap .present,
.sliderWrap .present,
.contentsPostWrap .present,
.contentsPostWrapGrid .present {
background: url("../img/category_present.svg") no-repeat;
width: 80px;
}

.teaserTopWrap .montedio,
.sliderWrap .montedio,
.contentsPostWrap .montedio,
.contentsPostWrapGrid .montedio {
background: url("../img/category_montedio.svg") no-repeat;
background-size: 90px;
width: 90px
}

.teaserTopWrap .website,
.sliderWrap .website,
.contentsPostWrap .website,
.contentsPostWrapGrid .website {
background: url("../img/category_website.svg") no-repeat;
background-size: 66px;
width: 66px;
}

.categoryTaglife,
.categoryTagfood,
.categoryTagwork,
.categoryTaglearn,
.categoryTagplay,
.categoryTagnews,
.categoryTagColife,
.categoryTagCofood,
.categoryTagCowork,
.categoryTagColearn,
.categoryTagCoplay,
.categoryTagConews{
position: relative;
font-weight: 500;
text-align: left;
margin: 20px 0;
padding-left: 16px;
line-height: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

#globalContentsGrid .categoryTaglife,
#globalContentsGrid .categoryTagfood,
#globalContentsGrid .categoryTagwork,
#globalContentsGrid .categoryTaglearn,
#globalContentsGrid .categoryTagplay,
#globalContentsGrid .categoryTagnews,
#globalContentsGrid .categoryTagColife,
#globalContentsGrid .categoryTagCofood,
#globalContentsGrid .categoryTagCowork,
#globalContentsGrid .categoryTagColearn,
#globalContentsGrid .categoryTagCoplay,
#globalContentsGrid .categoryTagConews,
.categoryTagmekureba-yamagata,
.categoryTagpresent,
.categoryTagmontedio,
.categoryTagwebsite,
.categoryTagComekureba-yamagata,
.categoryTagCopresent,
.categoryTagComontedio,
.categoryTagCowebsite {
position: relative;
margin: 10px 0;
padding-left: 16px;
line-height: 1;
}

.categoryTaglife::before,
.categoryTagfood::before,
.categoryTagwork::before,
.categoryTaglearn::before,
.categoryTagplay::before,
.categoryTagnews::before,
.categoryTagColife::before,
.categoryTagCofood::before,
.categoryTagCowork::before,
.categoryTagColearn::before,
.categoryTagCoplay::before,
.categoryTagConews::before,
.categoryTagmekureba-yamagata::before,
.categoryTagpresent::before,
.categoryTagmontedio::before,
.categoryTagwebsite::before,
.categoryTagComekureba-yamagata::before,
.categoryTagCopresent::before,
.categoryTagComontedio::before,
.categoryTagCowebsite::before {
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 6px 0 6px 10px;
position: absolute;
top: 1px;
left: 2px;
bottom: 0;
margin: auto;
}

.categoryTaglife::before,
.categoryTagColife::before{
border-color: transparent transparent transparent #00AD7E;
}

.categoryTagfood::before,
.categoryTagCofood::before {
border-color: transparent transparent transparent #D96507;
}

.categoryTagwork::before,
.categoryTagCowork::before {
border-color: transparent transparent transparent #A9367E;
}

.categoryTaglearn::before,
.categoryTagColearn::before {
border-color: transparent transparent transparent #006BA5;
}

.categoryTagplay::before,
.categoryTagCoplay::before {
border-color: transparent transparent transparent #E63B47;
}

.categoryTagnews::before,
.categoryTagConews::before {
border-color: transparent transparent transparent #F6AC17
}

.categoryTagmekureba-yamagata::before,
.categoryTagpresent::before,
.categoryTagmontedio::before,
.categoryTagwebsite::before,
.categoryTagComekureba-yamagata::before,
.categoryTagCopresent::before,
.categoryTagComontedio::before,
.categoryTagCowebsite::before {
border-color: transparent transparent transparent #999;
}

.mekureba-yamagataWrap {
background-color: #ffde59 !important;
height: auto;
}

.mekureba-yamagataWrapCo {
background-color: #ffde59 !important;
}

.mekurebayamagataFixed {
font-size: 1.3rem;
margin-bottom: 30px;
padding: 15px 0;
border-top: 1px solid var(--txtColor);
border-bottom: 1px solid var(--txtColor);
}

.mekureba-yamagataWrapCo a {
color: #C80003;
text-decoration: underline;
}

.tagLinks a {
color: var(--txtColor) !important;
text-decoration: none !important;
}

/*category*/

#categoryLine {
display: none;
}

#categoryLineSp {
width: 100%;
height: 4px;
margin-bottom: 30px;
}

.lifeBgColor { background-color: #00AD7E; }
.foodBgColor { background-color: #D96507; }
.workBgColor { background-color: #A9367E; }
.learnBgColor { background-color: #006BA5; }
.playBgColor { background-color: #E63B47 }
.newsBgColor { background-color: #F6AC17; }
.searchBgColor { background-color: #000; }

#categoryTitleLife,
#categoryTitleFood,
#categoryTitleWork,
#categoryTitleLearn,
#categoryTitlePlay,
#categoryTitleNews,
#categoryTitleSearch {
width: 88%;
min-height: 56px;
font-family: var(--font-stix);
font-size: 1.4rem;
text-align: left;
margin: 0 auto;
margin-bottom: 30px;
padding-left: 70px;
letter-spacing: .2em;
line-height: 1.2;
}

#categoryTitleLife {
background: url("../img/icon_life.png") no-repeat left;
background-size: 54px;
color: #00AD7E;
}

#categoryTitleFood {
background: url("../img/icon_food.png") no-repeat left;
background-size: 54px;;
color: #D96507;
}

#categoryTitleWork {
background: url("../img/icon_work.png") no-repeat left;
background-size: 54px;
color: #A9367E;
}

#categoryTitleLearn {
background: url("../img/icon_learn.png") no-repeat left;
background-size: 54px;
color: #006BA5;
}

#categoryTitlePlay {
background: url("../img/icon_play.png") no-repeat left;
background-size: 54px;
color: #E63B47;
}

#categoryTitleNews {
background: url("../img/icon_news.png") no-repeat left;
background-size: 54px;
color: #F6AC17;
}

#categoryTitleSearch {
background: url("../img/icon_search.png") no-repeat left;
background-size: 54px;
color: #000;
}

#categoryTitleLife span,
#categoryTitleFood span,
#categoryTitleWork span,
#categoryTitleLearn span,
#categoryTitlePlay span,
#categoryTitleNews span,
#categoryTitleSearch span {
font-family: var(--font-primary);
font-size: 2.8rem;
font-weight: 700;
display: block;
color: var(--txtColor);
letter-spacing: 0;
}

.postHidden {
display: none;
}

.fade-in {
transition: opacity 0.5s ease;
opacity: 0;
}

.fade-in.show {
opacity: 1;
}

#postMoreBtnTop,
#postMoreBtn {
position: relative;
background-color: #fff;
width: 192px;
height: 52px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
color: var(--txtColor);
margin: 30px auto;
padding-bottom: 3px;
cursor: pointer;
border: 3px solid #000;
border-radius: 100px;
transition: .3s;
line-height: 42px;
}

/*post*/

#breadcrumb {
width: 88%;
text-align: left;
margin: 0 auto;
margin-bottom: 30px;
line-height: 1.5;
}

#breadcrumb a {
text-decoration: underline;
}

#breadcrumb br {
display: none;
}

#globalPost {
background-color: #fff;
width: 88%;
margin: 0 auto;
padding: 22px;
border: 0.5px solid #000;
border-radius: 15px;
overflow: hidden;
}

#globalPostHeader {
width: 100%;
text-align: left;
padding-bottom: 30px;
border-bottom: 1px solid #707070;
}

#globalPostPhoto {
position: relative;
width: 100%;
margin-bottom: 20px;
}

#globalPostPhoto img {
width: 100%;
border-radius: 10px;
}

.wp-block-image {
position: relative;
}

/*
.montedioWrapCo #globalPostPhoto::after,
.montedioWrapCo .wp-block-image::after {
position: absolute;
background-color: rgba(255,255,255,.7);
width: 90px;
height: 22px;
font-size: 1rem;
font-weight: 700;
text-align: center;
content: "©MONTEDIO";
line-height: 20px;
z-index: 1;
left: 0;
bottom: 0;
}
*/

#globalPostDetail {
position: relative;
width: 100%;
}

#globalPostDetail h1 {
font-size: 2.2rem;
font-weight: 500;
line-height: 1.5;
margin-bottom: 15px;
}

.categoryTagColife,
.categoryTagCofood,
.categoryTagCowork,
.categoryTagColearn,
.categoryTagCoplay,
.categoryTagConews {
font-size: 1.6rem;
margin-bottom: 20px;
}

#globalPostInner,
#globalPostInnerCo {
width: 100%;
text-align: justify;
margin: 0 auto;
padding: 30px 0 0;
}

#globalPostInner a,
#globalPostInnerCo a {
text-decoration: underline;
}

#globalPostInner h2,
#globalPostInnerCo h2 {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 25px;
line-height: 1.5;
}

#globalPostInner h3,
#globalPostInnerCo h3 {
position: relative;
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 25px;
padding-left: 25px;
line-height: 1.6;
}

#globalPostInner h3::before,
#globalPostInnerCo h3::before {
position: absolute;
background-color: #000;
width: 16px;
height: 1px;
content: "";
top: 12px;
left: 0;
}

#globalPostInner h4,
#globalPostInnerCo h4 {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 25px;
line-height: 1.8;
}

#globalPostInner h4 span,
#globalPostInnerCo h4 span {
border-bottom: 2px dotted #000;
}

#globalPostInner img,
#globalPostInnerCo img {
border-radius: 15px;
}

#globalPostInner ol {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin: 0 0 25px;
}

#globalPostInner ol li {
position: relative;
font-size: 1.4rem;
padding-left: 26px;
}

#globalPostInner ol li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #000;
border: 1px solid;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
height: 22px;
width: 22px;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
padding-top: 2px;
line-height: 1;
position: absolute;
top: 1.5px;
left: 0;
}

#globalPostInner ul {
list-style: disc;
padding-inline-start: 20px;
margin: 0 0 30px;
}

blockquote {
position: relative;
background-color: #fff;
margin: 30px auto;
padding: 30px 25px;
border: 0.5px solid #000;
border-radius: 10px;
}

blockquote p:last-of-type {
margin-bottom: 0;
}

blockquote:before {
position: absolute;
font-family: 'FontAwesome';
content:'\f10d';
font-size: 1.6rem;
top: 10px;
left: 20px;
}

blockquote:after {
position: absolute;
font-family: 'FontAwesome';
content:'\f10e';
font-size: 1.6rem;
right: 20px;
bottom: 10px;
}

blockquote cite {
display: block;
font-size: 1.2rem;
text-align: right;
padding-right: 20px;
}

.wp-block-table table {
width: 100%;
margin: 30px auto;
border-bottom: 0.5px solid #000;
}

.wp-block-table td {
background-color: #f1f1f1;
padding: 10px 15px;
border-left: 0.5px solid #000;
border-top: 0.5px solid #000;
border-right: 0.5px solid #000;
vertical-align: middle;
display: block;
}

.wp-block-table td:nth-child(2n) {
background-color: #fff;
width: 100%;
}

.alignright {
float: right;
margin: 0 0 50px 50px;
}

.alignleft {
float: left;
margin: 0 50px 50px 0;
}

.aligncenter {
display: block;
margin: 0 auto;
}

#prevNextWrap {
width: 88%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}

.btnPrevWrap,
.btnNextWrap {
position: relative;
min-width: 100px;
}

.btnBack {
position: relative;
background-color: #fff;
font-family: var(--font-primary);
width: 192px;
height: 52px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
color: var(--txtColor);
margin: 30px auto;
padding-bottom: 3px;
cursor: pointer;
border: 3px solid #000;
border-radius: 100px;
transition: .3s;
}

.btnPrev,
.btnNext {
position: relative;
font-family: var(--font-primary);
font-size: 1.8rem;
font-weight: 700;
color: #000;
margin: 0;
transition: .3s;
}

.btnPrev {
background: url("../img/arrow_prev.png") no-repeat left;
background-size: 17px;
text-align: left;
padding-left: 28px;
}

.btnNext {
background: url("../img/arrow_next.png") no-repeat right;
background-size: 17px;
text-align: right;
padding-right: 28px;
}

.searchResultsWrap {
position: relative;
background-color: #fff;
width: 88%;
font-size: 1.6rem;
font-weight: 500;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
padding: 30px;
border: 0.5px solid #000;
border-radius: 22px;
}

.searchResultsWrap2 {
position: relative;
width: 88%;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}

/**/

#contactWrap {
width: 96%;
margin: 20px auto;
}

#contactWrap p {
margin-bottom: 0;
}

.contact {
width: 100%;
text-align: left;
margin: 0 auto;
padding: 20px 0;
border-top: 1px dotted #ccc;
}

.contactL {
width: 100%;
margin-bottom: 10px;
}

.contactR {
width: 100%;
}

.required {
position: relative;
background-color: #E31619;
width: 40px;
height: 18px;
font-size: 1rem;
font-weight: 700;
text-align: center;
color: #fff;
display: inline-block;
margin-left: 15px;
border-radius: 2px;
line-height: 17px;
top: -2px;
}

.contactR .inputW {
background-color: #f2f2f2;
font-family: var(--font-primary);
width: 100%;
height: 80px;
font-size: 1.4rem;
font-weight: 400;
padding: 20px;
border: 1px solid #f2f2f2;
border-radius: 5px;
transform: .5s;
}

.contactR .inputW:hover {
background-color: #fff;
border: 1px solid var(--themeColor);
}

.contactR textarea {
background-color: #f2f2f2;
font-family: var(--font-primary);
width: 100%;
height: 200px;
font-size: 1.4rem;
font-weight: 400;
color: var(--txtColor);
padding: 20px;
border: 1px solid #f2f2f2;
border-radius: 5px;
}

.contactR textarea:hover {
background-color: #fff;
border: 1px solid var(--themeColor);
}

.contactR input[type="radio"] {
opacity: 0;
visibility: hidden;
position: absolute;
}

.contactR .wpcf7-list-item {
display: block;
}

.formR .wpcf7-list-item.first {
margin-left: 0;
}

.contactR .radioWrap span.wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
margin-left: -15px;
margin-right: 10px;
}

.contactR .radioWrap span.wpcf7-list-item-label::before {
display: block;
content: "";
border-radius: 50%;
border: 1px solid #ccc;
width: 18px;
height: 18px;
margin-right: 5px;
margin-top: 3px;
}

.contactR .radioWrap span.wpcf7-list-item-label::after {
position: absolute;
content: "";
border-radius: 50%;
width: 8px;
height: 8px;
background-color: #fff;
left: 5px;
top: 50%;
transform: translateY(-50%);
display: none;
margin-top: 1.5px;
}

.contactR .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::after {
display: block;
}

.contactR .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::before {
display: block;
background-color: #000;
}

.contactR .checkWrap input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.contactR .checkWrap input[type="checkbox"] {
display: flex;
flex-wrap: wrap;
gap: .5em 2em;
border: none;
}

.contactR .checkWrap .wpcf7-list-item {
display: inline-block;
}

.contactR .checkWrap .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
gap: 0 .3em;
cursor: pointer;
left: -12px;
}

.contactR .checkWrap .wpcf7-list-item label::before,
.contactR .checkWrap .wpcf7-list-item label:has(:checked)::after {
content: '';
}

.contactR .checkWrap .wpcf7-list-item label::before {
position: relative;
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #000;
top: 1px;
}

.contactR .checkWrap .wpcf7-list-item label:has(:checked)::before {
background-color: #000;
}

.contactR .checkWrap .wpcf7-list-item label:has(:checked)::after {
position: absolute;
top: 6px;
left: 6px;
transform: rotate(45deg);
width: 8px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

.submitWrap {
position: relative;
width: 100%;
text-align: center;
margin: 0 auto;
padding-top: 30px;
border-top: 1px dotted #ccc;
}

.wpcf7-submit {
background-color: #ED9F0C;
font-family: var(--font-primary);
width: 100%;
height: 70px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
padding-bottom: 5px;
cursor: pointer;
transition: .3s;
border: 2px solid #ED9F0C;
border-radius: 500px;
}

.thanksTxt {
color: var(--txtColor);
margin-top: 30px;
}


/**/

footer {
background-color: #fff;
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
padding: 45px 0 120px;
border-radius: 50px 50px 0 0;
}

#footerInner {
width: 90%;
margin: 0 auto;
}

#footerL {
width: 100%;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}

#logoFooter {
width: 78px;
margin: 0 auto;
margin-bottom: 15px;
}

#yamagataShimbun {
background: url("../img/icon_yamagatashinbun.png") no-repeat right 0px;
background-size: 18px;
font-size: 1.6rem;
font-weight: 500;
margin: 0 auto;
padding-right: 24px;
display: table;
border-bottom: 1px solid #000;
line-height: 22px;
}

#footerNav ul {
font-weight: 500;
margin: 0 auto;
}

#footerNav ul li {
margin-bottom: 10px;
}

#footerNavS ul {
font-size: 1.2rem !important;
font-weight: 500;
margin: 0 auto;
margin-top: 20px;
}

#footerNavS ul li {
margin-bottom: 10px;
}

#copyright {
font-family: var(--font-lexend);
font-size: 1rem;
font-weight: 400;
margin-top: 20px;
}

#pagetop {
display: none;
}

#pagetopSp {
width: 72px;
margin: 0 auto;
}

#globalNavF {
position: fixed;
background-color: #000;
width: 94%;
height: 78px;
margin: auto;
border-radius: 10px;
z-index: 100;
left: 0;
right: 0;
bottom: 12px;
}

#globalNavF ul {
display: flex;
justify-content: center;
line-height: 56px;
}

#globalNavF ul li {
width: 40px;
margin: 0 3%;
}

#globalNavF ul li img {
width: auto;
height: 38px;
}

/**/

.orderBox { 
display: flex;
flex-direction: column;
}

.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }

.alignright,
.alignleft,
.aligncente {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

}