@charset "UTF-8";

@media print, screen and (min-width:1200px) {

#door svg {
overflow: visible;
}

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

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

#door {
position: absolute;
width: 100%;
height: 100vh;
transform-origin: center 57%;
}

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

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

#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(35);
opacity: 0;
display: block;
}
100% {
transform: scale(35);
opacity: 0;
display: none;
}
}

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

#teaserReleaseDate {
width: 358px;
margin: 0 auto;
margin-bottom: 30px;
}

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

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

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

#teaserLogo {
width: 322px;
margin: 80px auto;
}

#logoSpNav {
display: none;
}

#teaserSliderFlex {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}

#teaserSliderCategory {
width: 420px;
padding: 0 40px 0 60px;
display: flex;
justify-content: space-between;
}

#teaserSpeechBubble {
width: 129px;
}

#teaserCategory ul {
width: 150px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#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: 68px;
}

.teaserTopWrap {
display: none;
}

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

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

/**/

#contentsWrap {
position: relative;
width: 96%;
max-width: 1732px;
margin: 0 auto;
padding: 60px 30px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

header {
width: 100%;
}

#header {
width: 160px;
}

header #logo {
width: 160px;
}

header #logoSp {
display: none;
}

.hamburger {
display: none;
}

#globalNav {
margin: 60px auto;
margin-bottom: 30px;
}

#globalNav ul {
width: 150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

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

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

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

#aboutYamagata {
margin-top: 30px;
}

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

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

#snsNav li img {
width: auto;
height: 36px !important;
}

#globalContents {
width: 100%;
max-width: 1280px;
margin: 0 40px 0 60px;
}

#contentsNewYamagata {
position: relative;
width: 48px;
font-size: 2rem;
font-weight: 500;
text-align: center;
margin-top: 10px;
}

.sb-search {
position: absolute;
width: 0%;
min-width: 0;
height: 60px;
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: 60px;
}

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

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

.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: 400px;
}

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

#spSearch {
display: none;
}

#newYamagata {
font-size: 2rem;
font-weight: 500;
writing-mode: vertical-rl;
margin: 0 auto;
margin-top: 70px;
letter-spacing: .3em;
}

#globalContentsFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#globalContentsGrid {
margin-bottom: 60px;
display: grid;
grid-gap: 24px;
grid-template-rows: auto;
}

.contentsPostWrap {
position: relative;
background-color: #fff;
width: 49%;
height: 254px;
text-align: justify;
margin-bottom: 22px;
border: 0.5px solid #000;
border-radius: 22px;
overflow: hidden;
}

.contentsPostWrapGrid {
position: relative;
background-color: #fff;
height: 254px;
text-align: justify;
border: 0.5px solid #000;
border-radius: 22px;
overflow: hidden;
}

.contentsPostWrapGrid:nth-child(1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
height: 423px;
}

.contentsPostWrapGrid:nth-child(10) {
grid-column: 1 / 3;
grid-row: 7 / 9;
height: 423px;
}

.contentsPostWrapGrid:nth-child(19) {
grid-column: 1 / 3;
grid-row: 13 / 15;
height: 423px;
}

.contentsPostWrapGrid:nth-child(2) {
grid-column: 3 / 4;
grid-row: 1 / 3;
height: 423px;
}

.contentsPostWrapGrid:nth-child(11) {
grid-column: 3 / 4;
grid-row: 7 / 9;
height: 423px;
}

.contentsPostWrapGrid:nth-child(20) {
grid-column: 3 / 4;
grid-row: 13 / 15;
height: 423px;
}

.contentsPostWrapGrid:nth-child(3) {
height: 199px;
grid-column: 4 / 5;
grid-row: 1 / 2;
}

.contentsPostWrapGrid:nth-child(12) {
height: 199px;
grid-column: 4 / 5;
grid-row: 7 / 8;
}

.contentsPostWrapGrid:nth-child(21) {
height: 199px;
grid-column: 4 / 5;
grid-row: 13 / 14;
}

.contentsPostWrapGrid:nth-child(4) {
height: 199px;
grid-column: 4 / 5;
grid-row: 2 / 3;
}

.contentsPostWrapGrid:nth-child(13) {
height: 199px;
grid-column: 4 / 5;
grid-row: 8 / 9;
}

.contentsPostWrapGrid:nth-child(22) {
height: 199px;
grid-column: 4 / 5;
grid-row: 14 / 15;
}

.contentsPostWrapGrid:nth-child(5) {
grid-column: 1 / 2;
grid-row: 3 / 5;
height: 423px;
}

.contentsPostWrapGrid:nth-child(14) {
grid-column: 1 / 2;
grid-row: 9 / 11;
height: 423px;
}

