@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

@font-face {
	font-family:'CGothic';
	src:url('images/fonts/CGothic.ttf') format('truetype');
}
@font-face {
	font-family:'CSerif';
	src:url('images/fonts/CSerif.ttf') format('truetype');
}

@media screen and (min-width:800px){
	.no-display-pc{
		display:none!important;
	}
}
@media screen and (max-width:799px){
	.no-display-sp{
		display:none!important;
	}
}

/* ==============================================
	CSS reset
=============================================== */

* ,*:before ,*:after {
	box-sizing:border-box;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
html ,body ,div ,p ,span ,iframe ,a ,img ,
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,
dl ,dt ,dd ,ol ,ul ,li ,
form ,label ,
table ,thead ,tbody ,tfoot ,tr ,th ,td ,
blockquote ,q ,pre ,
header ,footer ,nav ,article ,section ,aside {
	margin:0;
	padding:0;
	border:0 none;
	vertical-align:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
}
button ,input ,textarea ,select {
	font-size:16px;
	line-height:1;
	padding:5px;
	letter-spacing:1px;
	font-family:'Noto Serif JP', serif;
	border:1px solid #666;
	border-radius:0.3em;
}

input[type="submit"] ,button {
	font-size:16px;
	padding:10px 30px;
}

html ,body {
	min-height:100%;
	height:100%;
	font-family:'Noto Serif JP', serif;
	line-height:1;
}
a {
	color:inherit;
	text-decoration:none;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

img {
	vertical-align:top;
	max-width:100%;
	max-height:100%;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
video {
	width:100%;
}

ol ,ul ,li {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


/* ============================================
	flex
=============================================== */
.flex{
	display:flex;
	justify-content:center;
	align-items:center;
}
.flex.left {
	justify-content:flex-start;
}
.flex.right {
	justify-content:flex-end;
}
.flex.between {
	justify-content:space-between;
}
.flex.around {
	justify-content:space-around;
}
.flex.evenly {
	justify-content:space-evenly;
}

.flex.top {
	align-items:flex-start;
}
.flex.bottom {
	align-items:flex-end;
}
.flex.stretch {
	align-items:stretch;
}

.flex.column {
	flex-direction:column;
}
.flex.rev {
	flex-direction:row-reverse;
}
.flex.column.rev {
	flex-direction:column-reverse;
}

.flex.wrap {
	flex-wrap:wrap;
}

.flex.col2 > * {
	width:calc(100% / 2);
}
.flex.col3 > * {
	width:calc(100% / 3);
}
.flex.col4 > * {
	width:calc(100% / 4);
}

.flex > .half {
	width:50%;
}
.flex > .full {
	width:100%;
}

.height-inherit > * {
	height:100%;
}
.height-inherit-all * {
	height:100%;
}



/* ============================================
	commonTable
=============================================== */
.commonTable {
	margin:0 auto;
	border-collapse:separate;
	border-spacing:1em 0.5em;
	padding:2em 0;
}
.commonTable th {
	width:35%;
	color:#960;
	font-family:'CSerif','Noto Serif JP',serif;
	text-align:right;
}
.commonTable th:after {
	content:"：";
}
.commonTable td {
	width:65%;
}

@media screen and (max-width:799px){
	.commonTable th:after {
		white-space:nowrap;
	}
	.commonTable th:after {
		content:none;
	}
}


/* ============================================
	common
=============================================== */

body{
	position:relative;
	font-size:16px;
	line-height:1.6;
	color:#000;
	background:url(images/common/bg.jpg) #fff;
}

@media screen and (min-width:800px){
	#bgLayer{
		min-width:1600px;
		max-width:1920px;
		width:100%;
		margin:0 auto;	
	}
}

@media screen and (max-width:799px){
	#bgLayer{
		width:480px;
		min-width:480px;
		max-width:480px;
		margin:0 auto;
		overflow:hidden;
	}
}

img{
	max-width:100%;
	height:auto;
	display:inline-block;
	border:0;
}

a{
	cursor:pointer;
	text-decoration:none;
}

h1,p{
	margin:0;
}

em {
	font-style:normal
}

strong {
	font-weight:bold;
}

.tel-link a{
	pointer-events:auto;
}

.all-center-full{
	width:100%;
	max-width:100%;
	margin:0 auto;
}

.noDisp ,
.altText {
	display:none !important;
}


.marquee > p {
  visibility:hidden;
  margin:0;
  white-space:nowrap;
}


main {
	padding-top:4em;
}
main section + section {
	padding-top:6em;
}

.all-center-1400{
	width:1600px;
	max-width:100%;
	margin:0 auto;
}
.all-center-1400.nopage {
	padding:12em 0 8em;
	text-align:center;
}



dl,dt,dd{
	display:block;
	margin:0;
	padding:0;
}


.contents-wrapper {
	width:1200px;
	max-width:100%;
	margin:0 auto;
	padding:2em 1em 0;
}

.contents-cover {
	padding:3em;
	background:rgba(255,255,255,0.9);
	box-shadow:0 0 5px #999;
}

.supplement-cover em {
	padding:0 0.3em;
}

.center {
	text-align:center;
}
.shadowBox {
	border:1px solid #fff;
	box-shadow:0 0 5px #999;
}



@media screen and (max-width:799px){
	.contents-outer {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.contents-cover {
		padding:2em 0.5em;
	}
}


/* ==============================================
	contents block
=============================================== */
.contents-cover.system {
	padding:3em 6em;
}
.contents-cover.system:after {
	content:"";
	display:block;
	width:100%;
	border-bottom:2px solid #651;
}


.block-header {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.block-header:not(.sub):before ,
.block-header:after {
	content:"";
	flex-grow:1;
	height:4em;
}
.block-header:not(.sub):before {
	background:url(images/common/title-l.png) 100% 50% no-repeat;
}
.block-header:not(.sub):after {
	background:url(images/common/title-r.png) 0% 50% no-repeat;
}

.block-header > * {
	padding:0 3em;
	line-height:1.3;
	color:#960;
	font-family:'CSerif','Noto Serif JP',serif;
}
.block-header > * > span {
	display:block;
}
.block-header > * > span.h-main{
	font-size:240%;
}
.block-header > * > span.h-sub{
	font-size:120%;
}

.block-header.sub:after {
	height:2px;
	background:#651;
}
.block-header.sub > * {
	padding-left:1em;
	padding-right:2em;
}
.block-header.sub > * > span.h-main{
	font-size:160%;
}

.block-body {
	padding:1.5em 4em 3em;
}
.block-body .strong {
	font-size:160%;
	font-weight:bold;
	color:#960;
}
.block-body .strong + p {
	padding-top:2em;
}

.block-body .notice{
	padding-top:0.5em;
}
.block-body .text-small{
	font-size:90%;
	color:#666;
}

.melmagaLink {
	color:#33f;
}
a.melmagaLink:hover {
	color:#f33;
}

.melmaga.flex > *{
	padding:0 0.5em;
}
.melmaga input[name='form[mail]']{
	width:30em;
}
.melmaga input[type="submit"]{
	padding:0.4em 1em 0.5em;
}

.block-form {
	padding-bottom:3em;
}
.block-form .text-small{
	padding-top:0.3em;
	font-size:90%;
	color:#999;
}


@media screen and (max-width:799px){
	.contents-cover.system {
		padding:2em 0.5em;
	}

	.contents-cover.system .block-body.flex.between {
		flex-direction:column;
	}
	.contents-cover.system .block-body.flex.between > .image {
		padding-top:1em;
	}

	.block-header > * {
		padding:0 1em;
	}
	.block-header > * > span.h-main {
		font-size:180%;
	}
	.block-header:not(.sub):before ,
	.block-header:not(.sub):after {
		background-size:auto 50%;
	}
	.block-body {
		padding:1.5em 1em 2em;
	}

	span[style="font-size:48px"] {
		font-size:calc(48px * 0.8) !important;
	}
	span[style="font-size:36px"] {
		font-size:calc(36px * 0.8) !important;
	}
	span[style="font-size:32px"] {
		font-size:calc(32px * 0.8) !important;
	}
	span[style="font-size:28px"] {
		font-size:calc(28px * 0.8) !important;
		line-height:1;
	}

	.melmaga.flex{
		flex-direction:column;
	}
	.melmaga.flex > *{
		padding:0.3em 0;
	}
	.melmaga input[name='form[mail]']{
		width:24em;
	}
	.melmaga input[type="submit"]{
		padding:0.4em 1.5em 0.5em;
	}

	#special-banner + #special-banner {
		padding-top:3em;
	}

}




/* ==============================================
	slider common PROFILE  FlOOR  
=============================================== */
#homeSliderBloc {
	padding-bottom:4em;
}
#homeSliderBloc #homeSliderLoader {
	width:100%;
	height:100%;
	padding-top:150px;
	text-align:center;
}
#homeSliderBloc #homeSlider {
	opacity:0;
}
#homeSliderBloc #homeSlider li {
	padding:5px;
}
#homeSliderBloc #homeSlider li img {
	margin:auto;
	box-shadow:0 0 0 1px #fc0;
}
#homeSliderBloc #homeSlider li a {
	display:inline-block;
	background:#fff;
	line-height:1;
}
#homeSliderBloc #homeSlider li a img {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#homeSliderBloc #homeSlider li a:hover img {
	opacity:0.8;
}

