@charset "utf-8";

/*----------------------------------------------
	specific styles for smart phone
	2016.04.01
----------------------------------------------*/

body {
	min-width: 0;
}

#wrapper {
	padding: 40px 0;
}

.btn>a {
	width: 100%;
}

.row>.inner {
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
}

.slideL {
	overflow: visible;
	z-index: 2;
}

.sp-title>.title {
	position: absolute;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	top: auto;
	bottom: 60px;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.sp-title .title>strong {
	font-size: 18px;
}

.slideL .sp-caption-container {
	left: 0;
	right: 0;
	bottom: -26px;
	width: 100%;
	padding: 0 20px;
	font-size: 10px;
	box-sizing: border-box;
	color: #000;
}

.slideL .sp-buttons {
	padding: 10px 0;
}

#wrapper>header>.inner {
	padding: 0 20px 20px;
}

#wrapper>header .title img,
#wrapper>footer .label img {
	width: 180px;
	height: auto;
}

#wrapper>header .language {
	right: 15px;
	left: auto;
	width: auto;
	white-space: nowrap;
}

#wrapper>header .social {
	top: 45px;
	right: 20px;
	width: 24px;
	line-height: 0;
}

#wrapper>header .txt {
	position: relative;
	margin-top: 35px;
	bottom: 0;
}

#wrapper>header .social>li {
	float: none;
}

#wrapper>header .social>li+li {
	margin: 10px 0 0 0;
}

.row.summary .inner,
.row.summary .col {
	display: block;
	width: auto!important;
}

.row.summary .inner {
	padding: 40px 20px;
}

.row.summary .col {
	padding: 0!important;
}

.row.summary .col+.col {
	margin-top: 40px;
}

.row.summary .map,
.row.summary .mapRow>.map {
	width: 100%;
}

.row.summary .mapRow>.map {
	float: none;
	margin: 0;
}

.row.summary .mapRow>.spotList {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.row.intro>.inner,
.row.intro .col,
.row.intro header.col {
	display: block;
	width: auto;
	padding: 0;
}

.row.intro>.inner {
	padding: 0 20px 40px;
}

.row.intro .col+.col {
	margin-top: 40px;
}

.row.intro header.col>*+* {
	margin-top: 20px;
}

.row.intro .col.img.pc {
	display: none;
}

.row.intro .col.img.sp {
	display: block;
}

.row.intro header.col .title {
	line-height: 36px;
}

.row.list .items {
	margin-right: -20px;
	margin-left: -20px;
	line-height: 26px;
}

.row.list .items>* {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 0 20px;
	box-sizing: border-box;
}

.row.list .items .img>img {
	width: 100%;
	height: auto;
}

.row.list .img+* {
	margin-top: 15px;
}

.row.list *+.title {
	margin-top: 10px;
}

.row.list .place {
	margin-top: 5px;
}

.row.list .title>*+strong {
	line-height: 36px;
}

#spotList .inner>.txt {
	width: auto;
}

#spotList .items .title {
	font-size: 14px;
}

#spotList .items {
	margin-right: -10px;
	margin-left: -10px;
}

#spotList .items>* {
	width: 50%;
	padding: 0 10px;
}

#wrapper>footer.row .label,
#wrapper>footer.row .img {
	position: relative;
	top: 0;
	right: 0;
}

#wrapper>footer.row .label+.txt {
	margin-top: 30px;
}

#wrapper>footer.row .img img {
	width: 100%;
	height: auto;
}

#wrapper>footer.row>.inner {
	padding: 40px 20px;
}

#wrapper>footer.row .cr {
	left: 20px;
}

#wrapper>footer.row .nav {
	right: 20px;
}

#wrapper>footer.row .nav>li+li {
	margin-left: 20px;
}

#wrapper>footer.row .nav img {
	width: auto;
	height: 40px;
}

#olCol {
	width: auto;
	margin: 20px;
	padding: 40px 20px 90px;
}

#olScroll {
	padding: 0;
}


/*------------------------------------------------
	art season common
------------------------------------------------*/

.as_cover {
	padding: 0 20px;
}

.as_cover>img {
	width: 100%;
	height: auto;
}

.as .row.notes>.inner,
.as .row.notes>.inner>* {
	display: block;
}

.as .row.notes>.inner {
	padding: 40px 20px;
}

.as .row.notes>.inner>* {
	width: 100%!important;
	padding: 0!important;
}

.as .row.notes>.inner>*+* {
	margin-top: 30px;
}

.as #movArea>.mov {
	margin: 0 20px;
}

.as_label {
	text-align: center;
}

.as_label img {
	max-width: 60%;
	height: auto;
}

.as_label+* {
	margin-top: 30px!important;
}


/*------------------------------------------------
	art season 2016
------------------------------------------------*/

.as2016_cover {
	padding: 0 20px;
}

.as2016 .as2016_cover>img {
	width: 100%;
	height: auto;
}

.as2016 .row.notes>.inner,
.as2016 .row.notes>.inner>* {
	display: block;
}

.as2016 .row.notes>.inner {
	padding: 40px 20px;
}

.as2016 .row.notes>.inner>* {
	width: 100%!important;
	padding: 0!important;
}

.as2016 .row.notes>.inner>*+* {
	margin-top: 30px;
}

.as2016_label {
	text-align: center;
}

.as2016_label img {
	max-width: 60%;
	height: auto;
}

.as2016_label+* {
	margin-top: 30px!important;
}

.banner {
}

.banner .pc {
	display: none;
}

.banner .sp {
	display: block;
}

.as2016 #movArea>.mov {
	margin: 0 20px;
}

.as_banner_group>.inner {
	margin: 0 20px -20px;
}

.as_banner_group .item {
	margin-bottom: 20px;
	padding: 0;
}

.as_banner_group a {
	width: auto;
}

.as_banner_group img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------------------
	art season 2018
------------------------------------------------*/

#wrapper>header.asheader .title {
	width: 180px;
	padding: 0;
	float: none;
}

#wrapper>header.asheader .language {
	top: 20px;
}

#wrapper>header.asheader .social {
	top: 60px;
}

#wrapper>header .txt {
	clear: both;
	float: none;
	text-align: left;
}

.txt br.pc {
	display: none;
}

.txt br.sp {
	display: block;
}

#wrapper>footer.asfooter .label {
	margin: -60px auto 0;
}

#eventtype_list {
	margin-top: 40px;
}

#eventtype_list .nav {
	display: none;
}

#eventtype_list select {
	display: block;
	width: 280px;
	text-align: center;
	padding-left: 20px;
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #000;
	margin: 0 auto;
	background: url(../images/select_bg.png) #fff no-repeat right center;
	background-size: contain;
	border-radius: 0;
	box-sizing: border-box;
}


/*------------------------------------------------
	art season 2021 ss
------------------------------------------------*/


.as_cover .-pc {
	display: none;
}

.as_cover .-sp {
	display: block;
	margin: 0 auto;
}