@charset "utf-8";

/* =============================================================================
  RESET
============================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,span,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input,button,textarea,select{color: #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;font-size:100%}

/* =============================================================================
  COMMON
============================================================================= */
html{font-size:62.5%}body{font-size:1.4rem;font-family:"Noto Sans JP", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Arial",sans-serif;color:#000;font-feature-settings:"palt";line-height:1.5;background:#fff;letter-spacing:0.05em}body *{box-sizing:border-box}input,button,textarea,select{font-family:"Noto Sans JP", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Arial",sans-serif;}img{ width: 100%; height: auto;vertical-align:bottom;}@media print, screen and (min-width:960px){body{font-size:1.6rem;}}

@media screen and (max-width: 959px){
	html.modalLock{
		overflow: inherit;
	}
	body.modalLock{
		height: calc(var(--window-inner-height) - 1px);
		overflow: hidden;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 960px){
	body.modalLock{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		overflow-y: scroll;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility .4s, transform .4s ease;
}
.overlay.is-open{
	opacity: 1;
	visibility: visible;
}

/* 共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a, a:link, a:visited, a:hover{ color: #000; text-decoration: none; } a.link-txt{ color: #3498DB; text-decoration: underline; }@media print, screen and (min-width:960px){a.link-txt:hover{text-decoration:none;}}

/* アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;font-style:normal;vertical-align:middle;font-weight:400}.m-ico:before{position:relative;top:-1px;font-family:'Material Icons Outlined';content:attr(data-icon);font-size:100%}.m-ico.-arrow{transform:scale(1.3)}@media print, screen and (min-width:960px){.m-ico.-arrow{transform:scale(1.5)}}

/* 表示・非表示
-----------------------------------------------------------*/
@media print, screen and (max-width:959px){.pc-only{display:none}}@media print, screen and (min-width:960px){.sp-only{display:none}}.sr-only{display:none}

/* ページトップ
-----------------------------------------------------------*/
.page-top{position:fixed;right:0;bottom:0;margin:0 auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;justify-content:center;align-items:center;margin-left:auto;padding:3px;color:#fff;line-height:1;font-size:3rem;text-decoration:none;background-color:rgba(0,0,0,.3)}.page-top.ac{visibility:visible;opacity:1}.page-top.absolute{position:absolute;bottom:100%}@media print, screen and (min-width:960px) {.page-top{right:0;bottom:0}.page-top a{padding:10px}.page-top a:hover{opacity:.6}}

/* パンくず
-----------------------------------------------------------*/
.breadcrumbs {
	line-height: 1;
	
}
.breadcrumbs_wrapper {
	display: flex;
	align-items: center;
	padding: 4px 8px 4px 0;
	width: 100%;
}
.breadcrumbs_item {
	display: inline-flex;
	align-items: center;
	color: #6b6e71;
	font-size: 1.2rem;
	line-height: 1.5;
	vertical-align: middle
}
.breadcrumbs_item.-home {
	flex: none;
	padding: 0 8px;
}
.breadcrumbs_contents {
	display: block;
	width: 100%;
	margin-bottom: -4px;
	padding-bottom: 4px;
	overflow-x: auto;
	white-space: nowrap;
}
.breadcrumbs_item:not(:last-child)::after {
	margin-left: 2px;
	font-family:'Material Icons Outlined';
	content: "\e5cc";
	line-height: 1;
	color: #ccc;
	font-size: 1.5rem;
}
a.breadcrumbs_anchor {
	font-weight: 700
}
@media screen and (max-width:959px) {
	.breadcrumbs {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
	}
}
@media print, screen and (min-width:960px) {
	.breadcrumbs {
		position: relative;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		text-align: right;
	}
	.breadcrumbs_wrapper {
		padding: 8px 0;
	}
	.breadcrumbs:not(.-foot) .breadcrumbs_wrapper {
		position: absolute;
		right: 0;
		top: 0;
		justify-content: flex-end;
		padding: 8px 16px 8px 8px;
		width: auto;
		border-radius: 0 0 8px 8px;
		background-color: rgba(255, 255, 255, 0.9);
	}
	.breadcrumbs_contents {
		width: auto;
	}
	.breadcrumbs_inner {
		width: inherit
	}
}

/* SNS
-----------------------------------------------------------*/
.sns-panel {
	position: fixed;
	z-index: 1001;
	display: flex;
	flex-direction: column;
	border-radius: 8px 0 0 8px;
	transition: bottom .3s ease-out;
}
.sns-panel dt {
	margin-right: 10px;
	color: #000;
	font-weight: 700;
	font-family: "Jost", serif;
}
.sns-panel li a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #000;
	transition: background .2s ease-out, transform .2s ease-out
}
.sns-panel li a:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px
}
.sns-panel li.twitter a:before {
	background: url(/images/sns/twiiter_w.svg) center /100% auto no-repeat
}
.sns-panel li.insta a:before {
	background: url(/images/sns/instagram_w.svg) center /100% auto no-repeat
}
.sns-panel li.youtube a:before {
	background: url(/images/sns/youtube_w.svg) center /100% auto no-repeat
}
.sns-panel li.tiktok a:before {
	background: url(/images/sns/tiktok.svg) center /100% auto no-repeat
}
.sns-panel li span {
	display: none
}
@media screen and (max-width:959px) {
	.sns-panel {
		left: 8px;
		bottom: 70px
	}
	.fixednone .sns-panel {
		bottom: -100px
	}
	.modalNav .sns-panel {
		bottom: 8px
	}
	.modalLock:not(.modalNav) .sns-panel{
		z-index: 100;
	}
	.sns-panel ul {
		display: flex;
		justify-content: center
	}
	.sns-panel li:not(:first-child) {
		margin-left: 2px
	}
	.sns-panel img {
		width: 100%;
		height: auto
	}
}
@media print, screen and (min-width:960px) {
	.sns-panel {
		top: 50%;
		right: 0;
		justify-content: center;
		align-items: center;
		transform: translateY(-50%);
		padding: 16px 8px;
		background-color: rgba(255, 255, 255, .5)
	}
	.sns-panel dt {
		margin: 0 0 10px;
		font-size: 1.4rem;
		writing-mode: vertical-rl;
		text-orientation: mixed
	}
	.sns-panel li:not(:first-child) {
		margin-top: 4px
	}
	.sns-panel li a {
		width: 40px;
		height: 40px;
	}
	.sns-panel li a:before {
		width: 20px;
		height: 20px
	}
	.sns-panel li a:hover {
		background-color: #87660f;
		transform: scale(1.1);
	}
}
.sns-panel{
	background: none;
}
.sns-panel dt{
	text-shadow: 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%), 0 0 1px rgb(255 255 255 / 60%);
}
.sns-panel li a{
	border: solid 1px rgb(255 255 255 / 50%);
}