#homeSliderBloc #bx-pager {
	padding-top:2em;
}
#homeSliderBloc #bx-pager a img {
	border:2px solid transparent;
}
#homeSliderBloc #bx-pager a.active img {
	border-color:#fc0;
}

/* ==============================================
	clearfix common PROFILE FlOOR  
=============================================== */
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	display:block; /* for IE8 */
	zoom:1; 
}

/* ============================================
	common contents
=============================================== */
.caption-cover {
}
.caption{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column-reverse;
	text-align:center;
	font-family:'CSerif','Noto Serif JP', serif;
}
.caption .ja{
	font-size:120%;
}
.caption .en{
	font-size:240%;
	line-height:1.2;
}

@media screen and (max-width:799px){
	.caption .en {
		font-size:200%;
	}
}


/* ============================================
	guide button
=============================================== */
.guide-cover {
	margin:auto;
	width:500px;
	max-width:100%;
	padding:3em 0;
}
.guide a{
	display:block;
	color:#fff;
	background-color:#796042;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.5em;
}
.guide a:hover{
	background-color:#875;
}
.guide-text-cover {
	text-align:center;
	line-height:1.2;
}
.guide-text{
	font-size:120%;
	display:block;
}
.guide-text2{
}
@media screen and (max-width:799px){
	.guide-cover{
		padding:3em 1em;
	}
	.guide a{
		padding:1em;
	}
}


/* ==================================
common　nav
================================== */
/* top-only */
nav .contents-nav-ul-cover{
	padding-top:0.3em;
}

/* common */
#header-nav {
	position:sticky;
	top:0;
	left:0;
	right:0;
	z-index:10000;
	background:rgba(255,255,255,0.9);
	box-shadow:0 0 5px #999;
}

nav .nav-ul-cover{
	max-width:1600px;
	margin:0 auto;
	padding-top:0em;
}

nav .nav-ul{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	text-align:center;
	font-size:110%;
	line-height:1.4;
}

nav .nav-li {
	flex-grow:1;
}
nav .nav-li a {
	display:block;
	padding:0.8em 0.5em;
}
nav .nav-li a:hover {
	background:rgba(153,153,153,0.3);
}
nav .nav-li a > span{
	display:block;
}
nav .nav-li a > span.en{
	font-size:80%;
}




/* ==================================
common header
================================== */
header .header-in{
	max-width:1600px;
	margin:0 auto;
	padding:0 0.5em 0.3em;
}

header .h1{
	color:#fff;
	background-color:#333;
	padding:0.1em 1em 0.2em;
	font-size:90%;
	letter-spacing:0.05em;
	text-align:center;
}

