/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);font-style:normal;font-weight:normal}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}img{pointer-events:none;font-size:0;line-height:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#fff;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:normal;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0;word-break:break-all}fieldset,img{vertical-align:top;line-height:0}input,select{vertical-align:middle}html{overflow-y:scroll}*{margin:0;padding:0}


/*変数*/
:root {
	--width: 1040px;
	--bold: 500;
	--bolder: 700;
	--f-pink: #f63063;
	--border: #ccc;
}


/*基本設定*/
html{
	height:100%;
}
body{
	height:100%;
	font-size:14px;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust:none;
	line-height:1.8;
	word-wrap:break-word;
	color:#222222;
	font-weight:300;
	background-color:#000;
}
a:link,a:visited,a:hover,a:active{
	color:#f63063;
	text-decoration:none;
	outline-width:0;
	outline:none;
}
.alert p{
	padding:10px 40px;
	text-align:center;
	background:#f53063;
	color:#fff;
}
table{ word-break:break-all; }
strong{ color:#ff000c; }
button, textarea, select {
	-webkit-appearance:none;
	display:block;
	font-family: inherit;
	box-sizing:border-box;
	font-weight:300;
}
textarea{
	width:100%;
	min-height:40px;
	padding:8px 10px;
	line-height:1.4;
	border:1px solid #ccc;
	border-radius:3px;
	resize:vertical;
}
input {
	&[type="text"], &[type="email"], &[type="password"], &[type="tel"] {
		height:40px;
		padding:0 10px;
		vertical-align:0;
		border:1px solid #ccc;
		border-radius:3px;
		box-sizing:border-box;
		font-weight:300;
		-webkit-appearance:none;
		font-family: inherit;
	}
}
hr{
	width:100%;
	height:0;
	margin:40px 0;
	border:none;
}


/*非表示*/
#gnav__title,
#mypageEdit__title,
#my h2,
.artEvent .exhDtl__out {
	width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;
}


/*テキスト非表示*/
.userLink .close,
.next_loading span,
#content .pager .pager--prev a,
#content .pager .pager--next a,
.iconView span {
	font-size:0;line-height:0;text-indent:-9999px;
}


/*ピンポイントスタイル*/
.f-pink{color:#f63063}
.f-red{color:#ff000c}
.line-red{border-color:#f53063 !important}
.line-red2{border-color:#DD3535 !important}
.line-blue{border-color:#518ac5 !important}
.line-green{border-color:#8aa145 !important}
.line-purple{border-color:#ae6ce1 !important}
.line-brown{border-color:#70451e !important}
.line-orange{border-color:#f4923a !important}
.line-pink{border-color:#DB53AD !important}
.line-lightblue{border-color:#04b7c2 !important}
.line-gray{border-color:#B4B4B4 !important;color:#6A6A6A;}
.m-top0{margin-top:0 !important}
.m-top5{margin-top:5px !important}
.m-top10{margin-top:10px !important}
.m-top15{margin-top:15px !important}
.m-top20{margin-top:20px !important}
.m-top25{margin-top:25px !important}
.m-top30{margin-top:30px !important}
.m-top35{margin-top:35px !important}
.m-top40{margin-top:40px !important}
.m-btm0{margin-bottom:0 !important}
.m-btm5{margin-bottom:5px !important}
.m-btm10{margin-bottom:10px !important}
.m-btm15{margin-bottom:15px !important}
.m-btm20{margin-bottom:20px !important}
.m-btm25{margin-bottom:25px !important}
.m-btm30{margin-bottom:30px !important}
.m-btm35{margin-bottom:35px !important}
.m-btm40{margin-bottom:40px !important}
.moretag{ display:none; }
.pc_none { display:block;}
.sp_none{display:none}
.pc_only{display:none;font-weight:inherit;}
.sp_only{font-weight:inherit;}
.mainpc{display:none;}
@media (min-width: 600px){
	.pc_none{display:none;}
	.sp_none{display:block;}
	.sp_only{display:none}
	.pc_only{display:inline}
}
@media (min-width: 641px){
	.mainpc{display: inline;}
}


/*フォームパーツ*/
.fmselect{width:100%;height:38px;padding:0 10px;font-weight:300;border:none;display:block;-webkit-appearance:none}
.fmselectWrap{
	width:100%;border:1px solid #ccc;border-radius:3px;background:#fff;box-sizing:border-box;position:relative;
	&::before, &::after {content:"";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;top:50%;right:10px;pointer-events:none;}
	&::before{border-top:4px solid #959595;margin-top:1px}
	&::after{border-bottom:4px solid #959595;margin-top:-5px}
}
input[type="checkbox"],input[type="radio"]{
	display:none;
	+label {
		position:relative;
		&::before, &::after {
			content:"";
			display:block;
			position:absolute;
		}
		&::before {
			border:1px solid #ccc;
			background:#fff;
		}
		&::after {
			transition:all 0.3s;
			background:#f53063;
			transform:scale(0);
			opacity:0;
		}
	}
	&:checked+label {
		&::after {
			opacity:1;
			transform:scale(1)
		}	
	}
}
.check01, .radio02 {
	+label {
		padding-left:22px;
		&::before {
			width:14px;
			height:14px;
			top:0;
			left:0;
		}
		&::after {
			width:10px;
			height:10px;
			top:3px;
			left:3px;
		}
	}
}
.check02,.radio03,.radio04{
	+label {
		padding-left:18px;
		&::before {
			width:11px;
			height:11px;
			border-radius:2px;
			top:2px;
			left:0;
		}
		&::after {
			width:7px;
			height:7px;
			top:5px;
			left:3px;
		}
	}
}
.radio01{
	+label {
		padding-left:22px;
		&::before {
			width:15px;
			height:15px;
			border-radius:50%;
			top:-1px;
			left:0;
		}
		&::after {
			width:9px;
			height:9px;
			border-radius:50%;
			top:3px;
			left:4px;
		}
	}
}
.radio04+label:after{background:#666;}
.select_gray{
	padding-left:22px;
	position:relative;
	&::before, &::after {
		content:"";
		display:block;
		position:absolute;
	}
	&::before {
		width:14px;
		height:14px;
		top:0;
		left:0;
		border:1px solid #ccc;
		background:#fff;
	}
	&::after {
		width:10px;
		height:10px;
		top:3px;
		left:3px;
		transition:all 0.3s;
		background:#666;
	}
}


/*ボタン*/
.btn-gradation,.btn-red,.btn-gray,.btn-charcoal,.btn-white,.btn-darkgray,.btn-whiteRed {
	& a, input& {
		height:40px;
		padding:0 10px;
		line-height:39px;
		text-align:center;
		box-sizing:border-box;
		display:inline-block;
		vertical-align:top;
		border-radius:3px;
		font-size:14px;
		cursor:pointer;
		text-decoration:none;
		-webkit-appearance:none;
		&:disabled{
			border: solid 1px #ccc;
			background-color:#ccc;
			color:#fff;
			pointer-events:none;
		}
		@media (min-width: 768px) {
			transition:all 0.3s;
		}
	}
}
.btn-gradation a{height:48px;line-height:46px;border:1px solid #ccc;color:#222222;background:linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);}
.btn-red {& a, input& {border:1px solid #f53063;background:#f53063;color:#fff;}}
.btn-gray {& a, input& {border:1px solid #ccc;background:#f2f2f2;color:#000;}}
.btn-charcoal {& a, input& {border:1px solid #666;background:#666;color:#fff;}}
.btn-white {& a, input& {border:1px solid #ccc;}}
.btn-darkgray {& a, input& {border:1px solid #9b9b9b;background:#9b9b9b;color:#fff;}}
.btn-whiteRed {& a, input& {border:1px solid #f53063;color:#f63063;background:#fff;}}
@media (min-width: 768px) {
	.btn-gradation a:hover{opacity:0.7;}
	.btn-red {& a, input& {&:hover{background:#fff;color:#f53063;}}}
	.btn-gray {& a, input& {&:hover{background:#fff;}}}
	.btn-charcoal {& a, input& {&:hover{background:#fff;color:#666;}}}
	.btn-white {& a, input& {&:hover{background:#fbe5e8}}}
	.btn-darkgray {& a, input& {&:hover{opacity: .7;}}}
	.btn-whiteRed {& a, input& {&:hover{background:#f53063;color:#fff;}}}
}
a.toFollow{
	width:110px;
	height:40px;
	font-size:11px;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:999px;
	box-sizing:border-box;
	background: #000;
	color: #fff;
	border:1px solid #000;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
	&.on{background:#fff;color:#000;}
	@media (min-width: 768px){
		width:180px;
		height:40px;
		font-size: 14px;
		transition:opacity .3s;
		&:hover{opacity: .5;}
	}
}


/*大枠*/
#container{
	padding-top:60px;
	background:#fff;
	overflow:hidden;
	@media (min-width: 768px) {
		padding: 0;
	}
}
#wrapper{
	max-width:1040px;
	padding:0 5vw 40px;
	margin:0 auto;
	@media (min-width: 768px) {
		padding:0 40px 100px;
		position:relative;
	}
}


/*ヘッダー*/
#header {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	#logo {
		height: 60px;
		padding-top: 1px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		border-bottom: 1px solid var(--border);
		background: #fff;
		position: relative;
		z-index: 140;
		& img {
			height: 21px;
			display: block;
		}
		& a {
			display: block;
			margin: 0 auto;
		}
	}
	&:has(#notice) #logo {
		padding-left: max(63px, 63/360*100vw);
		padding-right: max(119px, 119/360*100vw);
		justify-content: center;
	}
	#copy {
		display: none;
	}
	#headerSearch {
		padding: 18px 20px;
		display: flex;
		border-bottom: 1px solid var(--border);
		#word {
			width: 100%;
			height: 32px;
			padding: 0 50px 0 20px;
			box-sizing: border-box;
			background: #e9e9eb;
			border-radius: 999px;
			border: none;
			display: block;
			/*font-weight: 600;*/
			font-size: 14px;
			transition: box-shadow .3s;
			&:focus {
				outline: none;
				/*font-size: 16px;*/
			}
		}
		#search {
			width: 50px;
			height: 32px;
			margin-left: -50px;
			background: url(../img/icon/search.svg) no-repeat 12px center / 18px 18px;
			border: none;
			cursor: pointer;
		}
	}
	#gnav {
		width: 100%;
		max-height: calc(100% - 60px);
		background: #fff;
		overflow-y: auto;
		position: fixed;
		left: 0;
		z-index: 100;
		pointer-events: none;
		overscroll-behavior: contain;
		opacity: 0;
		transition: opacity .4s, top .5s;
		top: 0;
		&.on {
			top: 60px;
			opacity: 1;
			pointer-events: all;
		}
	}
	#gnav__menu {
		& a {
			height: 60px;
			padding: 0 20px;
			font-weight: var(--bolder);
			box-sizing: border-box;
			display: flex;
			align-items: center;
			border-bottom: 1px solid var(--border);
			color: #000;
			font-size: 19px;
		}
		.trigger {
			position: relative;
			&::before, &::after {
				content: "";
				display: block;
				width: 20px;
				height: 1px;
				background: var(--f-pink);
				position: absolute;
				top: 0;
				bottom: 0;
				right: 20px;
				margin: auto;
				transition: transform .3s;
			}
			&::before { transform: rotate(90deg); }
			&.on::before { transform: rotate(0);}
		}
	}
	.gnav__menu-child {
		display: none;
		& a {
			font-size: 16px !important;
			color: #222;
			background: #f2f3f3;
		}
	}
	#gnavOpen {
		width: 28px;
		height: 28px;
		cursor: pointer;
		position: absolute;
		top: 16px;
		left: 20px;
		z-index: 150;
		& span {
			height: 100%;
			display: block;
			background: url(../img/icon/menu.svg) no-repeat 0 center/100% auto;
			transition: transform .3s .2s, opacity .3s .2s;
		}
		&::before, &::after {
			content: "";
			display: block;
			width: 28px;
			height: 2px;
			background: #000;
			position: absolute;
			top: 0;
			bottom: 0;
			left: -2px;
			margin: auto;
			opacity: 0;
			transition: transform .3s, opacity .3s;
		}
		&::after { transform: rotate(45deg) translate(-20px,0); }
		&::before { transform: rotate(-45deg) translate(20px,0); }
		&.on {
			& span {
				transform: rotateY(180deg);
				opacity: 0;
				transition: transform .3s, opacity .3s;
			}
			&::after {
				transform: rotate(45deg) translate(0);
				opacity: 1;
				transition: transform .3s .2s, opacity .3s .2s;
			}
			&::before {
				transform: rotate(-45deg) translate(0);
				opacity: 1;
				transition: transform .3s .2s, opacity .3s .2s;
			}
		}
	}
	#closeNav.on {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		position: fixed;
		z-index: 99;
	}
	#gnav__btn {
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px 0;
		& li {
			width: 50%;
		}
		& a {
			height: 40px;
			display: block;
			border-radius: 999px;
			position: relative;
		}
		& span {
			height: 100%;
			font-size: 19px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-weight: var(--bolder);
			&:nth-child(2) {
				position: absolute;
				inset: 0;
				margin: auto;
				opacity: 0;
			}
		}
		#gnav__btn-01 a { background: var(--f-pink);margin-right: 5px;}
		#gnav__btn-02 a { background: #666;margin-left: 5px}
	}
	#headerSNS {
		padding: 10px 20px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0 14px;
		& a, & img { display: block; }
		.sns-fb img { width: 23px;}
		.sns-x img { width: 19px;}
		.sns-in img { width: 22px;}
	}
	@media (min-width: 410px) {
		&:has(#notice) #logo {
			padding: 0;
		}
	}
	@media (min-width: 768px) {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		z-index: auto;
		#logo {
			width: 100%;
			height: 123px;
			border: none;
			& img {
				height: 26px;
			}
		}
		#copy {
			width: 100%;
			margin-top: 24px;
			padding: 0 40px;
			font-size: 13px;
			box-sizing: border-box;
			display: block;
			background: #000;
			color: #fff;
			order: 10;
			font-feature-settings: "palt";
			letter-spacing: 0.03em;
			& p {
				max-width: var(--width);
				padding: 16px 290px 15px 0;
				box-sizing: border-box;
				display: block;
				margin: 0 auto;
			}
			& strong {
				font-size: 14px;
				font-weight: var(--bold);
				color: var(--f-pink);;
				margin: 0 .4em;				
			}
			&.off {
				height: 56px;
				display: block;
				+ #gnav #headerSearch {
					bottom: 12px;
				}
				& p {
					display: none;
				}
			}
		}
		#headerSearch {
			padding: 0;
			border: none;
			position: absolute;
			bottom: 24px;
			right: 40px;
			#word {
				width: 250px;
				padding-right: 40px;
				font-size: 12px;
				background: #fff;
				&::placeholder { color: #a4a4a4;}
			}
			#search {
				width: 40px;
				margin-left: -40px;
				background-position: 7px center;
			}
		}
		#gnav {
			max-width: var(--width);
			margin: 0 auto;
			padding: 0 40px;
			opacity: 1;
			pointer-events: all;
			position: static;
			max-height: none;
			display: flex;
			flex-wrap: wrap;
		}
		#gnavOpen {
			display: none;
		}
		#closeNav.on {
			display: none;
		}
		#gnav__menu {
			order: 1;
			width: 100%;
			margin-bottom: 13px;
			display: flex;
			justify-content: space-between;
			& a {
				height: 32px;
				padding: 1px 0 0;
				box-sizing: border-box;
				border: none;
				font-size: 16px;
				transition: color .3s;
				&:hover {
					color: var(--f-pink);;
				}
			}
			.trigger {
				&::before, &::after {
					display: none;
				}
			}
		}
		.gnav__menu-child {
			display: none !important;
		}
		#gnav__btn {
			order: 2;
			width: 210px;
			padding: 0;
			margin-right: auto;
			flex-wrap: nowrap;
			gap: 0 10px;
			& a {
				height: 32px;
				position: relative;
				transition: opacity .3s;
				&:hover {
					opacity: .5;
					& span:nth-child(1) { opacity: 0;}
					& span:nth-child(2) { opacity: 1;}
				}
			}
			& span {
				padding-top: 1px;
				box-sizing: border-box;
				font-size: 14px;
				transition: opacity .3s;
			}
		}
		#headerSNS {
			order: 3;
			height: 32px;
			margin-left: auto;
			padding: 0;
			a {
				transition: opacity .3s;
				&:hover { opacity: .5;}
			}
		}
	}
	@media (min-width: 1120px) {
		#logo {
			width: 100%;
			height: 123px;
			border: none;
		}
		#copy {
			margin-top: 13px;
			& p {
				padding-right: 0;
			}
		}
		#headerSearch {
			bottom: 12px;
			right: 50%;
			margin-right: -520px;
		}
		#gnavOpen {
			display: none;
		}
		#gnav__menu {
			width: 643px;
			margin: 0;
		}
		#gnav__btn {
			margin: 0 20px 0 auto;
		}
	}
	@media print {
		display: none;
	}
}
.home #gnav__menu-01,.exhibition #gnav__menu-02,.artblogs #gnav__menu-03,.reviews #gnav__menu-04,.museum #gnav__menu-05,.feature #gnav__menu-06,.about #gnav__menu-07 {
	>a { color: var(--f-pink) !important; }
}


/*ヘッダーユーザーエリア*/
#mypageEdit {
	position: fixed;
	top: 10px;
	right: 20px;
	z-index: 600;
	#mypageEdit__icon {
		width: 40px;
		height: 40px;
		display: block;
		overflow: hidden;
		background: url(../img/noimage/myicon.svg) #e9e9e9 no-repeat center center/auto 20px;
		border-radius: 50%;
		position: relative;
		z-index: 1;
		& img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
		}
	}
	#mypageEdit__nav {
		width: 218px;
		border: 1px solid var(--border);
		border-radius: 3px;
		background: #fff;
		position: absolute;
		top: 35px;
		right: 0;
		opacity: 0;
		pointer-events: none;
		transition: top .3s, opacity .3s;
		a {
			height: 40px;
			padding: 0 18px;
			font-size: 14px;
			color: #000;
			display: flex;
			align-items: center;
			white-space: nowrap;
		}
		li + li { border-top: 1px solid var(--border);}
		&.on {
			opacity: 1;
			pointer-events: all;
			top: 45px;
		}
	}
	@media (min-width: 768px) {
		position: absolute;
		top: 35px;
		right: 40px;
		#mypageEdit__icon {
			width: 52px;
			height: 52px;
			background-size: 22px 25px;
		}
		#mypageEdit__nav {
			top: 52px;
			a {
				height: 46px;
				transition: color .3s;
				&:hover { color: var(--f-pink);;}
			}
			&.on {
				top: 62px;
			}
		}
	}
	@media (min-width: 1120px) {
		right: 50%;
		margin-right: -520px;
	}
}


/*サポーター*/
.supporter {
	padding: 10px 20px;
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
	background: #fbe5e8;
	span {
		display: inline-block;
	}
}



/*お知らせ*/
#notice {
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 65px;
	z-index: 600;
	@media (min-width: 768px) {
		font-size: 14px;
		right: 102px;
		top: 35px;
	}
	@media (min-width: 1120px) {
		right: 50%;
		margin-right: -458px;
	}
}
#notice__news {
	width: 40px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #444;
	& img {
		height: 18px;
	}
	& span {
		min-width: 18px;
		height: 18px;
		font-size: 13px;
		color: #fff;
		background: #f34b4b;
		border-radius: 99px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -5px;
		right: -4px;
	}
	@media (min-width: 768px) {
		width: 52px;
		& img {
			height: 22px;
		}
		& span {
			top: 0;
			right: 2px;
		}
	}
}
#notice__list {
	width: min(calc(100vw - 60px), 320px);
	border: 1px solid var(--border);
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
	transition: opacity .3s, top .3s;
	position: absolute;
	top: 35px;
	right: -35px;
	opacity: 0;
	pointer-events: none;
	&.on {
		top: 45px;
		opacity: 1;
		pointer-events: all;
	}
	& h2 {
		padding: 5px 0 4px;
		text-align: center;
		border-bottom: 1px solid var(--border);
	}
	& ul {
		max-height: 200px;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	& li {
		border-top: 1px solid var(--border);
		&:first-child {
			border: none;
		}
		& a {
			padding: 20px 23px calc(1.8em + 12px);
			display: block;
			color: #000;
			position: relative;
			@media (any-hover: hover) {
				transition: color .3s;
				&:hover { color: var(--f-pink); }
			}
		}
		& span {
			width: fit-content;
			min-width: 74px;
			height: 24px;
			line-height: 25px;
			padding: 0 1em;;
			margin: 0 0 .6em -4px;
			box-sizing: border-box;
			text-align: center;
			border-radius: 99px;
			color: #fff;
			display: block;
		}
		& time {
			color: #666;
			position: absolute;
			bottom: 12px;
			left: 23px;
		}
	}
	@media (min-width: 768px) {
		top: 52px;
		right: -62px;
		&.on {
			top: 62px;
		}
		& ul {
			max-height: 330px;
		}
	}
}
#notice__list-all {
	padding: 9px 0;
	color: #000;
	text-align: center;
	display: block;
	border-top: 1px solid var(--border);
	@media (any-hover: hover) {
		transition: color .3s;
		&:hover { color: var(--f-pink); }
	}
}
.newsIcon-like{background:#DB4A6C;}
.newsIcon-clip{background:#EEA842;}
.newsIcon-review{background:#6A4725;}
.newsIcon-update{background:#5E89C0;}
.newsIcon-blog{background:#52B4C0;}
.newsIcon-follow{background:#CB5CA9;}
.newsIcon-thanks{background:#CC443D;}
.newsIcon-news{background:#A56FDA;}
.newsIcon-link{background:#f26c42;}


/*フッター*/
#footer {
	max-width: var(--width);
	margin: 0 auto;
	padding: 0 0 30px;
	color: #888;
	position: relative;
	& a {
		color: #888;
	}
	#pagetop {
		height: 40px;
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		overflow: hidden;
		background: #222;
		position: relative;
		&::after {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			border-top: 2px solid #888;
			border-right: 2px solid #888;
			transform: rotate(-45deg);
			position: absolute;
			inset: 0;
			top: 4px;
			margin: auto;
		}
	}
	#flogo {
		height: 17px;
		margin: 0 auto;
		display: block;
		position: absolute;
		top: 490px;
		left: 0;
		right: 0;
	}
	#fnav__title {
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}
	#fnav__menu {
		border-top: 1px solid #222;
		& a {
			width: 100%;
			height: 60px;
			padding: 0 20px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
		}
		>li {
			position: relative;
		}
		>li >a {
			font-size: 16px;
			border-bottom: 1px solid #222;
			& span {
				margin: 1px 0 0 1em;
				font-size: 11px;
				opacity: .6;
			}
		}
		.trigger {
			display: block;
			width: 100%;
			height: 60px;
			cursor: pointer;
			opacity: .5;
			position: absolute;
			top: 0;
			right: 0;
			&::before, &::after {
				content: "";
				display: block;
				width: 20px;
				height: 1px;
				background: var(--f-pink);;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 20px;
				margin: auto;
			}
			&::after {
				transform: rotate(90deg);
				transition: transform .3s;
			}
			&.on::after {
				transform: rotate(0);
			}
		}
	}
	.fnav__menu-child {
		display: none;
		a {
			background: #222;
			border-bottom: 1px solid #000;
		}
	}
	#footeSNS {
		padding: 66px 0 29px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 14px;
		& a, & img { display: block; }
		.sns-fb img { width: 23px;}
		.sns-x img { width: 19px;}
		.sns-in img { width: 22px;}
	}
	& small {
		padding: 0 20px;
		font-size: 12px;
		display: block;
		text-align: center;
	}
	@media (min-width: 768px) {
		padding: 40px;
		#flogo {
			height: 19px;
			top: 370px;
		}
		#pagetop {
			width: 42px;
			height: 42px;
			background: #000;
			border-radius: 50%;
			position: fixed;
			bottom: 10px;
			right: 50px;
			opacity: 0;
			pointer-events: none;
			z-index: 10;
			transition: bottom .4s, opacity .4s, background .3s;
			&.on1 {
				bottom: 30px;
				opacity: 1;
				pointer-events: all;
			}
			&.on2 {
				background: #fff;
			}
		}
		#fnav__menu {
			margin: 0 -40px;
			border: none;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 300px;
			gap: 1.07em 0;
			& a {
				height: auto;
				padding: 0;
				display: block;
				text-align: center;
				transition: color .3s;
				&:hover { color: var(--f-pink);; }
			}
			>li {
				width: 33%;
			}
			>li >a {
				border: none;
				& span {
					margin: 1px 0 0;
					display: block;
				}
			}
			.trigger {
				display: none;
			}
			#fnav__menu-00 {
				display: none;
			}
		}
		.fnav__menu-child {
			padding: 7px 0 0;
			display: block !important;
			li {
				margin: 6px 0 0;
			}
			a {
				font-size: 12px;;
				border: none;
				background: transparent;
			}
		}
		#footeSNS {
			padding-top: 76px;
			a {
				transition: opacity .3s;
				&:hover { opacity: .7;}
			}
		}
		small {
			width: 100%;
		}
	}
	@media (min-width: 1120px) {
		padding: 60px 40px 54px;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		#flogo {
			margin: 0;
			position: static;
		}
		#fnav {
			margin-left: auto;
		}
		#fnav__menu {
			min-width: 583px;
			margin: -7px 0 0;
			& a {
				text-align: left;
			}
			>li {
				width: fit-content;
			}
			#fnav__menu-05 { margin-left: 120px;}
			#fnav__menu-06 { margin-left: 80px;}
		}
		#footeSNS {
			padding: 0;
			position: absolute;
			top: 120px;
			left: 40px;
		}
		small {
			padding: 6px 0 0;
			text-align: left;
		}
	}
}


