/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* レイアウト
------------------------------------------------------------ */
html
{
	height:100%;
}
body
{
	height: 100%;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",Helvetica,Arial,Sans-Serif;
	font-size: 1.6rem;
	line-height: 1.6;
	color:#000;
	-webkit-font-smoothing: antialiased;
}
body.m {min-height:1300px;}
body.s {
	min-width:320px;
	font-size: 13px;
	font-size: 1.3rem;
	background: #fff;
}
#page,#subpage {
	min-height: 100%;
	overflow: hidden;
}
.s #page,
.s #subpage {
	padding: 39px 0 0 0;
}
.wrap
{
	width:100%;
	min-width:1260px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.s .wrap {
	width: 100%;
	min-width:100%;
	border: none;
}
.w760 {width:760px;}
.w1000 {width:1000px;}
.w1040 {width:1040px;}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.s .s-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.nlp9,.m .m-nlp9,.s .s-nlp9{letter-spacing:0.9px;}

a {
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	color:#000;
	text-decoration:none;
}
a:hover {opacity: 0.7;}
a .pdf {
	background-color:#e60012;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	padding:1px 14px;
	margin-left:12px;
	vertical-align:middle;
}
.s a .pdf {
	font-size:14px;
	font-size:1.4rem;
	padding:1px 20px;
	margin-left:0;
}
/* スマホ時画像長押し保存禁止 */
img{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

/* 三点リーダー用 */
.f-jp {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, Arial, sans-serif;
}
/* PAGETOP */
.ui-pagetop {
	position:fixed;
	z-index:120;
	right:15px;
	/* overflow:hidden; */
}
.ui-pagetop a {
	display:block;
	width:64px;
	height:64px;
	background:url(../img/v2-pagetop.png?r1) no-repeat;
	background-size: 64px 64px;
}
.ui-pagetop a:hover {
	opacity:1;
	}
/* .ui-pagetop a:focus {outline: 2px solid #a6c7ff;!important;} */

.s .ui-pagetop {
	bottom:20px;
	right:12px;
}
.s .ui-pagetop a {
	width:48px;
	height:48px;
	background-size:48px;
}

/* 汎用テーブル */
.table-label {
	padding:3px 0;
	float:left;
}
.table-value {
	padding:3px 0;
	float:left;
}
.s .table-label {
	width:100%;
	font-weight:bold;
	font-size:13px;
	font-size:1.3rem;
	padding:4px 0;
}
.s .table-value {
	width:100%;
	padding-left:5px;
	padding-top:0;
	font-size:13px;
	font-size:1.3rem;
}
.area-bg {
	background: linear-gradient(#000 170px, #F5F5F5 170px, #F5F5F5);
	padding-bottom: 60px;
}
.s .area-bg {
	padding-bottom: 0;
}
.area-box {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 35px 39px;
	text-align: left;
	border: 1px solid #ddd;
	background-color: #fff;
}
.s .area-box {
	width: 100%;
	padding: 30px 20px 60px 20px;
	border: none;
}

/* ヘッダー
------------------------------------------------------------ */
header {
	border-bottom: 1px solid rgba(0,0,0,0.15);
	position: relative;
	z-index:99;
}
.s header {
	border-bottom:none;
	margin-bottom: 0;
	z-index: auto;
}

/* スキップリンク */
#skiplink{outline:0;}
#skiplink a {
	display: block;
	height: 1px;
	overflow: hidden;
	text-align: center;
	color: #ddd;
	background: #ddd;
	outline: 0;
	line-height: 0;
	font-size:1.3rem;
}
#skiplink a:focus {
	height:3em;
	line-height: 1;
	color: #fff;
	padding:1em 0;
	background: #000;
}
.s #skiplink a {}

/* PC（トップページ）
-----------------------------*/
#pc-header {
	width: 1130px;
	margin-right:auto;
	margin-left:auto;
	text-align: center;
}
.s #pc-header {
	display:none;
}
.header-nav {
	position:relative;
	display:table;
	font-weight:bold;
	padding: 0;
}
.header-nav > li{
	width:159px;
	display:table-cell;
	vertical-align:bottom;
	background:url(../img/h_border.png) right center no-repeat;
}
.header-nav > li:first-child{
	vertical-align:middle;
}
.header-nav .header-logo {
	width:80px;
}
.header-nav > li > a{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
	padding: 10px 0;
	border-top: 3px solid transparent;
}
.header-nav > li > div{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
	padding: 10px 0;
	color: #bbb;
}
.header-nav > li > a span{
	display:block;
	font-size:1.2rem;
	text-decoration:none;
	color: #717171;
}
.header-nav > li > div span{
	display:block;
	font-size:1.2rem;
	text-decoration:none;
	color: #bbb;
}
.header-nav > li > div.-selected {
	border-top: 3px solid #ca000c;
	pointer-events: none;
	color:#000;
}
.header-nav > li > div.-selected span {
	color: #717171
}
.header-nav > li:hover > a {
	border-top: 3px solid #ccc;
	opacity: 1;
}
.header-comingsoon {
	position: absolute;
	border: 1px solid #bbb;
	color: #666;
	padding: 2px 5px;
	top: 34px;
	right: 153px;
	font-weight:bold;
	background-color: #fff;
	font-size: 1.2rem;
	width: 110px;
	line-height:1.1;
}

/* PC（下層ページ）
-----------------------------*/
#subpage #pc-header {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.s #subpage  #pc-header {
	display:none;
}
#subpage .header-nav > li{
	width:167px;
	display:table-cell;
	vertical-align:bottom;
	background:url(../img/h_border.png) right center no-repeat;
}
#subpage .header-nav > li:first-child{
background:url(../img/h_border.png) right center no-repeat,url(../img/h_border.png) left center no-repeat;
}

#subpage .header-nav > li > a{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
	padding: 10px 0;
	line-height: 1.3;
	border-top: 3px solid transparent;
}
#subpage .header-nav > li > div {
	display:block;
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
	padding: 10px 0;
	line-height: 1.3;
	color: #bbb;
}
#subpage .header-nav > li > a span{
	display:block;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color: #717171;
}
#subpage .header-nav > li > div span {
	display:block;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color: #bbb;
}
#subpage .header-nav > li > div.-selected {
	border-top: 3px solid #ca000c;
	pointer-events: none;
	color:#000;
}
#subpage .header-nav > li > div.-selected span {
	color: #717171;
}
#subpage .header-nav > li:hover > a {
	border-top: 3px solid #ccc;
	opacity: 1;
}
#subpage .header-comingsoon {
	padding: 1px 5px;
	top: 33px;
	right: 157px;
	line-height: 1;
}

/* SP（トップページ）
-----------------------------*/
/*ハンバーガーメニュー*/

