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


body {
	font-size: 12px;
	line-height: 1.4;
	overflow-y: auto;
}

h1,
.h1 {
  font-size: 32px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}

dt {
	font-size: 120%;
}

.u-mb-xs {
  margin-bottom: 0.2rem !important; 
}

.u-mb-sm {
  margin-bottom: 0.3rem !important; 
}

.u-mb-md {
  margin-bottom: 0.8rem !important; 
}

.u-mb-lg {
  margin-bottom: 1.2rem !important; 
}

.u-mb-xl {
  margin-bottom: 1.8rem !important; 
}

.u-p-xl {
}

	#logo {
		display: none;
	}
	
.wrapper {
	flex-direction: column;
	height: auto;
	max-height: none;
	overflow: auto;
}

#head-logo {
    height: 52px;
}


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

.title-content {
	padding: 2rem 3rem !important;
}

.article-page > .inner,
.article-single > .inner,
.nav-archive > .inner {
	padding: 2rem 3rem !important;
}



	
	
	#home-today-notice {
	}


	figure.effect-oscar h2 {
		margin: 35% 0 10px;
	}


.sidebar-inquiry {
	position: fixed;
	left: 100%;
	top: 0;
	position: fixed;
	background-image: url(../images/bg-mobile-sidebar-inquiry.png);
	background-repeat: repeat;
	z-index: 110;
}

	body.open-sidebar .sidebar-inquiry {
		display: block !important;
		position: fixed;
		top:0;
		padding-top: 52px;
		left: 0;
		width: 100% !important;
		height: 100%;
		max-width: none;
	}


body.open-sidebar #text-notice-open	{
	display: none !important;
}
body.open-sidebar #text-notice-close	{
	display: block !important;
}

body.open-menu #text-menu-open	{
	display: none !important;
}
body.open-menu #text-menu-close	{
	display: block !important;
}

main {
	height: auto;
}
#mainimg-slide-1,
#mainimg-slide-2,
#mainimg-slide-3 {
	background-position: 50% 0;
}

#nav-header-mobile {
    align-items: center;
	-webkit-align-items:center;
	display:-webkit-flex;
    display: flex;
	-webkit-display: flex;
    height: 56px;
    justify-content: space-around;
	-webkit-justify-content:space-around;
    width: 140px;
}
	#icon-mobile-menu {
		width: 40px;
		cursor: pointer;
	}

	#icon-mobile-inquiry {
		width: 40px;
		cursor: pointer;
	}

.menu-close {
	color: #FFF;
	cursor: pointer;
	border: 1px solid #FFF;
	width: 100px;
	margin: 15px auto 0;
}
.nav-header {
	position: fixed;
}

body.open-menu .nav-header > ul {
	display: block !important;
	position: absolute;
	top: 100%;
	right: 0;
	height: auto;
	z-index: 70;
	width: 190px;
	
}

body.open-menu .nav-header > ul > li {
	display: block !important;
}

body.open-menu .nav-header > ul > li a {
	background-color: #0068b6;
    border-top: 1px solid rgba(255,255,255,0.5);
    padding: 15px;
}
body.open-menu .nav-header > ul > li:hover a {
	background-color: #0078D2;
}
body.open-menu .nav-header > ul > li > a::after {
	content: none;
}

#home-main-slider {
    height: 100%;
}

body.single-topics .col-mainimg {
	background: none;
	height: 60px !important;
}

.col-mainimg {
    height: 680px;
}

#mainimg-slide-1 {
	background-position: 50% 50%;
}

#mainimg-slide-2 {
	background-position: 50% 50%;
}

#mainimg-slide-3 {
	background-position: 50% 20%;
}