header .logo-tel-cover{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

header .logo-cover{
	align-self:center;
	padding:0.5em 0;
	height:150px;
}
header .logo-cover a {
	display:block;
	height:100%;
}
header .logo-cover img{
}

header .open-tel-cover {
	padding-bottom:0.3em;
	padding-right:1em;
	line-height:1.4;
	letter-spacing:0.05em;
}
header .name{
}
header .open{
}
header .tel{
	padding-bottom:0.1em;
	line-height:1.2;
	font-size:180%;
	font-weight:bold;
}
header .text{
	font-size:90%;
}
header .addr{
	font-size:90%;
}


@media screen and (min-width:800px){
	#page-top .header-in {
/*
		display:none;
*/
	}
}
@media screen and (max-width:799px){
	header .header-in{
		border-bottom:1px solid #999;
	}
	header .logo-tel-cover {
		justify-content:center;
		align-items:center;
		flex-direction:column;
		text-align:center;
	}
	header .open-tel-cover {
		width:100%;
		padding:0.5em 0;
	}
}




/* ==================================
common　footer
================================== */
.footer-in{
	padding-top:6em;
	text-align:center;
}

.footer-in-in{
	color:#fff;
	background:linear-gradient(180deg, rgba(204,204,204,0.7), rgba(0,0,0,0.7));
}

footer .nav-ul-cover {
	max-width:1600px;
	margin:0 auto;
	padding-top:2em;
}

footer .nav-ul{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	text-align:center;
	line-height:1.3;
}

footer .nav-li {
	flex-grow:1;
}
footer .nav-li a {
	position:relative;
	display:block;
	color:#000;
	padding:0.3em 0.5em;
}
footer .nav-li a span{
	display:block;
}
footer .nav-li a .en{
	font-size:80%;
}
footer .nav-li a .jp{
}

footer .nav-li a:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:2px;
	background:#333;
	transform:scaleX(0%);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
footer .nav-li a:hover:after {
	transform:scaleX(100%);
}

footer .footer-c{
	padding:3em 0;
	line-height:1.8;
}
#footer-image-cover {
	width:480px;
	margin:0 auto;
}
#footer-image-cover img {
	filter:invert(1);
}

footer .name{
	padding-top:1em;
}

footer .tel{
	padding-bottom:0.1em;
	display:flex;
	justify-content:center;
	align-items:center;
}
footer .tel a{
	font-size:120%;
}
footer .tel .text{
	padding-left:1em;
}

footer .footer-block{
	border-top:solid 1px #8e8e8e;
	padding-top:3em;
	background-color:#000;
}


#copyright {
	padding:1.5em 0;
	line-height:1.3;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,0.7);
	font-size:90%;
}


@media screen and (max-width:799px){
	#footer-image-cover{
		width:60%;
	}
}


/* ======================================================================================
top
========================================================================================= */
/* ==================================
header contents 
================================== */


/* ==================================
 top contents1
================================== */
#contents1 {
	padding:2em 0;
}
#contents1:nth-child(1){
	padding:3em 0 1em;
}

#contents1 .caption-wrapper2{
	padding:1.3em 0.5em 1.5em;
	border-top:solid 2px #796042;
	border-bottom:solid 2px #796042;
}

#contents1 .caption-cover2{
	overflow:hidden;
}

#contents1 .caption-cover2 ul {
	white-space:nowrap;
	width:100%;
	height:1em;
	line-height:1;
	font-size:200%;
}

#contents1 .caption-cover2 ul > li{
	display:inline-block;
	height:100%;
	padding-left:200px;
}



/* ==================================
top contents2
================================== */
#companion .flex-wrapper {
	padding:2em 1em 0;
}

#companion .flex-cover{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
}
#companion .flex-cover.flex-center{
	justify-content:center;
}

#companion .flex-c-cover{
	width:calc(100% / 4);
	padding:1em 0.5em;
}
#companion .flex-c-cover.blank{
	filter:brightness(0.6);
}
#companion .flex-c-cover .flex-c{
	position:relative;
}
#companion .flex-c-cover .flex-c a {
	display:block;
	background:rgba(255,255,255,0.8);
	border:1px solid #999;
}
#companion .flex-c-cover .flex-c a:hover{
	box-shadow:0 0 0.5em #666;
}

#companion .castList-catch{
	height:calc(1.3em * 2 + 0.3em * 2);
	line-height:1.3;
	text-align:center;
	border-bottom:1px solid #999;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#companion .castList-image{
	position:relative;
}
#companion .castList-image:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:calc(100% * 3 / 2);
}
#companion .castList-image > .main-image{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#companion .castList-image > .main-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
#companion a:hover .castList-image > .main-image img{
	transform:scale(1.1);
}

#companion .castList-image > .rank-icon{
	position:absolute;
	top:5px;
	left:-2px;
	width:25%;
}

#companion .castList-image > .newface-icon{
	position:absolute;
	top:0;
	right:0;
	width:22%;
}

#companion .info-cover{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#companion .main-icons {
	padding-bottom:5px;
	font-size:90%;
}
#companion .main-icons > .flex {
	line-height:1.6;
	height:1.6em;
	overflow:hidden;
}

#companion .main-icons > .flex > span.diary {
	--color:rgba(0,204,51,0.9)
}
#companion .main-icons > .flex > span.pair {
	--color:rgba(255,102,204,0.9)
}
#companion .main-icons > .flex > span.movie {
	--color:rgba(0,204,255,0.9)
}
#companion .main-icons > .flex > span.x {
	--color:rgba(102,102,102,0.9)
}

#companion .main-icons > .flex > span{
	position:relative;
	margin-left:0.8em;
	padding-left:0.3em;
	padding-right:0.4em;
	color:#fff;
	background:var(--color);
}
#companion .main-icons > .flex > span:before{
	content:"";
	position:absolute;
	top:0;
	right:100%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0.85em 0.3em;
	border-color:transparent var(--color) var(--color) transparent;
}
#companion .main-icons > .flex > span:after{
	content:"";
	position:absolute;
	top:0;
	left:100%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0.85em 0.3em;
	border-color:var(--color) transparent transparent var(--color);
}