.contentsPostWrapGrid:nth-child(23) {
grid-column: 1 / 2;
grid-row: 15 / 17;
height: 423px;
}

.contentsPostWrapGrid:nth-child(6) {
grid-column: 2 / 3;
grid-row: 3 / 5;
height: 423px;
}

.contentsPostWrapGrid:nth-child(15) {
grid-column: 2 / 3;
grid-row: 9 / 11;
height: 423px;
}

.contentsPostWrapGrid:nth-child(24) {
grid-column: 2 / 3;
grid-row: 15 / 17;
height: 423px;
}

.contentsPostWrapGrid:nth-child(7) {
grid-column: 1 / 2;
height: 423px;
grid-row: 5 / 7;
}

.contentsPostWrapGrid:nth-child(16) {
grid-column: 1 / 2;
height: 423px;
grid-row: 11 / 13;
}

.contentsPostWrapGrid:nth-child(25) {
grid-column: 1 / 2;
height: 423px;
grid-row: 17 / 19;
}

.contentsPostWrapGrid:nth-child(8) {
grid-column: 2 / 3;
grid-row: 5 / 7;
height: 423px;
}

.contentsPostWrapGrid:nth-child(17) {
grid-column: 2 / 3;
grid-row: 11 / 13;
height: 423px;
}

.contentsPostWrapGrid:nth-child(26) {
grid-column: 2 / 3;
grid-row: 17 / 19;
height: 423px;
}

.contentsPostWrapGrid:nth-child(9) {
height: 869px;
grid-column: 3 / 5;
grid-row: 3 / 7;
}

.contentsPostWrapGrid:nth-child(18) {
height: 869px;
grid-column: 3 / 5;
grid-row: 9 / 13;
}

.contentsPostWrapGrid:nth-child(27) {
height: 869px;
grid-column: 3 / 5;
grid-row: 15 / 19;
}

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

.contentsPostWrap a:hover .contentsPostPhoto img,
.contentsPostWrapGrid a:hover .contentsPostPhoto img,
.contentsPostWrap a:hover .contentsPostPhotoMekureba-yamagata img {
transform: scale(1.07,1.07);
}

.contentsPostWrap .contentsPostWrapFlex {
display: flex;
justify-content: space-between;
}

.contentsPostWrapGrid:nth-child(3) .contentsPostWrapFlex34,
.contentsPostWrapGrid:nth-child(4) .contentsPostWrapFlex34,
.contentsPostWrapGrid:nth-child(12) .contentsPostWrapFlex34,
.contentsPostWrapGrid:nth-child(13) .contentsPostWrapFlex34,
.contentsPostWrapGrid:nth-child(21) .contentsPostWrapFlex34,
.contentsPostWrapGrid:nth-child(22) .contentsPostWrapFlex34 {
display: flex;
justify-content: space-between;
}

.contentsPostWrap .contentsPostPhoto {
position: relative;
width: 55%;
height: 214px;
overflow: hidden;
border-radius: 15px;
}

.contentsPostPhotoMekureba-yamagata {
position: relative;
width: 55%;
height: px;
overflow: hidden;
border-radius: 15px;
}

.contentsPostWrapGrid .contentsPostPhoto {
position: relative;
width: 100%;
height: 214px;
margin-bottom: 12px;
overflow: hidden;
border-radius: 15px;
}

.contentsPostWrapGrid:nth-of-type(1) .contentsPostPhoto,
.contentsPostWrapGrid:nth-of-type(10) .contentsPostPhoto,
.contentsPostWrapGrid:nth-of-type(19) .contentsPostPhoto {
width: 100%;
height: 268px;
}

.contentsPostWrapGrid:nth-child(2) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(11) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(20) .contentsPostPhoto{
width: 100%;
height: 214px;
}

.contentsPostWrapGrid:nth-child(5) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(6) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(7) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(8) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(14) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(15) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(16) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(17) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(23) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(24) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(25) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(26) .contentsPostPhoto {
height: 214px;
}

.contentsPostWrapGrid:nth-child(3) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(4) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(12) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(13) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(21) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(22) .contentsPostPhoto {
width: 80px;
height: 160px;
order: 2;
}

.contentsPostWrapGrid:nth-child(9) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(18) .contentsPostPhoto,
.contentsPostWrapGrid:nth-child(27) .contentsPostPhoto {
width: 100%;
height: 659px;
margin-bottom: 12px;
}

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

.contentsPostWrap .contentsPostPhotoMekureba-yamagata img {
height: 357px;
}