/*見出し回り・パンくずリスト*/
#content .mainTitle {
	padding: 22px 20px 21px;
	font-size: 20px;
	letter-spacing: 0.04em;
	font-weight: var(--bold);
	& h2 {
		font-weight: inherit;
	}
	&.typeJa {
		letter-spacing: 0;
	}
	#registration {
		display: none;
		letter-spacing: 0;
	}
	@media (min-width: 768px) {
		max-width: var(--width);
		margin: 0 auto;
		padding: 40px 40px 37px;
		font-size: 28px;
		position: relative;
		#registration {
			height: 40px;
			display: block;
			position: absolute;
			top: 4px;
			bottom: 0;
			right: 40px;
			margin: auto;
			a {
				height: 100%;
				padding: 0 25px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 14px;
				border-radius: 999px;
				font-weight: var(--bold);
				border: 2px solid;
				transition: all .3s;
				body.exhibition &, #request.museum & {
					color:#fa7e53;
					border-color:#fa7e53;
					background: #fff;
				}
				body.museum &, #request.exhibition & {
					color:#0cc6bf;
					border-color:#0cc6bf;
					background: #fff;
				}
				body#application & {
					color: #f53063;
					border-color: #f53063;
					transition: all .3s;
					&:hover {
						background: #fff3ef;
					}
				}
			}
		}
	}
}