#companion .name-cover{
	margin:1px;
	background:rgba(255,255,255,0.9);
	text-align:center;
}
#companion .name{
	font-size:115%;
}
#companion .size{
	padding-bottom:0.2em;
	font-size:90%;
}
#companion .time{
	padding-bottom:0.1em;
	font-size:90%;
	color:#fff;
	background:rgba(0,0,0,0.6);
}
#companion .time.undecided{
	opacity:0;
}


@media screen and (max-width:799px){
	#companion .flex-c-cover {
		width:calc(100% / 2);
	}
	#companion .info-cover {
		position:static;
		margin-top:-1.6em;
	}
	#companion .main-icons {
		font-size:78%;
	}
	#companion .castList-catch{
		font-size:90%;
	}
}



/* ==================================
	ranking
================================== */
.contents-wrapper.ranking {
	width:auto;
}
#companion .ranking .flex-wrapper {
	padding:2em 0 0;
}
#companion .ranking .flex-c-cover {
	width:calc(100% / 5);
}

@media screen and (max-width:799px){
	#companion .ranking .flex-c-cover {
		width:calc(100% / 2);
	}
}


/* ==================================
schedule
================================== */
.dateSelector {
	padding:1em 0;
}
.date-table {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.date-table > .date-cell {
	width:calc(100% / 7);
	padding:0.2em;
}
.date-cell .inner-box {
	display:block;
	padding:1em 0;
	color:#ccc;
	background:#666;
	cursor:pointer;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.date-cell:not(.active) .inner-box:hover {
	color:#000;
	background:#999;
}
.date-cell.active .inner-box {
	color:#fff;
	background:#c90;
	cursor:normal;
	pointer-events:none;
}

.noData {
	width:100%;
	padding:8em 0 10em;
	text-align:center;
}
.schedule-comment {
	padding:1em 0;
	text-align:center;
} 
.schedule-comment p + p{
	padding-top:0.51em;
}

.schedule-comment .lh2 {
	line-height:2;
}
.schedule-comment .lh2 img {
	height:2em;
}

@media screen and (max-width:799px){
	.date-table > .date-cell {
		padding:0.1em;
	}
	.date-cell .inner-box{
		line-height:1.2;
		padding:0.6em 0;
	}
	.date-cell .inner-box span{
		display:block;
	}
	.schedule-comment {
		line-height:1.3;
	}
}


/* ==================================
top contents3
================================== */
.news-link {
	padding:0.5em 1em;
	text-align:right;
}

.xBanner {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	padding:6em 1em 0;
}
.xBanner a {
	display:block;
	border:2px solid #666;
}
.xBanner a + a {
	margin-top:2em;
}

#index + .xBanner {
	padding:4em 1em;
}


@media screen and (min-width:800px){
	.xBanner a:hover {
		box-shadow:0 0 0.3em #000;
	}

	#contents3 .flex-wrapper{
		padding:2em 1em 0;
		display:flex;
	}

	.flex-wrapper-news {
/*		width:75%;	*/
		width:100%;
	}
	.flex-wrapper-twitter {
		width:25%;
		padding:1em 0.5em 0;
	}
	.news-link a:hover {
		color:#f00;
	}

	#contents3 .flex-cover{
		width:100%;
		display:flex;
		justify-content:flex-start;
		align-items:stretch;
		flex-wrap:wrap;
	}

	#contents3 .flex-c-cover{
		width:calc(100% / 4);
		padding:1em 0.5em 0;
	}
	#contents3 .flex-wrapper-news .flex-c-cover{
/*		width:calc(100% / 3);	*/
	}

	#contents3 a.flex-c{
		display:block;
		min-height:100%;
		color:#fff;
		background:rgba(0,0,0,0.8);
		border:1px solid #fff;
	}
	#contents3 a.flex-c:hover{
		box-shadow:0 0 0.5em #666;
	}

	#contents3 .flex-image-cover{
		position:relative;
		border-bottom:1px solid #ccc;
	}
	#contents3 .flex-image-cover:before{
		content:"";
		display:block;
		width:100%;
		height:0;
		padding-top:calc(100% / 4 * 3);
	}

	#contents3 .flex-image-cover > img{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:top;
		background:#222;
	}

	#contents3 .flex-text {
		padding:0.5em;
	}
	#contents3 .news-c12{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}

	#contents3 .news-c1{
		font-size:90%;
		padding:0.1em 0.3em;
	}

	#contents3 .bc-red{
		background-color:#9b0002;
	}

	#contents3 .bc-purple{
		background-color:#4d029b;
	}

	#contents3 .bc-pink{
		background-color:#d900a7;
	}

	#contents3 .news-c2{
		color:#0cf;
	}

	#contents3 .news-c3{
		padding:0.5em 0.5em 0;
		height:calc(1.6em * 3 + 0.5em);
		line-height:1.6;
		overflow:hidden;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
	}
}
/* ==================================
top contents3 SP
================================== */

@media screen and (max-width:799px){
	.xBanner {
		padding:4em 2em 0;
	}
	.xBanner a + a {
		margin-top:1em;
	}

	#contents3 .flex-wrapper{
		padding:2em 1em 0;
	}

	#contents3 .flex-cover{
		display:block;
	}

	#contents3 .flex-c-wrapper{
		padding-top:1em;
	}
	.flex-wrapper-news {
		background:rgba(255,255,255,0.8);
		border:1px solid #fff;
		box-shadow:0 0 0.5em #999;
	}

	#contents3 .flex-c-cover{
		width:100%;
		padding:0.3em 0;
	}
	#contents3 .flex-c-cover + .flex-c-cover {
		border-top:1px solid #ccc;
	}

	#contents3 .flex-c{
		border:none;
		display:flex;
		justify-content:center;
		align-items:flex-start;
	}
	#contents3 .flex-image-cover{
		width:120px;
		height:150px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#contents3 .flex-image{
		object-fit:cover;
	}
	
	.flex-text{
		padding-top:0.5em;
		width:calc(100% - 120px);
	}

	#contents3 .news-c12{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:0.5em 0.5em 0;
	}

	#contents3 .news-c1{
		color:#fff;
		padding:0.1em 0.5em;
		font-size:90%;
	}

	#contents3 .news-c2{
		color:#00f;
	}

	#contents3 .news-c3{
		padding:1em 0.5em 0;
	}

	.news-link {
		font-size:80%;
	}

	.flex-wrapper-twitter {
		padding-top:6em;
	}
}