.contentsPostWrapGrid:nth-child(1) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(2) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(10) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(11) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(19) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(20) .contentsPostPhoto img {
height: 268px;
}

.contentsPostWrapGrid:nth-child(3) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(4) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(12) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(13) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(21) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(22) .contentsPostPhoto img {
width: 80px;
height: 160px;
}

.contentsPostWrapGrid:nth-child(9) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(18) .contentsPostPhoto img,
.contentsPostWrapGrid:nth-child(27) .contentsPostPhoto img {
width: 100%;
height: 659px;
}

.contentsPostWrap .contentsPostPhoto img:hover,
.contentsPostWrapGrid .contentsPostPhoto img:hover {
transform: scale(1.07,1.07);
}

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

.contentsPostWrapGrid:nth-child(3) .contentsPostL,
.contentsPostWrapGrid:nth-child(4) .contentsPostL,
.contentsPostWrapGrid:nth-child(12) .contentsPostL,
.contentsPostWrapGrid:nth-child(13) .contentsPostL,
.contentsPostWrapGrid:nth-child(21) .contentsPostL,
.contentsPostWrapGrid:nth-child(22) .contentsPostL {
width: 60%;
max-width: 150px;
padding: 20px 10px 0 0;
order: 1;
}

.contentsPostWrap .contentsPostR h2,
.contentsPostWrapGrid h2 {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 12px;
line-height: 1.6;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

.contentsPostWrapGrid h2 {
width: 100%;
font-size: 2.1rem;
text-align: justify;
}

.contentsPostWrapGrid:nth-child(1) h2,
.contentsPostWrapGrid:nth-child(10) h2,
.contentsPostWrapGrid:nth-child(19) h2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.contentsPostWrapGrid:nth-child(9) h2,
.contentsPostWrapGrid:nth-child(18) h2,
.contentsPostWrapGrid:nth-child(25) h2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.contentsPostWrapGrid:nth-child(2) h2,
.contentsPostWrapGrid:nth-child(5) h2,
.contentsPostWrapGrid:nth-child(6) h2,
.contentsPostWrapGrid:nth-child(7) h2,
.contentsPostWrapGrid:nth-child(8) h2,
.contentsPostWrapGrid:nth-child(11) h2,
.contentsPostWrapGrid:nth-child(14) h2,
.contentsPostWrapGrid:nth-child(15) h2,
.contentsPostWrapGrid:nth-child(16) h2,
.contentsPostWrapGrid:nth-child(17) h2,
.contentsPostWrapGrid:nth-child(20) h2,
.contentsPostWrapGrid:nth-child(23) h2,
.contentsPostWrapGrid:nth-child(24) h2,
.contentsPostWrapGrid:nth-child(25) h2,
.contentsPostWrapGrid:nth-child(26) h2 {
width: 100%;
font-size: 1.8rem;
text-align: justify;
margin-bottom: 15px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.contentsPostWrapGrid:nth-child(3) h2,
.contentsPostWrapGrid:nth-child(4) h2,
.contentsPostWrapGrid:nth-child(12) h2,
.contentsPostWrapGrid:nth-child(13) h2,
.contentsPostWrapGrid:nth-child(21) h2,
.contentsPostWrapGrid:nth-child(22) h2 {
width: 100%;
font-size: 1.6rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.contentsPostWrapGrid:nth-child(1) h2 br,
.contentsPostWrapGrid:nth-child(3) h2 br,
.contentsPostWrapGrid:nth-child(4) h2 br,
.contentsPostWrapGrid:nth-child(10) h2 br,
.contentsPostWrapGrid:nth-child(12) h2 br,
.contentsPostWrapGrid:nth-child(13) h2 br,
.contentsPostWrapGrid:nth-child(19) h2 br,
.contentsPostWrapGrid:nth-child(21) h2 br,
.contentsPostWrapGrid:nth-child(22) h2 br {
display: none;
}

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

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

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

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

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

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

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

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

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

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

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

.categoryTaglife,
.categoryTagfood,
.categoryTagwork,
.categoryTaglearn,
.categoryTagplay,
.categoryTagnews,
.categoryTagColife,
.categoryTagCofood,
.categoryTagCowork,
.categoryTagColearn,
.categoryTagCoplay,
.categoryTagConews,
.categoryTagmekureba-yamagata,
.categoryTagpresent,
.categoryTagmontedio,
.categoryTagwebsite,
.categoryTagComekureba-yamagata,
.categoryTagCopresent,
.categoryTagComontedio,
.categoryTagCowebsite {
position: relative;
font-weight: 500;
text-align: left;
padding-left: 16px;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.contentsPostWrapGrid:nth-child(1) .categoryTaglife,
.contentsPostWrapGrid:nth-child(1)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(1)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(1)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(1)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(1)  .categoryTagnews,
.contentsPostWrapGrid:nth-child(9) .categoryTaglife,
.contentsPostWrapGrid:nth-child(9)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(9)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(9)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(9)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(9)  .categoryTagnews,
.contentsPostWrapGrid:nth-child(10) .categoryTaglife,
.contentsPostWrapGrid:nth-child(10)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(10)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(10)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(10)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(10)  .categoryTagnews,
.contentsPostWrapGrid:nth-child(18) .categoryTaglife,
.contentsPostWrapGrid:nth-child(18)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(18)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(18)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(18)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(18)  .categoryTagnews,
.contentsPostWrapGrid:nth-child(19) .categoryTaglife,
.contentsPostWrapGrid:nth-child(19)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(19)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(19)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(19)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(19)  .categoryTagnews,
.contentsPostWrapGrid:nth-child(27) .categoryTaglife,
.contentsPostWrapGrid:nth-child(27)  .categoryTagfood,
.contentsPostWrapGrid:nth-child(27)  .categoryTagwork,
.contentsPostWrapGrid:nth-child(27)  .categoryTaglearn,
.contentsPostWrapGrid:nth-child(27)  .categoryTagplay,
.contentsPostWrapGrid:nth-child(27)  .categoryTagnews {
position: absolute;
padding-left: 16px;
line-height: 1.3;
left: 20px;
bottom: 22px;
}

.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 {
position: absolute;
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 6px 0 6px 10px;
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;
}

.contentsPostWrap .contentsPostDate {
position: absolute;
font-family: var(--font-lexend);
font-size: 1.4rem;
font-weight: 400;
line-height: 1.3;
left: 5px;
bottom: 15px;
}

.contentsPostWrapGrid .contentsPostDate {
position: absolute;
font-family: var(--font-lexend);
font-size: 1.4rem;
font-weight: 400;
line-height: 1.3;
right: 25px;
bottom: 22px;
}

#globalPostDetail .contentsPostDate {
position: absolute;
font-family: var(--font-lexend);
font-size: 1.4rem;
font-weight: 400;
line-height: 1.3;
left: 0;
bottom: 15px;
}

.contentsPostWrapGrid:nth-child(2) .contentsPostDate,
.contentsPostWrapGrid:nth-child(3) .contentsPostDate,
.contentsPostWrapGrid:nth-child(4) .contentsPostDate,
.contentsPostWrapGrid:nth-child(5) .contentsPostDate,
.contentsPostWrapGrid:nth-child(6) .contentsPostDate,
.contentsPostWrapGrid:nth-child(7) .contentsPostDate,
.contentsPostWrapGrid:nth-child(8) .contentsPostDate,
.contentsPostWrapGrid:nth-child(11) .contentsPostDate,
.contentsPostWrapGrid:nth-child(12) .contentsPostDate,
.contentsPostWrapGrid:nth-child(13) .contentsPostDate,
.contentsPostWrapGrid:nth-child(14) .contentsPostDate,
.contentsPostWrapGrid:nth-child(15) .contentsPostDate,
.contentsPostWrapGrid:nth-child(16) .contentsPostDate,
.contentsPostWrapGrid:nth-child(17) .contentsPostDate,
.contentsPostWrapGrid:nth-child(20) .contentsPostDate,
.contentsPostWrapGrid:nth-child(21) .contentsPostDate,
.contentsPostWrapGrid:nth-child(22) .contentsPostDate,
.contentsPostWrapGrid:nth-child(23) .contentsPostDate,
.contentsPostWrapGrid:nth-child(24) .contentsPostDate,
.contentsPostWrapGrid:nth-child(25) .contentsPostDate,
.contentsPostWrapGrid:nth-child(26) .contentsPostDate {
position: relative;
font-family: var(--font-lexend);
font-weight: 400;
margin-top: 16px;
line-height: 1.3;
left: 0;
bottom: 0;
}

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

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

.mekurebayamagataFixed {
font-size: 1.5rem;
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 {
width: 100%;
height: 6px;
}

#categoryLineSp {
display: none;
}

.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 {
height: 64px;
font-family: var(--font-stix);
font-size: 1.8rem;
text-align: left;
margin-bottom: 40px;
padding-left: 90px;
letter-spacing: .3em;
line-height: 1.2;
}

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

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

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

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

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

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

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

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

.postHidden {
display: none;
}

#postMoreBtnTop,
#postMoreBtn {
position: relative;
background-color: #fff;
width: 272px;
height: 68px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
color: var(--txtColor);
margin: 0 auto;
margin-top: 30px;
cursor: pointer;
border: 3px solid #000;
border-radius: 100px;
line-height: 58px;
transition: .3s;
}

#postMoreBtnTop:hover,
#postMoreBtn:hover {
background-color: #000;
color: #fff;
}

/*post*/

#breadcrumb {
width: 100%;
text-align: left;
margin-top: 12px;
margin-bottom: 40px;
line-height: 1.5;
}

