@charset "utf-8";
/* popup window unique style */

/* header style */

.logo-area {
	padding: 0 1.96%;
	line-height: 1;
	height: 44px;
	overflow-y: hidden;
	border-bottom: 1px solid #d1d1d1;
}

.logo-area a {
	width: 60px;
	margin-top: 12px;
	padding: 0;
}

.logo-area a:hover {
	opacity: 0.8;
}

.logo-area .close-btn {
	width: 30px;
	padding: 4px;
	top: 5px;
	right: 10px;
}


#local-nav .title {
	display: inline-block;
	padding: 0 0 0 1.96%;
	line-height:1.5;
	font-size: 14px;
}

	#local-nav .title .title-logo{
        max-height: 24px;
	    width: auto;
	    display: block;
	}

	#local-nav .title a {
		display: inline-block;
	}

/* main contents style */

.main-inner {
    padding-left: 1.96%;
    padding-right: 1.96%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.sp-layout.left {
	width:18%;
	position:static;

}

div.sp-layout.right {
	display:block;
	width:82%;
	padding-left:3%;
	margin-left: 0;
}

	div.sp-layout.right > div:first-child {
		margin-bottom:4%;
		margin-right:0%;
	}
  /*--*/
	div.sp-layout.right-new{
		width: 82%;
		padding-left: 3%;
	}
	div.sp-layout.right-new > div:first-child {
		margin-bottom:4%;
		margin-right:0%;
	}
	div.sp-layout.bottom{
		display: flex;
		width:100%;
		margin: 2% 0  0;
	}
	/*--*/

.help-btn,
.glossary-btn {
	width:100%;
}

div.info-cont {
	width:100%;
	margin:2% 0;

}

div.info-title {
    margin: 10px 0 10px 0;
}

		div.info-link >span.info-date,
		div.info-link > a {
			display:block;
			width:100%;
		}

		div.info-link > a {
			margin-top:10px;
			padding-right: 10px;
		}

.info-btn {
	position:absolute;
	top:0;
	right:1.96%;
	width: 100px;
	margin:10px auto 0 auto;
}

	.info-btn > a {
		padding:10px;
	}

div.orange-area {
	width:100%;
	padding:10px;
}

div.attention-txt {
	width:100%;
}

.om-btn, .movie-btn {
	width:100%;
	margin:0 0 3% 0;
}

	.help-btn > a:before,
	.glossary-btn > a:before,
	.om-btn > a:before,
	.movie-btn > a:before {
		height: 48px;
		width: 48px;
		background-size: 48px 48px;
	}

	.help-btn > a:before,
	.glossary-btn > a:before {
		margin:1%;
	}

	div.hint div.tutorial_1 {
		display:block;
	}
		div.hint div.tutorial_1 > div {
			width:100%;
		}

	div.hint_title{
		font-size: 20px;
	}
	/*--*/
	.help-btn > a > span {
		height:2.8em;
		width:5em;
	}

	.glossary-btn > a > span {
		height:2em;
		width:3em;
	}

	.om-btn > a > span {
		height:3em;
		width:10em;
	}
	/*--*/

/* footer style*/

.footerSiteMap {
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 15px;
}

.footerLogo {
	padding: 0 0 1em;
}

.footerLogo .footerLogo-logo {
	width: 23.4%;
}

.footerCopyright {
	font-size: 68.75%;
}