/* ==================================
contents4
================================== */
#special-banner .flex-wrapper{
	padding:1em 0.5em 0;
}

#special-banner .flex-cover{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}

#special-banner .flex-c-cover{
	padding-top:2em;
	padding-right:1em;
	padding-left:1em;
}
#special-banner .flex-c-cover img{
	width:540px;
}

#special-banner .flex-c-cover a {
	display:block;
	border:1px solid #fff;
}
#special-banner .flex-c-cover a:hover {
	box-shadow:0 0 0.5em #666;
}



/* ==================================
top contents5
================================== */


#contents5 .flex-wrapper{
	padding:2em 2em 0;
}

#contents5 .flex-cover{
	display:flex;
	justify-content:center;
	align-items:center;
}

#contents5 .flex-c-cover{
	line-height:2.2;
	padding:1em 0.5em 0;
}

#contents5 .flex-cover a {
	color:#ff6;
}
#contents5 .flex-cover a:hover {
	text-decoration:underline;
}


#contents5 .text{
	font-size:110%;
}

#contents5 .text-small{
	font-size:90%;
}
#contents5 .text-small.notice{
	padding-top:0.5em;
	text-align:center;
	color:#eee;
}

/* form */
#contents5 .text-wrapper{
	padding:2em 0 4em;
}

#contents5 .text-wrapper .text-cover{
	display:flex;
	justify-content:center;
	align-items:center;
}

/* text */
#contents5 .text-mail-input{
	padding-left:1.5em;
}
#contents5 input[type="text"]{
	width:25em;
}
#contents5 input[type="text"]::placeholder{
	text-align:center;
}

#contents5 .submit{
	padding-left:1em;
}
#contents5 input[type="submit"]{
	padding:0.5em 1em;
	font-size:110%;
}

@media screen and (max-width:799px){
	#contents5 .flex-c-cover{
		font-size:90%;
		line-height:1.6;
	}

	#contents5 .text-wrapper .text-cover{
		flex-direction:column;
	}
	#contents5 .text-wrapper .text-cover > .text-mail-input,
	#contents5 .text-wrapper .text-cover > .submit{
		padding:1em 0 0;
	}
}



/* ======================================================================================
news
========================================================================================= */

/* ====================================
news1
=======================================*/

#news1 .contents-outer {
	padding:2em 2em 0;
}

#news1 .contents-wrapper:nth-child(2),#news1 .contents-wrapper:nth-child(3){
	padding-top:3em;
}

#news1 .contents-cover {
	padding:2em 3em 2em;
}

#news1 .title{
	display:inline-block;
	text-align:center;
	text-indent:0.1em;
	letter-spacing:0.1em;
	color:#fff;
}

#news1 .green{
	background-color:#047525;
}

#news1 .blue{
	background-color:#0595d1;
}

#news1 .orange{
	background-color:#d04004;
}

#news1 .time{
	padding-left:0.5em;
	color:#06f;
}

#news1 .title-caption{
	font-size:150%;
}

#news1 .contents-in{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding-top:1.5em;
}

#news1 .image-cover{
	width:30%;
}

#news1 .text-cover {
	width:70%;
	line-height:1.6;
	padding-left:2em;
}

#news1 .text{
	font-size:120%;
}

#news1 .move-intro{
	text-align:right;
	padding-top:2em;
}

#news1 .move-intro a{
	text-decoration:underline;
	font-size:120%;
	color:#fc0;
}

#news1 .move-intro a:hover{
	color:#f69;
}

@media screen and (max-width:799px){
	#news1 .contents-outer {
		padding:2em 1em 0;
	}
	#news1 .contents-cover {
		padding:2em 1em;
	}
	#news1 .title-caption {
		font-size:150%;
	}
}






/* ==============================================
	pager
=============================================== */
.pager {
	padding-top:4em;
}
.pager.flex {
}
.pager ul li {
	padding:0.3em;
}
.pager ul li a.flex {
	padding:0.3em 1em;
	color:#fff;
	background:rgba(0,0,0,0.6);
	border:1px solid #ccc;
	border-radius:0.3em;
}
.pager ul li.active a.flex span {
	font-size:130%;
	font-weight:bold;
}

.pager ul li a.flex.list {
	width:auto;
	height:auto;
	padding:0.3em 1.5em;
}

.pager ul li.active a.flex.list span {
	font-size:110%;
	font-weight:normal;
}

.pager ul li:not(.active) a.flex:hover {
	box-shadow:0 0 0.5em #666;
}



/* ======================================================================================
system
========================================================================================= */

/* ==================================
system common
================================== */



@media screen and (max-width:799px){
}




/* ======================================================================================
PROFILE
========================================================================================= */
/* ==================================
PROFILE common
================================== */
#profile.contents-wrapper {
	padding-top:0;
}

.profile-box {
	padding:1em;
	background:rgba(255,255,255,0.9);
	box-shadow:0 0 5px #999;
}
.profile-box.withH {
	padding-top:0.5em;
}

.profile-header {
	color:#960;
	font-size:140%;
	font-weight:bold;
}

.type-1-l {
	width:60%;
	padding:0 0.5em 1em;
}
.type-1-r {
	width:40%;
	padding:0 0.5em 1em;
}

.type-2-l {
	width:50%;
	padding:0 0.5em 1em;
}
.type-2-r {
	width:50%;
	padding:0 0.5em 1em;
}