/*パンくずリスト*/
#topicpath, #topicpathbottom {
	color: #666;
	font-size: 12px;
	& ul {
		display: flex;
		flex-wrap: wrap;
		gap: 5px 10px;
	}
	& li:not(:first-child)::before {
		content: ">";
		margin-right: 10px;
	}
	& a {
		color: inherit;
	}
}
#topicpath {
	display: none;
	@media (min-width: 768px) {
		max-width: var(--width);
		margin: 0 auto;
		padding: 0 40px 15px;
		display: block;
		a {
			transition: color .3s;
			&:hover { color: var(--f-pink);; }
		}
		body.about & {
			display: none;
		}
		body.feature#index & {
			padding-bottom: 0;
		}
	}
}
#topicpathbottom {
	padding: 17px 20px 14px;
	border-top:1px solid var(--border);
	@media (min-width: 768px) {
		padding-inline: 40px;
		display: none;
		& ul {
			max-width: var(--width);
			margin: 0 auto;
		}
	}
}


/*タブレイアウト--review*/
body.reviews #menu01{
	background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;
	ul{margin-bottom:-1px;display:flex;flex-wrap:wrap;}
	li{width:33.333%;font-size:13px;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;box-sizing:border-box;}
	a{height:100%;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;line-height:1.6;color:#444;box-sizing:border-box;background:#fff;}
	a span{display:inline-block;}
	@media (min-width: 768px) {
		border-top:none;
		ul{margin-bottom:0;}
		li{border-top:1px solid #ccc;border-bottom:none;}
	}
	@media (min-width: 1120px) {
		margin:0 0 40px;background:transparent;
		ul{width:1040px;margin:0 auto;border-right:1px solid #ccc;border-left:1px solid #ccc;box-sizing:border-box;}
		li{background:#fff;}
		a{height:42px;transition:all 0.3s;background:transparent;}
		a:hover{color:#f63063;}
	}
}


/*ページ下部 スポンサーリンク*/
#sponsor {
	margin:0 5vw 100px;
	#sponsor__heading{
		margin-bottom:22px;
		text-align:center;
		line-height:1.4;
		letter-spacing:0.04em;
		font-size:22px;
		font-weight:700;
	}
	& figure{max-width:510px;margin:0 auto 20px;}
	& figcaption{margin-top:5px;font-weight:700;font-size:12px;text-align:right;}
	& a{display:block;color:#222;}
	& img{max-width:100%;}
	@media (min-width: 768px) {
		margin:-40px 40px 100px;
		display: flex;
		flex-wrap: wrap;
		gap: 0 20px;
		#sponsor__heading{
			width: 100%;
			margin-bottom:30px;
		}
		& figure{
			width:calc(50% - 10px);
			display:inline-block;
			vertical-align:top;
		}
		& a {
			transition: color .3s;
			& img { transition: opacity .3s;}
			&:hover {
				color: var(--f-pink);
				& img { opacity: .7;}
			}
		}
	}
	@media (min-width: 1120px) {
		width:1040px;
		margin:-20px auto 100px;
	}
}


/*ブログ一覧*/
.bloglist{
	margin-top:10px;
	padding:20px;
	border:1px solid #ccc;
	position:relative;
	z-index: 0;
	& img{
		max-height:122px;
		margin:0 auto 15px;
		display:block;
		object-fit:cover;
	}
	.bloglist__title {
		margin-bottom:5px;
		font-size:17px;
		font-weight:700;
		& a{color:#222222;}
	}
	.bloglist__text{
		margin-bottom:10px;
		line-height:2;
		& a{display:inline-block;}
	}
	.bloglist__link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent:-999px;
		z-index: 2;
		&:hover {
			background:#ccc;
			opacity:.1;
		}
	}
	.iconPrivate{
		top:-1px;
		left:-1px;
	}
	.user {
		text-align:right;
		font-size:12px;
		font-weight:700;
		& a{
			position: relative;
			z-index:2;
		}
		& time{
			margin-left:1em;
			font-weight:inherit;
		}
	}
	.hash {
		margin:6px -5px 0;
		& a{
			height:28px;
			padding:0 15px;
			margin:10px 4px 0;
			line-height:27px;
			font-size:10px;
			position: relative;
			z-index:3;
		}
		.show-alltag, .close-alltag {
			line-height:1;
			height:auto;
			vertical-align:bottom;
			border:none;
			color:var(--f-pink);
			padding:0;
			font-size:12px;
		}
	}
	.btnEdit{
		height:40px;
		margin-top:25px;
		padding:0 15px;
		line-height:39px;
		display:inline-block;
		vertical-align:top;
		box-sizing:border-box;
		border:1px solid #ccc;
		border-radius:3px;
		color:#222222;
		position: relative;
		z-index: 2;
		&::before{
			content:"";
			display:inline-block;
			width:13px;height:13px;
			margin-right:10px;
			vertical-align:-1px;
			background-image:url(../img/icon/edit.png);
			background-repeat:no-repeat;
			background-size:13px auto;
			background-position:left center;
		}
	}
	& ul{
		font-size:0;
	}
	& li{
		margin:5px 20px 0 0;
		font-size:12px;
		display:inline-block;
		vertical-align:top;
	}
	@media (min-width: 768px) {
		margin-top:18px;
		padding:30px;
		&.type2{
			min-height:130px;
			padding-right:220px;
			body.home & {
				padding-right:190px;
			}
		}
		& img{
			position:absolute;
			top:33px;
			right:30px;
			body.home & {
				top:0;
				bottom:0;
				margin:auto;
			}
		}
		& li{
			margin-right:30px;
		}
		.bloglist__title {
			font-size:19px;
			line-height: 1.6;
		}
		.bloglist__text{
			margin-bottom:15px;
			font-size:16px;
		}
		.btnEdit:hover{
			transition:background 0.3s;
			background:#f2f2f2;
		}
	}
	@media (min-width: 1120px){
		padding:30px 40px 25px;
		&.type2{min-height:100px;padding-right:255px}
		& img{right:36px}
		.iconPrivate{top:8px;left:-6px}
	}
}


/*artEvent*/
.artEvent{
	line-height:1.6;margin-bottom:40px;position:relative;
	.exhImg{
		margin:0 0 15px;display:block;border:1px solid #ccc;
		& img{width:100%;height:auto;}
	}
	.exhDtl{display:flex;flex-wrap:wrap;}
	.exhDtl__ttl{order:1;}
	.exhDtl__pla{order:3;}
	.exhDtl__ymd{order:2;}
	.exhDtl__ttl{
		width:100%;margin:0 0 6px;font-size:18px;line-height:1.6;font-weight:500;
		& a{color:#222222;}
	}
	.exhDtl__pla{
		width:100%;margin:0 0 3px;font-size:13px;
		& a{max-width:77%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:22px;color:#999;}
		& span{height:20px;line-height:21px;padding:0 6px;border-radius:3px;border:1px solid #f53063;color:#f63063;margin-left:1.5em;display:inline-block;vertical-align:top;}
		.opened{border-color:#c00384;color:#c00384;}
		.closed{border-color:#888888;color:#888888;}
	}
	.exhDtl__ymd{
		width:100%;margin-bottom:7px;
		& span{display:none;}
	}
	body.museum & .exhDtl__pla span{margin:0;}
	@media (min-width: 600px){
		width:48.5%;padding:0 15px 55px;margin-bottom:35px;box-sizing:border-box;border:1px solid #ccc;position:relative;
		.exhImg{margin:0 -15px 20px;border:none;}
		.exhDtl{display:flex;flex-wrap:wrap;}
		.exhDtl__ttl{order:2;}
		.exhDtl__pla{order:1;}
		.exhDtl__ymd{order:3;}
		.exhDtl__pla{
			position:relative;
			& span{position:absolute;top:0;right:0;}
		}
		.exhDtl__ymd{font-size:12px;}
		body.museum & {
			margin:0 0 35px;padding:0 15px 55px;
			.exhImg{width:auto;margin:0 -15px 15px;position:static;}
			.exhDtl{padding:0;}
			.exhDtl__pla{
				margin:0 0 10px;
				& span{position:static;}
			}
		}
	}
	@media (min-width: 768px) {
		& a{transition:all 0.3s;}
		.exhImg{transition:all 0.3s;}
		.exhImg:hover{opacity:0.7;}
		.exhDtl__pla a:hover, .exhDtl__ttl a:hover{color:#f63063;}
	}
	@media (min-width: 1120px) {
		width:31.5%;max-width:320px;padding-bottom:50px;
		.exhDtl__out{order:4;}
		.exhDtl__ymd span{display:inline;}
		.exhDtl__out{margin-top:10px;font-size:14px;text-indent:0;line-height:1.6;width:auto;height:auto;}
		body.museum & {
			padding:0 15px 50px;
			.exhImg{width:auto;margin:0 -15px 20px;position:static;}
			.exhDtl{padding:0;}
		}
	}
}
.userLink{
	margin:10px 0 0;display:flex;justify-content:space-between;font-size:0;color:#f63063;
	>li{line-height:20px;font-size:14px;font-weight:600;position:relative;}
	.clip, .comment, .share {
		cursor:pointer;
		&::before{content:"";height:20px;margin-right:4px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
		&::after{content:"";display:block;width:0;height:0;border-top:10px solid rgba(0,0,0,0.9);border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-5px;left:0;right:0;margin:auto;transition:all 0.3s;opacity:0;}
		&.on:after{top:-15px;opacity:1;}
	}
	.clip {
		&::before{width:15px;background-image:url(../img/icon/clip.png);} 
		&.cancel{color:#888;}
		&.cancel:before{background-image:url(../img/icon/clip_gray.png);}
		& ul{
			padding-top:60px;text-align:center;line-height:1.5;
			&::before{width:30px;height:39px;background-image:url(../img/icon/clip.png);top:26px;left:59px;}
			& a{padding:30px 0;}
			.close{top:34px;right:62px;}
		}
	}
	.comment, .share {
		& ul{
			padding-top:75px;line-height:48px;left:50%;margin-left:-100px;
			&::before{top:25px;left:40px;}
			& a{
				padding-left:20px;line-height:48px;position:relative;
				&::before{content:"";display:inline-block;width:30px;height:48px;background-repeat:no-repeat;vertical-align:top;}
			}
			.close{top:30px;right:46px;}
		}
		& ul li:nth-child(3) a{padding-bottom:17px;}
	}
	.comment {
		&::before{width:16px;background-image:url(../img/icon/comment.png);}
		& ul {
			&::before{width:38px;height:38px;background-image:url(../img/icon/comment.png);}
			& li:nth-child(1) a:before{background-image:url(../img/icon/comment.png);background-position:0 center;background-size:16px 15px;}
			& li:nth-child(2) a:before{background-image:url(../img/icon/diary.png);background-position:0 center;background-size:17px 17px;}
			& li:nth-child(3) a:before{background-image:url(../img/icon/visit.png);background-position:0 17px;background-size:16px 16px;}
		}
		.noLink{ pointer-events: none; color: #666;}
	}
	.share {
		&::before{width:19px;background-image:url(../img/icon/share.png);background-position:center top;}
		& ul {
			&::before{width:42px;height:35px;background-image:url(../img/icon/share.png);}
			& li:nth-last-child(2) a {padding-bottom: 17px;}
			& li:nth-child(1) a:before{background-image:url(../img/icon/facebook.png);background-position:0 center;background-size:10px 16px;}
			& li:nth-child(2) a:before{background-image:url(../img/icon/twitter.png);background-position:0 center;background-size:14px 12px;}
			& li:nth-child(3) a:before{background-image:url(../img/icon/twitter.png);background-position:0 center;background-size:14px 12px;}			
		}
	}
	.ticket{
		margin:0;
		a:before,span:before{content:"";display:inline-block;vertical-align:top;width:18px;height:20px;margin-right:4px;background-image:url(../img/icon/ticket.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;font-weight:inherit;}
		&.off{opacity:0;}
	}
	.close{
		width:26px;height:26px;position:absolute;
		&::before, &::after{content:"";display:block;width:20px;height:2px;background:#f53063;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:rotate(45deg);}
		&::after{transform:rotate(-45deg);}
	}
	& ul{
		width:200px;border-radius:10px;background-color:rgba(0,0,0,0.9);transition:all 0.3s;text-align:left;position:absolute;left:0;bottom:25px;z-index:50;cursor:default;opacity:0;visibility:hidden;
		&::before{content:"";display:block;position:absolute;background-size:100% auto;background-repeat:no-repeat;background-position:0 0;}
		& a{color:#fff;font-size:13px;display:block;}
	}
	.on ul{opacity:1;visibility:visible;bottom:35px;}
	@media (max-width: 350px){
		>li{font-size:12px;}
		.clip, .comment, .share {
			&::before{height:18px;}
		}
		.clip:before{width:13px;}
		.comment:before{width:14px;}
		.share:before{width:17px;background-position:center center;}
		.ticket a:before, .ticket span:before{width:16px;height:16px;}
	}
	@media (min-width: 600px){
		width:100%;max-width:none;margin:0;box-sizing:border-box;position:absolute;bottom:7px;left:0;
		>li{width:100%;margin:0;text-align:center;}
		.clip, .comment, .share {
			&::before{display:block;margin:0 auto 2px;}
		}
		& ul{width:230px;bottom:45px;}
		.on ul{bottom:55px;}
		.ticket a:before{display:block;margin:0 auto 2px;}
		.ticket.off{display:none;}
		.clip ul{left:15px;}
		.share ul{left:auto;right:15px;}
		.comment ul, .share ul{margin-left:-115px;}
		.comment ul a, .share ul a{padding-left:40px;}
	}
	@media (min-width: 1120px) {
		bottom:0;
		>li{height:45px;line-height:47px;}
		.clip, .comment, .share {
			&::before{height:45px;margin:0 5px 0 0;display:inline-block;}
			&::after{top:5px;}
			&.on:after{top:-5px;}
		}
		.comment{padding-right:8px;}
		.share{padding-right:10px;}
		.share:before{background-position:center center;}
		.ticket{display:none;}
		& ul{bottom:40px;}
		.on ul{bottom:50px;}
	}
}
.artEventReview,.museumReview{
	margin:0 -5vw;padding:15px 5vw 0;border-bottom:1px solid #ccc;position:relative;
	&:nth-of-type(1){border-top:1px solid #ccc;}
	.exhImg{
		width:70px;margin:0;position:absolute;top:20px;left:5vw;
		& img {
			width: 100%;
			height: 54px;
			object-fit: contain;
		}
	}
	.exhDtl{padding:0 0 10px 85px;margin-bottom:10px;border-bottom:1px dotted #ccc;}
	.exhDtl__pla{order:1;}
	.exhDtl__ttl{order:2;font-size:16px;}
	.exhDtl__ymd{order:3;font-size:13px;}
	.post{font-size:14px;display:flex;flex-wrap:wrap;}
	.post__ttl{order:1;}
	.post__str{order:2;}
	.post__rev{order:3;}
	.post__ttl{width:100%;font-size:18px;line-height:1.6;margin-bottom:2px;}
	.post__rev{word-break:break-all;}
	.post__str{
		margin:0 0 5px;padding-left:98px;font-size:15px;color:#f53063;line-height:1.9;position:relative;width:100%;
		&::before,&::after{content:"";display:block;height:16px;background-size:auto 100%;background-position:left top;position:absolute;left:0;top:5px;}
		&::before{width:90px;background-image:url(../img/raty/star_off.png);}
		&::after{background-image:url(../img/raty/star_on.png);}
		&.str00{
			padding:0;color:#222222;
			&::before,&::after{display:none;}
		}
		&.str10:after{width:18px;}
		&.str20:after{width:36px;}
		&.str30:after{width:54px;}
		&.str40:after{width:72px;}
		&.str50:after{width:90px;}
	}
	.btnEdit{color:#222222;position:relative;}
	.btnEdit:before{content:"";display:inline-block;width:13px;height:13px;margin-right:5px;background-image:url(../img/icon/edit.png);background-repeat:no-repeat;background-size:100%;vertical-align:-2px;}
	@media (min-width: 600px){
		width:calc(100% + 80px);margin:0 -5vw;padding:15px 5vw 0;box-sizing:border-box;border-right:none;border-left:none;border-top:none;
		.exhImg{
			width:150px;margin:0;top:15px;left:40px;
			& img {height: auto;}
		}
		.exhDtl{padding:0 0 15px 170px;min-height:112px;flex-flow:column;}
		.exhDtl__ymd{margin-bottom:15px;}
		.post{margin:0;}
		.post__ttl{padding-left:145px;margin:-1.60em 0 5px;order:2;}
		.post__str{margin:0;order:1;}
	}
	@media (min-width: 768px) {
		margin:0 -40px;padding:15px 40px 0;
		& a{transition:all 0.3s;}
		.post__rev a:hover,.post__use a:hover,.post__rev a:hover,.post__use a:hover{opacity:.7;}
		.btnEdit:hover{opacity:.5;}
	}
	@media (min-width: 1120px) {
		width:100%;max-width:100%;margin:18px 0 0;padding:20px 20px 20px 280px;border:1px solid #ccc;
		.exhImg{width:240px;top:20px;left:20px;}
		.exhDtl{padding:0;margin:0;min-height:0;border:none;}
		.post__rev{margin-bottom:20px;}
		body.exhibition &, body.museum & {
			padding:20px;
		}
		body.tabImpression & {
			padding-bottom:20px;
			.post__use{right:20px;bottom:20px;}
		}
	}
}
.museumReview {
	.exhDtl__pla {
		color:#999;
	}
	@media (min-width: 600px){
		.exhDtl{min-height:90px;}
		.exhImg img {height: 90px;}
	}
	@media (min-width: 1120px) {
		.exhDtl{min-height:0;}
		padding-left:230px;
		.exhImg{max-width:190px;}
		.exhImg img {height: auto;}
	}
}
.user{
	margin-top:10px;font-size:0;text-align:right;
	& li{margin-left:1.5em;display:inline-block;vertical-align:top;font-size:12px;line-height:40px;}
	.user__thx {
		>a{margin-left:5px;font-weight:700;color:#222222;}
		& i{margin:0;}
	}
	.user__nam a{color:#f63063;}
	@media (min-width: 768px){
		.user__thx {
			>a{transition:color 0.3s;}
			>a:hover{color:#f63063;}
		}
		.user__nam {
			& a{transition:opacity 0.3s;}
			& a:hover{opacity:0.7;}
		}
	}
	@media (min-width: 1120px){
		margin:0;
		& li{line-height:1.8;}
	}
}
.thanks{
	margin-top:20px;line-height:1.8;position:relative;
	& i{margin-right:3px;color:#f53063;font-size:12px;vertical-align:-1px;}
	& dt{font-size:10px;}
	& dd{margin:2px 0 0;font-size:13px;}
	& dd a{color:#f63063;}
	@media (min-width: 768px){
		& a{transition:all 0.3s;}
		& a:hover{opacity:0.7;}
	}
	@media (min-width: 1120px){
		width:460px;margin:0 0 -23px;position:relative;z-index:1;
	}
}
.hash{
	margin:0 -5px;
	& a{height:32px;margin:10px 5px 0;padding:0 22px;line-height:31px;box-sizing:border-box;border:1px solid #777;border-radius:16px;display:inline-block;color:#222222;font-size:12px;}
	@media (min-width: 1120px){
		margin:0 -7px;
		& a{height:42px;margin:10px 7px 0;line-height:41px;border-radius:21px;font-size:14px;}
	}
}
.iconView{
	padding-left:26px;font-weight:700;position:relative;
	& span{width:20px;height:16px;display:block;background-image:url(../img/icon/view.png);background-size:100% 100%;position:absolute;left:0;top:0;bottom:3px;margin:auto;}
}
.iconThanks,.iconComment{
	font-weight:700;
	& i{margin-right:5px;font-size:19px;vertical-align:-2px;color:#f53063;}
	& a, & a i{color:#222222;}
	.on i{color:#f53063;font-weight:900;}
	.bound i{animation:bound 200ms linear 0ms;}
}
.iconPrivate{
	padding:0 8px;line-height:20px;font-size:11px;background:#fe6d70;color:#fff;position:absolute;top:0;left:-2px;
	@media (min-width: 1120px){
		font-size:12px;line-height:21px;top:10px;left:-6px;
		&::after{content:"";display:block;width:0;height:0;border-top:6px solid #f5444a;border-left:6px solid transparent;position:absolute;top:21px;left:0;}
	}
}


/*フォロー一覧*/
.thanksList,.followList{
	border-bottom:1px dashed #ccc;position:relative;
	.followName, .thanksName{display:block;font-size:12px;}
	& img{
		width:60px;
		vertical-align:middle;
		border-radius:50%;
	}
	& strong{
		width:calc(100% - 70px);
		padding-left:10px;
		box-sizing:border-box;
		line-height:1.4;
		display:inline-block;
		vertical-align:middle;
		color:#f63063;
	}
	& span{color:#222222;}
	@media (min-width: 768px) {
		margin: 0 !important;
		.thanksName, .followName{
			font-size:14px;
			transition: opacity .3s;
			&:hover {
				opacity: .7;
			}
		}
	}
}
.thanksList {
	padding:10px 125px 10px 0;
	@media (min-width: 768px) {
		padding:10px 190px 10px 0;
	}
}
.followList {
	padding: 10px 145px 10px 20px;
	margin: 0 -5vw;
	.toFollow { right: 20px;}
	&:nth-child(1) { border-top: 1px solid var(--border);}
	@media (min-width: 768px) {
		padding:10px 190px 10px 0 !important;
		.toFollow {
			right: 0;
		}
		+ .next {
			margin-top: 40px;
		}
	}
}


/*star*/
#valueStar{
	height:26px;padding-bottom:2px;font-size:0;display:inline-block;vertical-align:top;position:relative;
	&.hold img{cursor:default;}
	& img{width:30px;vertical-align:top;cursor:pointer;pointer-events: auto;}
	@media (min-width: 768px){
		height:32px;padding-bottom:2px;
		& img{width:36px;}
	}
}
#valueStar__score{
	margin-left:2px;line-height:28px;font-size:26px;color:#f983a1;display:inline-block;vertical-align:top;
	@media (min-width: 768px){
		margin-left:8px;line-height:35px;font-size:30px;
	}
}
#valueStar__clear {
	height:23px;padding:0 5px 0 20px;font-size:10px;line-height:21px;border:1px solid #f53063;border-radius:3px;color:#f63063;cursor:pointer;position:absolute;top:0;bottom:0;right:-110px;margin:auto;transition:all 0.3s;opacity:0;visibility:hidden;
	& span{
		width:11px;height:11px;display:block;border-radius:50%;border:1px solid #f53063;position:absolute;top:0;left:4px;bottom:0;margin:auto;
		&::after,&::before{content:"";display:block;width:7px;height:1px;background:#f53063;transform:rotate(45deg);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
		&::after{transform:rotate(-45deg);}
	}
	&.show{opacity:1;visibility:visible;}
	@media (min-width: 768px){
		height:25px;padding:0 10px 0 26px;font-size:13px;line-height:23px;right:-150px;
		& span{left:6px;}
	}
}


/*パーツ類*/
#content {
	& a.exlink,& a.exlink-white{
		display:inline-block;position:relative;
		&::after{content:"";display:inline-block;width:12px;height:12px;margin:0 4px;background-size:100% 100%;}
	}
	& a.exlink:after{background-image:url(../img/icon/blank.png);}
	& a.exlink-white:after{background-image:url(../img/icon/blank_white.png);}
	.pager{
		margin:60px 0 -15px;padding:0 60px;font-size:0;text-align:center;position:relative;
		&.top{margin:20px 0 15px;}
		& li{
			width:50px;height:50px;margin:0 8px 15px;font-size:16px;display:inline-block;vertical-align:top;
			&.on a{color:#f63063;border-color:#f53063;pointer-events:none;}
		}
		& a{width:100%;height:100%;line-height:48px;display:block;border:1px solid #ccc;box-sizing:border-box;color:#999;border-radius: 60px;}
		.pager--prev,.pager--next{
			margin:0;position:absolute;top:0;
			& a{
				position:relative;
				&::before, &::after{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;top:0;bottom:0;margin:auto;}
			}
		}
		.pager--prev{
			left:0;
			& a::before{border-right:7px solid #999;right:50%;margin-right:-2px;}
			& a::after{border-right:7px solid #fff;right:50%;margin-right:-5px;}
		}
		.pager--next{
			right:0;
			& a::before{border-left:7px solid #999;left:50%;margin-left:-2px;}
			& a::after{border-left:7px solid #fff;left:50%;margin-left:-5px;}
		}
		.first{display:none !important;}
		.last{display:none !important;}
		@media (min-width: 768px){
			& a{
				transition:all 0.3s;
				&:hover{color:#f63063;border-color:#f53063;}
			}
			.pager--prev,.pager--next{
				&::before,&::after {
					transition:all 0.3s;
				}
			}
			.pager--prev a:hover:before{border-right-color:#f53063;}
			.pager--next a:hover:before{border-left-color:#f53063;}
		}
		@media (min-width: 1120px){
			&.top{margin:20px 0 -15px;}
			& li{width:48px;height:48px;margin:0 8px 15px;font-size:14px;}
			& a{line-height:48px;border-radius: 60px;}
			.pager--prev,.pager--next{margin:0;position:static;}
			.pager--prev{margin-right:50px;}
			.pager--next{margin-left:50px;}
		}
	}
}


/*もっと見る*/
.next{
	text-align:center;position:relative;
	& a{min-width:120px;height:38px;line-height:38px;padding:0 15px;border:1px solid #f53063;border-radius:20px;display:inline-block;}
	.next_link{margin-top:40px;}
	.next_loading span{width:32px;height:32px;margin:20px auto;background-image:url(../img/element/loader.png);background-size:100% 100%;display:block;animation:loading 1000ms linear 0ms infinite;}
	@media (min-width: 768px){
		& a{transition:all 0.3s;}
		& a:hover{background:#f53063;color:#fff;}
		.next_link,.next_loading span{margin-top:0;}
	}
}


/*cleafix*/
.new-post {
	@media (min-width: 600px){
		display:flex;flex-wrap:wrap;justify-content:space-between;
		&:::after{content:"";display:block;width:31%;}
		.pager{width:100%;}
	}
}
@media (min-width: 1120px) {
    .new-post:after {
        content: "";
        width: 31.5%;
        display: block;
        height: 0;
    }
}

/*アニメーションキーフレーム*/
@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes bound{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}


/*モーダル*/
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}
.remodal,[data-remodal-id]{display:none}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}
.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.remodal{position:relative;outline:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.remodal-is-initialized{display:inline-block}
.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{-webkit-filter:blur(3px);filter:blur(3px)}
.remodal-overlay{background:rgba(0,0,0,0.7)}
.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}
.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}
.remodal-wrapper{padding:10px 5vw 0}
.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:35px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);color:#2b2e38;background:#fff}
.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}
.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}
.remodal,.remodal-wrapper:after{vertical-align:middle}
.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:0 0}
.remodal-close:focus,.remodal-close:hover{color:#2b2e38}
.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}
.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}
.remodal-confirm{color:#fff;background:#81c784}
.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}
.remodal-cancel{color:#fff;background:#e57373}
.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}
.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}
@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}
@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}
@keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}
@keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}
@media only screen and (min-width: 641px){.mainsp{display: none;}.remodal{max-width:700px}}
.lt-ie9 .remodal-overlay{background:#2b2e38}
.lt-ie9 .remodal{width:700px}
.remodal{max-width:1080px;padding:20px}
.remodal.boxMypage{max-width:500px;padding:30px 20px;border-radius:8px;border:2px solid #f53063;background:rgba(255,255,255,0.9);font-size:14px}
.remodal.boxMypage strong{color:#f63063;font-size:16px}
.remodal.boxMypage .popClose+a{width:238px;margin:25px auto 0;line-height:38px;display:block;font-size:13px;border:1px solid #f53063;border-radius:3px;background:#fff}
.remodal.boxEntry{max-width:534px;padding:0 0 20px;border:2px solid #000}
.remodal.boxEntry p{line-height:1.6}
.remodal.boxEntry .entryLogo{font-size:0;line-height:0;text-indent:-9999px;margin:0;padding:0;width:0;height:0}
.remodal.boxEntry .entryLogo+p{padding:20px 20px;background:#fff}
.remodal.boxEntry dl+p{padding:0 20px;margin-bottom:-5px;font-size:12px}
.remodal.boxEntry dt{padding:15px 0 0}
.remodal.boxEntry dd{padding:0 0 20px}
.remodal.boxEntry dd a{width:200px;height:34px;margin:8px auto 0;line-height:34px;display:block}
.remodal.boxEntry dd+dt{border-top:1px solid #ccc}
.remodal form{text-align:left}
.remodal form p{margin-top:15px}
.remodal form .checkSave{margin:15px 0 -20px;text-align:center}
.remodal form .btn-red{width:80%;max-width:250px;margin:30px auto 0;display:block}
.remodal form .modal_unlogin_message{text-align:center}
.remodal form #all_unchecked_a{margin-top:20px;text-align:right}
.remodal form dl{margin:10px -20px 0}
.remodal form dl>div{position:relative}
.remodal form dt{padding:0 20px;line-height:40px;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.remodal form dd{padding:20px 20px}
.remodal form ul{display:inline}
.remodal form li{width:35vw;max-width:145px;line-height:30px;display:inline-block}
.remodal form .allcheck{color:#f63063;line-height:40px;position:absolute;top:1px;right:20px}
.remodal.thanksUser{max-width:700px}
.remodal.thanksUser dl{text-align:left}
.remodal.thanksUser dt{padding:0 1.5em 3px 0;border-bottom:1px solid #ccc}
.remodal-close{width:30px;height:30px;background:#f53063;left:auto;right:0}
.remodal-close:before,.remodal-close:after{content:"";display:block;width:15px;height:2px;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transform:rotate(45deg)}
.remodal-close:before{transform:rotate(-45deg)}
.remodal .popClose{margin-top:20px;padding-left:20px;font-size:13px;color:#f63063;display:inline-block;vertical-align:top;cursor:pointer;position:relative}
.remodal .popClose:after,.remodal .popClose:before{content:"";display:block;width:18px;height:2px;background:#f53063;position:absolute;top:0;left:0;bottom:0;margin:auto;transform:rotate(45deg)}
.remodal .popClose:after{transform:rotate(-45deg)}
@media (min-width: 600px){
	.remodal-wrapper{padding:10px 40px 0}
	.remodal.boxMypage{font-size:16px}
	.remodal.boxMypage strong{font-size:18px}
	.remodal.boxEntry .entryLogo{width:100%;height:80px;background-image:url(../img/logo/artagenda.png);background-repeat:no-repeat;background-position:center center;background-size:auto 60px;background-color:#fff}
	.remodal.boxEntry .entryLogo+p{padding:0 20px 10px 20px}
	.remodal.boxEntry dl{padding:15px 40px 0;font-size:0}
	.remodal.boxEntry dl+p{margin-top:15px}
	.remodal.boxEntry dt{width:calc(100% - 236px);padding:15px 0;display:inline-block;vertical-align:top;line-height:40px;font-size:14px;text-align:left}
	.remodal.boxEntry dd{padding:15px 0;display:inline-block;vertical-align:top}
	.remodal.boxEntry dd a{width:236px;height:40px;margin:0;line-height:40px;font-size:14px}
	.remodal.boxEntry .btn-charcoal{border-top:1px solid #ccc}
	.remodal.thanksUser{padding:40px}
	.remodal.thanksUser dt{font-size:18px}
}
@media (min-width: 1120px){
	.remodal.boxMypage .popClose+a:hover{transition:all 0.3s;background:#f53063;color:#fff}
	.remodal.boxEntry dd a{transition:all 0.3s}
	.remodal.boxEntry dd a:hover{opacity:0.7}
	.remodal form{padding:15px}
	.remodal form #all_unchecked_a a{display:inline-block;text-decoration:none;position:relative}
	.remodal form #all_unchecked_a a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	.remodal form #all_unchecked_a a:hover:after{width:100%;opacity:1}
	.remodal form dl{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}
	.remodal form dl>div{width:324px;margin-top:16px;border:1px solid #ccc;border-top:none}
	.remodal form dl:after{content:"";display:block;width:324px;height:0}
	.remodal form dd{zoom:1}
	.remodal form dd:after{content:"";display:block;clear:both}
	.remodal form .ulLeft,.remodal form .ulRight{width:50%;float:left}
}
@media (min-width: 600px){
.swiper-slide .detail .detailInner .pc_only{ display:contents; }
}