.l #sp-header .sp-area,
.m #sp-header .sp-area{
	display:none;
}
.s #sp-header .sp-area {
	position: fixed;
	display: block;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(5px);
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;

}
.s #sp-header .sp-area.-h100{
	height: 100%;
	overflow-y: scroll;
	background-color: rgba(255, 255, 255, 1);
}
.s #sp-header .-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	text-align: center;
	padding:0 10px;
	border-bottom:1px solid #ccc;

}
.s #sp-header .-container .-item.-menu {
	position: absolute;
	right: 10px;
	width: 40px;
	height: 40px;
}
.s #sp-header .-container .-item.-logo {
	position: relative;
	z-index:20;

}
.s #sp-header a.menu-toggle {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/ico_open.png) center center no-repeat;
	background-size: 28px 20px;
	position: relative;
	z-index:30;
}
.s #sp-header a.menu-toggle.on {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/ico_close.png?r1) center center no-repeat;
	background-size: 28px 20px;
	position: relative;
	z-index:30;
}
.s #sp-header .spmenu-inner {
	display: none;
	position: fixed;
	overflow-y: scroll;
	height: 100%;
	top:40px;
	width: 100%;
	background: #fff;
	z-index:10;
	border-bottom: 1px solid #ccc;
}
.s  #menu-background.-on {
	position: fixed;
	top:40px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	display:block;
	z-index:50;
}
.s  #menu-background {
	display:none;
}

/*spメニュー部分（ヘッダー・フッター共通）*/
.sp-nav {display:none;}
.s .sp-nav {display:block;}

.sp-nav .-list {
	list-style: none;
	padding:0;
}
.sp-nav .-list .-item {
	position: relative;
	display: block;
	font-size:1.6rem;
	font-weight:bold;
	transition: .3s;
	text-align: center;
	padding:16px;
}
.sp-nav .-list li:last-child .-item {
	padding:16px 16px 50px 16px;
}
.sp-nav .-list li {
	border-top: 1px solid #ccc;
}
.sp-nav .-list li:first-child {
	border-top: none;
}
.sp-nav .-list a.-item span {
	color:#717171;
	display: block;
	font-size:1.4rem;
	font-weight:normal;
}
.sp-nav .-list div.-item {
	color:#bbbbbb;
}
.sp-nav .-list div.-item span {
	color:#bbbbbb;
	display: block;
	font-size:1.4rem;
	font-weight:normal;
}
.sp-nav .-list div.-item span.comingsoon {
	color:#666666;
	display: block;
	font-size:1.4rem;
	font-weight:normal;
	border:1px solid #ccc;
	padding: 2px 5px;
	width: 150px;
	margin:0 auto;
}
.sp-nav .-list .-item.-selected {
	color:#000;
	border-left:8px solid #ca000c;
}
.sp-nav .-list .-item.-selected span {
	color:#717171;

}

/*** Main Logo ***/
.bg-area {
	background-color: #fff;
}
.s .bg-area {
	padding:0 10px;
}
.bg-main {
	position: relative;
	padding:50px 0 20px;
}
.s .bg-main {
	height: auto;
	padding:0;
}
.mv-box{
	width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:2.4rem;
	position: relative;
}
.mv-box.-sub{
	width:477px;
	margin:0 auto;
}
.s .mv-box{
	width:100%;
	padding-top:20px;
}
.mv-box .term {
	float:right;
	width:25%;
	padding-top: 5px;
}
.s .mv-box .term {
	position: absolute;
	right: 0;
	left: auto;
	width: 22%;
}
.mv-box .logo {
	float:right;
	width:48%;
}
.s .mv-box .logo{
	width:100%;
	display:inline-block;
	text-align:center;
}
.s2020{
	width:219px;
	padding-bottom:15px;
}
.s .s2020{
	width:42%;
	padding-bottom:0;
	margin-right:30%
}
.mv-logo{
	width:477px;
}
.s #toppage .mv-logo{
	width:70%;
	padding-right:10%;
}
.s #subpage .mv-logo{
	width:70%;
	padding-right:0;
}
.logo-info{
	width:202px;
}
.s .logo-info{
	display:none;
}
.sp-logo-info{
	display:none;
}
.s .sp-logo-info{
	display:block;
	width:100%;
}
.title-copy{
	text-align:center;
	width:607px;
	margin:0 auto;
	padding-bottom:40px;
}
.s .title-copy{
	width:100%;
	padding:20px 16px 25px 16px;
}
/*** Attention ***/
.attention-area{
	background:#ca000c;
	color:#fff;
	font-size:1.6rem;
	width:100%;
}
.s .attention-area{
	font-size:1.2rem;
}
.attention-banner{
	width:1050px;
	margin:0 auto;
	padding:22px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.s .attention-banner{
	width:100%;
	padding:10px;
}
.attention-title{
	font-size:1.6rem;
	font-weight: bold;
	background:#fff;
	color:#ca000c;
	padding:12px;
	line-height:1;
	width:25%;
	text-align:center;
}
.s .attention-title{
	font-size:1.4rem;
	padding:10px 6px;
	line-height:1.4;
}
@media screen and (max-width:320px) {
	.s .attention-title{
		font-size:1.3rem;
		padding:10px 6px;
		line-height:1.4;
		letter-spacing: -0.05em;
	}
}
.attention-text{
	padding:0 20px;
	width:75%;
}
.s .attention-text{
	padding:0 0 0 10px;
	line-height:1.3;
}

/*** Slider ***/
.ui-slider {
	height: 240px;
	background: #f6f6f6 url(../img/slider-image.jpg) 0 0 repeat-x;
	background-size:auto 240px;
	margin: 40px 0 0;
	background-position: 0 0;
	-webkit-animation: slider-loop 70s linear infinite;
	animation: slider-loop 70s linear infinite;
}
.s .ui-slider {
	height: 120px;
	background-size: auto 120px;
	margin: 25px 0 0;
}
@-webkit-keyframes slider-loop {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1747px 0;
	}
}

/* 下層ページスライダー */
.ui-slider-sub {
	height: 120px;
	background: #f6f6f6 url(../img/slider-image.jpg) 0 0 repeat-x;
	background-size:auto 120px;
	background-position: 0 0;
	-webkit-animation: slider-sub-loop 70s linear infinite;
	animation: slider-sub-loop 70s linear infinite;
}
.s .ui-slider-sub {
	height: 119px;
	background-size: auto 119px;
}
@-webkit-keyframes slider-sub-loop {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -873px 0;
	}
}
@keyframes slider-sub-loop {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -873px 0;
	}
}
/*** News ***/
.s .news-area {
	padding:0 15px;
}
.news-container {
	padding-left:20px;
	max-width:780px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* overflow-y: scroll; */
}
.s .news-container {
	padding-left:10px;
}
.news-list {
	/* height:auto; */
	overflow-y:scroll;
	height:138px;
	width:100%;
	padding:16px 20px;
}
.s .news-list {
	height:85px;
	padding:10px 0;
}
.news-title{
	font-size:2.4rem;
	padding-right: 24px;
	color:#ca000c;
}
.s .news-title{
	font-size:1.4rem;
	padding-right: 15px;
}
.news-list li {
	font-size:1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color:#666666;
	padding-bottom:16px;
}
.s .news-list li {
	font-size:1.2rem;
	padding-bottom:10px;
	padding-right:10px;
}
.news-list li:last-child {
	padding-bottom:0;
	padding-right:10px;
}
.news-list li .news-term {
	padding-right:20px;
	width:20%;
}
.s .news-list li .news-term {
	padding-right:10px;
	width:35%;
}
.news-list li .news-text {
	width:80%;
	letter-spacing: -0.03em;
}
.s .news-list li .news-text {
	width:65%;
}
.news-list li .news-text a{
	text-decoration:underline;
	color:#666666;
}
.news-list li .news-text a:hover{
	text-decoration:none;
	opacity:1;
}
.s .news-list li .news-text{
	width:65%;
}