#breadcrumb a {
text-decoration: underline;
}

#breadcrumb br {
display: none;
}

#globalPost {
background-color: #fff;
width: 100%;
padding: 40px;
border: 0.5px solid #000;
border-radius: 20px;
overflow: hidden;
}

#globalPostHeader {
width: 100%;
text-align: left;
padding-bottom: 40px;
border-bottom: 1px solid #707070;
display: flex;
justify-content: space-between;
}

#globalPostPhoto {
position: relative;
width: 60%;
max-width: 674px;
}

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

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

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

#globalPostDetail {
position: relative;
width: 40%;
margin-left: 36px;
max-width: 525px;
padding: 10px 0;
}

#globalPostDetail h1 {
font-size: 3.2rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 40px;
}

.categoryTagColife,
.categoryTagCofood,
.categoryTagCowork,
.categoryTagColearn,
.categoryTagCoplay,
.categoryTagConews {
font-size: 2rem;
}

#globalPostInner {
width: 85%;
max-width: 830px;
text-align: justify;
margin: 0 auto;
padding: 80px 0 30px;
}

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

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

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

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

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

#globalPostInner h4,
#globalPostInnerCo h4 {
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 30px;
line-height: 2;
}

#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 30px;
}

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

#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: 24px;
width: 24px;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
padding-top: 3px;
line-height: 1;
position: absolute;
top: 3px;
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: 40px;
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;
}

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

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

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

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

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