@media screen and (max-width:799px){
	.profile-box {
		padding:1em 0.5em;
	}
	.type-1-l ,
	.type-1-r ,
	.type-2-l ,
	.type-2-r {
		width:100%;
		padding:0 0 1em;
	}
}



/* ====================================================================
PROFILE top
==================================================================== */
.profile-top-block {
	width:100%;
	display:flex;
	flex-direction:column-reverse;
}

@media screen and (max-width:799px){
	.profile-top-block {
		flex-direction:column;
	}
}



/* ==================================
PROFILE top schedule
================================== */
.profile-top-2 {
	padding:0 0.5em 1em;
}

.schedule-ul{
	display:flex;
	justify-content:center;
	align-items:stretch;
	text-align:center;
	border:1px solid #ccc;
}

.schedule-li {
	width:calc(100% / 7);
}
.schedule-li > div {
	height:2.4em;
	border:1px solid #ccc;
}
.schedule-li .date {
	background:#eee;
}
.schedule-li.wday-0 .date {
	color:#f00;
	background:#fce7f0;
}
.schedule-li.wday-6 .date {
	color:#00f;
	background:#eff8ff;
}

.schedule-li .time{
}


@media screen and (max-width:799px){
	.profile-top-2 {
		padding:0 0 1em;
	}
	.schedule-li > div {
		line-height:1.2;
		padding:0 0 0.1em;
	}
	.schedule-li > div.date {
		height:4em;
	}
	.schedule-li > div.time {
		height:5em;
	}

	.schedule-li .time .no-display-pc{
		font-size:80%;
	}


}



/* ==================================================================== */
.prof-top-1 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	text-align:center;
}
.prof-top-1 .profile-box > * {
	font-size:160%;
}

@media screen and (max-width:799px){
	.prof-top-1 {
		display:block;
		padding-bottom:1em;
	}
}


/* ==================================
PROFILE top catch
================================== */

/* ==================================
PROFILE top name
================================== */



/* ====================================================================
PROFILE middle
==================================================================== */
.profile-middle-block {
	width:100%;
	display:flex;
	justify-content:center;
}

@media screen and (max-width:799px){
	.profile-middle-block {
		display:block;
	}
}


/* ==================================
PROFILE middle photo
================================== */
#main-photo-frame {
	position:relative;
	width:568px;
}
#main-photo-frame li > img {
	border:1px solid #fff;
}
#main-photo-frame .rank-icon{
	position:absolute;
	top:5px;
	left:-2px;
	z-index:1000;
}

#main-photo-frame .newface-icon{
	position:absolute;
	top:0;
	right:0;
	width:22%;
	z-index:100;
}


.profile-middle-block #bx-pager {
	width:calc(100% - 568px);
	padding-top:0;
	padding-left:1em;
}
.profile-middle-block #bx-pager a {
	width:100%;
	max-width:none;
	padding:0;
	height:142px;
}


@media screen and (max-width:799px){
	.profile-middle-block .type-1-l.flex {
		flex-direction:column;
	}
	#main-photo-frame {
		width:100%;
	}
	.profile-middle-block #bx-pager {
		width:100%;
		padding:0.5em 0 1em;
	}
	.profile-middle-block #bx-pager a {
		width:calc(100% / 6);
		height:auto;
	}
}



/* ==================================
PROFILE middle profile
================================== */
.profile-middle-block .type-1-r > div + div {
	padding-top:1em;
}
.profile-middle-block .size {
	text-align:center;
}
.profile-middle-block .size .profile-box span {
	letter-spacing:0.1em;
	font-size:130%;
}

.profiles{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
	width:100%;
	font-size:85%;
	border-bottom:1px solid #c90;
}

.profiles-l{
	width:40%;
	padding:0.3em 0;
	color:#960;
	text-align:right;
	border-top:1px solid #c90;
}
.profiles-r{
	padding:0.3em 0;
	width:60%;
	padding-left:1em;
	border-top:1px solid #c90;
}



/* ====================================================================
PROFILE bottom
==================================================================== */
.profile-bottom-block {
	width:100%;
	display:flex;
	justify-content:center;
}


@media screen and (max-width:799px){
	.profile-bottom-block {
		display:block;
	}
}



/* ==================================
PROFILE bottom feature
================================== */
.profile-option .feature{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
}

.profile-option .feature-c{
	width:calc(100% / 4);
	text-align:center;
	padding:1px;
}


.profile-option .feature-c > div{
	position:relative;
	color:#999;
	background-color:#ede;
}

/* 表示 */
.profile-option .feature-c.on > div{
	color:#fff;
	background-color:#a57;
}

/* 非表示 */
#profile1 .bg-black-feature{
	background-color:#171717;
	color:#7f7f7f;
}



/* ==================================
PROFILE bottom diary
================================== */
.profile-diary {
	width:100%;
	padding-top:1em;
}

.profile-blog {
	width:100%;
	height:480px;
}
.profile-blog > iframe {
	width:100%;
	height:100%;
}

.shop-message p.text {
	line-height:1.8;
}





/* ====================================================================
PROFILE SNS
==================================================================== */
.profile-sns-block {
	width:100%;
	display:flex;
	justify-content:center;
}

.profile-sns-block .icon {
	width:3em;
}


@media screen and (max-width:799px){
	.profile-sns-block {
		display:block;
	}
}



/* ==================================
PROFILE sns common
================================== */
.profile-movie ,
.profile-sns {
	width:100%;
}
.profile-movie .button ,
.profile-sns .button {
	display:block;
	width:100%;
	height:5em;
	padding:0.5em;
	color:#fff;
	background:#874;
}
.profile-movie .button > .flex ,
.profile-sns .button > .flex {
	width:100%;
	height:100%;
	padding:0.5em;
	border:1px solid #fff;
}
.profile-movie .button > .flex > .text ,
.profile-sns .button > .flex > .text {
	letter-spacing:0.1em;
	padding:0 1em;
	font-size:130%;
}

.profile-movie div.button ,
.profile-SNSicon .flex.off {
	filter:brightness(0.7);
}