@media screen and (max-width:320px) {
	.s .news-list li {
		font-size:1.1rem;
		/* padding-bottom:10px;
		/* padding-right:10px; */
	}
	.s .news-list li .news-term {
		padding-right:10px;
		width:40%;
	}
	.s .news-list li .news-text{
		width:60%;
	}
}
.banner-area {
	margin:0 auto;
	width:240px;
	padding-top:30px;
}
.s .banner-area {
	padding-top:15px;
}


/* Footer
------------------------------------------------------------ */
.footer {
	padding-top:30px ;
	padding-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	color:#000;
	background-color:#fff;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.15);
}
.l .pc-footer,
.m .pc-footer{
	position:relative;
	display:block;
}
.s .pc-footer {
	display:none;
}
.l .sp-footer,
.m .sp-footer{
	display:none;
}
.s .sp-footer {
	position:relative;
	display:block;
}

.fnav{
	width:960px;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.s .fnav{
	width:100%;
	padding:0 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.s .fnav .-order1{
order:2;
}

.fnav ul{
	padding:0;
}
.fnav .-list {
	list-style: none;
	font-size:1.6rem;
	text-align:center;
}
.s .fnav .-list {
	padding-bottom: 15px;
	font-size:14px;
	font-size:1.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.s .fnav .-order2{
	order:1;
	/* justify-content: space-between; */
	width: 100%;
}
.fnav .-list.-sns .-item {
	width:58px;
}
.s .fnav .-list.-sns .-item {
	width:42px;
}
.fnav .-list span {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #bbb;
	padding: 5px 10px;
}
.fnav .-list .press a {
	color: #000;
	text-decoration:none;
	border: 1px solid #000;
	padding: 5px 10px;
}
.fnav .-list li {
	display:inline-block;
}
.s .fnav .-list li {
	font-size:1.3rem;
}
.fnav .-list li.-sp {
	display:none;
}
.s .fnav .-list li.-sp {
	display:inline-block;
	padding:0 30px 0 10px;
	border-right:none;
}

.fnav .-list li.-tobi-logo {
	width:136px;
}
.s .fnav .-list li.-tobi-logo {
	width:40%;
	margin-right:0;
}
.fnav .-list li.-support-logo {
	width: 95px;
	margin-right:20px;
}
.s .fnav .-list li.-support-logo {
	width:27%;
	margin-right:5%;
}
.fnav .-list li.-tokyo-logo {
	width:76px;
	margin-right:20px;
}
.s .fnav .-list li.-tokyo-logo {
	width:23%;
	margin-right:5%;
}
.-sns {
	text-align:center;
	padding-bottom: 50px;
}
.s .sns {
	padding-top: 30px;
}
.s .sns.-top {
	text-align:center;
	padding-top: 45px;
	padding-bottom: 0;
}
.sns .-item {
	display: inline-block;
	margin-right: 16px;
	line-height: 1.0;
	width: 44px;
}
.s .sns .-item {
	margin-right: 14px;
	width: 35px;
}
.sns .-item.-line {
	display:none;
}
.s .sns .-item.-line {
	display: inline-block;
	margin-right: 0;
}
.fnav .-site {
	text-decoration:none;
	text-align:center;
	font-size:1.3rem;
	padding-right:10px;
}
.fnav .-site a:hover {
	text-decoration:underline;
	opacity:1;
}
.s .fnav .-site {
	font-size:1.1rem;
	border-right:1px solid #ccc;
}
.footer .copyright {
	font-size: 1.2rem;
	text-align: center;
	color: #666666;
	padding-top:20px;
	border-top: 1px solid rgba(0,0,0,0.15);
}
.s .footer .copyright {
	font-size: 1.0rem;
	padding:20px 10px 0 10px;
}
.footer .press-link {
	border:1px solid #ccc;
	padding:10px;
	border-radius:5px;
	display:block;
	width:170px;
	text-align: center;
	position: relative;
}

.footer .press-link::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 14px;
}
.s .footer .press-link {
	display:none;
}
/* iPhone SE時改行 */
.s .s-320-block{
	display: none;
}
@media screen and (max-width:320px) {
	.s .s-320-block{
		display: block;
	}
}

@media screen and (max-width:320px) {
	.s .fnav{
		padding:0 10px;
	}
	.s .fnav .-list li {
		font-size:1.2rem;
	}
	.s .fnav .-list li.-sp {
		display:inline-block;
		padding:0 10px;
		border-right:none;
	}
}
/* 基本
------------------------------------------------------------ */
/*テキスト*/
h1,h2{
	font-weight:bold;
	text-align: center;
}
h2{
	font-size:3.0rem;
}
.s h2{
	font-size:2.4rem;
}

h3,h4,h5,h6{
	font-weight:normal;
}
.info-text{
	font-size:16px;
	font-size:1.6rem;
	text-align:justify;
	line-height:1.8;
}
.s .info-text{
	font-size:14px;
	font-size:1.4rem;
}
.text-gray {
	color: #888;
}
.text-red {
	color: #e60012;
}
.discount {
	padding:10px;
	border: 1px solid #cccccc;
	margin-top:15px;
	font-size:12px;
	font-size:1.2rem;
}
.discount span {
	color:#e60012;
}
.text-frame-gray {
	padding: 2px 5px;
	border: 1px solid #bbb;
}
.s .text-frame-gray {
	padding: 2px 5px;
	border: 1px solid #bbb;
}
.credit {
	font-size:1.1rem;
	color:#888888;
	margin-top:5px;
}

/*ボーダー*/
.hr-line {
	border:none;
	border-top:solid 1px #cccccc;
	height:1px;
	margin:10px 0;
}
.hr-line-blue {
	border:none;
	border-top:solid 1px #6484ba;
	height:1px;
	margin:10px 0;
}
.hr-dot {
	border:none;
	border-top:dotted 1px #cccccc;
	height:1px;
	margin:10px 0;
}
.line-top   {border-top:solid 1px #cccccc;}
.line-bottom {border-bottom:solid 1px #cccccc;}
.line-bottom-white{border-bottom:solid 1px #fff;}
.dot-top    {border-top:dotted 1px #cccccc;}
.dot-bottom, .l .l-dot-bottom, .m .m-dot-bottom, .s .s-dot-bottom {border-bottom:dotted 1px #cccccc;}


/* リンクボタン */
.form-btn.-pre {
	background: #fff;
	color: #6e8cbe;
	text-align: center;
	font-weight:normal;
}
.form-btn {
	display:block;
	background:#6e8cbe;
	color:#fff;
	line-height:1.33;
	padding:5px 0;
	text-align:center;
	border:1px solid #6e8cbe;
	font-weight:bold;
	text-decoration:none!important;
}
.s .form-btn {padding:10px 0;}
.form-btn:hover {
	background:#fff;
	color:#6e8cbe;
	text-decoration:none;
	opacity:1;
}

.form-btn.-off {
	display:block;
	background:#f3f3f3;
	text-align: center;
	color:#888;
	border:1px solid #bbb;
	font-weight:normal;
}

.marking {
	background: #fe9;
	padding-left: 3px;
	padding-right: 3px;
	display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* トップページ
------------------------------------------------------------ */
/*** 冒頭フェードアニメーション ***/
.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9998;
	background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(242,242,242,1) 100%);
}
.loader_img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	opacity:0;
}
.loader_img.-first img {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin:0 auto;
}
.s .loader_img {
	width: 70%;
}
.s .loader_img img {
	width: 100%;
}
.s .loader_img.-first img {
	width: 60%;

}
/*** Upper Text ***/
.bg-black{
	background-color:#000;
	width:100%;
}
.subtext-box{
	width:1040px;
	color:#fff;
	font-size:2.4rem;
	padding:25px 0;
	text-align:center;
	margin:0 auto;
}
.s .subtext-box{
	width:100%;
	font-size:1.5rem;
	padding:25px 20px;
	line-height:1.7;
}
.bg {
	position: relative;
	height:680px;
}

/*** Under Text ***/
.bg-text{
	background: #000;
}

/* .bg-text{
	background: url(../img/bg_text_under.png) bottom center no-repeat;
	height:668px;
}
.s .bg-text{
	background: url(../img/sp_bg_text_under.png) center center no-repeat;
	background-size: 85%;
	padding: 26.25% 0;
	position: relative;
	height:auto;
} */

/*iPhone plus 以下 */
/* @media screen and (max-width:414px) {
	.s .bg-text{
		background: #000;
		padding: 43px 0 80px 0;
	}
} */
/* @media screen and (max-width:414px) {
	.s .bg-text{
		background: url(../img/sp_bg_text_under.png) center center no-repeat;
		background-size: 100%;
		padding: 18.25% 0;
		position: relative;
		height:auto;
	}
} */
.undertext-box{
	width:1040px;
	color:#fff;
	font-size:2.4rem;
	padding:70px 20px 100px;
	text-align:center;
	margin:0 auto;
	line-height:2.0;
}
.s .undertext-box{
	width:100%;
	padding:50px 20px;
	font-size:1.5rem;
}

/*** Artist Section ***/
#artist1,
#artist2,
#artist3,
#artist4,
#artist5 {
	position:relative
}
.container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding:0 10px;
}
.s .container{
	display:block;
	padding:0 20px;
}
.container.-left{
	display:inline-block;
}
.container.-right{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.container.-between{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.container.-center{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}
.container .-btn{
	width:260px;
}
.s .container .-btn{
	display:none;
}
.container .-btn.-leftshadow img{
	border-radius: 5px;
	box-shadow: -14px 14px 0 0 rgba(0,0,0,0.08);
}
.container .-btn.-rightshadow img{
	border-radius: 5px;
	box-shadow: 14px 14px 0 0 rgba(0,0,0,0.08);
}
.container .-btn.-leftshadowwhite img{
	border-radius: 5px;
	box-shadow: -14px 14px 0 0 rgba(255,255,255,0.1);
}
.container .-btn.-rightshadowwhite img{
	border-radius: 5px;
	box-shadow: 14px 14px 0 0 rgba(255,255,255,0.1);
}
.container .sp-btn{
	display:none;
}
.s .container .sp-btn{
	display: block;
	width:100%;
	padding:15px 20px 0 15px;
}
.s .container .sp-btn.-rightshadow img{
	border-radius: 5px;
	box-shadow: 14px 14px 0 0 rgba(0,0,0,0.08);
}
.s .container .sp-btn.-rightshadowwhite img{
	border-radius: 5px;
	box-shadow: 14px 14px 0 0 rgba(255,255,255,0.1);
}

.artist-info{
	font-size:1.8rem;
	width:490px;
	padding-top:96px;
	line-height:1.8;
	letter-spacing: -0.01em;
}
.s .artist-info{
	width:100%;
	padding-top:40px;
	font-size:1.4rem;
	line-height:1.6;
}
.artist-info .-name{
	font-size:3.0rem;
	line-height:1.4;
}
.s .artist-info .-name{
	font-size:1.9rem;
}
.artist-info .-name span{
	font-size:1.8rem;
	display:block;
}
.s .artist-info .-name span{
	font-size:1.3rem;
}
.artist-info .-birthyear{
	font-size:1.6rem;
	position:absolute;
	bottom:0;
	right:0;
}
.artist-work{
	padding-top:96px;
	height: 680px;
}
.s .artist-work{
	padding-top:0;
	height: 100%;
}

.page-logo-left {
	width: 288px;
	position: absolute;
	top: -14%;
	left: -11%;

}
.s .page-logo-left {
	width: 25%;
	top: -5%;
	left: 3%;
}
.page-logo-right {
	width: 288px;
	position: absolute;
	top: -14%;
	right: -11%;

}
.s .page-logo-right {
	width: 25%;
	top: -5%;
	right: 3%;
}
.page-logo-right.-last {
	bottom: -9%;
	top:auto;
	right: -9%;
	z-index:2;
}
.s .page-logo-right.-last {
	width: 25%;
	bottom: -5%;
	right: 3%;
}


/*1 東勝吉*/
#artist1 .bg{
	width:100%;
	background: #fff;
	background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(245,245,245,1) 100%);
}
.s #artist1 .bg{
	width:100%;
	height: auto;
	padding: 0;
}
.s #artist1 .container{
	border-bottom:1px solid #eee;
}
#artist1 .artist-box{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:680px;
}
.s #artist1 .artist-box{
	width:100%;
	padding-bottom:0;
	height:auto;
}
#artist1 .copyright{
	padding-top:10px;
	font-size:1.2rem;
	text-align:left;
}
.s #artist1 .copyright{
	font-size:0.9rem;
	text-align:right;
}
#artist1 .artist-info{
	font-size:1.8rem;
	padding-top:96px;
}
.s #artist1 .artist-info{
	width:100%;
	padding-top:40px;
	font-size:1.4rem;
	margin-left:0;
}
#artist1 .artist-work .-works{
	width:630px;
}
.s #artist1 .artist-work .-works{
	width: 100%;
}