/*  レイアウト
-----------------------------------------------------------*/
@media screen and (max-width: 959px){
	.wrapper{
		padding-bottom: 59px;
	}
}
.sect{
	padding: 40px 0;
}
.sectWp{
	margin-top: 4vw;
}
@media print,screen and (min-width:960px){
	.sect{
		padding: 5vw 0;
	}
}


.inner {
	margin: 0 auto;
	padding: 0 16px;
	width: 100%;
	max-width: 1400px
}
@media screen and (min-width:960px) and (max-width:1399px) {
	.inner {
		padding: 0 3vw;
	}
}
@media print, screen and (min-width:1400px) {
	.inner {
		padding: 0;
	}
}

@media screen and (max-width:959px) {
	.pc-only {
		display: none
	}
}
@media print, screen and (min-width:960px) {
	.sp-only {
		display: none
	}
}


.more{
	margin-top: 24px;
	text-align: center;
}
.more a{
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 8px;
	width: 100%;
	max-width: 200px;
	font-family: "Jost", serif;
	font-size: 2.0rem;
	font-weight: bold;
}
.more a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #000;
    transition: width .4s cubic-bezier(0.54, 0.12, 0.11, 0.98);
}
.more .m-ico{
	margin-left: 8px;
	transition: transform .2s ease-out;
}
.more a:hover .m-ico{
	transform: translateX(16px);
}
.more a:hover::after {
	width: 50%;
}