.profile-movie a.button:hover {
	filter:brightness(1.2);
}


	filter:brightness(0.7);


/* ==================================
PROFILE sns
================================== */
.profile-sns .button > .flex > .icons.flex {
}
.profile-sns .button > .flex > .icons.flex > * {
	padding:0 0.5em;
}

.profile-SNSicon .flex {
	border-radius:50%;
}
.profile-SNSicon a.flex.on:hover {
	box-shadow:0 0 0.5em 0.1em #fff;
}





@media screen and (max-width:799px){
}








/* ======================================================================================
	ACCESS
========================================================================================= */
/* ==================================
	ACCESS
================================== */
.access-flex {
	padding:0 2em 4em;
}
.access-flex-box {
	padding:1em;
}
.access-flex-box iframe {
	max-width:100%;
	height:228px;
}
.access-flex-box-sub + .access-flex-box-sub {
	padding-top:1em;
}

.cBox {
	display:block;
}
.noEvent {
	pointer-events:none;
}


@media screen and (max-width:799px){
	.access-flex.flex.col2 > *.access-flex-box {
		width:100%;
		font-size:90%;
	}
}




/* ======================================================================================
	movie
========================================================================================= */
/* ==================================
	movie
================================== */
.movie-list {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding:0 2em;
}
.movie-list > .movie-cell {
	width:50%;
	padding:2em;
	text-align:center;
}

.movie-cell .image {
	position:relative;
}
.movie-cell .image a {
	display:block;
}
.movie-cell .image a:hover {
	box-shadow:0 0 0 2px #fff;
}
.movie-cell .title {
	padding:0.5em 0;
	font-size:120%;
}
.movie-cell .prof-link a {
	color:#9cf;
}
.movie-cell .prof-link a:hover {
	color:#f9f;
	text-decoration:underline;
}


@media screen and (max-width:799px){
	.movie-list > .movie-cell{
		width:100%;
		padding:1em;
	}
}


/* ======================================================================================
	contact
========================================================================================= */
/* ==================================
	contact1
================================== */
#contact1 .flex-outer{
	width:900px;
	max-width:100%;
	margin:auto;
}

#contact1 .flex-wrapper{
	padding:0 1em 3em;
	text-align:center;
}

#contact1 .flex-wrapper{
	border-bottom:dashed 1px #816c3f;
}

#contact1 .flex-cover{
	line-height:1.6;
}

#contact1 .text{
	font-size:135%;
}


/* ==============================================
SP
=============================================== */

@media screen and (max-width:799px){

/* ===================================
common
==================================== */

	.sp-LR15 {
		padding-left:15px !important;
		padding-right:15px !important;
	}

	.sp-L15 {
		padding-left:15px !important;
	}
	
	.sp-R15 {
		padding-right:15px !important;
	}
}









/* ==============================================================
以下が後から追加した記述
================================================================= */

/* ==============================================================
index
================================================================= */
#page-index .header-in ,
#page-index #header-nav ,
#page-index .footer-in-in {
	display:none;
}

#index {
	position:relative;
}

#index-logo {
	padding:2em;
	text-align:center;
}
#index-bottom {
	text-align:center;
}

.index-text {
}
.index-text h2 {
	font-size:160%;
	font-weight:bold;
	padding-bottom:0.3em;
}

#index-button {
	padding:1em 5em;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-family:'CSerif','Noto Serif JP',serif;
}
#index-button > li{
	width:320px;
}

#index-button .icon{
	width:20%;
	height:4em;
	text-align:center;
}
#index-button .icon img{
	max-height:100%;
}

#index-button a {
	font-size:300%;
}
#index-button a:hover {
	text-shadow:0 0 0.5em #000;
}



@media screen and (max-width:799px){
	#index-logo {
		padding:1em;
	}
	#index-button {
		width:100%;
		padding:1em 0;
	}
	#index-button li{
		width:auto;
	}
	#index-button a{
		font-size:250%;
		padding:0 0.5em;
	}
}


/* ==============================================================
common
================================================================= */

@media screen and (min-width:800px){
	.telLink-a{
		pointer-events:none;
	}
}

@media screen and (max-width:799px){
	.telLink-a{
		pointer-events:auto;
	}
}

/* ==============================================================
ハンバーガーメニュー
================================================================= */
#spMenuOpen {
	display:none;
}