/*2 増山たづ子*/
.s #artist2 .container{
	flex-direction:column;
}
#artist2 .artist-box{
	width:1000px;
	margin:0 auto;
	position:relative;
	/* height:680px; */
}
.s #artist2 .artist-box{
	width:100%;
	height:auto;
	padding-bottom: 20px;
}
#artist2 .copyright{
	padding-top:10px;
	font-size:1.2rem;
	text-align:left;
}
.s #artist2 .copyright{
	font-size:0.9rem;
}
#artist2 .artist-info{
	font-size:1.8rem;
	width:500px;
	padding-top:96px;
	padding-left:15px;
	order:1;
}
.s #artist2 .artist-info{
	width:100%;
	padding-top:40px;
	font-size:1.4rem;
	padding-left:0;
	order:0;
}
#artist2 .artist-info p{
	letter-spacing:-0.9px;
}
.s #artist2 .artist-info p{
	letter-spacing:1px;
}
#artist2 .sp-work{
	display:none;
}
.s #artist2 .sp-work{
	display:block;
	margin-top:15px;
	z-index:-1;
	position:relative;
}
#artist2 .artist-work .-works {
	width: 634px;
}
.s #artist2 .artist-work .-works {
	width: 100%;
}
#artist2 .-order{
	width:50%;
	margin-left:-142px;
}
.s #artist2 .-order{
	width:100%;
	margin-left:0;
}