@media print,screen and (min-width:960px){
	.moreWrap{
		display: flex;
		justify-content: center;
		margin-top: 4vw;
		gap: 80px; 
	}
	.more{
		margin-top: 4vw;
	}
	.moreWrap .more{
		margin-top: 0;
	}
}


/* =============================================================================
  HEADER
============================================================================= */
.header{
	position: fixed;
	left: 8px;
	top: 8px;
	z-index: 11;
	max-width: 250px;
}
@media print,screen and (min-width:960px){
	.header{
		left: 32px;
		top: 16px;
		max-width: 350px;
	}
}

/* =============================================================================
  NAVIGATION
============================================================================= */
.navigation{
	position: fixed;
	z-index: 900;
	display: flex;
	background-color: rgba(255,255,255,0.9);
}
.navigationList{
	display: flex;
}
.navigationList_item:not(:first-child){
	border-left: dashed 1px #ccc;
}
.navigationList_box{
	height: 100%;
}
.navigationList_box a{
	display: block;
	padding: 8px;
	height: 100%;
	transition: color .2s ease-out, transform .2s ease-out;
}
.navigationList_itembox{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.navigationList_itembox .m-ico{
	font-size: 2.5rem;
	line-height: 1;
}
.navigationList_itembox p{
	margin-top: 4px;
	font-family: "Jost", serif;
	line-height: 1;
}
.menuBt{
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 2.5rem;
	padding: calc(2.5rem + 8px) 8px 8px;
	color: #fff;
	width: 100%;
	height: 100%;
	font-family: "Jost", serif;
	background: #000;
	transition: color .2s ease-out, transform .2s ease-out;
}
.menuBar{
    position: absolute;
    right: 0;
    left: 0;
	content: "";
    display: inline-block;
    margin: auto;
    width: 2.5rem;
    height: 3px;
    opacity: 1;
	border-radius: 50vw;
    background-color: #fff;
	transition: top .4s ease, opacity .4s ease, width .4s ease, left .4s ease, right .4s ease, transform .4s ease;
}
.menuBar:first-child{
    top: 12px;
}
.menuBar:nth-child(2){
    top: calc(12px + 0.8rem);
}
.menuBar:nth-child(3){
    top: calc(12px + 1.6rem);
}

.modalNav .navigation{
	box-shadow: none;
	background: none;
	pointer-events: none;
	z-index: 1001;
}
.modalNav .navigationWp{
	opacity: 0;
	visibility: hidden;
}
.modalNav .menu {
	border-left: none;
	pointer-events: auto;
}
.is-open .menuBar:first-child{
	top: 20px;
	transform: rotate(137deg);
	animation: menuAnimation .4s ease-in-out forwards
}
.is-open .menuBar:nth-child(2){
	top: 20px;
	width: 1.0rem;
	height: 1.0rem;
	opacity: 0
}
.is-open .menuBar:nth-child(3){
	top: 20px;
	transform: rotate(-137deg);
	animation: menuAnimation .4s ease-in-out forwards
}
@media screen and (max-width: 959px){
	.navigation{
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	}
	.navigationWp{
		width: calc(100% / 5 * 4);
	}
	.navigationList_item{
		flex: 1;
	}
	.menu{
		flex: 1;
	}
}
@media print,screen and (min-width:960px){
	.navigation{
		top: 16px;
		right: 32px;
		padding: 8px 32px 8px;
		border-radius: 50vw;
		background-color: rgba(255,255,255,0.8);
	}
	.wrapper:not([data-gapage="top"]) .navigation{
		transition: box-shadow .5s ease-out;
	}

	
	.fixed .navigation,
	.wrapper[data-gapage="top"] .navigation{
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	}
	
	
	.navigationList_item:not(:first-child){
		margin-left: 8px;
		padding-left: 8px;
	}
	.navigationList_box a{
		padding: 4px 8px 0;
	}
	.navigationList_box a:hover{
		color: #87660f;
		transform: scale(1.1);
	}
	.menu{
		margin-left: 8px;
		padding-left: 8px;
		border-left: solid 1px #ccc;
	}
	.menuBt{
		padding: calc(2.5rem + 4px) 8px 0;
		color: #000;
		background: none;
	}
	.menuBar{
		background-color: #000;
	}
	.menuBar:first-child{
		top: 6px;
	}
	.menuBar:nth-child(2){
		top: calc(6px + 0.8rem);
	}
	.menuBar:nth-child(3){
		top: calc(6px + 1.6rem);
	}
	.is-open .menuBar:first-child,
	.is-open .menuBar:nth-child(2),
	.is-open .menuBar:nth-child(3){
		top: 14px;
	}
	.menuBt:hover{
		color: #87660f;
		transform: scale(1.1);
	}
	.menuBt:hover .menuBar{
		background-color:  #87660f;
	}
	
	
	
}
@keyframes menuAnimation {
    40% {
        width: 1.0rem;
        height: 1.0rem;
    }
    60% {
        width: 1.0rem;
        height: 1.0rem;
    }
    100% {
        width: 2.5rem;
        height: 3px
    }
}

.navigationPanel{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 24px 5vw 40px;
	width: 100%;
	height: 100vh;
	transform: translateX(100%);
	background-color: rgba(255,255,255,0.9);
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: opacity .4s ease, visibility .4s, transform .4s ease;
}
.navigationPanel.is-open{
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.navigationPanel_wp{
	overflow-y: auto;
	height: 100%;
}
.navigationPanel .sitemap{
	max-width: 1000px;
}
@media print, screen and (min-width:960px) {
	.navigationPanel{
		transform: translateX(100px);
		width: 70vw;
	}

	.navigationPanel .sitemapWp{
		flex-wrap: wrap;
		margin-top: -3vw;
	}
	.navigationPanel .sitemapColumn{
		flex: none;
		margin: 3vw 0 0 32px;
		width: calc(100% / 3 - 32px);
	}
	.sitemapColumn:nth-child(3),.sitemapColumn:nth-child(4){
		order: 1;
	}
	
}


/*  見出し
-----------------------------------------------------------*/
.ttlEn {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	line-height: 1.3;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: .2em;
}
.ttlEn::after {
	content: attr(data-en);
	font-family: "Kalam", serif;
	font-size: 4.0rem;
	font-style: italic;
	font-weight: normal;
	transform: rotate(-5deg);
	white-space: nowrap;
	letter-spacing: 0;
	line-height: 1;
}
@media print, screen and (min-width:960px) {
	.ttlEn{
		font-size: 2.5rem;
	}
	.ttlEn::after {
		font-size: 8.5rem;
	}
}
.ttl-sect {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2
}
.ttl-sect:after {
	content: "- "attr(data-en)" -";
	margin-left: 10px;
	font-size: 60%;
	font-weight: 400
}
@media screen and (min-width:960px) {
	.ttl-sect {
		margin: 0;
		font-size: 3rem
	}
}
.ttl-txt {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2
}
@media screen and (min-width:960px) {
	.ttl-txt {
		padding-top: 15px;
		font-size: 3rem
	}
}



/* リストマーク */
.list-dot li{position:relative;padding-left:1.2em}.list-dot li:before{position:absolute;left:0;top:0;content:"\30FB"}.list-pet li{position:relative;padding-left:1.2em}.list-pet li:before{position:absolute;left:0;top:2px;color:#3d2502;font-size:1rem;font-family:'Material Icons Outlined';content:"\e91d";display:inline-block}@media print, screen and (min-width:960px) {.list-pet li:before{top:7px}}

/* ※マーク */
ul.kome li,p.kome{position:relative;padding-left:1.2em;font-size:1.1rem}ul.kome li:before,p.kome:before{position:absolute;left:0;top:0;content:"\203B"}@media print, screen and (min-width:960px) {ul.kome li,p.kome{font-size:1.3rem}}




/* ===================================================================================================
   googleads
 =================================================================================================== */
.googleads-footer{
	margin-top: 32px;
	text-align: center;
}
@media print, screen and (min-width:960px) {
	.googleads-footer{
		margin: 4vw auto 0;
		width: 100%;
		max-width: 1400px;
	}
}













/*  琥大朗さんぽ 追尾
-----------------------------------------------------------*/
.today-fixed a{display:block;text-decoration:none}.today-fixed{position:fixed;right:5px;bottom:65px;z-index:100;width:80px;transition:bottom .3s}.today-fixed a{position:relative}.today-fixed a:before{position:absolute;left:-10px;top:-13px;content:"";display:inline-block;width:90px;height:44px;background:url(/_images/txt_walking.svg) center / 100% auto no-repeat;transform:scale(1.1)}.today-fixed_update{position:absolute;left:0;bottom:-3px;padding:2px 2px 5px;width:100%;color:#fff;line-height:1;text-align:center;font-size:1.2rem;letter-spacing:0;border-radius:5px;background:#000}.today-fixed_img{overflow:hidden;width:80px;height:80px;border-radius:50vw;border:solid 2px #000}.today-fixed_img figure{height:100%}.today-fixed_img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}@media screen and (max-width:959px){.fixednone .today-fixed{bottom:-100px}}@media print, screen and (min-width:960px) {.today-fixed{width:150px}.today-fixed_img{overflow:hidden;width:150px;height:150px}.today-fixed a:before{left:-8px;top:-17px;width:147px;height:70px;transform:scale(1.2)}.today-fixed_update{padding:5px 8px 8px;font-size: 1.3rem}}

/* ===================================================================================================
   ページ送り
 =================================================================================================== */
.paging,.content-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}.link_page,.current_page,.paging_prev a,.paging_next a,.content-nav a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;text-align:center;border:solid 1px #333;background:#fff;transition:all 0.4s ease}.current_page{color:#fff;font-weight:700;text-decoration:none;background:#333}@media print, screen and (min-width:960px) {.paging,.content-nav{margin-top:50px;}.link_page:hover,.content-nav__next a:hover,.content-nav a:hover{opacity:.6;text-decoration:underline}.link_page,.current_page,.paging_prev a,.paging_next a,.content-nav a{width:40px;height:40px}}.paging_prev,.paging_next{display:block;}.paging_prev{margin-right:8px;}.paging_next{margin-left:8px;}.paging_next.content-nav a[rel="prev"],.content-nav a[rel="next"]{margin:0 -5px}.paging_prev a,.paging_next a,.content-nav a[rel="prev"],.content-nav a[rel="next"]{border:solid 1px #ddd;background:#f5f5f5}

/*  ブログランキング
-----------------------------------------------------------*/
.blogranking{margin:50px 0 0;padding-top:20px;border-top:solid 1px #ccc}.blogranking-list{display:flex;justify-content:center;margin-left:-10px}.blogranking-list_item{margin-left:10px}.blogranking-list_item img{width:auto; height:30px}@media print, screen and (min-width:960px) {.blogranking{margin:50px 0 0;padding-top:0;border-top:none}.blogranking-list{justify-content:flex-start}.blogranking-list_item img{height:50px}.blogranking-list_item a:hover{opacity:.6}}


/*  SITEMAP
-----------------------------------------------------------*/
.sitemap{
	
}
.sitemapWp{
	display: flex;
	flex-wrap: wrap;
	margin: -24px 0 0 -16px;
}
.sitemapColumn{
	margin: 24px 0 0 16px;
	width: calc(100% / 2 - 16px);
}
.sitemap_ttl{
	display: flex;
	flex-direction: column;
	color: #87660f;
	font-size: 1.2rem;
}
.sitemap_ttl::before{
	content: attr(data-en);
	letter-spacing: .1em;
	font-family: "Jost", serif;
	font-size: 1.8rem;
}
.sitemap_list{
	margin-top: 16px;
}
.sitemap_listItem:not(:first-child){
	margin-top: 8px;
}
.sitemap_listItem a{
	display: flex;
	align-items: flex-start;
}
.sitemap_listItem a::before{
	flex: none;
	content: "";
    display: inline-block;
	margin: calc(1em - 1px) 8px 0 0;
    width: 4px;
    height: 1px;
    background-color: #000;
}
.sitemap_list.-col2{
	display: flex;
	flex-wrap: wrap;
}
.sitemap_list.-col2 .sitemap_listItem{
	width: calc(100% / 2);
}
.sitemap_list.-col2 .sitemap_listItem:nth-child(-n+2){
	margin-top: 0;
}

@media print, screen and (min-width:960px) {
	.sitemapWp{
		display: flex;
		flex-wrap: wrap;
		margin-left: -32px;
	}
	.sitemapColumn{
		margin-left: 32px;
		flex: 1;
	}
	.sitemap_ttl{
		display: flex;
		flex-direction: column;
		color: #87660f;
		font-size: 100%;
	}
	.sitemap_ttl::before{
		content: attr(data-en);
		letter-spacing: .1em;
		font-family: "Jost", serif;
		font-size: 2.6rem;
	}
	.sitemap_list{
		margin-top: 16px;
	}
	.sitemap_listItem:not(:first-child){
		margin-top: 8px;
	}
	.sitemap_listItem a{
		display: flex;
		align-items: flex-start;
	}
	.sitemap_listItem a::before{
		flex: none;
		content: "";
		display: inline-block;
		margin: calc(1em - 1px) 8px 0 0;
		width: 4px;
		height: 1px;
		background-color: #000;
	}
	.sitemap_list.-col2{
		display: flex;
		flex-wrap: wrap;
	}
	.sitemap_list.-col2 .sitemap_listItem{
		width: calc(100% / 2);
	}
	.sitemap_list.-col2 .sitemap_listItem:nth-child(-n+2){
		margin-top: 0;
	}

}

/*  Footer
-----------------------------------------------------------*/
.footer {
	position: relative;
	margin-top: 30px
}
.footerWp{
	padding: 24px 0;
	background: #252525;
}
.footer .sitemap_ttl{
	color: #ddd4bc;
}
.footer .sitemap_listItem a{
	color: #fff;
}
.footer .sitemap_listItem a::before{
	background-color: #fff;
}
.footer-policy{
	margin: 24px auto 0;
	width: 100%;
	max-width: 1400px;
	text-align: right;
}
.footer-policy a{
	color: #fff;
	text-decoration: underline;
}

@media print, screen and (min-width:960px) {
	.footerWp{
		padding: 3vw 0;
		background: #252525;
	}
	.sitemapColumn{
		margin-left: 32px;
	}

}





.footer-nav {
	background: #000
}
.footer-list {
	display: flex;
	justify-content: center
}
.footer-list_item a {
	color: #fff;
	text-decoration: none
}
.footer-copy {
	padding: 16px;
	text-align: center;
	font-family: "Jost", serif;
	background: #fff;
}
@media screen and (max-width:959px) {
	.footer-list_item {
		position: relative;
		width: calc(100% / 4)
	}
	.footer-list_item a {
		display: flex;
		flex-direction: column;
		padding: 10px 2px;
		height: 100%;
		color: #fff;
		line-height: 1.3;
		font-size: 1.2rem;
		font-weight: 700;
		text-align: center;
		text-decoration: none
	}
	.footer-list_item:before {
		position: absolute;
		top: 0;
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc
	}
	.footer-list_item:first-child:before {
		display: none
	}
	.footer-list_item .m-ico {
		font-size: 2.5rem
	}
	.footer-list_item span {
		display: none
	}
}
@media print, screen and (min-width:960px) {
	.footer {
		margin-top: 50px
	}
	.footer-nav {
		padding: 20px
	}
	.footer-list_item {
		padding: 0 30px
	}
	.footer-list_item:not(:first-child) {
		border-left: solid 1px #555
	}
	.footer-list_item a:hover {
		opacity: .6
	}
	.footer-list_item .m-ico {
		margin-right: 10px
	}
	.footer-copy {
		padding: 16px;
	}
}


.keywordsearch{
	margin-top: 32px;
	background: #252525;
}
.keywordsearch_ttl{
	color: #fff;
	text-align: center;
}
.keywordsearch-list{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0 -3px;
}
.keywordsearch-list_item{
	margin: 10px 0 0 3px;
}
.keywordsearch-list_item a{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
	border: solid 1px #454545;
	transition: opacity .3s;
}
.keywordsearch-list_item a:before{
	content: "#";
}
.keywordsearch-list_item span{
	margin-left: 5px;
	font-size: 1.2rem;
}

@media screen and (min-width: 960px){
	.keywordsearch{
		margin-top: 3vw;
	}
		
	/* タグ */
	.side-nav_taglist{
		margin: 0 0 0 -5px;
	}
	.keywordsearch-list_item{
		margin: 10px 0 0 5px;
	}
	.keywordsearch-list_item a{
		padding: 8px 20px;
		font-size: 1.4rem;
	}
	.keywordsearch-list_item a:hover{
		opacity: .6;
	}
}





/* =============================================================================
  PAGE
============================================================================= */
.wrapper:not([data-gapage="top"]){
	padding-top: 60px;
}
@media print, screen and (min-width:960px) {
	.wrapper:not([data-gapage="top"]){
		padding-top: 100px;
	}
}


/* MV
-----------------------------------------------------------*/

.hdPage{
	position: relative;
	padding-bottom: 62px;
	overflow: hidden;
}
.hdPage::before{
	position: absolute;
	left: 0;
	bottom: 8px;
	content: "";
	display: block;
	width: 100%;
	height: 50px;
}
.hdPage_inner{
	position: relative;
	z-index: 1;
	margin: 0 16px;
}
.hdPage_block{
	padding: 16px 0;
}
.hdPage_ttl {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	letter-spacing: .1em;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 16px;
}
.hdPage_ttl::before{
	position: absolute;
	left: -4px;
	top: 0;
	content: "";
	display: inline-block;
	width: 9px;
	height: 100%;
	background: url("/assets/images/ttl_border.webp") center top / 100% auto repeat-y;
}

.hdPage_ttl::after {
	content: attr(data-en);
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 4px;
	font-family: "Jost", serif;
	font-size: 3.0rem;
	white-space: nowrap;
}
.hdPage_txt{
	margin-top: 8px;
}
.paw-container {
	position: absolute;
	bottom: 20px;
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
	justify-content: flex-start;
	width: 100%;
}

.paw {
	width: 80px;
	height: 25px;
	opacity: 0;
	animation: pawwalk 5s ease forwards;
}
@media print, screen and (min-width:960px) {
	.hdPage{
		padding-bottom: 0;
	}
	.hdPage::before{
		height: 86px;
	}
	.hdPage_inner{
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		height: 100%;
		min-height: 230px;
		max-width: 1400px;
	}
	.hdPage .breadcrumbs {
		position: relative;
		z-index: 2;
	}
	.hdPage_block{
		margin-top: 0;
		padding: 32px 40px;
		max-width: 500px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.hdPage_ttl {
		padding-left: 24px;
		font-size: 2.0rem;
	}
	.hdPage_ttl::after {
		margin-bottom: 8px;
		font-size: 5.0rem;
	}
	.hdPage_txt{
		margin-top: 16px;
	}
	.paw-container {
		bottom: 30px;
		gap: 40px;
	}
	.paw {
		width: 150px;
		height: 47px;
	}
}

@keyframes pawwalk {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}




/* =============================================================================
    JS
============================================================================= */

/* =============================================================================
    modal
============================================================================= */
.modal[aria-hidden="true"]{
	display: none;
}
.modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 100%;
}

.modal-wrap {
	transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility .4s, transform .4s ease;
}
.modal[aria-hidden="false"] .modal-wrap{
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.modal-wrap{
	width: calc(100% - 32px);
	max-height: 80vh;
}
.modal-block{
	background: #fff;
}
.modal-content {
	overflow-y: auto;
}
.modal-header{
	display: none;
}
@media screen and (max-width: 959px){
	
	.modal-content-in{
		height: 100%;
		overflow-y: auto;
	}
	.modal-content-in::-webkit-scrollbar {
		background: #eee;
		width: 3px;
	}
	.modal-content-in::-webkit-scrollbar-thumb {
		background: #aaa;
	}
}

@media print, screen and (min-width:960px) {
	
	.modal{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}

	.modal-wrap {
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s ease, visibility .4s, transform .4s ease;
	}
	.modal[aria-hidden="false"] .modal-wrap{
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
	.modal-wrap{
		width: 100%;
		max-width: 1000px;
		max-height: 80vh;
	}
	.modal-block{
		background: #fff;
	}
	
	

	.modal-content {


	}
	.modal-wrap::-webkit-scrollbar {
		background: #ccc;
		width: 3px;
	}
	.modal-wrap::-webkit-scrollbar {
		width: 10px;
		margin-bottom: 30px;
	}
	.modal-wrap::-webkit-scrollbar-thumb {
		background: #aaa;
	}
}


.modal-close-bot{
	text-align: center;
	padding: 20px;
}
.modal-close-bot span{
	display: inline-block;
	padding: 10px 20px;
	border: solid 1px #ccc;
}
.modal-close {
    cursor: pointer;
    position: absolute;
    right: 0;
	bottom: 100%;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 59px;
    height: 59px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
	background: #87660f;
}
@media print, screen and (min-width:960px) {
	.modal-close {
		bottom: 100%;
		width: 100px;
	}
}
.modal-close:hover {
    text-decoration: none;
    color: #fff;
    opacity: .6;
    transition: all 0.4s ease;
}


@media  screen and (min-width: 760px) and (max-width: 1246px) {
	.-pc .modal-close {
		right: 0;
	}
}



/* =============================================================================
    Slider
============================================================================= */

/*  SWIPER
-----------------------------------------------------------*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#333}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

.main-swiper {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
	font-size: 18px;
	background: #eee;
}
.thumbnail-swiper{
	margin-top: 24px;
}
.swiper-thumbnail-wrapper {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.swiper-thumbnail {
	width: 100px;
	height: 70px;
	cursor: pointer;
}
.visually-hidden {
	visibility: hidden;
	position: absolute;
	margin-top: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.swiper-slide-thumb-active {
    border: 2px solid #ffcc00;
}

/*  SLICK
-----------------------------------------------------------*/
.slider.slick-initialized {
	display: block;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	width: 100%
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
	height: 100%
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	margin-left: auto;
	margin-right: auto
}
.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	height: auto!important;
}
[dir='rtl'] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	z-index: 2;
	border-radius: 50vw;
	background-color: rgba(0, 0, 0, 0.3);
	transition: opacity .2s ease-out, visibility .2s ease-out;
}
@media print, screen and (min-width:960px) {
	.slick-prev, .slick-next {
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}
	.slick-prev:before, .slick-next:before {
		font-size: 2.5rem;
	}
}
.slick-prev[aria-disabled="true"], .slick-next[aria-disabled="true"]{
	opacity: 0;
	visibility: none;
}
.slick-prev:before, .slick-next:before {
	font-size: 1.5rem;
	line-height: 1;
	opacity: .75;
	color: #fff;
	font-family: 'Material Icons Outlined'
}
.slick-prev {
	left: 1vw
}
.slick-next {
	right: 1vw
}
.slick-prev:before {
	content: "\e5e0"
}
.slick-next:before {
	content: "\e5e1"
}
.slick-dots {
	position: absolute;
	bottom: 15px;
	display: flex;
	justify-content: center;
	width: 100%
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}
.slick-dots li button:before {
	font-size: 1rem;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	content: '●';
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}
.slick-dots > li:first-child:last-child {
	display: none
}