@charset "utf-8";
/* about */

[v-cloak] {
    display: none !important;
}


#pageContents article.listItem > [itemprop="thumbnail"] {
    height: auto;
}

#pageContents article.listItem > [itemprop="thumbnail"] img {
    height: auto;
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul {
    height: auto;
}

[itemprop="thumbnail"] > dl > [itemprop="title"] {
    order: 2;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0.5rem 0 0.25rem 0;
}

[itemprop="thumbnail"] > dl > [itemprop="description"] {
    order: 3;
    font-size: .8rem;
    line-height: 1.6;
    text-align: justify;
}

[itemprop="thumbnail"] > dl > [itemprop="description"] dt {
    font-weight: 600;
    color: #7f6000;
}

#pageContents > div > article > figure > dl > dd > dl > dt > i {

    display: inline-block;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0.25em 0 0;
}


.top-about-map__inner {
    max-width: 450px;
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul > li:nth-of-type(1) > img {
    aspect-ratio: 4 / 3;
}

#pageContents [data-module] > article.listItem {
    row-gap: 8px;
}

@media only screen and (max-width: 640px){
    #pageContents [data-module] > article.listItem, #pageContents [data-module] > article.listItem:nth-of-type(2n) {
    grid-template-areas:
        "title"
        "thumbnail"
        "category"
        "description"
        "more";
    }
}

/*gourmet*/

[v-cloak] {
    display: none !important;
}


#pageContents article.listItem > [itemprop="thumbnail"] {
    height: auto;
}

#pageContents article.listItem > [itemprop="thumbnail"] img {
    height: auto;
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul {
    height: auto;
}

[itemprop="thumbnail"] > dl > [itemprop="title"] {
    order: 2;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0.5rem 0 0.25rem 0;
}

[itemprop="thumbnail"] > dl > [itemprop="description"] {
    order: 3;
    font-size: .8rem;
    line-height: 1.6;
    text-align: justify;
}

[itemprop="thumbnail"] > dl > [itemprop="description"] dt {
    font-weight: 600;
    color: #7f6000;
}

#pageContents > div > article > figure > dl > dd > dl > dt > i {

    display: inline-block;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0.25em 0 0;
}

.top-about-map__inner {
    max-width: 450px;
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul {
    grid-template-columns: repeat(2, 1fr);
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul > li:nth-of-type(1) {
    grid-column: 1 / span 2;
}

#pageContents .contentsBanner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24px;
    grid-template-rows: 1fr;
    row-gap: 16px;
    position: relative;
    margin: 0;
}

#pageContents article.listItem > [itemprop="more"] > li  > img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

#pageContents [data-module="modelcourseList"] article.listItem > [itemprop="thumbnail"] > ul > li:nth-of-type(1) > img {
    aspect-ratio: 4 / 3;
}

.c-knowTitle {
    margin-bottom: 0px;
}


#pageContents article.listItem > [itemprop="more"] > li > img {
    padding: 20px;
}


a[role="button"], menu > li > button {
    max-width: 400px;
}

@media only screen and (max-width: 640px){
    #pageContents [data-module] > article.listItem, #pageContents [data-module] > article.listItem:nth-of-type(2n) {
    grid-template-areas:
        "title"
        "thumbnail"
        "category"
        "description"
        "more";
}

}

@media only screen and (max-width: 768px){
    .c-knowTitle {
        margin-bottom: 8px;
    }    

    #pageContents article.listItem > [itemprop="more"] > li > img {
        padding: 0px;
    }

}

.dc-press-main-ttl {
 display: flex;
	justify-content: center;
 margin-bottom: 24px;
 padding: 0 12px;
}
.dc-press-main-ttl-inner {
 position: relative;
 display: inline-flex;
 flex-direction: column;
 align-items: center;
}
.dc-press-main-ttl-inner::before, .dc-press-main-ttl-inner::after {
 content: "";
 position: absolute;
 bottom: 0;
 height: 40px;
 width: 1px;
 background: #7f6000;
 z-index: 100;
}
.dc-press-main-ttl-inner::before {
 left: -12px;
 -webkit-transform: rotate(-20deg);
 transform: rotate(-20deg);
}
.dc-press-main-ttl-inner::after {
 right: -12px;
 -webkit-transform: rotate(20deg);
 transform: rotate(20deg);
}
.dc-press-main-ttl h2 {
 font-family: "Noto Serif JP", serif;
 font-size: 1.5rem;
 font-weight: 500;
 line-height: 1.5;
 text-align: center;
}
@media only screen and (max-width: 768px) {
.dc-press-main-ttl h2 {
 font-size: 1.25rem;
 line-height: 1.3;
}
}
@media only screen and (min-width: 769px) {
.dc-press-main-ttl h2 br {
 display: none;
}
}
.dc-press-main-ttl p {
	 font-family: "Noto Serif JP", serif;
 font-weight: 500;
}
@media only screen and (max-width: 768px) {
.dc-press-main-ttl p {
	padding-top: 5px;
 font-size: 0.8rem;
}
}

.dc-press {
 max-width: 1080px;
	margin-top: 80px;
 margin-left: auto;
 margin-right: auto;
}
/*@media only screen and (max-width: 768px) {
 .dc-press {
  padding: 0 20px;
 }
}*/
.dc-press .c-labTitle {}
.dc-press .dc-press-guidebook {
 text-align: center;
}
.dc-press a[role="button"] {
 margin-top: 1rem;
}
.dc-press figure img {
 width: 80%;
 height: auto;
}
.dc-press-row {
 margin-top: 2rem;
}
.dc-press-col {
 border: 1px solid #7f6000;
 padding: 1rem 1rem 1.5rem;
 background-color: #fff;
}
@media only screen and (min-width: 769px) {
 .dc-press-row {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
 }
 .dc-press-col {
  width: 30%;
 }
}
@media only screen and (max-width: 768px) {
 .dc-press-col {
  margin-top: 2rem;
 }
}
.dc-press-ttl {
 text-align: center;
 margin-bottom: 1.6rem;
}
.dc-press-ttl p {
 display: flex;
 align-items: center;
 justify-content: center;
 padding-bottom: 10px;
 font-size: 1.225rem;
 font-family: "Noto Serif JP", serif;
 line-height: 1.5;
 font-weight: bold;
 color: #7f6000;
 letter-spacing: 0.08em;
}
@media only screen and (min-width: 769px) {
.dc-press-ttl p {
 min-height: 80px;
 font-size: 1.325rem;
}

}
.dc-press-ttl span {
 font-size: 0.875rem;
 color: #888888;
}
.dc-press-list li {
 position: relative;
 margin-top: 1rem;
 padding-left: 15px;
 list-style-type: none;
}
.dc-press-list li::before {
 content: "";
 display: block;
 position: absolute;
 top: 5px;
 left: 0;
 border-left: 7px solid #7f6000;
 border-top: 4px solid transparent;
 border-bottom: 4px solid transparent;
 border-right: 0;
}
.dc-press-list li a {
 position: relative;
 font-size: 0.875rem;
 color: #7f6000;
 text-decoration: underline;
}
.dc-press-list li a:hover {
 text-decoration: none;
}