@charset "UTF-8";

/* リセット */
@import url('reset.css');

/* ---------------------------------------------------------
汎用スタイル
------------------------------------------------------------ */
html{
	scroll-behavior: smooth;
}
*{
	box-sizing: border-box;
}
body{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
main{
	display: block;
}
a{
	text-decoration: none;
	color: #000;
	transition: .5s all;
}
a img{
	transition: .5s all;
}
a img:hover{
	opacity: .6;
}
img{
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a:hover{
	color:#9B7F55;
}
li{
	list-style: none;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.wrap{
	width: 100%;
	max-width: 1020px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* PC・スマホ表示 */
@media screen and (min-width: 811px)  {
	.sp{
		display: none !important;
	}
}
@media screen and (max-width: 810px)  {
	.pc{
		display: none !important;
	}
}

/* ---------------------------------------------------------
ヘッダー
------------------------------------------------------------ */
header{
	background-color: #fff;
	padding-top: 30px;
	border-bottom: solid 1px #ccc;
	position: relative;
}
#head-top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
header h1{
	text-align: center;
	width: 100%;
	max-width: 270px;
	margin-right: 30px;
}
.nav-sns{
	display: flex;
	width: 150px;
	position: relative;
	align-items: center;
}
.nav-sns::before{
	content: "Language:";
	position: absolute;
	right: calc( 100% + 10px );
	font-size: 14px;
}
.nav-sns li{
	margin-right: 10px;
	width: 20px;
}
.nav-sns li:last-child{
	margin-left: 30px;
	margin-right: 0;
}
footer .nav-sns{
	margin-top: 30px;
	margin-left: 80px;
	width: 190px;
}
footer .nav-sns li:last-child{
	margin-left: 60px;
}


@media screen and (max-width: 767px)  {
	header h1 img{
		width: 70vw;
	}
}
@media screen and (min-width: 768px)  {
	header h1 img{
		width: 270px;
	}
}
/* グローバルナビ */
#menu-gnav ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}
#gnav > li{
	padding:4px 16px 4px 40px;
	border-right:solid 1px #ccc;
	color: #c9c9c9;
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 20px;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#gnav > li::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	background-repeat: no-repeat;
	background-size: 20px;
}
#gnav li:first-child{
	border-left:solid 1px #ccc;
}
#gnav li:nth-child(n + 7) {
	display: none;
}
#gnav > li > a + i, #gnav > li > a + a, #gnav > li > span + i{
	display: none;
}
#gnav ul{
	display: none;
}

#menu-gnav .welcome::before{
	background-image: url('../images/common/icon-welcome.svg');
}
#menu-gnav .guide::before{
	background-image: url('../images/common/icon-guide.svg');
}
#menu-gnav .exhibition::before{
	background-image: url('../images/common/icon-exhibi.svg');
}
#menu-gnav .database::before{
	background-image: url('../images/common/icon-db.svg');
}
#menu-gnav .goods::before{
	background-image: url('../images/common/icon-book.svg');
}
#menu-gnav .education::before{
	background-image: url('../images/common/icon-edu.svg');
	opacity: .6; /* 公開時にopacityを外す */
}
#menu-gnav .english::before{
	background-image: url('../images/common/lang-usa.png');
}
#menu-gnav .korean::before{
	background-image: url('../images/common/lang-korea.png');
}
#menu-gnav .chinese::before{
	background-image: url('../images/common/lang-china.png');
}
#gnav-trig{display: none;}


/* ---------------------------------------------------------
コンテンツ
------------------------------------------------------------ */
main{
	background-color: #f6f6f6;
	padding: 30px 0;
}
.main{width: 100%;}
main .header{
	width: 60px;
	border-right:dotted 2px #ccc;
	min-height: 0%;
	float: left;
}
main .header h1{
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size: 20px;
	letter-spacing: .2rem;
	line-height: 1.2;
	padding-top:40px;
	background-size: 26px;
	position: relative;
	display: inline-block;
	white-space: pre;
}
main .header h1 i{
	display: inline-block;
	font-style: normal;
}
main .header h1 i.android{
	transform: rotate(180deg);
}
main .header h1 br{
	display: none;
}
main .header h1::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
}
main .header h1 span{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	color:#000;
	font-family: 'Marcellus', serif;
	font-weight: 500;
}
main .header .welcome::before{
	background-image: url('../images/common/icon-welcome.svg');
}
main .header .guide::before, main .header .policy::before{
	background-image: url('../images/common/icon-guide.svg');
}
main .header .exhibition::before{
	background-image: url('../images/common/icon-exhibi.svg');
}
main .header .database::before{
	background-image: url('../images/common/icon-db.svg');
}
main .header .goods::before{
	background-image: url('../images/common/icon-book.svg');
}
main .header .education::before{
	background-image: url('../images/common/icon-edu.svg');
}
main .header .news::before{
	background-image: url('../images/common/icon-info.svg');
}
main .header .letter::before{
	background-image: url('../images/common/icon-newsletter.svg');
}
main .header .calendar::before{
	background-image: url('../images/common/icon-calendar.svg');
}
main .header .about::before{
	background-image: url('../images/common/icon-pickup.svg');
}
main .header .faq::before{
	background-image: url('../images/common/icon-faq.svg');
}
main .header .inquiry::before{
	background-image: url('../images/common/icon-form.svg');
}
main .header .english::before{
	background-image: url('../images/common/lang-usa.png');
}
main .header .korean::before{
	background-image: url('../images/common/lang-korea.png');
}
main .header .chinese::before{
	background-image: url('../images/common/lang-china.png');
}
.has-header .header + div{
	width: calc( 100% - 80px );
	min-height: 0%;
	float: right;
}
/* ---------------------------------------------------------
フッター
------------------------------------------------------------ */