/*3 シルヴィア・ミニオ=パルウエルロ・保田*/
#artist3 .bg{
	width:100%;
	background: #ede5dd url(../img/bg_yasuda.jpg) top center no-repeat;
	color:#000;
}
.s #artist3 .bg{
	width:100%;
	background: linear-gradient(90deg, rgba(237,229,221,1) 0%, rgba(251,250,248,1) 30%, rgba(251,250,248,1) 70%, rgba(237,229,221,1) 100%);
	height: auto;
	padding-bottom: 65px;
	/* z-index:-1; */
}
#artist3 .container{
	display:inline-block;
	padding:0 10px;
	border-top: 1px solid #eee;
}
.s #artist3 .container{
	padding:0 20px;
}
#artist3 .artist-box{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:680px;
}
.s #artist3 .artist-box{
	width:100%;
	padding:0;
	height:auto;
}
#artist3 .copyright{
	position:absolute;
	bottom:10px;
	right:0;
	font-size:1.2rem;
	text-align:left;
	text-shadow:1px 0 1px #fff, 1px 1px 1px #fff, 0 1px 1px #fff, -1px 1px 1px #fff, -1px 0 1px #fff, -1px -1px 1px #fff, 0 -1px 1px #fff, 1px -1px 1px #fff;
}
.s #artist3 .copyright{
	font-size:0.9rem;
	bottom: 12%;
	right: 4%;
	text-align:right;
	z-index: 2;
}
#artist3 .artist-work .-works{
	width: 278px;
	display:inline-block;
}
.s #artist3 .artist-work .-works{
	width: 100%;
	display:block;
	padding: 0 40px 40px;
}
#artist3 .sp-work{
	display:none;
}
.s #artist3 .sp-work{
	display:block;
	margin-top:-10%;
	position:relative;
	padding-top:5px;
}
.s #artist3  .container .sp-btn{
	display: block;
	width:100%;
	padding:0 20px;
}

/*4 ズビニェク・セカル*/
.s #artist4 .container{
	flex-direction:column;
}
#artist4 .artist-info{
	order:1;
}
.s #artist4 .artist-info{
	order:0;
}
#artist4 .bg{
	width:100%;
	background-color: #000;
	color:#fff;
	border-bottom: 1px solid #333;
}
.s #artist4 .bg{
	width:100%;
	height: auto;
	padding: 0;
}
#artist4 .artist-box{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:680px;
}
.s #artist4 .artist-box{
	width:100%;
	padding-bottom: 20px;
	height:auto;
}
#artist4 .copyright{
	position:absolute;
	bottom:10px;
	left:0;
	font-size:1.2rem;
	text-align:left;
}
.s #artist4 .copyright{
	position: relative;
	bottom:0;
	padding-top:10px;
	font-size:0.9rem;
}
#artist4 .artist-work{
	padding-top:80px;
	height: 680px;
}
.s #artist4 .artist-work{
	padding-top:10px;
	height: auto;
}
#artist4 .artist-work .-works{
	width: 278px;
	display:inline-block;
}
.s #artist4 .artist-work .-works{
	width: 50%;
}

/*5 ジョナス・メカス*/
#artist5 .bg{
	width:100%;
	height:680px;
	background-color: #000;
	color:#fff;
	border-bottom: 1px solid #333;
}
.s #artist5 .bg{
	width:100%;
	height: auto;
}
.s #artist5 .container {
	padding: 0 20px;
}
#artist5 .artist-box{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.s #artist5 .artist-box{
	width:100%;
	padding:0;
	height:100%;
}
#artist5 .artist-work .-works{
	width:321px;
	display: inline-block;
}
.s #artist5 .artist-work .-works{
	width: 50%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
#artist5 .copyright{
	padding-top:10px;
	font-size: 1.2rem;
	text-align: left;
}
.s #artist5 .copyright{
	font-size:0.9rem;
	text-align: right;
}
#artist5 .-btn a{
	pointer-events: auto;
	z-index:10;

}

/* 展覧会について
------------------------------------------------------------ */

/*** 共通 ***/

#about, #outline{background-color: #f5f5f5;}

/* ページタブ 切り替え部分（ヘッダー側） */
.infotab {
	height: 240px;
	text-align:center;
	background-color: #000;
	padding-top: 40px;
}

.infotab-tab {
	width:720px;
	margin-left:auto;
	margin-right:auto;
}
.s .infotab-tab {
	width:100%;
	padding:0 10px;
}
.infotab-tab .-wrap {
	padding:0 10px;
	float:left;
	width:50%;
}
.s .infotab-tab .-wrap {
	padding:0 5px;
}
.infotab-tab .-wrap .-item {
	border:1px solid #fff;
	width:335px;
	font-size:18px;
	cursor:pointer;
	color:#fff;
	position:relative;
}
.s .infotab-tab .-wrap .-item {
	width:100%;
	font-size:1.4rem;
	line-height:1.4;
}
@media screen and (max-width:320px) {
	.s .infotab-tab .-wrap .-item {
		width:100%;
		font-size:1.2rem;
		line-height:1.4;
	}
}
.infotab .infotab-tab .-wrap .-item:before {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}

.infotab .infotab-tab .-wrap .-item.-selected {
	border:3px solid #fff;
	padding:15px 0;
	border-top:3px solid #ca000c;
	cursor:default;
	font-weight:bold;
}
.infotab .infotab-tab .-wrap .-item.-selected:before {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	border: solid transparent;
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.infotab .infotab-tab .-wrap a {
	display:block;
	width:100%;
	padding:18px 0;
}
.infotab .infotab-tab .-wrap a:hover {
	opacity:0.8;
	}


/* ページタブ 切り替え部分（フッター側） */
.infotab-bottom {
	height: 240px;
	text-align:center;
	background-color: #000;
	padding-top: 130px;
	margin-top: -90px;
}

.infotab-bottom .infotab-tab .-wrap .-item:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.infotab-bottom .infotab-tab .-wrap .-item.-selected {
	border:3px solid #fff;
	padding:15px 0;
	border-bottom:3px solid #ca000c;
	cursor:default;
	font-weight:bold;
}
.infotab-bottom .infotab-tab .-item.-selected:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}


.infotab-bottom .infotab-tab .-wrap a {
	display:block;
	width:100%;
	padding:18px 0;
}

.infotab-bottom .infotab-tab .-wrap a:hover {
	opacity:0.8;
}


/* 言語切り替えボタン */
.lang-btn {
	color:#616161;
	background-color: #ddd;
	display: inline-block;
	width:84px;
	line-height:28px;
	text-align:center;
	cursor:pointer;
	font-size:1.5rem;
	font-weight:600;
}
.s .lang-btn {
	width:50%;
	line-height:28px;
	font-size:1.4rem;
	padding: 5px;
}
.lang-btn.-selected {
	color:#fff;
	background-color: #ca000c;
}
a.lang-btn:hover {
	opacity:1;
	cursor:pointer;
}

.lang-btn.-ja {
	border-radius: 7px 0 0 7px;
	border: 1px solid #ccc;
	border-right:none;
}
.lang-btn.-en {
	border-radius: 0 7px 7px 0;
	border: 1px solid #ccc;
	border-left:none;
}

body._ja .lang-btn.-ja,
body._en .lang-btn.-en {
	color:#fff;
	background-color: #ca000c;
	cursor:default;
}

