@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
*/

/************************************
** テーマ用のスタイル
テキストカラー　#37484b
************************************/


div.white,section.white {background:#fff;}
div.green,section.green {background:#0e5c5a;}
div.lightgreen,section.lightgreen {background:#9ec763;}
div.lightblue,section.lightblue {background:#eaf8fc;}
div.baige,section.baige {background:#f8f5f0;}
div.gray,section.gray {background:#fafafa;}
div.orange,section.orange {background:#f8b500;}
div.turquoise,section.turquoise {background:#a1d7d8;}

/**トップ**/

.home a.btn:hover {opacity:0.5;}

.home .header-container,
.home .header-container-in,
.home .header,
.home .header-in {background:transparent;z-index:99;position:relative;}
.home .entry-content {margin:-120px auto 0;padding:0;}

@media screen and (min-width: 835px){
section.top .content-wrap.left {padding-left:5%;}
section.top .content-wrap.center {padding-left:35%;}
section.top .content-wrap.right {padding-left:min(800px, 60%);}
section.top h2.rl {font-size: min(4.1vw, 50px);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
section.top h2.rl {margin-left:1.5%;margin-right:auto;}
section.top h2.rl.center {margin-left:auto;margin-right:auto;text-align:left;}
section.top h2.rl span {margin-top:-0.5em;}
section.top.top01 .flex.half div:nth-child(1) {width:40%;}
section.top.top01 .flex.half div:nth-child(2) {width:55%;}
}
@media screen and (max-width: 834px){
section.top h2.rl {font-size: min(3.9vh, 39px);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
section.top .disc {padding-bottom:30vh;}
}

section.top h2.rl span {margin-top:-0.5em;}
section.top .text {padding-bottom:30vh;}

section.top {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
section.top h2 {font-size: min(3.5vh, 40px);font-weight:500;line-height:200%;}
section.top h2 span {font-size:1.3em;margin-left:-0.5em;}

section.top {width:100vw;margin-top:0;margin-bottom:0;will-change: background-position;}
section.top.top01,
section.top.top09 {min-height:110vh;}
section.top.top02,
section.top.top03,
section.top.top05 {min-height:100vh;}
section.top.top01 {background:url(/official/uploads/2026/05/top01.jpg) no-repeat;background-size:cover;background-position:center center;}
section.top.top02 {background:url(/official/uploads/2026/05/top02.jpg) no-repeat;background-size:50%;background-position:left 15% top;margin:4vw auto;}
section.top.top03 {background:url(/official/uploads/2026/03/top03.jpg) no-repeat;background-size:cover;background-position:center center;}
section.top.top04 {background:url(/official/uploads/2026/05/top04_4.jpg) no-repeat;background-size:57%;background-position:right center;margin:4vw auto;}
section.top.top05 {background:url(/official/uploads/2026/04/top05.jpg) no-repeat;background-size:55%;background-position:left center;margin:2vw auto;}
section.top.top06 {background:url(/official/uploads/2026/03/top06.jpg) no-repeat;background-size:55%;background-position:left center;margin:2vw auto;}
section.top.top07 {background:url(/official/uploads/2026/04/top07.jpg) no-repeat;background-size:80%;background-position:right center;margin:0 auto;}
section.top.top08 {background:url(/official/uploads/2026/03/top08.jpg) no-repeat;background-size:cover;background-position:center center;}
section.top.top09 {background:url(/official/uploads/2026/03/top09.jpg) no-repeat;background-size:cover;background-position:center center;padding:10vh 0;}

section.top .content-wrap {padding:5%;width:1200px;max-width:100%;margin:0 auto;}
section.top .content-wrap.white-wrap {background:rgba(255,255,255,0.8);border-radius:15px;padding:2.5% 5%;}

section.top.top01,section.top.top01 h2 {color:#fff;}
section.top.top01 .flex {align-items: center;}

section.top.top02 h2 {transform: scale(0.85);}
section.top.top09 {align-items: flex-start;}
section.top.top01 h2,
section.top.top05 h2,
section.top.top06 h2 {margin-top:0;}
section.top.top09 .content-wrap {width:880px;max-width:80%;margin-top:10%;}

section.top img.brandlogo {width:150px;height:auto;margin:3vw 0;}

.intro-wrap,
.info-wrap {margin:0;padding:5vw 0;}
.intro-wrap .flex.half,
.info-wrap .content-wrap {padding:3% 0;}
.intro-wrap .fullwidth:nth-of-type(even),
.info-wrap .content-wrap:nth-of-type(even) {background:#f2f2ea;}

.intro-wrap .text {font-size:90%;}
.intro-wrap .text h3,
.brand-wrap h3 {font-size:23px !important;}

.entry-content .flex.half.brand-wrap {margin:5vw 0;align-items:stretch;}
.entry-content .flex.half.brand-wrap div {border-radius:5px;padding:5%;border:1px solid #ccc;}
/* .entry-content .flex.half.brand-wrap div:nth-child(odd) {padding:5% 2.5% 5% 5%;}
.entry-content .flex.half.brand-wrap div:nth-child(even) {padding:5% 5% 5% 2.5%;}*/
.brand-wrap div img.brandlogo {width:250px;max-width:75%;margin-left:auto;margin-right:auto;}
.brand-wrap div img.brandlogo:hover {opacity:0.5;}

.brand img {width:280px;max-width:39vw;}


a.new-entry-card-link:hover {background:transparent;opacity:0.7;}
a.new-entry-card-link:hover img {opacity:1;}


section.media .new-entry-cards {display:flex;flex-wrap: wrap;}
section.media .new-entry-cards a {width:31%;margin:1%;}
section.media .new-entry-cards a img {margin:10px auto;}
section.media .new-entry-cards a .new-entry-card-title {font-size:16px;}

section.scrollify{
width: 100%;
min-height: 100vh;
}
section.scrollify.no-scrollify{height: auto;}


@media screen and (max-width: 834px){
.home .entry-content {margin:-100px auto 0;padding:0;}
section.top.top01 {background-position:36% center;}
section.top.top01 h2.rl {padding-top:20vh;}
section.top.top01 p,
section.top.top02 p,
section.top.top03 p,
section.top.top04 p,
section.top.top05 p,
section.top.top06 p,
section.top.top09 p {text-align: center;}
section.top.top02 {background-size:60%;background-position:center center;margin:-10vw auto 2vw;}
section.top.top02 h2.rl {padding-bottom:0;padding-top:50vh;}
section.top.top03 {background-size:120%;background-position:center 25vh;padding-top: 35vh;}
section.top img.brandlogo {width:130px;height:auto;}
section.top.top04 {background-size:90%;background-position:center 39vh;}
section.top.top04 h2.rl {padding-top:50vh;}
section.top.top05 {background-size:75%;background-position:center 20vh;}
section.top.top05 h2 {padding-top:30vh;text-align:center;}
section.top.top06 {background-size:75%;background-position:center 20vh;}
section.top.top06 h2 {padding-top:30vh;text-align:center;}
section.top.top07 {background-size:130%;background-position:center 10vh;}
section.top.top07 p.large {padding-top:12vh;font-size:20px;text-align:left;}
section.top.top07 h2 {padding-top:10vh;}
section.top.top02 p,
section.top.top04 p,
section.top.top06 p,
section.top.top07 p {background:rgba(255,255,255,0);padding:0.3em 1em;}
section.top .content-wrap {padding:5% 5%;}
.intro-wrap .flex.half,
.intro-wrap .content-wrap {padding:5vh 5%;}
.info-wrap .content-wrap {padding:5vh 0;}
.media.content-wrap {padding:5vh 0;}
.intro-wrap .text h3,
.brand-wrap h3 {font-size:18px !important;}
.entry-content .flex.half.brand-wrap div:nth-child(odd) {padding:5% 8%;}
.entry-content .flex.half.brand-wrap div:nth-child(even) {padding:5% 8%;}
.brand-wrap div img.brandlogo {max-width:80%;margin-top:8vh;}
.banner-wrap {width:80%;margin:10px auto;}
section.media .new-entry-cards a {width:48%;}
}

/* TOP新着記事 */

.custom-news-list {
display: grid;
gap: 10px;
margin-bottom:20px;
}

.custom-news-item a:hover {opacity:0.7;transition:0.4s;}


.news-date {
font-size: 1rem;
color: #333;
flex-shrink: 0;
}
.news-category { display: inline-block; padding: 0.2em 0.7em; font-size: 0.8rem; font-weight: 700; color: #fff; line-height: 1.4; white-space: nowrap; background:#333;width:10em;text-align:center;flex-shrink: 0;}

h3.custom-news-title {
font-size: 1rem;
line-height: 1.7;
color: #111;
margin:0 !important;
}
.custom-news-item a:hover h3.custom-news-title { color: #666;}

.custom-news-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  padding: 0 0 1rem;
  transition: opacity 0.3s ease;
margin:0;
}

.custom-news-item a::after {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-top: 1px solid #111;
  border-right: 1px solid #111;
  transform: rotate(45deg);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.custom-news-item a:hover::after {
  transform: rotate(45deg) translate(3px, -3px);
}

.custom-news-item a:hover {opacity: 0.7;}


@media screen and (max-width: 834px){
.page article.custom-news-item {padding-bottom:0;margin-bottom:0;padding-top:10px;}
.custom-news-item a {
justify-content:flex-start;
flex-wrap: wrap;}
.custom-news-title {width:90%;}
}	


/**ここまでトップ**/


/**　出張イベント情報　**/

body.category-event {background-color:#f3f3f3;background-blend-mode: multiply;background-image: url(/official/uploads/2026/05/bg03.png);background-size:cover;background-position:center top;background-attachment:fixed;will-change:background-position;}

.event-page-head {padding:0 2.5%;}
body.category-event .event-title {text-align:center;}

.category-event .ev-btn,
.category-event section.event-tenpo {display:none;}

.event-section{
margin-bottom:5vw;
}

.event-list{
  list-style:none;
  margin:0;
  padding:0;
}

.event-item{
background:#fff;
padding:5%;
margin:2.5%;
}

.event-item a{
  gap:20px;
  padding:15px 0;
  text-decoration:none;
}

a h3.event-name {
color:#222;
margin-bottom:1.5em;
}
ul.event-card {margin:20px 0;padding:0;}
ul.event-card li {list-style:none;
background:#a1d7d8;line-height:100%;padding:0.5em;display:inline-block;}

.event-text {
  font-size:93%;
}
.event-text p {
  margin-bottom:1em;
}

a.event-map-link,
a.map-link{background:#333;color:#fff;margin:0 10px;padding:0.2em 0.5em;font-size:11px;border-radius:2px;text-decoration:none;}
a.map-link .fa {display: none;}

div.btn {background:transparent;border:0;margin:20px auto 40px;padding:0;display:block;}
div.btn a {font-size:120%;color:#fff;border:1px solid #222;background:#222;font-weight:400;letter-spacing:-0.05em;padding:0.5em 3em 0.5em 2em;border-radius:888px;text-decoration:none;}

div.btn a {transition: transform 0.1s ease;}
div.btn a:active {transform: scale(0.96);}

div.btn a {
  position: relative;
  display: inline-block;
  padding-right: 3em;
}

/* 矢印（線で作る） */
div.btn a::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 8px;
height: 8px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
}

div.btn a::after {animation: arrowMove 1.5s ease-in-out infinite;}
/* ホバーで停止 */
div.btn a:hover::after {
animation: none;
transform: translate(4px, -50%) rotate(45deg);right: 1em;
}

@media screen and (max-width: 834px){
div.btn a {font-size:100%;}
}


/**ゆかたプロジェクト**/

body.category-yukata h1.archive-title {display:none;}

/**沼さんぽ**/

body.category-kimononuma_sampo {background:#eaf8fc;}
body.category-kimononuma_sampo h1.archive-title,
body.category-kimononuma_sampo .sidebar {display:none;}
body.category-kimononuma_sampo .main {width:1000px;max-width:100%;margin:0 auto;}

body.category-kimononuma_sampo .pagination-next,
body.category-kimononuma_sampo .pagination {display:none;}

body.category-kimononuma_sampo .area-wrap {margin:10px 5%;}
body.category-kimononuma_sampo h2.small {}
body.category-kimononuma_sampo .description {margin-bottom:2em;}

body.category-kimononuma_sampo .text {margin:20px 0 10px;padding:0;}

.service {border:2px solid #f8b500;border-radius:5px;margin:15px 0;}
.service p {text-align:center;padding:0.4em;}
.service .title {background:#f8b500;color:#fff;font-size:110%;font-weight:600;}

body.category-kimononuma_sampo table th {width:23% !important;}


/**店舗一覧**/

.shop-map-wrap {
  width: 100%;
}

.shop-map-wrap iframe {
  width: 100%;
  height: 650px;
  border: 0;
}


body.category-shop,
body.category-shop01,
body.category-shop02,
body.category-shop03 {background:#f3f3f3;background-blend-mode: multiply;background-image: url(/official/uploads/2026/05/bg03.png);background-size:cover;background-position:center top;background-attachment:fixed;will-change:background-position;}

body.category-shop .area-wrap {margin:10px 5%;}
.area-wrap p {margin:1em 0;}
body.category-shop h2.small {}
body.category-shop .description {margin-bottom:2em;}

body.category-shop .pagination-next,
body.category-shop .pagination {display:none;}

body.category-shop h1.archive-title {display:none;}

h2.shopcat {
    display: flex;
    align-items: center;
margin:2.5em auto 1.8em;}
h2.shopcat:before,
h2.shopcat:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;}
h2.shopcat:before {margin-right: 1rem;}
h2.shopcat:after {margin-left: 1rem;}

.category-shop-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.category-block {margin:40px auto 80px;}
.category-block div.shop-list {width:49%;margin:1% 0;padding:3.5%;background:#fff;border:1px solid #eee;border-radius:8px;box-sizing: border-box;}
.category-block a {text-decoration:none;padding:0;display:inline;}

.shop-list div.shop-name {font-size:20px !important;font-weight:600;margin:0.8em 0;padding-bottom:0.3em;border-bottom:1px solid #111;}
.shop-list div.shop-name a {color:#111;}
.shop-list div.shop-name a:after {content:"";width:15px;height:15px;
background:url(/official/uploads/2026/05/link.png);
background-size:cover;display:inline-block;
margin:0 12px;}

.shop-list .address a {background:#333;color:#fff;margin:0 10px;padding:0.2em 0.5em;font-size:11px;border-radius:2px;}
.shop-list div a:hover {opacity:0.8;}
.shop-list div.sample-icons {margin:15px auto;}
.sample-icons img,
.single article .sample-icons img {width:77px;height:auto;margin:5px;display:inline-block;}

.shop-list.shop .address:before {content:"";width:23px;height:23px;
background:url(/official/uploads/2026/05/icon_pin.png);
background-size:cover;display:inline-block;margin-right:5px;vertical-align: middle;}
.shop-list .telnum:before {content:"";width:23px;height:23px;
background:url(/official/uploads/2026/05/icon_tel.png);
background-size:cover;display:inline-block;margin-right:5px;vertical-align:middle;}

.shop-list .format {margin-top:15px;}
.shop-list span {background:#eee;padding:0.1em 0.5em;margin:0 0.2em;white-space: nowrap;}

.shop-list dl {line-height:210%;margin:5px 0;
	display:flex;}
.shop-list dl dt {width:20%;}
.shop-list dl dd {width:80%;}

.shop-list .license {margin:25px auto;background:rgba(252,235,176,0.5);border-radius:8px;padding:2%;}
.shop-list .license img {width:60%;margin:0 auto;display:block;}
.shop-list .license:hover {opacity:0.7;transition:0.4s;}

.ts_portrait img {width:36%;border-radius:888px;}
.category-block div.shop-list .name {font-weight:600;margin:0.5em auto;}
.category-block div.shop-list .name.kikata {margin-top:1.5em;}
.category-block div.shop-list table th {width:20%;text-align:center;}
.category-block div.shop-list table th,
.category-block div.shop-list table td {font-size:85%;line-height:160%;border:1px solid #ddd !important;}

.category-block div.shop-list .btn {background:#f8b500;color:#fff;font-size:100%;border-radius:888px;padding:0.7em;border:0;display:block;margin:20px auto;}
.category-block div.shop-list .btn a {color:#fff;}

.category-shop01 h1.archive-title {display:none;}
.category-shop01 section.cat-722 {display:block;}
.category-shop01 section.cat-723 {display:none;}
.category-shop01 section.cat-724 {display:none;}

.category-shop02 h1.archive-title {display:none;}
.category-shop02 section.cat-722 {display:none;}
.category-shop02 section.cat-723 {display:block;}
.category-shop02 section.cat-724 {display:none;}

.category-shop03 h1.archive-title {display:none;}
.category-shop03 section.cat-722 {display:none;}
.category-shop03 section.cat-723 {display:none;}
.category-shop03 section.cat-724 {display:block;}


.category-shop .list .entry-card-wrap,
.category-shop .list figure,
.category-shop .list .entry-card-meta,
.category-shop01 .list .entry-card-wrap,
.category-shop01 .list figure,
.category-shop01 .list .entry-card-meta,
.category-shop02 .list .entry-card-wrap,
.category-shop02 .list figure,
.category-shop02 .list .entry-card-meta,
.category-shop03 .list .entry-card-wrap,
.category-shop03 .list figure,
.category-shop03 .list .entry-card-meta {display:none;}
.category-shop .list:after {content:"";display:block;clear:both;}

@media screen and (max-width: 834px){
.category-block div.shop-list {float:none;width:92%;margin:2% 4%;padding:7vw;}
.sample-icons img,
.single article .sample-icons img {width:23%;margin:1%;}
}
	

/**たかはしスタイル**/

body.category-takahashi-style {background-blend-mode: multiply;background-color:rgba(248,245,240,0.8);background-image: url(/official/uploads/2026/05/bg03.png);background-size:cover;background-position:center top;background-attachment:fixed;will-change:background-position;}

body.category-takahashi-style .pagination-next,
body.category-takahashi-style .pagination {display:none;}

body.category-takahashi-style .intro {background:url(/official/uploads/2026/04/top07.jpg) no-repeat;background-size:80%;background-position:right center;margin:0 auto;}

.entry-content h2.small,
h2.small {display:inline-block;font-size:110%;background:#fff;padding:0.5em 1.5em;border-radius:88px;margin:30px 0 40px;}

@media screen and (min-width: 835px){
body.category-takahashi-style .content {padding-top:2em;}
}
@media screen and (max-width: 834px){
body.category-takahashi-style .intro {background-size:100%;background-position:center top;}	
body.category-takahashi-style .intro h2 {margin-top:80vw;}
}	


/**絞り込みセクション装飾**/

.filter-wrap {background:rgba(0,0,0,0.1);padding:2.5% 5%;margin-bottom:20px;}

select[name="pref"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  padding: 10px 40px 10px 14px;
  font-size: 14px;
  
  border: 1px solid #ccc;
  border-radius: 6px;
  
  background-color: #fff;
  cursor: pointer;
  
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

select[name="pref"]:hover {
  border-color: #999;
}

select[name="pref"]:focus {
  outline: none;
  border-color: #333;
}


/* youtube埋め込み */

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/* アコーディオン開閉 */
.accordion-item.baige {background:rgba(248,245,240,0.7);}
.accordion-item.yellow {background:rgba(252,235,176,0.7);}
.accordion-item.white {background:rgba(255,255,255,0.7);}
.accordion-item {padding:10px;margin:10px 0;border-radius:5px;}
.accordion-content {padding:0 5% !important;margin:0 !important;}
p.accordion-trigger {padding:0 !important;margin:0 5% !important;}
.accordion-content p {padding:0 !important;margin:0 5% !important;}

.accordion-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease;
}
.accordion-item.is-open .accordion-content {
max-height: 500px; /* 内容に応じて調整 */
opacity: 1;
}
.accordion-trigger {
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;
}
.accordion-trigger::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #485859;
  border-right: 1px solid #485859;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.accordion-item.is-open .accordion-trigger::after {
  transform: translateY(-50%) rotate(135deg);
}

	
/**サイドメニュー**/

.sidebar-scroll {top: 120px;
margin-top:5px;}
.sidelogo {width:120px;height:auto;margin:20px 0;}

.sidebar {background:transparent;}
.sidebar .menu-item a:hover {background:transparent;opacity:0.7;}

/**サイドSNS**/

.sns-sidewrap {position:fixed;z-index:3;bottom:2vh;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0);height:55px;overflow:hidden;}
.sns-sidewrap img {filter: invert(10%);margin:5px;width:24px;}
.sns-sidewrap p{font-size:11px;color:#37484B;letter-spacing:0.1em;margin:0 10px;}
.contact-sidewrap {white-space: nowrap;font-size:14px;margin-left:1.5em;}
.contact-sidewrap a {color:#fcfcfc;text-decoration:none;background:#5c9291;padding:1.7em 0.8em;height:55px;}
.contact-sidewrap a:hover {opacity:0.88;transition:0.4s;}
.contact-sidewrap {position:fixed;bottom:1.5vh;right:1.5%;}
.contact-sidewrap a {border-radius:888px;padding:0.7em 1.2em;height:auto;margin:0 3px;}

@media screen and (min-width: 835px){
.sns-sidewrap {background:rgba(255,255,255,0);padding:10px 15px 10px 5px;right:0;top:28%;width:44px;height:auto;bottom:auto;display:block;overflow:visible;}
.sns-sidewrap p {font-size:13px;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:10px 7px;}
.contact-sidewrap {position:fixed;bottom:3vh;right:1.5%;}
.contact-sidewrap a {border-radius:888px;padding:1.2em 2em;height:auto;margin:0 3px;}
}
@media screen and (max-width: 480px){
.sns-sidewrap {justify-content:space-between;}
.sns-sidewrap p {font-size:11px;letter-spacing:0.02em;margin:0 0 0 15px;}
}



/************************************
** BASIC
************************************/

html {scroll-behavior: smooth;scroll-padding-top: 100px;}

body {font-family: "Shippori Mincho", serif;
	font-weight: 400;
	font-style: normal;
	box-sizing: border-box;}

.logo img,
img.logo {height:33px !important;width:auto !important;}
.logo-header {height:50px;}
.mobile-header-menu-buttons {box-shadow:none;}
.mobile-header-menu-buttons {flex-direction: row-reverse;justify-content:space-between ;}

@media screen and (min-width: 835px){
.logo img {filter: brightness(120%);}
}	

.header-container {background:transparent;box-shadow:none;padding:15px 5%;}
.navi {background:transparent;margin-right:60px;}
li.menu-item {width:auto !important;margin:0 0.75em !important;}
li.menu-item.menu-item-has-children a:before {content:none !important;}
li.menu-item a {color:#37484B !important;}
li.menu-item ul li {background:transparent;margin:0 !important;}
li.menu-item ul li:hover {background:transparent;}

.fixed-header .navi-in > ul li:hover > ul {
display: block;}


.content,
.main,
.entry-content {margin:0;padding:0;}
.main {background:transparent;}

.page article {margin:0 5vw 0 0;padding:0 0 15vh;}
.single article {margin:0 5vw 0 0;padding:0 0;}
.home article,
.list article,
.related-list article {margin:0 0 0 0;padding:0;}

.content-wrap {width:1100px;max-width:100%;margin:40px auto;padding:0 2.5%;}

.single article {width:800px;max-width:100%;}
.single article img {margin:40px auto;display:block;}
.single article img.margin0 {margin:0 auto;}

.pad5 {padding:5%;}

.fullwidth {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}

.flex {display: flex;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: stretch;}
.flex.rev {flex-direction:row-reverse;}

.flex.one div {width:98%;margin:1%;}
.flex.half div {width:48%;margin:1%;}
.flex.triple div {width:31.333%;margin:1%;}
.flex.quadruple div {width:24%;margin:0.5%;}

.flex.content div {padding:5%; border-radius:8px;text-align: justify;
text-justify: inter-ideograph;}
.flex.content.triple div {padding:2.5%;}
.flex.content.quadruple div {padding:1.5%;}

.flex.banner-wrap div img {border:1px solid #e5e5e5;border-radius:7px;transition:0.4s;}
.flex.banner-wrap div img:hover {opacity:0.8;transition:0.4s;}

div.text {padding:1% 4%;}
div.image {padding:1%;}

div.small img {margin-bottom:8px !important;}

h1.entry-title {font-size:29px;line-height:160%;font-weight:500;}
.page h1.entry-title {margin:1em auto;}
h1.archive-title {margin:1.2em auto;padding:0 2.5%;font-size:29px;line-height:160%;font-weight:500;}
h1 span.fa {display:none;}
.entry-content h2 {font-size:29px;line-height:160%;font-weight:500;}
.entry-content h3 {font-size:22px;line-height:160%;font-weight:500;}
.entry-content h3 {font-size:18px;line-height:160%;font-weight:500;}
.entry-content h4 {font-size:16.5px;line-height:160%;font-weight:500;}

.entry-content h2,
.entry-content h3,
.entry-content h4 {background:transparent;text-align:left;line-height:180%;margin:1.2em auto;padding:0.5em 0;border:none;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}
.entry-content p {
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
	font-style: normal;	
}

.entry-content p {text-align: justify;text-justify: inter-ideograph;}
.center,
p.center,
.entry-content h2.center,
.entry-content h3.center,
.entry-content h4.center {text-align:center;}
.left,
p.left,
.entry-content h2.left,
.entry-content h3.left,
.entry-content h4.left {text-align:left;}
p.right {text-align:right;}
p.x-large,.x-large {font-size:150%;}
p.large,.large {font-size:120%;}
p.small,.small {font-size:85%;}
p.x-small,.x-small {font-size:70%;}
span.normal {font-weight:400;}

.entry-content a.btn,
a.btn {color:#485859;border:1px solid #485859;background:transparent;font-size:100%;font-weight:400;letter-spacing:-0.05em;padding:0.5em 3em 0.5em 2em;border-radius:888px;text-decoration:none;}
a.btn.white {color:#fff;border:1px solid #fff;}
a.btn.black {color:#fff;border:1px solid #222;background:#222;}
a.btn:hover {transition:0.4s;}

a.btn {transition: transform 0.1s ease;}
a.btn:active {transform: scale(0.96);}

a.btn {
  position: relative;
  display: inline-block;
  padding-right: 3em;
}

/* 矢印（線で作る） */
a.btn::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 8px;
height: 8px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
}

a.btn::after {animation: arrowMove 1.5s ease-in-out infinite;}
/* ホバーで停止 */
a.btn:hover::after {
animation: none;
transform: translate(4px, -50%) rotate(45deg);right: 1em;
}

@keyframes arrowMove {
  0% { transform: translate(0, -50%) rotate(45deg); }
  50% { transform: translate(4px, -50%) rotate(45deg); }
  100% { transform: translate(0, -50%) rotate(45deg); }
}




.entry-content img {display:block;margin-left:auto;margin-right:auto;}
.page .entry-content img {margin-top:4vw;margin-bottom:4vw;}
	
.entry-content .wp-block-gallery .wp-block-image img {margin:10px auto;}
.entry-content .wp-block-gallery .wp-block-image .wp-element-caption {background:none;color:#222;position:relative;margin:0 auto;padding:0.5em;}

.entry-content ul {margin-top:0.8em;margin-bottom:0.8em;}

table {background:#fff;}
table.capacity th,
table th {background:#fafafa;}
table td {background:#fff;}
table tr.triple th,
table tr.triple td {width:33.333%;}
table .center {text-align:center;}
table th,table td {border:1px solid #ccc !important;text-align:left;padding:0.5em 1em;}

.admin-pv,
.footer-meta,
.page .date-tags,
.post-date .fa,
a.cat-link .fa {display:none;}
.entry-categories-tags,
.entry-categories-tags a,
.entry-categories-tags a:hover {color:#333;}

.breadcrumb {background:transparent !important;padding:0 2.5% !important;}
.breadcrumb,.breadcrumb a {color:#333;}
.breadcrumb .fa {display:none;}
.breadcrumb .fa.fa-angle-right {display:inline-block;}

.list {max-width:100%;margin:5vw auto;padding:1% 0;border-top:0px solid #ccc;}
.list .entry-card-wrap {padding:2%;border-bottom:0px solid #ccc;}
.list .entry-card-content {padding-left:2.5%;}
.list .entry-card-content .entry-card-snippet {margin:2em 0;line-height:180%;}

.cat-label {position:relative;font-size:75%;padding:0.2em 0.8em;border:0;}
.cat-label.cat-label-1,
a.cat-link.cat-link-1 {background:#727171;}
.cat-label.cat-label-17,
a.cat-link.cat-link-17,
.cat-label.cat-label-725,
a.cat-link.cat-link-725 {display:none;}
.news-category.cat-event,
.cat-label.cat-event,
.cat-label.cat-label-2,
a.cat-link.cat-link-2 {background:#a1d7d8;}
.cat-label.cat-label-18,
a.cat-link.cat-link-18,
.cat-label.cat-label-24,
a.cat-link.cat-link-24,
.cat-label.cat-label-15,
a.cat-link.cat-link-15,
.cat-label.cat-label-16,
a.cat-link.cat-link-16,
.cat-label.cat-label-21,
a.cat-link.cat-link-21,
.cat-label.cat-label-26,
a.cat-link.cat-link-26,
.cat-label.cat-label-25,
a.cat-link.cat-link-25,
.cat-label.cat-label-22,
a.cat-link.cat-link-22 {display:none;}
.news-category.cat-media,
.cat-label.cat-media,
.cat-label.cat-label-23,
a.cat-link.cat-link-23 {background:#a59aca;}
.news-category.cat-yukata,
.cat-label.cat-yukata,
.cat-label.cat-label-727,
a.cat-link.cat-link-727 {background:#92b5a9;}
.news-category.cat-pr,
.cat-label.cat-pr,
.cat-label.cat-label-559,
a.cat-link.cat-link-559 {background:#008899;}
.news-category.cat-onlinestore,
.cat-label.cat-onlinestore,
.cat-label.cat-label-422,
a.cat-link.cat-link-422 {background:#fac559;}
.news-category.cat-important,
.cat-label.cat-important,
.cat-label.cat-label-737,
a.cat-link.cat-link-737 {background:#d0576b;}



.entry-categories-tags {text-align:right;}
.entry-categories a.cat-link {color:#fff;padding:0.2em 0.8em;}



.under-entry-content {margin-top:8vw;}
.related-entry-heading {text-align:center;}
.related-entry-card-wrap {width:800px;max-width:100%;margin:15px auto;border-bottom:1px solid #222;}
.related-entry-card-thumb img.related-entry-card-thumb-image,
.related-entry-card-thumb img.related-entry-card-no-image {margin:0 auto;}
.related-entry-card-thumb .cat-label {display:none;}
.related-entry-card-content {padding-left:2.5%;}

footer,
.go-to-top {display:none;}
.footer-wrap {margin:5vw auto;font-size:14px;}
.footer-wrap div.footer-logo-wrap {width:26%;}
.footer-wrap div.footer-logo-wrap img.logo {width:90%;margin:0 0 20px;}
.footer-wrap div p {margin:0.5em 1em;}
.footer-wrap div.footer-menu-wrap {width:62%;margin:1% 4%;}
.footer-wrap a {color:#111;text-decoration:none;margin:2%;}
.footer-wrap a:after {content:"";}
.footer-wrap .footer-menu {font-size:16px;font-weight:400;}
.footer-wrap .footer-link {margin-top:5vw;}

p.copy {margin-bottom:5vw;font-size:75%;}

.icon-wrap {padding:10px;}
.icon-wrap img {width:20px;height:auto;margin:5px;display:inline-block;opacity:0.88;}

.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.grecaptcha-badge { visibility: hidden; }
.no-pc {display:none !important;}
.no-sp {display:block;}


/************************************
** hamburger menu
************************************/
nav.hamburger {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
transform: translateY(-150%);
transition: transform .5s ease;
z-index: 99;
background: rgba(178,219,222,0.99);
background-blend-mode: multiply;background-image: url(/official/uploads/2026/05/bg03.png);background-size:cover;background-position:center top;background-attachment:fixed;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-top:3vw;
}
.open nav.hamburger {
  transform: translateY(0);
}

nav.hamburger .inner-wrap {
width:1300px;
max-width:100%;
margin:0 auto;
padding:0 5%;
}
nav.hamburger .logo-wrap img {
height:60px;
width:auto;
margin:20px 0;
}
nav.hamburger .menu-wrap {width:1200px;max-width:100%;margin:0;}

nav.hamburger .box-wrap {margin:50px auto 25px;}
nav.hamburger .one.menu-wrap div {
background:rgba(255,255,255,0.9);
border-radius:8px;
width:98.999%;
margin:0.5%;
padding:3.5%;
}
nav.hamburger .half.menu-wrap div {
background:rgba(255,255,255,0.9);
margin:0 auto;
padding:2.5% 5%;	
}
nav.hamburger .triple.menu-wrap div {
background:rgba(255,255,255,0.9);
border-radius:8px;
width:32.333%;
margin:0.5%;
padding:3.5%;
}
nav.hamburger .menu-wrap h2.title {
font-weight:500;
font-size:25px;
color:#5c9291;
margin:0.8em 0 0.3em !important;
padding:0;
}
nav.hamburger .menu-wrap h2.title:first-child{
margin-top: 0!important;
}
nav.hamburger .menu-wrap h3.title {
font-weight:550;
font-size:17px;
margin:0.7em 0 0.2em;
}
nav.hamburger .menu-wrap h3.title a {
color:#37484b;
text-decoration:none;
}
nav.hamburger .menu-wrap h3.title a:hover {
opacity:0.8;
}
nav.hamburger .menu-wrap ul {margin:0 0 0.5em;padding:0;}
nav.hamburger .menu-wrap ul li:last-child {margin-bottom:0.5em;}
nav.hamburger .menu-wrap ul li {
	list-style:none;
	font-size:16px;
	line-height:1.8;letter-spacing:0;
position: relative;
display: block;}
nav.hamburger .menu-wrap ul li a {
display: block;
position: relative;
padding-left: 23px;
margin-right:1.8em;
}

nav.hamburger .menu-wrap ul li a:after {
content: '';
width: 5px;
height: 5px;
border: 0;
border-top: solid 1px #37484b;
border-right: solid 1px #37484b;
transform: rotate(45deg);
position: absolute;
top: 0;
left: 4px;
bottom: 0;
margin: auto;
}
nav.hamburger .menu-wrap ul li a {
	color:#37484b;
	text-decoration:none;
}
nav.hamburger .menu-wrap ul li a:hover {opacity:0.8;}

/*============
.toggle_btn
=============*/
.toggle_wrap {
display: block;
position: fixed;
top: 0;
right: 0;
width: 90px;
height: 90px;
border:30px solid #5c9291;
background:#5c9291;
cursor: pointer;
z-index: 99999;
}
.toggle_btn {
display: block;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
background:#5c9291;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #fff;
border-radius: 4px;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: .3;
  z-index: 2;
  cursor: pointer;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
article {margin:0 5vw;padding:0 0 25vh;}
}

/*834px以下*/
@media screen and (max-width: 834px){
article {margin:0 5vw;padding:0 0 0;}
.page article {margin:0 5vw;padding:0 0 15vh;}
.category article,
.category .pagination-next,
.single article {max-width:90%;margin:0 5%;}
.content-wrap {margin:30px auto 15px;}
.header-container,.header-container-in,.header,.header-in {margin:0;padding:0;display:inline-block;text-align:left;}
.main {margin:0 auto;padding:0 0 !important;}
.logo-header {position:fixed;top:15px;left:0;margin:0 auto;padding:0;z-index:88;}
nav.hamburger {padding-top:1vh;padding-bottom:18vh;}
nav.hamburger .box-wrap {margin:70px auto 20px;}
nav.hamburger .logo-wrap {display:block;position:fixed;top:0;left:10%;margin:0 auto;padding:0;z-index:999;}
.toggle_wrap {
width: 70px;
height: 70px;
border:20px solid #5c9291;
	}
nav.hamburger .menu-wrap div {width:100%;}
nav.hamburger .one.flex div {width:100%;}
nav.hamburger .one.flex div h2,
nav.hamburger .one.flex div li {text-align:left;}
nav.hamburger .half.flex div {width:100%;}
nav.hamburger .triple.flex div,
nav.hamburger .triple.flex li {width:100%;}
nav.hamburger .one.flex div,
nav.hamburger .triple.flex div {padding:5% 8%;margin:1.5% 1%;border-radius:8px;}
nav.hamburger .menu-wrap h2.title {font-size:20
px;margin:25px auto;}
.breadcrumb {padding:0 5% !important;}
.flex.half div {width:100%;margin:2% 0;}
.flex.half.halfsp div {width:48%;margin:1%;}
.flex.triple div {width:100%;margin:2% 0;}
.flex.quadruple div {width:48%;margin:1%;}
.flex.content.triple div {padding:5%}
.breadcrumb {display:;}
.page h1.entry-title,h1.entry-title {padding:0 0;font-size:26px;}
h1.archive-title {padding:0 5%;font-size:26px;}
.entry-content h2 {font-size:23px;line-height:160%;}
.entry-content h3 {font-size:18px;line-height:160%;}
.entry-content h3 {font-size:15px;line-height:160%;}
p.centersp {text-align:center;}
.fullwidth-sp {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.list .entry-card-wrap {padding:2% 0;}
.footer-wrap {padding:1% 5%;}
.footer-wrap div.footer-logo-wrap img.logo {width:70%;display:none !important;}
.footer-wrap .footer-menu {font-size:14px;}
.sidebar {display:none !important;}
.no-pc {display:block !important;}
.no-sp {display:none !important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
.entry-content .wp-block-gallery .wp-block-image {width:90% !important;}
}