#prevNextWrap {
width: 100%;
text-align: center;
margin-top: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}

.btnPrevWrap,
.btnNextWrap {
position: relative;
width: 154px;
}

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

.btnBack:hover {
background-color: #000;
color: #fff;
}

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

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

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

.searchResultsWrap {
position: relative;
background-color: #fff;
width: 100%;
font-size: 2rem;
font-weight: 500;
text-align: center;
margin-bottom: 50px;
padding: 60px;
border: 0.5px solid #000;
border-radius: 22px;
}

.searchResultsWrap2 {
position: relative;
width: 100%;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
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;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px dotted #ccc;
}

.contactL {
width: 30%;
}

.contactR {
width: 70%;
}

.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: -3px;
}

.contactR .inputW {
background-color: #f2f2f2;
font-family: var(--font-primary);
width: 100%;
height: 80px;
font-size: 1.6rem;
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.6rem;
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: inline-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: 40px;
border-top: 1px dotted #ccc;
}

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

.wpcf7-submit:hover {
background-color: #fff;
color: #ED9F0C;
}

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

/**/

footer {
background-color: #fff;
width: 100%;
max-width: 1732px;
height: 220px;
margin: 0 auto;
margin-top: 100px;
padding: 45px 0 10px;
border-radius: 50px 50px 0 0;
}

#footerInner {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}

#footerL {
display: flex;
justify-content: flex-start;
align-items: center;
}

#logoFooter {
width: 78px;
}

#yamagataShimbun {
background: url("../img/icon_yamagatashinbun.png") no-repeat right 3px;
background-size: 23px;
font-size: 2.2rem;
font-weight: 500;
text-align: left;
margin-left: 40px;
padding-right: 30px;
border-bottom: 1px solid #000;
line-height: 32px;
}

#yamagataShimbun a {
transition: .3s;
}

#yamagataShimbun a:hover {
opacity: .5;
}

#footerNav ul {
font-size: 1.5rem;
font-weight: 500;
margin-right: 80px;
display: flex;
justify-content: flex-end;
}

#footerNav ul li {
margin-left: 30px;
}

#footerNav ul li a {
transition: .3s;
}

#footerNav ul li a:hover {
opacity: .5;
}

#footerNavS ul {
font-size: 1.3rem;
font-weight: 500;
margin-top: 15px;
margin-right: 80px;
display: flex;
justify-content: flex-end;
}

#footerNavS ul li {
margin-left: 30px;
}

#footerNavS ul li a {
transition: .3s;
}

#footerNavS ul li a:hover {
opacity: .5;
}

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

#pagetop {
position: fixed;
width: 72px;
bottom: -80px;
right: 50px;
z-index: 100;
}

#pagetopSp {
display: none;
}

#globalNavF {
display: none;
}

}