.switch-area {
	padding-bottom:35px;
	border-bottom:1px solid #ccc;
}
#about .switch-area {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.switch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.s .switch {
	display:block;
}
.caution-text {
	color:#e60012;
	font-size:1.4rem;
}
.s .caution-text {

	font-size:1.3rem;
}

.lang-box{
	position: absolute;
	right: 0;
	font-size:0;
}
.s .lang-box{
	position: relative;
	text-align: center;
	margin-top: 20px;
}


/* language switch target */
body._ja .is-en {display:none;}
body._en .is-ja {display:none;}

.infobox {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-90px;
	padding: 35px;
	text-align:left;
	border:1px solid #ddd;
	z-index:2;
	background-color: #fff;
}
.s .infobox {
	width:100%;
	padding:30px 20px 35px 20px;
	border:none;
}
.infobox .-caption {
	border:1px solid #000;
	display:inline-block;
	font-weight:bold;
	padding:1px 8px;
	margin-top:5px;
}
.infobox .-caption.-red {
	color:#ca000c;
	border:1px solid #ca000c;
}

/*** 展覧会基本情報 ***/
/* テーブル */
.exhibition-table dl {
	border-bottom:1px solid #ddd;
	margin:0;
}
.exhibition-table dl {
	border-bottom:1px solid #ddd;
	margin:0;
}
/* .exhibition-table dl.-first {border-top:1px solid #ddd;} */
.exhibition-table dl.-last {border-bottom: none;}
.exhibition-table dt {
	float:left;
	padding:20px 40px 17px 40px;
	width:22%;
	font-weight:bold;
	color:#777777;
}
.s .exhibition-table dt {
	padding:10px 0 0 0;
	width:100%;
	font-size:1.3rem;
}
.exhibition-table dd {
	float:left;
	padding:20px 0 17px 20px;
	width:73%;
	font-size:1.6rem;
	margin:0;
}
.s .exhibition-table dd {
	padding:0 0 10px 20px;
	width:100%;
	font-size:1.3rem;
}
.hospitality-box {
	padding: 10px;
	border: 1px solid #cccccc;
	margin-top: 15px;
	font-size: 1.2rem;
}
.exhibition-table a{text-decoration:underline;}
.exhibition-table a:hover{text-decoration:none; opacity:1;}

/* .exhibition-table ul li,
.exhibition-table ol li {
	text-indent:-1em;
	padding-left:1em;
} */

.exhibition-table._goods dt {
	width:30%;
	letter-spacing: -0.05em;
}
.s .exhibition-table._goods dt {
	padding: 10px 0 0 0;
	width: 100%;
	font-size: 1.3rem;
}
.exhibition-table._goods dd {
	width:70%;
}
.s .exhibition-table._goods dd {
	padding: 0 0 10px 20px;
	width: 100%;
	font-size: 1.3rem;
}
.s .exhibition-table._goods .-last dd {
	padding: 0 0 0 20px;
	width: 100%;
	font-size: 1.3rem;
}


/* ポスターレイアウト */
.poster-area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width:800px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:50px 0 35px;
}
.s .poster-area{
	padding:20px 0 0;
}
.poster-area li {
	width:calc(33.33333% - 26px);
}
.s .poster-area li {
	width:100%;
}
.poster-area li:nth-child(1) .poster-item,
.poster-area li:nth-child(4) .poster-item{
	background-color:#eeeeee;
	padding:0 35px;
}
.s .poster-area li:nth-child(1) .poster-item,
.s .poster-area li:nth-child(4) .poster-item{
	padding:0 25%;
}
.poster-area li:nth-child(2) .poster-item,
.poster-area li:nth-child(3) .poster-item{
	background-color:#eeeeee;
	padding:35px 0;
}
.s .poster-area li:nth-child(2) .poster-item,
.s .poster-area li:nth-child(3) .poster-item{
	background-color:#eeeeee;
	padding:8.5% 12%;
}
.download-btn {
	padding: 20px 18px 0 18px;
	font-size: 1.6rem;
}
.s .download-btn {
	padding: 20px 0 30px;
	width:186px;
	margin:0 auto;
	font-size: 1.4rem;
}
.download-btn a {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	display: block;
	text-align: center;
	position: relative;
	line-height: 1;
}
.download-btn a::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	margin:auto;
	height:20px;
	width: 36px;
	background: url(../img/icon_pdf_gray.png) 0 no-repeat;
	background-size: 36px 20px;
	display: block;
}
.download-btn a::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(
45deg
);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 14px;
}

/*** 展覧会概要・みどころ ***/
#outline .outline-text {
	width:720px;
	margin-left: auto;
	margin-right: auto;
	padding:0 0 40px;
}
.s #outline .outline-text {
	width:100%;
	padding:0 0 15px 0;
}
#outline .outline-featurebox {
	margin:60px 0 40px 0;
}
.s #outline .outline-featurebox {
	margin:30px 0 20px 0;
}
#outline .outline-featurebox ul li:not(:last-child)  {
	padding-bottom:20px;
}
.s #outline .outline-featurebox ul li:not(:last-child)  {
	padding-bottom:10px;
}
#outline .outline-featurebox ul li
p{
	padding-bottom:5px;
}
#outline h3{
	font-size:2.4rem;
	font-weight:bold;
	padding-bottom:20px;
	text-align: center;
}
.s #outline h3{
	font-size:1.8rem;
}
#outline .outline-moviebox{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
#outline .outline-moviebox li{
	width:calc(50% - 15px);
}
.s #outline .outline-moviebox li{
	width:100%;
}
.s #outline .outline-moviebox li:first-child{
	margin-bottom:20px;
}


#outline .movie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#outline .movie iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}
#outline .movie-caption{
	font-size: 1.2rem;
	color: #505050;
	padding-top: 5px;
	letter-spacing: -0.03em;
}




/*アコーディオン */
.box-border{
	border: 1px solid #ddd;
	border-bottom: none;
}

.box-border.-last{
	border-bottom: 1px solid #ddd;
}

.program_outline .toggle {
	cursor: pointer;
}

.program_outline .toggle .feature {
	font-size: 2.4rem;
	display: table;
	width: 100%;
}

.s .program_outline .toggle .feature {
	font-size: 1.6rem;
}

.program_outline .toggle .feature .-img {
	width:88px;
	display: table-cell;
	text-align: left;
}

.s .program_outline .toggle .feature .-img {
	width:44px;
	display: block;
	float:left
}

.program_outline .toggle .feature .-title {
	display: table-cell;
	text-align: center;
	padding-right:80px;
}

.s .program_outline .toggle .feature .-title {
	display: block;
	text-align: left;
	float:left;
	line-height:1.5;
	padding-left:10px;
	padding-right:0;
}

.program_outline .toggle .-arrow {
	padding: 0;
	background: url(../img/tab_arrow_down.png) 97% center no-repeat;
	background-size:16px;
	padding: 15px 30px;
}

.s .program_outline .toggle .-arrow {
	padding: 10px 15px;
}

.program_outline .toggle.-open .-arrow {
	background: url(../img/tab_arrow_up.png) 97% center no-repeat;
	background-size:16px;
}