#pagetop{
	position: fixed;
	z-index: 9997;
	right: 10px;
	bottom: 30px;
	width: 50px;
    height: 50px;
	border: 1px solid #8f8f8f;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: .5s all;
}
#pagetop:hover{
	border-color: #3d3d3d;
}
#pagetop::before{
	content: "";
	width: 20px; /* 大きさ */
    height: 20px; /* 大きさ */
    border-top: 1px solid #8f8f8f; /* 線の太さ・色 */
    border-left: 1px solid #8f8f8f; /* 線の太さ・色 */
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	position: absolute;
	top: 40%;
	left: 28%;
}
#pagetop.done{
	visibility: visible;
	opacity: .6;
}
#pagetop:hover{
	opacity: 1;
}
#pagetop:hover::before{
	border-top: 1px solid #3d3d3d; /* 線の太さ・色 */
    border-left: 1px solid #3d3d3d; /* 線の太さ・色 */
}

/* 1段目サイトマップ */
footer{
	border-top: dotted 2px #ccc;
}
footer #sitemap{
	background-color: #fff;
	padding: 30px 0;
	font-size: 14px;
}
footer #sitemap h1 img{
	max-width: 270px;
}
@media screen and (max-width: 810px)  {
	footer #sitemap{
		background-color: #f6f6f6;
		padding: 0;
	}
	footer #sitemap .foot-contact,footer #sitemap .foot-sitemap{
		width: calc( 100% + 20px );
		padding: 5vw 10px;
		margin: 0 -10px;
	}
	footer #sitemap .foot-contact{
		border-bottom: dotted 2px #ccc;
	}
	footer #sitemap .foot-contact h1{
		width:80vw;
	}
	footer #sitemap button{
		width:80vw;
	}
}
@media screen and (min-width: 811px)  {
	footer #sitemap .foot-contact{
		width: 32%;
		min-width: 280px;
		border-right: dotted 2px #ccc;
		padding-right: 20px;
	}
	footer #sitemap .foot-contact h1{
		width: 100%;
		max-width: 260px;
	}
	footer #sitemap .foot-sitemap{
		width: 68%;
	}
	footer #sitemap button{
		width: 260px;
	}
}
footer #sitemap .foot-contact h1{
	margin-bottom:20px;
}
footer #sitemap .foot-contact p{
	line-height: 1.5;
	margin-bottom: 30px;
}
footer #sitemap button{
	background-color: #3d3d3d;
	margin-bottom: 20px;
	padding:14px 0 14px 26px;
	text-align: center;
}
footer #sitemap button a{
	color:#fff;
	display: block;
	position: relative;
}
footer #sitemap button a::before{
	content: '';
	position: absolute;
	width:26px;
	height: 26px;
	top:calc( 50% - 14px );
	left:10px;
	background-image: url('../images/common/icon-form-wh.svg') no-repeat;
	background-size:contain;
}
footer #sitemap button:hover{
	cursor: pointer;
	opacity: .4;
}

@media screen and (max-width: 810px)  {
	footer #sitemap .foot-sitemap{
		column-count: 2;
  		column-gap: 10px;
	}
}
@media screen and (min-width: 811px)  {
	footer #sitemap .foot-sitemap{
		padding-left:30px;
		column-count: 3;
  		column-gap: 20px;
	}
}
footer #sitemap .foot-sitemap ul{
	border-bottom:dashed 1px #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
footer #sitemap .foot-sitemap li{
	font-size:13px;
	line-height: 1.6;
}
footer #sitemap .foot-sitemap li.title{
	color:#8f8f8f;
	font-weight: 600;
}
footer #sitemap .foot-sitemap li.title br{
	display: none;
}
footer #sitemap .foot-sitemap li.title a{
	color: #000;
}
footer #sitemap .foot-sitemap li:not(.title)::before{
	content: '- ';
}
footer #sitemap .foot-sitemap li span{
	color:#8f8f8f;
}

/* 2段目バナー */
footer #banner{
	background-color: #fff;
	padding: 20px 0;
	border-top: dotted 2px #ccc;
}
footer #banner ul{
	display: flex;
}
footer #banner ul li:not(:last-child){
	margin-right: 20px;
}
footer #banner ul li img{
	max-height:58px;
	border:solid 1px #ccc;
}
footer #copy{
	border-top: dotted 2px #ccc;
	background-color: #f6f6f6;
	padding:30px calc( ( 100% - 1000px ) / 2 );
	font-size: 14px;
	text-align: center;
}

/* 中国語 */

body.page-id-246 main *,
body.parent-pageid-246 main *{
	font-family: "微软雅黑","Microsoft Yahei","宋体", 'Noto Sans SC', sans-serif!important;
}