@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/


.entry-card-snippet {line-height:160%;margin:1.5em 0;}
.eye-catch-wrap,
.admin-pv {display:none;}

.top-main {margin:0 calc(50% - 50vw);clear:both;overflow:auto;display:none;}
.home .top-main {display:block;position:relative;}
.home .top-main div.copy {
	position:absolute;
	top:10%;
	left: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.home .top-main div.copy p {
	color:#fff;
	font-size:36px;
	font-family: '游明朝 Medium', serif;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.metaslider .slides {overflow:hidden;}
.metaslider {background:#888;}
.metaslider .slides li img {opacity:0.9;}
.metaslider .slides li img {animation: animationZoom1 20s ease-in-out infinite;}
@keyframes animationZoom1 {
50% { transform: scale(1.1)}
}

.mobile-header-menu-buttons {background:#64895c;padding:20px 0 20px;box-shadow:none;color:#fff;}
.mobile-header-menu-buttons li.logo-menu-button {margin-top:-10px;}
.mobile-header-menu-buttons li.logo-menu-button a {color:#fff;}
.navi-menu-caption.menu-caption,
.search-menu-caption.menu-caption {display:none;}

.home .content {margin:50px 0;}
.home .list.front-page-type-index,
.home .list-wrap.front-page-type-category {width:800px;max-width:100%;margin:20px auto 40px;}
.main {padding-bottom:70px;}

.home .list-new-entries {display:none;}
.home .list-columns .list-title {display:none;}

.members-wrap {background:#f5f5f5;padding:5%;}
.members-wrap.index {margin:80px auto;}
.members-wrap h2 {margin:0.2em auto 0.8em;font-size:18px;text-align:center;}
.members-wrap .members {margin:0;padding:0;}
.members-wrap .members {display:flex;justify-content:flex-start; flex-wrap: wrap;}
.members-wrap .members li {width:23%;margin:1%;list-style:none;}
.members-wrap .members li img {margin:0 auto 10px;}
.members-wrap .members li h3 {font-size:15px;text-align:center;margin:0.3em auto;}
.members-wrap .members li a {color:#222;text-decoration:none;}
.members-wrap .members li img:hover,
.members-wrap .members li a:hover {opacity:0.8;transition:0.4s;}
.members-wrap .members li p {font-size:13px;text-align:center;margin:0.2em auto;}
.members-wrap .members li p.link a {color:#fff;}
.members-wrap .members li p.link {margin:0.5em auto 1.2em;}
p.link a {background:#64895c;color:#fff;padding:0.5em 1.5em;border-radius:3px;}
p.link a:hover {opacity:0.7;transition:0.4s;}

.single article {width:900px;max-width:100%;margin:0 auto;}
.single .eye-catch-wrap {display:none;}
.under-entry-content {margin-top:70px;}

.page .date-tags,
.category-prize-post .date-tags {display:none;}
.page .members-logo {width:360px;}
.parent-pageid-10 img[src="https://yamagata-tsukemono.com/wordpress/wp-content/uploads/nologo.png"] {display:none;}

table.members {display:none;}
.parent-pageid-10 table.members {display:table;width:100%;}
.parent-pageid-10 table.members th {padding:0.3em 1em;min-width:7em;}
.parent-pageid-10 table.members td {padding:0.3em 1em;}

.members-image {display:flex;justify-content:flex-start; flex-wrap: wrap;}
.members-image figure  {width:31.333%;margin:1%;}

.category .members-wrap.index,
.category h2.title,
h1.list-new-entries-title,
.list-more-button-wrap,
.cat-label {display:none;}

h2.title {width:800px;max-width:100%;}
h2.related-entry-heading {width:1000px;max-width:100%;}
h1.archive-title {margin-bottom:40px;}
h1.archive-title span {display:none;}
h2.title,
h2.related-entry-heading,
h1.archive-title {
    display: flex;
    align-items: center;
}
h2.title:before,
h2.title:after,
h2.related-entry-heading:before,
h2.related-entry-heading:after,
h1.archive-title:before,
h1.archive-title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
h2.title:before,
h2.related-entry-heading:before,
h1.archive-title:before {
    margin-right: 1rem;
}
h2.title:after,
h2.related-entry-heading:after,
h1.archive-title:after {
    margin-left: 1rem;
}

h2.title {margin:1em auto 2.4em;font-size:20px;text-align:center;}
h2.related-entry-heading {margin:3em auto 2em;font-size:18px;text-align:center;}

.page-id-10 table th {min-width:9em;}
.page-id-10 table td {padding:0.3em 1em;}

table.prize {margin:30px auto;}
table.prize th {min-width:7em;padding:0.5em 1em;}
table.prize td {padding:0.5em 1em;white-space: pre-wrap;}

table.prize.list {font-size:90%;}
table.prize.list th {min-width:9em;padding:0.5em 1em;}
table.prize.list td {padding:0.5em 1em;}
table.prize.list td.link {min-width:5em;text-align:center;}

.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#69a4db;
border:0;
width:5em;
font-size:85%;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}

.footer-cont {padding:40px 20px 0;text-align:center;}
.footer-cont h2 {margin:1em auto;text-align:center;}
.footer-cont p {text-align:center;}

.footermenu {margin:40px 0 20px;padding:0;display:flex;justify-content: center;flex-wrap: wrap;}
.footermenu li {list-style:none;font-size:13px;margin:1em;}

img.chara {width:120px;}
.footer-cont img.chara {width:80px;}

img {vertical-align:top;width:100%;display:block;margin-left:auto;margin-right:auto;}
p {font-feature-settings: "palt";
text-align: justify;
text-justify: inter-ideograph;}
.center {text-align:center;}
.x-large {font-size:200%;}
.large {font-size:140%;}
.small {font-size:85%;}
.x-small {font-size:70%;}

.width-middle {width:800px;max-width:100%;margin:20px auto;}

.left {float:left;width:50%;}
.right {float:right;width:50%;}
.left.image,
.right.image {width:40%;}

.no-pc {display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.home .content {margin:0 0;}
.home .members-wrap {margin:20px calc(50% - 50vw);}
}

/*834px以下*/
@media screen and (max-width: 834px){
.top-main .metaslider .slides li img {height:50vh;object-fit: cover;}
.home .top-main div.copy {top:18%;left:10%;}
.home .top-main div.copy p {font-size:4vw;}
.members-wrap .members li {width:48%;}
.page .members-wrap .members li {width:80%;margin:1% 10%;}
.members-wrap .members li h3 {font-size:13px;}
.members-image figure  {width:90%;margin:1% 5%;}
table.prize.list {font-size:100%;}
table.prize.list th,
table.prize.list td {width:90%;padding:0.3em 5%;display:block;}
table.prize.list th {margin:1.2em;}
table.prize.list td {border:0;}
table.prize.list td.link {text-align:left;}
.footermenu li {width:44%;margin:3%;}
.left,
.right {float:none;width:96%;margin:10px auto;}
.left.image {width:55%;margin:10px auto;}
.right.image {width:55%;margin:10px auto;}
.x-large {font-size:170%;}
.large {font-size:120%;}
.no-pc {display:block;}
.no-sp {display:none;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}