.toggle-target {
	border-top: 1px solid #ddd;
	font-size: 16px;
	padding: 45px 20px 35px 20px;
	background-color:#f6f6f6;
}
.s .toggle-target {
	padding: 20px 0 30px 0;
	font-size:14px;
}

.feature-text{
	width:690px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 40px 0;
}
.s .feature-text{
	width:100%;
	padding:0 15px 20px 15px;
	font-size:13px;
}
.works1 {width:256px;}
.works2 {width:472px;}


/* 作家・作品
------------------------------------------------------------ */
#artists #featureartist1,
#artists #featureartist2,
#artists #featureartist3,
#artists #featureartist4,
#artists #featureartist5
{
	outline:0;
	padding-top:0;
	margin-top:-20px;
}
.s #artists #featureartist1,
.s #artists #featureartist2,
.s #artists #featureartist3,
.s #artists #featureartist4,
.s #artists #featureartist5
{
	outline:0;
	padding-top:20px;
	margin-top:-20px;
}
#artists .artistarea {
	width:100%;
	background: #fff;
}
#artists #featureartist4 .artistarea,
#artists #featureartist5 .artistarea
{
	width:100%;
	background: #000;
	color:#fff;
}
.s #artists .artistarea {
	width:100%;
	height: auto;
	padding: 0;
}
#artists .-box {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 35px 20px 80px 20px;
	text-align: left;
}
.s #artists .-box {
	width:100%;
	padding:30px 20px 55px 20px;
}

/* ページタブ 切り替え部分 */
#artists .artisttab {
	text-align:center;
	background-color: #000;
	padding:30px 0;
}
.s #artists .artisttab {
	padding:15px;
}
#artists .artisttab-tab {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.s #artists .artisttab-tab {
	width: 100%;
}
#artists .artisttab-tab ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	list-style: none;
}
.s #artists .artisttab-tab ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#artists .artisttab-tab ul li {
	font-size: 1.7rem;
	font-weight: bold;
	margin: 0 2px;
}
.s #artists .artisttab-tab ul li {
	font-size: 1.4rem;
	letter-spacing: -0.03em;
	padding:5px;
	margin: 0;
}
@media screen and (max-width:320px) {
	.s #artists .artisttab-tab ul li {
		font-size: 1.3rem;
		letter-spacing: -0.05em;
		padding:5px;
		margin: 0;
	}
}
.s #artists .artisttab-tab ul li:not(:nth-of-type(3)){
	width:50%;
	padding:10px 5px;
}
.s #artists .artisttab-tab ul li:nth-of-type(3){
	width:100%;
}
#artists .artisttab-tab ul li a {
	background-color: #242424;
	padding: 13px 10px;
	color: #b3b3b3;
	display: inline-block;
}
#artists .artisttab-tab ul li div {
	background-color: #242424;
	padding: 13px 10px;
	color: #b3b3b3;
	display: inline-block;
}
.s #artists .artisttab-tab ul li a {
	display:block;
}
#artists .artisttab-tab ul li a:hover {
	background-color: #333333;
	color: #fff;
	opacity: 1;
}
#artists .artisttab-tab ul li .-selected {
	background-color: #333333;
	padding: 13px 10px;
	color: #fff;
	display: inline-block;
}
.s #artists .artisttab-tab ul li .-selected {
	display: block;
}
#artists .artisttab-tab ul li a span,
#artists .artisttab-tab ul li div span {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
}
.s #artists .artisttab-tab ul li a span,
.s #artists .artisttab-tab ul li div span {
	font-size: 1.1rem;
}
#artists .-intro {
	padding: 40px 5px 0;
}
.s #artists .-intro {
	padding: 25px 0 0;
}
#artists .artist-box {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	height: auto;
}
.s #artists .artist-box {
	width: 100%;
	padding: 0;
}
.s #artists .container {
	border-bottom: none;
	padding: 0;
}
#artists .artist-info {
	font-size: 1.8rem;
	padding-top: 0;
	line-height:1.8;
}
.s #artists .artist-info {
	width: 100%;
	font-size: 1.3rem;
}
#artists .artist-work {
	padding-top: 0;
	height: auto;
}
.s #artists .artist-work {
	padding-top: 0;
	height: 100%;
}
#artists .artist-work .-works {
	width: 600px;
	text-align:center;
}
.s #artists .artist-work .-works {
	width: 100%;
}
#artists #featureartist4 .artist-work .-works > p {
	display:inline-block;
	width:277px;
	padding-bottom:10px;
}
.s #artists #featureartist4 .artist-work .-works > p {
	width:50%;
}
#artists #featureartist5 .artist-work .-works > p {
	display: inline-block;
	width: 385px;
	padding-bottom: 10px;
	padding-right: 64px;
}
.s #artists #featureartist5 .artist-work .-works > p {
	width: 50%;
	padding-right:0;
}
#artists .copyright {
	position: relative;
	text-align: left;
	padding-top: 5px;
	font-size: 1.2rem;
	line-height:1.8;
}
#artists .copyright ._en {
color:#666666;
padding-top:5px;
}
#artists #featureartist4 .copyright ._en,
#artists #featureartist5 .copyright ._en
{
	color:#fff;
}
.s #artists .copyright {
	font-size: 0.9rem;
}

#artists .artist-text {
	padding-top: 40px;
	font-size:1.6rem;
}
.s #artists .artist-text {
	padding-top: 30px;
	font-size:1.3rem;
}
#artists .worksarea {
	width:100%;
	background-color: #f5f5f5;
	padding:20px 0;
}
.s #artists .worksarea {
	padding:10px 0;
}
#artists .work-list {
margin:0 -7px;
}

#artists .work-list .-item {
	width: 33.33333%;
	float: left;
	padding:0 7px;
}
.s #artists .work-list .-item {
	width: 100%;
}
#artists .work-list .-item:nth-child(4),
#artists .work-list .-item:nth-child(5),
#artists .work-list .-item:nth-child(6) {
	padding-top: 40px;
}
.s #artists .work-list .-item:nth-child(2),
.s #artists .work-list .-item:nth-child(3) {
	padding-top: 35px;
}
.s #artists .work-list img {
	width:100%;
}

#artists .work-list .-caption {
	font-size: 1.2rem;
	color: #505050;
	padding-top: 5px;
}
.s #artists .work-list .-caption {
	font-size: 1.0rem;
}

.artist-word-area {
	margin-top:30px;
	border: 1px solid #ccc;
	padding: 20px;
	font-size:1.6rem;
}
.s .artist-word-area {
	margin-top:30px;
	padding: 16px;
	font-size:1.3rem;
}
.artist-word-title {
	font-weight:bold;
	padding-bottom:5px;
}
.artist-word-item {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.artist-word-item div{
	width:calc(50% - 15px);
}
.s .artist-word-item div{
	width:100%;
}
.artist-word-caption {
	font-size: 1.2rem;
	color: #505050;
}
.s .artist-word-caption {
	font-size: 1.1rem;
}
#artists #featureartist4 .artistarea .artist-word-caption,
#artists #featureartist5 .artistarea .artist-word-caption {
	color: #fff;
}

