@charset "utf-8";
/*
Theme Name: yumeyuuki
Theme URI: https://toikota.com/
Author: toikota design studio
Author URI: https://toikota.com/
Version: 1.0.0
*/
/* リセットCSS */
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:bold;}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out}img{display: block;max-width:100%;height:auto;vertical-align: middle;}ol,ul{list-style:none}table{border-collapse:collapse}input,textarea,select{font:inherit;line-height:inherit;border:1px solid #ccc;padding:8px;}textarea{resize:vertical}button{padding: 0;font-family: inherit;appearance: none;cursor: pointer;background-color: transparent;border: none;}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:block;width:100%;max-width:100%;padding:0;white-space:normal;}[hidden],template{display:none}:focus-visible{outline:2px solid #000}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding: 8px 16px;background-color: #fff;margin-top: 4px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #111111;
	--main-color:#FFFD01;
	--bg-color: #2e2e2e;
	--main-font:"Noto Sans JP", sans-serif;
	--en-font:"Oswald", sans-serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

::selection {background-color: var(--main-color);color:#fff;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 16px;font-family:var(--main-font);line-height:1.6;letter-spacing: .05em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";background-color:var(--bg-color)}

#page{overflow:hidden;}
.page-content{padding-block: 80px;}
.container{width: 1140px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11}

@media(max-width:720px){
	body{font-size:14px;}
}

/* 投稿一覧
===================================================== */
.posts-archive-list{display:grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 40px;}
.posts-item{position:relative;display: flex;flex-direction: column;}
.posts-thumbnail{width:100%;aspect-ratio:3/2;overflow:hidden}
.posts-thumbnail img{display:block;width:100%;height:100%!important;object-fit:cover;transition:var(--hover-transform);}
.posts-item-des{margin-top: 32px;}
.posts-cat-list{display:flex;flex-wrap:wrap;gap:8px 1em;}
.posts-cat-list li{padding-block:2px;padding-inline:16px;border:1px solid #fff;font-size:14px;color:#fff;}
.posts-tit{font-size:18px;color:#fff;margin-top:16px;}
.posts-more{width:fit-content;margin-top: auto;margin-left:auto;padding-top: 16px;}
.posts-more span{font-weight:900;text-transform:uppercase;color:var(--main-color)}

.article-wrap{width: 800px;max-width: 100%;margin-inline:auto;}
.posts-list-content{position:relative;display:flex;flex-direction:column;}
/* ページネーション */
.pagination{margin-top: 80px;}
.nav-links ul{position: relative;display:flex;gap: 8px;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;font-family: var(--en-font);line-height: 1;}
.nav-links li .page-numbers{width:40px;aspect-ratio:1;border: 1px solid;display:grid;place-items:center;background-color: #fff;position:relative;}
.nav-links li .page-numbers.current{background-color: var(--main-color);border: none;}

/* 記事
===================================================== */

/* 関連記事 */
.single-related{margin-block: 80px 40px;}
.single-related-list{display:grid;gap: 32px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top: 24px;}
.single-related-list li{position:relative;}
.single-related-tit{font-size: 24px;color: var(--main-color);}
.single-related-item{display:grid;grid-template-columns: 160px minmax(0,1fr);gap: 16px;}
.single-related-img{width:100%;aspect-ratio:3/2;}
.single-related-img img{width:100%;height:100%;object-fit:cover;}
.single-related-des{display:flex;flex-direction:column;}
.single-related-des h4{line-height:1.2;color: #fff;}

/* 投稿者情報 */
.author-info{padding-block: 40px;padding-inline: 24px;background-color: #E4E4E4;color: var(--font-color);}
.author-name{width:fit-content;}
.author-name img{width: 240px;}
.author-data{margin-top: 1em;}
.author-data-head{font-size:12px;}
.author-data-body{margin-top:1em;font-size: 12px;}
.author-googlemap{margin-top: 8px;}
.author-googlemap a{font-size:14px;font-family:var(--en-font);line-height:1;display:inline-block;padding:8px 24px;background-color: #fff;}
.author-contact{margin-top: 1em;}

.single-content-item{margin-top:40px;color: #fff;}
.shingle-update{font-family:var(--en-font)}
.single-title{font-size: 24px;margin-bottom: 1em;}
.single-thumbnail{margin-bottom: 40px;}

/* 記事コンテンツ内部 */
.single-content h2{font-size: 24px;padding-block:8px;padding-inline:8px;margin-block:1em;background-color:#E4E4E4}
.single-content h3{font-size: 24px;padding-block:8px;margin-block:1em;border-bottom:1px solid;}
.single-content h4{font-size: 24px;color: var(--main-color);margin-block: 1em 4px;padding-top: .5em;border-top:1px solid ;}
.single-content h5{font-size: 16px;font-weight: 700;margin-block:1em}
.single-content a {text-decoration:underline;text-underline-offset:4px;}
.single-content img{display:block;}

/* レイアウト用 */
/* 文字に蛍光ペンで引いたような下線 */
.marker{background:linear-gradient(transparent 65%, #fff366 65%);display:inline;font-weight:600}

.single-posts-nav{margin-block: 40px;border-top: 1px solid;}
.single-posts-nav ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:40px;}
.single-posts-nav ul li a{display:block;padding-inline:24px;color: #fff;position: relative;}
.single-posts-nav ul li a::after{content:'';position:absolute;width:10px;aspect-ratio:1/1;border-top:1px solid;border-right:1px solid;top: 24px;}
.single-posts-nav ul li.single-next{text-align:right;}
.single-posts-nav ul li.single-next a::after{rotate:45deg;right:0;}
.single-posts-nav ul li.single-previous a::after{rotate:225deg;left:0;}
.single-posts-nav ul li.single-previous{border-right:1px solid}
.single-prev-txt,
.single-next-txt{font-size:12px;}

.single-more{width:fit-content;margin-top:40px;margin-inline:auto}
.single-more a{display:block;padding-block:8px;padding-inline:24px;background-color:var(--main-color);color:var(--font-color);font-size:16px;font-family: var(--en-font);font-weight:bold;text-align:center;text-transform:uppercase}

/* 記事ページネーション */
.single-pagination{width:400px;max-width: calc(100% - 32px);margin:64px auto 0;}
.single-pagination ul{display:flex;justify-content: space-between;gap: 16px;}
.single-pagination li a{display:block;font-size:14px;font-weight: bold;padding: 4px 24px;border:1px solid #000;text-align:center;position:relative;line-height: 1;}
.single-pagination li.single-previous,
.single-pagination li.single-next{width: 97px;font-size:12px;font-family: var(--en-font);font-weight:bold;}
.single-pagination li.single-previous a::before{content:'';display:inline-block;width: 8px;height: 8px;border-bottom:1px solid #000;border-left:1px solid #000;margin-right:8px;transform: rotate(45deg);vertical-align: 1px;}
.single-pagination li.single-next a::after{content:'';display:inline-block;width: 8px;height: 8px;border-top:1px solid #000;border-right:1px solid #000;margin-left:8px;transform: rotate(45deg);vertical-align: 1px;}

@media(max-width:767px) {
	.single-related-list{grid-template-columns:repeat(1,minmax(0,1fr));}
	.single-related-item{grid-template-columns:120px minmax(0,1fr)}
}

/* WPの汎用（ギャラリーとか）
===================================================== */
.wp-caption .wp-caption-text,.gallery-caption {color: #666;}
.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {background: #fff;border-color: #ddd;}
.image-attachment div.attachment {background: #f9f9f9;border: 1px solid #ddd;}
.image-attachment div.attachment img {border-color: #f9f9f9;}
.image-attachment div.attachment a:focus img,.image-attachment div.attachment a:hover img,.image-attachment div.attachment a:active img {border-color: #ddd;background: #fff;}
.gallery-caption {background-color: rgba(0, 0, 0, 0.7);color: #fff;}
.singular figure.pmainimg {margin: 0 0 10px;}
.singular figure.pmainimg img {margin: 0 auto;display: block;}
#nav-single img,.postsimg img,.widget_image img,#event_c img {margin: 0 auto;display: block;max-height: 600px;max-width: 100%;height: auto;width: auto;object-fit: cover;}
.gstyle .postsimg {width: 100%;height:170px;background: #000; }
.gstyle .postsimg a{display: block;height: 100%;display: flex;align-items: center;justify-content: center;}
.gstyle .postsimg.nonimg img{width: 80%;height: auto;}
.entry-content img,.comment-content img,.widget img {max-width: 100%;padding: 0;}
img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;}
.entry-content img.wp-smiley {border: 0;margin-bottom: 0;margin-top: 0;padding: 0;}
.widget img {margin: 0 auto 10px;display: block;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom: 10px;}
p .alignnone {margin: 20px auto;display: block;}
.wp-caption {margin: .4em 0;}
.wp-caption {margin-bottom: 10px;max-width: 96%;padding: 5px;background: #eee;}
.wp-caption img {display: block;margin: 0 auto;max-width: 100%;}
.wp-caption .wp-caption-text,.gallery-caption {font-size: 12px;}
.wp-caption .wp-caption-text {margin: 5px 0;padding: 5px 1%;position: relative;text-align: center;}
.image-attachment div.attachment {border-width: 1px 0;margin: 0 -8.9% 1.625em;overflow: hidden;padding: 1.625em 1.625em 0;text-align: center;}
.image-attachment div.attachment img {display: block;height: auto;margin: 0 auto 1.625em;max-width: 100%;}
.image-attachment .entry-caption p {font-size: 85%;letter-spacing: .1em;line-height: 2.6em;margin: 0 0 2.6em;text-transform: uppercase;}
.gallery {margin: 20px auto;column-gap: 0;}
.gallery-columns-1 {column-count: 1;}.gallery-columns-2 {column-count: 2;}.gallery-columns-3 {column-count: 3;}.gallery-columns-4 {column-count: 4;}.gallery-columns-5 {column-count: 5;}.gallery-columns-6 {column-count: 6;}.gallery-columns-7 {column-count: 7;}.gallery-columns-8 {column-count: 8;}.gallery-columns-9 {column-count: 9;}.gallery a img {border: 0;}
.gallery-item {padding: 5px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.gallery-caption {box-sizing: border-box;font-size: 12px;font-size: 80%;line-height: 1.5;margin: 0;max-height: 60%;padding: 6px 8px;position: absolute;bottom: 0;left: 0;text-align: left;width: 100%;}
.gallery-caption:before {content: "";height: 100%;min-height: 49px;position: absolute;top: 0;left: 0;width: 100%;}
dl.gallery-item {margin: 0;}
.gallery-item:hover .gallery-caption {opacity: 1;}
.ie7 .gallery-item:hover .gallery-caption,.ie8 .gallery-item:hover .gallery-caption {filter: alpha(opacity=70);}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display: none;}


/* ヘッダー
===================================================== */
.sec-header{position: fixed;padding-block: 16px 15px;padding-inline: 24px;width:100%;z-index: 1111;}
.header-content{display:grid;grid-template-columns:auto 1fr;align-items:center;}
.header-logo a{display:block;}
.header-logo .site-logo{width:240px}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap: 32px;}
.header_Menu_list{display:flex;align-items:center;gap: 1em 32px;}
.header_Menu_list li a{display:block;font-size:12px;color:#fff;}
.header_Menu_list li a::before{content: attr(title);display:block;font-size:18px;font-family: var(--en-font);font-weight:bold;text-transform:uppercase;color:var(--main-color)}
.header_Menu_list li.header-contact a{display:block;padding-block:8px;padding-inline:24px;background-color:var(--main-color);color:var(--font-color);font-size:16px;font-weight:bold;text-align:center;border-radius: 8px;}

.header-sns.sns-x a{background-image:url(./images/x-w.svg)}
.header-sns.sns-instagram a{background-image:url(./images/instagram-w.svg)}
.header-sns.sns-tiktok a{background-image:url(./images/tiktok-w.svg)}
.header-sns.sns-youtube a{background-image:url(./images/youtube-w.svg)}
.header-sns a{width:30px;aspect-ratio:1/1;background-position:center;background-size:contain;background-repeat:no-repeat;}
.header-sns span{position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}

.is-scrollActive .sec-header{background-color:rgb(0 0 0 / .5)}

/* ハンバーガーメニュー */
.header-hamburger{display:none}
.hamburgerbutton {position: fixed;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;aspect-ratio: 1/1;width: 70px;background-color: transparent;padding: 0;margin:0 auto;top: 0;right: 0;z-index: 111;}
.hamburgerbutton-line {position: absolute;inset:0;margin: auto;width: 40px;height: 3px;-webkit-transition: inherit;transition: inherit;background-color: var(--main-color);}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -10px;}
.hamburgerbutton-line::after {top: 10px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: 0;background-color: var(--main-color);}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;inset: 0;margin: auto;width: 100%;height: 100dvh;overflow: auto;transition: opacity .5s;align-items: center;pointer-events: none;}

.hamburger-content{width: 640px;max-width: 89%;height: 100%;margin-left: auto;background-color: #2e2e2e;padding-inline: 20px;padding-block: 40px;overflow: auto;opacity:0;transition:opacity 1.4s cubic-bezier(0.14,1,0.34,1)}
.hamburger-logo .hamburger-site-logo{width:264px;}
.hamburger_Menu{margin-top: 40px;}
.hamburger_Menu li:not(:first-child){margin-top: 1em;}
.hamburger_Menu li a{display: flex;align-items:center;justify-content:space-between;font-size: 16px;color: #fff;padding-inline: 8px;padding-bottom:4px;border-bottom:1px solid #E4E4E4}
.hamburger_Menu li a::after{content:attr(title);display: inline-block;font-size:18px;font-family: var(--en-font);font-weight:bold;text-transform:uppercase;color:var(--main-color)}

.hamburger_Menu li.hamburger-contact a{display:block;padding-block:16px;padding-inline:16px;background-color:var(--main-color);color:var(--font-color);text-align:center;border:none;margin-top:24px;}
.is-drawerActive .hamburgerbutton{z-index: 1112;background-color:transparent}
.is-drawerActive .nav_hamburger_menu{pointer-events: auto;}


.is-drawerActive .hamburgerbutton{z-index: 1112;background-color:transparent}
.is-drawerActive .nav_hamburger_menu{display: flex;}
.is-drawerActive .hamburger-content{opacity:1}
.hamburger-link{display:flex;align-items:center;justify-content: center;gap: 40px;margin-top: 24px;}
.hamburger-link p{width:48px;aspect-ratio:1/1;display:grid;place-items:center;filter:grayscale(100%)}

.is-drawerActive .sec-header{position:absolute;width:100%;z-index: 1111;}

/* フッター
---------------------------- */
.sec-footer{padding-block: 80px 16px;background-color: #E4E4E4;}
.footer-content-head{display:grid;grid-template-columns: auto auto;gap:40px;justify-content: space-between;}
.footer-item{display: flex;flex-direction: column;}
.footer-item .com-sns{margin-top:auto;}
.footer-item .more{margin-top:24px;}
.footer-item .more a{display:block;padding-block:8px;padding-inline:16px;background-color:var(--font-color);color:#fff;text-align:center;border-radius: 8px;}
.footer-item .more a span{display: flex;align-items:center;justify-content: center;gap: 18px;}
.footer-item .more a svg{width:1em;height:1em;fill:#fff;transition:var(--hover-transform)}
.footer_navi{display:grid;grid-template-columns: repeat(3,auto);gap: 80px;}
.footer_Menu_list li:not(:first-child){margin-top: 1em;}
.footer_Menu_list li a{display:block;font-size:14px;}
.footer_Menu_list .sub-menu{margin-top: 8px;padding-left: 1em;}
.footer_Menu_list .sub-menu li{margin-top: 6px;}
.footer_Menu_list .sub-menu li a:before{content:'';display:inline-block;width: 8px;height:1px;background-color:var(--font-color);vertical-align:middle;margin-right:8px;}
.sec-footer .com-sns{margin-top: -38px;}
.footer-content-bottom{margin-top: 56px;display:flex;justify-content:flex-end;gap:40px;font-size: 12px;}

@media(max-width:1260px){
	.header-nav{display:none;}
	.header-hamburger{display:block;}
	.footer-content-head{grid-template-columns:minmax(0,1fr)}
	.footer-item{align-items:center;}
	.footer-item .more{margin-top:24px;}
	.footer-item .more a{width:280px;max-width:100%;}
	.footer_navi{grid-template-columns:minmax(0,1fr);gap: 16px;}
	.footer-content-bottom{justify-content:flex-start}
	.sec-footer .com-sns{margin-top: 24px;}
}

@media(max-width:767px){
	.sec-header{padding-inline: 16px;}
	.header-logo .site-logo{width:180px;height:auto;}
	.hamburgerbutton{width:65px;height:65px;}
	.hamburgerbutton-line{width:32px;height:2px;}
	.hamburgerbutton-line::before{top:-8px}
	.hamburgerbutton-line::after{top:8px;}
	.hamburger-logo .hamburger-site-logo{width:180px;}
	.hamburger_Menu li a::after{font-size:14px;}
}

/*-------------------------------------
/* 共通
--------------------------------------- */
.page-tit{width:1140px;max-width:100%;margin-inline:auto;padding-block: 80px;padding-inline: 20px;display: grid;grid-template-columns: auto minmax(0,1fr);gap: 20px;align-items:center;}
.page-tit-jp{order:2;font-size:20px;font-weight:bold;color:#FFF;margin-top: 8px;}
.page-tit-en{font-family: var(--en-font);font-size: 72px;font-weight: 900;text-transform: uppercase;color: #FFFD01;line-height: 1;}

.txt-white{color:#fff;}
.txt-yellow{padding-block:1px;padding-inline:2px;background-color:var(--main-color);color:var(--font-color)}
.com-sns{display:grid;gap:16px;grid-template-columns:repeat(4,32px);align-items:center;}
.com-sns img{object-fit:contain}
.com-table{width:800px;max-width:100%;margin-inline:auto;}
.com-table th,
.com-table td{padding-block:1em;padding-inline:1em;color:#fff;border-bottom:1px solid;}
/* .flow-arrow{position:relative}
.flow-arrow::after{content:'';position:absolute;width:20px;aspect-ratio:1/1;clip-path:var(--clip-triangle-right);background-color:var(--main-color);right:-31px;top:50%;transform:translateY(-50%)}
.flow-arrow:nth-of-type(3)::after{display:none} */
.noPost{text-align:center;}

.fadeUP{opacity: .0;translate: 0 50px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -50px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 50px 0;transition:var(--show-anime);}
.show .fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}
.show .delay2{transition-delay:.2s}
.show .delay4{transition-delay:.4s}
.show .delay6{transition-delay:.6s}

@media(max-width:1024px){
	.page-tit-en{font-size:56px;}
	.page-tit-jp{font-size:18px;}
}

@media(max-width:767px){
	.page-tit{padding-block: 40px;grid-template-columns:minmax(0,1fr);gap: 0;}
	.page-tit-en{font-size:48px;}
}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){
	.header_Menu_list li a:hover{opacity:.5}
	.footer_navi a:hover{opacity:.5}
	.footer-item .more a:hover{background-color:var(--main-color);color:var(--font-color)}
	.footer-item .more a:hover svg{fill:var(--font-color)}
	.news-tit a:hover{text-decoration:underline}
	.link-over:hover ~ figure img{scale:1.05}
}


/* TOP
===================================================== */

.link-over{position:absolute;inset:0;margin:auto;z-index:1}

.news-list{padding-block:24px 40px;padding-inline:40px;background-color:#fff;}
.news-item{padding-block:16px;padding-inline:16px;border-bottom:1px solid;}
.news-item-head{display:grid;grid-template-columns:120px auto;}
.news-update{font-weight:bold;}
.news-cat-list{display:flex;flex-wrap:wrap;gap:8px 1em;}
.news-cat-list li{padding-block:2px;padding-inline:16px;background-color:var(--font-color);font-size:14px;color:#fff;}
.news-item-body{margin-top:8px;}

@media(max-width:767px){
	.news-list{padding-inline: 16px;}
	.news-item{padding-inline:0;}
	.news-item-head{grid-template-columns:auto;gap:8px;}
}

/* 実績紹介
===================================================== */
.works-swiper{padding-bottom:100px!important;}
.works-item{position:relative;display: flex;flex-direction: column;}
.works-thumbnail{width:100%;aspect-ratio:3/2;overflow:hidden}
.works-thumbnail img{display:block;width:100%;height:100%!important;object-fit:cover;transition:var(--hover-transform);}
.works-item-des{margin-top: 32px;}
.works-cat-list{display:flex;flex-wrap:wrap;gap:8px 1em;}
.works-cat-list li{padding-block:2px;padding-inline:16px;border:1px solid var(--main-color);font-size:14px;color:var(--main-color);}
.works-tit{font-size:18px;color:#fff;margin-top:16px;}

/* swiper */
.works-wrap{position:relative}
.works-swiper .swiper-pagination{bottom:40px!important;}
.works-swiper .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:16px;aspect-ratio:1/1;height:auto;background-color:#E4E4E4}
.works-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--main-color)}
.works-wrap .swiper-button-next,
.works-wrap .swiper-button-prev{width: 56px;height: auto;aspect-ratio:1/1;border-radius:100%;background-color:var(--main-color);top: auto;bottom: 0;}
.works-wrap .swiper-button-next{right: 14vw;}
.works-wrap .swiper-button-prev{left: 14vw;}
.works-wrap .swiper-button-next:after,
.works-wrap .swiper-button-prev:after{color:#000;font-size:0;width: 16px;aspect-ratio:1/1;border-top: 4px solid;border-right: 4px solid;position:absolute;}
.works-wrap .swiper-button-next:after{rotate:45deg;right: 24px;}
.works-wrap .swiper-button-prev:after{rotate:-135deg;left: 22px;}

/* 実績紹介一覧 */
.works-archive-list{display:grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 40px;}
.works-more{width:fit-content;margin-top: auto;margin-left:auto;padding-top: 16px;}
.works-more span{font-family: var(--en-font);font-weight:900;text-transform:uppercase;color:var(--main-color)}


@media(max-width:1024px){
	.posts-archive-list{gap:20px;}
	.works-archive-list{gap:20px;}
}

@media(max-width:767px){
	.works-archive-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.works-item-des{margin-top:16px}
	.works-tit{margin-top:8px;font-size: 16px;}
	.works-wrap .swiper-button-next{right:16px;}
	.works-wrap .swiper-button-prev{left:16px}
}

/* イベント情報
===================================================== */
.event-list{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap:20px;}
.event-list li{position:relative;}
.event-thumbnail{width:100%;aspect-ratio: 1/1.4;overflow:hidden}
.event-thumbnail img{display:block;width:100%;height:100%!important;object-fit:cover;transition:var(--hover-transform);}
.event-item-des{margin-top: 24px;}
.event-cat-list{display:flex;flex-wrap:wrap;gap:8px 1em;}
.event-cat-list li{padding-block:2px;padding-inline:16px;border:1px solid;font-size:14px;}
.event-tit{margin-top:16px;}

/* イベント情報一覧 */
.event-archive-list{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 40px;}
.event-item{position:relative;display: flex;flex-direction: column;}
.event-archive-list .event-cat-list li{color:#fff}
.event-archive-list .event-tit{color:#fff;}
.event-more{width:fit-content;margin-top: auto;margin-left:auto;padding-top: 16px;}
.event-more span{font-family: var(--en-font);ffont-weight:900;text-transform:uppercase;color:var(--main-color)}


@media(max-width:1024px){
	.event-archive-list{gap:20px;}
}

@media(max-width:767px){
	.event-archive-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.event-list{grid-template-columns: repeat(2,minmax(0,1fr));}
	.event-item-des{margin-top:16px}
	.event-tit{margin-top:8px;font-size:16px;}
}


/* クルー紹介
===================================================== */
.crew-list{display:flex;flex-wrap:wrap;gap:8px;}
.crew-list li{width: 135px;position:relative}
.crew-list li figure{width:100%;aspect-ratio:70/157;overflow:hidden;}
.crew-list li figure img{width:100%;height:100%;object-fit: cover;transition:var(--hover-transform)}
.crew-tit{font-size:12px;color:#fff;margin-top:.5em}

.single-crew-item .single-thumbnail{width:240px;max-width:100%;margin-inline:auto;}
.single-crew-item .single-title{text-align:center;}

@media(max-width:767px){
	.crew-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 4px }
	.crew-list li{width:100%;}
}

/* 所属アーティスト
===================================================== */
.artist-archive-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap: 40px 24px;}
.artist-list li{position:relative;}
.artist-thumbnail{width:100%;aspect-ratio:3/2;overflow:hidden;background-color:#E4E4E4}
.artist-thumbnail img{display:block;width:100%;height:100%!important;object-fit:contain;transition:var(--hover-transform);}
.artist-item-des{margin-top:8px;}
.artist-tit{font-size:18px;margin-top:8px;color:#fff;}

.artist-more{width:fit-content;margin-top:80px;margin-inline:auto;}
.artist-more a{display:block;padding-block:8px;padding-inline:40px;background-color:var(--main-color);font-weight: bold;text-align: center;}
.artist-more a span{display: flex;align-items:center;justify-content: center;gap: 18px;}
.artist-more a svg{width:1em;height:1em;transition:var(--hover-transform)}
.single-artist-item{width:640px;}

@media(max-width:1024px){
	.artist-archive-list{gap:20px;}
}

@media(max-width:767px){
	.artist-archive-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.artist-tit{margin-top:8px;font-size: 14px;}
}

/* お問い合わせ
===================================================== */
.page-contact-des{text-align:center;padding-top:40px;}

.c-table {width: 800px;max-width:100%;margin-inline: auto;}
.from-item{display:flex;flex-wrap: wrap;padding-block: 40px;border-bottom: 1px solid #E4E4E4;color: #fff;}
.c-table .fl{width:240px;padding-block: 4px;display: block;}
.c-table .fr{width:calc(100% - 240px)}
.required{font-size: 12px;color: var(--font-color);padding-block: 4px;padding-inline: 8px;background-color: var(--main-color);margin-right: 16px;vertical-align: 1px;}
.any{font-size: 12px;padding: 4px 8px;background-color: #b4b5b5;margin: 0 16px 0 0;vertical-align: 1px;}
.example{font-size: 14px;letter-spacing: -1px;}
.from-item input[type=email]{width:100%}
.from-item input[type=tel]{width:310px;}
.from-item textarea {height: 140px;width:100%}
.from-note{width: 420px;max-width: 100%;text-align:center;margin:40px auto 0;padding: 32px 16px;background-color: #fff;border-radius:6px;}
.from-note p{color:#000;}
.from-note .acceptance-wrap{font-weight:bold;margin:16px 0 0}
.from-note .doui{width: 18px;height: 18px;margin: 0 8px 0 0;border: none;vertical-align: -3px;}
.wpcf7-submit:disabled{opacity: 0.3;pointer-events: none}
.formsubmit{margin: 60px auto 0;position:relative;width:fit-content;}
.formsubmit .wpcf7-submit{width: 300px;max-width:100%;margin-inline: auto;padding-block: 24px;background-color: var(--main-color);line-height:1;text-align: center;position: relative;font-size: 20px;transition:var(--hover-transform)}
.wpcf7-spinner{display:block;margin:16px auto}
.policy-link{padding:0 8px;text-decoration: underline;}

.wpcf7-list-item{margin:0;}
.wpcf7-list-item:not(:first-of-type){margin-left:1em}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--main-color);text-align:center;color:#fff}

@media(max-width:767px){
	.c-table .fl,
	.c-table .fr{width:100%;}
	.c-table .fr{margin-top:8px;}
}

@media(max-width:560px){
  .c-table{margin-top:24px}
}

/* privacypolicy
===================================================== */

.privacypolicy-item{width: 800px;max-width:100%;margin-inline:auto;color:#fff;}
.privacypolicy-item h3{font-size:20px;color:#fff;margin-block:40px 8px}
.privacypolicy-item h4{font-size:18px;margin-block:32px 8px}
.privacypolicy-item h4::before{content:'';display:inline-block;width:16px;height:16px;background-color: #fff;margin-right:8px;}
.privacypolicy-item h5{margin-block:24px 8px}
.privacypolicy-item h5::before{content:'';display:inline-block;width:16px;height:1px;background-color: #fff;margin-right:8px;vertical-align: 6px;}
.privacypolicy-item ul,
.privacypolicy-item ol{margin-block:16px}
.privacypolicy-item li{position:relative;padding-left: 24px;}
.privacypolicy-item li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color: #fff;margin-right:8px;top: 8px;left: 4px;}