@charset "UTF-8";
/* CSS Document */

body {
	overflow: auto;
}
.wrapper {
    height: auto;
}

	.col-content {
		max-height: none;
	}

	.logo-mobile {
		margin-top: 10px;
		width: 160px;
	}

.u-p-xl {
	padding: 5% !important;
}


.nav-side {
	width: 100%;
	height: 100%
}

.nav-side li {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 0;
}

.nav-side li a {
	text-align: center;
	display: block;
}

	#home-today-events .flex-container {
		display: block;
	}

	.home-today-events-bnr {
		display: block;
		max-width: none;
		width: auto;
		margin: 2em 5%;
	}
	
	#home-today-events img {
		display: block;
		margin: auto;
		width: 100%;
	}

	#home-today-events-title > div:first-child {
		height: auto;
	}
	
	#event-list {
		text-align: center;
	}
	
	#topics-list .row >div:first-child {
		padding: 0 !important;
	}
	#topics-list .row >div:last-child {
		padding: 0 0 0 1em !important;
	}
	#topics-list .row >div div.h4 {
		font-size: 16px;
		margin-top: 0;
	}
	
	#topics-list .row .btn {
		padding: 2px 10px;
	}
	
	.home-today-events-bnr {
		margin-top: 30px;
	}
	#home-main-slider .bx-slider > section {
		background-position: 50% center;
	}
	
	#home-weekly-events > div.row > .u-p-xl {
		padding: 15px !important;
	}

#photo-list li {
	width:50%;
	display: inline-block;
}

#home-content-link {
	display: block;
}


#home-content-link.grid figure {
	flex:none;
	width: 100%;
}

#list-topics img {
	max-width: 100px;
	margin-right: 15px;
}
#home-today-topics {
	display: block;
	height: auto;
	position: relative;
}
#home-today-topics-date {
    align-self: stretch;
    background-image: url("../images/bg-home-today-topics-date.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 118px 118px;
    color: #000;
    font-size: 24px;
    line-height: 1;
    min-width: 288px;
    padding: 48px 5%;
    text-align: center;
	margin-top: -70px;
	z-index: 70;
	position: absolute;
    width: 100%;
}
#home-today-topics-inner {
	margin: 0 auto 2%;
    max-width: 460px;
	padding: 70px 5% 5%;
}
#home-today-topics-title {
	text-align: center;
}
#home-today-topics-inner .btn {
	margin: 0 auto;
	display: block;
	max-width: 320px;
}
#home-today-topics-number {
	width: 100%;
	max-width: none;
	border-left: none;
}

#home-today-topics-number a {
	padding: 30px 5%;
}

#home-content-link.grid figure {
    height: 190px;
}
figure.effect-oscar h2 {
    margin: 2% 0 10px;
}

#home-today-events .event-title .f-min {
    font-size: 14px;
    line-height: 1;
}

.home-events-table th {
	width: 80px;
}

.home-events-table tr > td {
	width: auto;
	padding: 1em;
}

.home-events-table tr > td > a{
	display: block;
	padding: 1em;
	background-color: rgba(255,255,255,0.10);
	border-bottom: 1px solid #000;
}

#home-weekly-events .h2 {
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: center;
}

#home-weekly-events ul {
	text-align: center;
}
#home-weekly-events ul >li {
	display: inline-block;
	padding: 1em;
}

#home-access {
	padding: 7% 0;
}

#home-access-inner {
	padding: 100px 5%;
}

#home-sns .flex-container {
	display: block;
}

#home-sns .flex-container >div {
	max-width: 480px;
	margin: 0 auto 3%;
}


.todaystopics-form > div {
    max-width: 100%;
}

.single-topics-body {
	display: block;
}

.single-topics-body .editor {
	margin-bottom: 5%;
}

.single-topics-body > div {
	padding: 0 !important;
	
}
.single-topics-notice-list {
	border-left: none;
	padding-top: 3%;
}

.single-topics-notice-list .inner {
	max-width: 100%;
}

#home-main-slider .inner {
    padding: 10%;
    height: 300px;
}

.article-page, .article-single, .nav-archive {
    padding-top: 10px;
}

#home-disclosure {
	text-align: center;
}

#home-disclosure h4 {
	margin-bottom: 10px;
}

#head-logo {
    height: 56px;
}

#head-logo::before {
	content: none;
}
#head-logo img {
    margin: -15px 0 0 10px;
}


.nav-header {
    padding-right: 3%;
}
.nav-footer h3 {
	text-align: center;
}
.nav-footer h3 > img {
	float: none !important;
}

#table-inquiry,
#table-inquiry > tbody,
#table-inquiry > tbody > tr,
#table-inquiry > tbody > tr > th,
#table-inquiry > tbody > tr > td {
	display: block;
	width: 100%;
	border-top: none;

}

#table-inquiry > tbody > tr > th {
	padding: 0 ;
}

#list-hoikuen .row h3 {
	margin-top: 20px;
}

.col-mainimg {
    height: 560px;
}
.list-en-icon img {

    width: 14px;

}

.list-page-nav li {
	width: auto;
}
	
@media ( max-width:480px ) {
	
	body {
		padding-top: 56px;
	}

	#nav-header-mobile {
		width: 100px;
	}

	#page-footer .pull-left,
	#page-footer .pull-right	{
		float: none !important;
		
	}
	
	#page-footer .btn {
		margin: 0 auto;
		display: block;
	}
	
	#page-footer small	{
		display: block;
		margin: 10px auto;
		text-align: center;
	}
	
	#head-logo img {
		height: 63px;
		margin: -6px 0 0 8px;
	}
	.nav-header {
		padding-right: 2%;
		top:0;
	}
	.home-main-slider-title {
		bottom: 40px;
		left: 20px;
		position: absolute;
	}
	
	body.open-sidebar .sidebar-inquiry {
		padding-top: 0;
		overflow-y: auto;
	}
	#icon-mobile-inquiry {
		width: 32px;
		cursor: pointer;
	}
	.title-content {
		padding: 2rem 2rem !important;
	}

	.article-page > .inner,
	.article-single > .inner,
	.nav-archive > .inner {
		padding: 2rem 2rem !important;
	}
	
	#mainimg-slide-1 img {
		width: 140px;
	}
	#mainimg-slide-2 img {
		width: 120px;
	}
	#mainimg-slide-3 img {
		width: 240px;
	}


}