/* プログラム
------------------------------------------------------------ */
#program h3{
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
}
.s #program h3{
	font-size:1.8rem;
}
#program h3 span{
	font-size:2rem;
}
.s #program h3 span{
	font-size:1.6rem;
}
#program .program-area{
	max-width: 720px;
	margin:0 auto;
	font-size:1.8rem;
	line-height:1.8;
}
.s #program .program-area{
	font-size:1.3rem;
	line-height:1.6;
}
#program .program-img-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#program .program-img-box li {
	width:calc(50% - 10px);
}
.s #program .program-img-box li {
	width:calc(50% - 5px);
}
#program .btn-more{
	display:none
}
.s #program .btn-more{
	display:block;
	border:1px solid #ccc;
	color:#666;
	font-size: 1.5rem;
	width:178px;
	margin:0 auto;
	padding:12px 10px;
	background:#fff;
}
.program-table dl {
	border-bottom:1px solid #ddd;
	margin:0;
}
/* .program-table dl.-first {border-top:1px solid #ddd;} */
.program-table dl.-last {border-bottom: none;}
.program-table dt {
	float:left;
	padding:20px 0 5px 10px;
	/* width:22%; */
	width:100%;
	font-weight:bold;
	color:#777777;
}
.s .program-table dt {
	padding:12px 0 2px 0;
	/* width:100%; */
	font-size:1.3rem;
}
.program-table dt ._caution {
	font-weight:normal;
	font-size:1.4rem;
	color:#e60012;
}
.s .program-table dt ._caution {
	font-weight:normal;
	font-size:1.3rem;
	color:#e60012;
}

.program-table dd {
	float:left;
	padding:5px 0 20px 10px;
	/* width:73%; */
	width:100%;
	font-size:1.6rem;
	margin:0;
}
.s .program-table dd {
padding:0 0 10px 20px;
/* width:100%; */
font-size:1.3rem;
}
.s .program-table .-last dd {
padding:0 0 0 20px;

}
.program-table ul li,
.program-table ol li {
	text-indent:-1em;
	padding-left:1em;
}
.program-table .program-note-list li {
	padding-bottom:8px;
}
.s .program-table .program-note-list li {
	padding-bottom:5px;
}
.program-table .program-note-list li:last-child {
	padding-bottom:0;
}
.program-table a{text-decoration:underline;}
.program-table a:hover{text-decoration:none; opacity:1;}

.program-table .-caption {
	font-size: 1.1rem;
	color: #505050;
	padding-top: 5px;
}
.s .program-table .-caption {
	font-size: 1.0rem;
}

/* 図録・カタログ
------------------------------------------------------------ */
#catalog h3{
	font-size:2.4rem;
	font-weight:bold;
	text-align: center;
}
.s #catalog h3{
	font-size:1.8rem;
}
#catalog a {
	text-decoration: underline;
}
#catalog a:hover {
	text-decoration: none;
}
#catalog .notetext{
	border: 1px solid #e60012;
	font-size: 1.2rem;
	color: #e60012;
	padding: 20px;
	line-height: 1.8;
}
#catalog .notetext a{
	color: #e60012;
}
#catalog .notetext a:hover{
	opacity:1;
}
.s #catalog .notetext{
	font-size: 1.1rem;
	padding: 16px;
}


.catalog-area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width:880px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 35px 0;
}
.s .catalog-area{
	padding:0;
}
.catalog-area li {
	width:calc(50% - 20px);
	padding-top:40px;
}
.s .catalog-area li {
	width:100%;
	padding-top:30px;
}
.catalog-area li .catalog-item{
	background-color:#eeeeee;
	height:315px;
	position:relative;
}
.catalog-area li:nth-child(1) .catalog-item img,
.catalog-area li:nth-child(2) .catalog-item img{
	width:240px;
	height:315px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.catalog-area li:nth-child(3) .catalog-item img,
.catalog-area li:nth-child(4) .catalog-item img{
	max-width:420px;
	height:auto;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.goods-area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width:880px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 35px 0;
}
.s .goods-area{
	padding:0;
}
.goods-area li {
	width:calc(50% - 20px);
	padding-top:40px;
}
.s .goods-area li {
	width:100%;
	padding-top:30px;
}
.goods-area li .goods-item{
	background-color:#eeeeee;
	height:315px;
	position:relative;
}
.goods-area li .goods-item img{
	width:223px;
	height:315px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	border: 1px solid #ddd;
}
.goods-area li .goods-item img{
	width:223px;
	height:315px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	border: 1px solid #ddd;
}


/* ブログ
------------------------------------------------------------ */

#blog h3{
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
}
.s #blog h3{
	font-size:1.8rem;
}
#blog h3 span{
	font-size:1.6rem;
	font-weight:normal;
	color:#666666;
}
.s #blog h3 span{
	font-size:1.4rem;
}
#blog .blog-area{
	max-width: 720px;
	margin:0 auto;
	font-size:1.8rem;
	line-height:1.8;
}
.s #blog .blog-area{
	font-size:1.3rem;
	line-height:1.6;
	word-break: break-word;
}
#blog .blog-img-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#blog .blog-img-box li {
	width:calc(50% - 10px);
}
.s #blog .blog-img-box li {
	width:calc(50% - 5px);
}
#blog .btn-more{
	display:none
}
.s #blog .btn-more{
	display:block;
	border:1px solid #ccc;
	color:#666;
	font-size: 1.5rem;
	width:178px;
	margin:0 auto;
	padding:12px 10px;
	background:#fff;
}
#blog .blog-area a{
	text-decoration: underline;
	opacity:1;
}
#blog .blog-area a:hover{
	text-decoration: none;
	}
#blog .-caption {
	font-size: 1.2rem;
	color: #505050;
	padding-top: 5px;
}
.s #blog .-caption {
	font-size: 1.0rem;
}

/* プレスの方へ
------------------------------------------------------------ */
.press-area{
	max-width: 500px;
	margin-left:auto;
	margin-right:auto;
}
.press-area ._pdf{
	width:60px;
}
.s .press-area ._pdf{
	width:40px;
}
.press-box{
	border: 1px solid #ccc;
	padding: 20px 10px;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	letter-spacing: -0.05em;
	margin-top: 60px;
}
.press-box span{
	font-size:1.4rem;
}
.s .press-box{
	font-size: 1.4rem;
	padding:16px;
	margin-top:50px;
}
.s .press-box span{
	font-size:1.3rem;
}
.press-box ul li{
	padding-bottom:20px;
	line-height:2;
}
.press-box ul li:last-child{
	padding-bottom:0;
}
.press-list{
	padding-top:20px;
	text-align: left;
	font-size:2rem;
}
.s .press-list{
	font-size:1.4rem;
}
.press-list span{
	font-size:1.6rem;
}
.s .press-list span{
	font-size:1.4rem;
}
.press-list a{
	text-decoration: underline;
}
.press-list a:hover{
	cursor:pointer;
	text-decoration: none;
	opacity: 1;
}
.press-list li{
	padding-bottom:20px;
}
.press-list li:last-child{
	padding-bottom:70px;
}
.s .press-list li:last-child{
	padding-bottom:50px;
}
.press-note-area{
	text-align: center;
	border-top:1px solid #ccc;
	padding-top:40px;
}
.s .press-note-area{
	font-size:1.2rem;
	padding-bottom:50px;
}
.press-note-area ._note{
	font-size:1.2rem;
	padding-top:5px;
	color:#666;
}
.s .press-note-area ._note{
	font-size:1.0rem;
}