@media screen and (max-width:799px){
	#spMenuIcon {
		position:fixed;
		top:10px;
		right:10px;
		z-index:10000;
		margin:0;
		padding:0;
		background-color:#fff;
		border:1px solid #999;
		border-radius:5px;
		height:60px;
		width:60px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#spMenuIcon .icon-text {
		display:none;
	}
	#page-index #spMenuIcon {
		display:none;
	}

	label.spMenu-closeIcon {
		position:fixed;
		top:10px;
		right:10px;
		z-index:10020;
		margin:0;
		padding:0;
		background-color:#fff;
		border:solid 2px #000;
		border-radius:5px;
		height:60px;
		width:60px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	label.spMenu-closeIcon > span.d,
	label.spMenu-closeIcon > span.d:before,
	label.spMenu-closeIcon > span.d:after {
		content:'';
		position:absolute;
		display:block;
		height:3px;
		width:25px;
		margin:0;
		padding:0;
		border-radius:3px;
		background-color:#000;
	}
	label.spMenu-closeIcon > span.d:before {
		bottom:8px;
	}
	label.spMenu-closeIcon > span.d:after {
		top:8px;
	}


	input#spMenuOpen:not(:checked) ~ #spMenuBox label.spMenu-closeIcon {
		display:none;
	}

	input#spMenuOpen:checked ~ #spMenuBox label.spMenu-closeIcon .d {
		background-color:#fff;
	}
	input#spMenuOpen:checked ~ #spMenuBox label.spMenu-closeIcon .d::before {
		transform:rotate(45deg);
		bottom:0;
	}
	input#spMenuOpen:checked ~ #spMenuBox label.spMenu-closeIcon .d::after {
		transform:rotate(-45deg);
		top:0;
	}

	body:has(input#spMenuOpen:checked) {
		overflow:hidden;
	}

	#spMenu {
		width:100vw;
		height:100vh;
		position:fixed;
		top:0;
		left:105%;
		z-index:10010;
		color:#000;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	input#spMenuOpen:checked  ~ #spMenuBox #spMenu {
		left:0;
	}

	#spMenu a {
		display:block;
	}


	#spMenu .e-in{
		text-align:center;
		background-color:rgba(255,255,255,0.9);
		width:100vw;
		height:100vh;
	}

	.e-in-in {
		padding-bottom:1em;
		background-color:rgba(255,255,255,0.9);
	}

	#spMenu .menu-title-cover{
		padding:0.5em 0.5em 0.5em;
	}

	#spMenu .menu-title{
		color:#fff;
		background:linear-gradient(180deg, rgba(204,204,204,0.7), rgba(0,0,0,0.7));
		border-radius:0.3em;
		width:100%;
		font-size:160%;
		font-weight:bold;
		line-height:2.5;
	}

	#spMenu .menu-logo{
		text-align:center;
		padding:1em 6em 0;
	}

	#spMenu .menu-c-o-outer{
		padding:2em 1em 0;
		height:100%;
	}

	#spMenu .menu-c-outer{
		border:1px solid #ccc;
	}

	#spMenu .menu-inquiry{
		padding-top:0.5em;
		padding-bottom:0.5em;
		border-bottom:solid 3px #868686;
		background-color:rgba(255,255,255,0.8);
		height:100%;
	}

	#spMenu .time-tel-flex-cover{
		padding:1em 1em 0;
	}

	#spMenu .time-tel-flex{
		display:flex;
		justify-content:space-evenly;
		align-items:center;
	}

	#spMenu .time-tel-cover{
		line-height:1.1;
	}

	#spMenu .time , #spMenu .tel{
		text-indent:0.1em;
		letter-spacing:0.1em;
	}

	#spMenu .tel-icon{
		border:1px solid #ccc;
		height:68px;
		width:68px;
		filter:invert(1);

	}

	#spMenu .time{
		font-size:120%;
	}

	#spMenu .tel{
		font-size:250%;
		padding:0.2em 0;
		font-weight:bold;
	}

	#spMenu .text ,
	#spMenu .sddr {
		line-height:1.4;
	}

	#spMenu .menu-c-cover{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
	}

	#spMenu .menu-c,#spMenu .menu-c2,#spMenu .menu-c3{
		line-height:3.5;
		height:100%;
	}

	#spMenu .menu-c,#spMenu .menu-c2{
		background-color:rgba(238, 238, 238, 0.3);
	}

	#spMenu .menu-c{
		width:50%;
		border:solid 1px #999;
	}
	#spMenu .menu-c .en{
		display:none;
	}

	#spMenu .menu-c2{
		width:100%;
		border-top:solid 3px #ccc;
		border-bottom:solid 8px #ccc;
	}

	#spMenu .menu-c3{
		width:50%;
		color:#fff;
		background-color:rgba(40,40,40,0.9);
		border:solid 1px #fff;
	}
	#spMenu .menu-c-cover > li:first-child{
/*
		width:100%;
*/
	}

	#spMenu .m-ca{
		display:block;
	}

/* ===================================
bottom-nav
==================================== */

	#sp-bottom-nav .return-cover{
		display:none;
		position:fixed;
		right:0;
		bottom:0;
		z-index:10000;
	}

	.return{
		border-top:1px solid #999;
		border-left:1px solid #999;
		background-color:rgba(255,255,255,0.95);
		display:inline-block;	
		text-align:center;
		color:#000;
		width:4em;
		height:4em;
		line-height:1.2;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
	}

	.return-text {
		display:block;
	}

	.return-text2 {
		display:block;
	}




	#sp-bottom-nav .nav-icon-wrapper{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		background:rgba(0,0,0,0.6);
		height:5em;
		padding:0 0.1em;
		z-index:100;
	}

	.nav-icon-cover{
		border-top:1px solid #999;
		display:flex;
		justify-content:space-between;
		align-items:center;
		text-align:center;
	}
	
	.nav-icon{
		width:calc(100% / 5);
		padding:0 0.1em;
		text-align:center;
		background:rgba(0,0,0,0.6);
	}
	.nav-icon a{
		display:block;
	}
	.nav-icon img{
		max-height:4em;
	}

	.icon-text{
		display:block;
		font-size:85%;
	}


	.spMenu-snsIcons-title {
		padding-top:2em;
	}
	.spMenu-snsIcons {
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.spMenu-snsIcons > .snsIcon {
		width:5em;
		padding:0.5em;
	}
	.spMenu-snsIcons > .snsIcon img {
		filter:invert(0.7);
	}
}





/* ========================================================================================================================================
 2023.6.21
======================================================================================================================================== */
body:not(#page-ranking) .rank-icon {
	display:none;
}




/* ========================================================================================================================================
 2024.6.28
======================================================================================================================================== */
@media screen and (min-width:800px){
	#profile.photo12 .type-1-l ,
	#profile.photo12 .type-1-r {
		width:50%;
	}
	#profile.photo12 #main-photo-frame {
		width:100%;
	}
	#profile.photo12 .profile-middle-block .type-1-l.flex {
		flex-direction:column;
	}
	#profile.photo12 .profile-middle-block #bx-pager {
		width:100%;
		padding:1em 0 0;
	}
	#profile.photo12 .profile-middle-block #bx-pager a {
		width:calc(100% / 6);
		padding:2px;
		height:auto;
	}
	#profile.photo12 .profile-middle-block .profile-option {
		padding-top:1em;
	}
}

@media screen and (max-width:799px){
}



.linkList {
	padding-top:1em;
}
.linkList > li {
	padding:0.3em;
}
.linkList > li a {
	display:block;
	border:1px solid #fff;
}
@media screen and (min-width:800px){
	.linkList > li a:hover {
		filter:drop-shadow(0 0 0.3em #666);
	}
}