@charset "UTF-8";



/*----------------------------------------------------------------------------*/

#selector {
	width: 526px;
	background: #FFF url('/img/exhibition/separator.jpg') left top no-repeat;
	padding: 0 0 0 1px;
}

#selector li {
	background: url('/img/exhibition/separator.jpg') right top no-repeat;
	padding: 0 1px 0 0;
}
#archive {
	width: 526px;
	background: #FFF url('/img/exhibition/separator.jpg') left top no-repeat;
	padding: 0 0 0 1px;
}

#archive li {
	background: url('/img/exhibition/separator.jpg') right top no-repeat;
	padding: 0 1px 0 0;
}


/* guidance ----------------------------------------------------------------------------*/

#guidance{
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#guidance{
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#g_sub{
	margin: 0px auto 40px;
	text-align: left;
	display: flex;
	align-items: center;
    justify-content: center;
    width: 90%;
    line-height: 1.3;
}
#g_sub li{
	border: 1px solid #888;
	align-self: stretch;
}
#g_sub li:nth-of-type(n+2){
	border-left: none;
}
#g_sub li a{
	display: block;
	padding: 15px 10px;
	text-decoration: none;
}

.guidancebox{
	background-color: #FFFFFF;
}
.guidancebox_in{
	/*
	padding: 17px 40px;
	*/
}
.guidancebox_in p{
	font-size: 18px;
	line-height: 180%;
	margin-bottom:40px;
	padding-bottom: 0;
}
.guidancebox_in_p1{
	/*padding-bottom: 15px;*/
}
.guidanceline{
	background-color: #F0EFEC;
	height: 3px;
	border-bottom: 2px solid #ACACAC;
	margin-bottom: 20px;
}
.guidancesml{
	background-color: #F3F3F3;
	width: 100%;
	padding: 5%;
	margin: 30px 0 10px;
	box-sizing: border-box;
}
/*box1*/
.guidancesml_l{
	width: 45%;
	float: left;
}
.guidancesml_l h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.guidancesml_l_p1{
	font-size: 20px;
	padding-bottom: 40px;
}
.guidancesml_l_p2_l{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
	width: calc(100% - 100px);
}
.guidancesml_l_p2_r{
	padding-bottom: 40px;
	float: right;
}
.guidancesml_l_p3_l{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
	width: calc( 100% - 200px );
	padding-right: 10px;
}
.guidancesml_l_p3_c{
	padding-bottom: 40px;
	padding-left: 20px;;
	float: right;
}
.guidancesml_l_p3_r{
	padding-bottom: 40px;
	float: right;
}
.guidancesml_r{
	width: 45%;
	float: right;
}
.guidancesml_r h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
/*box2*/
.guidancesml_l2{
	width: 45%;
	float: left;
}
.guidancesml_l2 h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_l2_r{
	width: 45%;
	float: right;
}
.guidancesml_l2_r h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

.guidancesml4{
}
.guidancesml4 h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.guidancesml_l_p4_l{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
	width: calc( 100% - 200px );
	padding-right: 10px;
}
.guidancesml_l_p4_c{
	padding-bottom: 40px;
	padding-left: 20px;
	float: right;
}
.guidancesml_l_p4_r{
	padding-bottom: 40px;
	float: right;
}
.guidancesml4_2{
}
.guidancesml4_2 h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.guidancesml_l_p4_2_l{
	font-size: 20px;
	float: left;
	width: calc( 100% - 100px );
	padding-right: 10px;
}
.guidancesml_l_p4_2_l p + p{
	position: relative;
	top:-40px;
	margin: 0;
}
.guidancesml_l_p4_2_r{
	padding-bottom: 40px;
	float: right;
}


.guidancesml4_3{
}
.guidancesml4_3 h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.guidancesml_l_p4_3_p1{
	padding-bottom: 10px;
}

.guidancesml_l_p4_3_l{
	font-size: 20px;
	float: left;
	width: 45%;
}
.guidancesml_l_p4_3_l_l{
	font-size: 20px;
	float: left;
	width: calc(100% - 100px);
}
.guidancesml_l_p4_3_l_l h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_l_p4_3_l_l_p1{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
}
.guidancesml_l_p4_3_l_r{
	padding-bottom: 40px;
	float: right;
}
/**/

.guidancesml_l_p4_3_r{
	font-size: 20px;
	padding-bottom: 40px;
	float: right;
	width: 45%;
}
.guidancesml_l_p4_3_r_l{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
	width: calc(100% - 100px);
}
.guidancesml_l_p4_3_r_l h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_l_p4_3_r_l_p1{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
}
.guidancesml_l_p4_3_r_r{
	padding-bottom: 40px;
	float: right;
}
/**/

.guidancesml_l_p4_3_r2{
	font-size: 20px;
	float: right;
	width: 45%;
}
.guidancesml_l_p4_3_r2_l{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
}
.guidancesml_l_p4_3_r2_l h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_l_p4_3_r2_l_p1{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
}
.guidancesml_l_p4_3_r2_r{
	padding-bottom: 40px;
	float: right;
}
/**/

.guidancesml_l_p4_3_l2{
	font-size: 20px;
	float: left;
	width: 45%;
}
.guidancesml_l_p4_3_l2_l{
	font-size: 20px;
	float: left;
}
.guidancesml_l_p4_3_l2_l h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_l_p4_3_l2_l_p1{
	font-size: 20px;
	float: left;
}
.guidancesml_l_p4_3_l2_r{
	float: right;
}
/**/

.guidancesml_lbox{
	font-size: 20px;
	float: left;
	width: 45%;
}
.guidancesml_lbox_h5{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.guidancesml_lbox_p{
}

.guidancesml_rbox{
	font-size: 20px;
	float: right;
	width: 45%;
}
.guidancesml_rbox_h5{
}
.guidancesml_rbox_p{
	width: calc(100% - 100px);
	float: left;
}
/**/
.guidancesml5_h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
/**/
.guidancesml6_h4{
	border-bottom: 2px solid #ACACAC;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.guidancesml_l_p6_l1{
	font-size: 20px;
	padding-bottom: 40px;
	float: left;
	width: 50%;
}
.guidancesml_l_p6_r1{
	width: 40%;
	padding-bottom: 40px;
	float: right;
}
.guidancesml_l_p6_r1 img{
	width:100%;
	height: auto;
}




.guidancesml_page_t {
	text-align: right;
	margin-bottom: 60px;
}
.guidancesml_page_t a {
	font-size: 16px;
	color: #000000;
}



.guidancesml dl {
	width: 790px;
}
.guidanceurok dl dt {
	font-size: 12px;
	color: #985E86;
	padding-bottom: 8px;
}
.guidancezurok dl dd {
	line-height: 160%;
}
.guidancezurokp1_2 {
	width: 697px;
	text-indent: 0px;x
}
.guidancezurokp1_2 a {
	color: #9C0067;
}


/* map ----------------------------------------------------------------------------*/

#map{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.map_p{
	font-size: 20px;
	padding-bottom: 10px;
}
.mapimage{
	width: 450px;
	position: relative;
	margin: 0 auto;
}
.mapimage img {
	float: left;
	margin: 0;
	padding: 0;
}
.mapimage a[href=""]{
	pointer-events: none;
}
.mapf_span{
	padding-top: 30px;
}
.map_hisbox{
	padding-top: 30px;
}
.maphisimage{
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
}


/* history_c ----------------------------------------------------------------------------*/


#s_sub{
	margin: 0px auto;
	clear: both;
	text-align: center;
	width: 478px;
}
#s_sub li{
	float: left;
	border: 1px solid #888;
	padding: 15px 30px;
	/*padding-bottom: 40px;*/
}


/* history_c china ----------------------------------------------------------------------------*/

#china{
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#china p{
	line-height: 180%;
	font-size: 20px;
}
/* history_c korea ----------------------------------------------------------------------------*/

#korea{
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#korea p{
	line-height: 180%;
	font-size: 20px;
}
/* history_c japan ----------------------------------------------------------------------------*/

#japan{
	width: 100%;
	position: relative;
	margin: 0 auto;
}

#japan p{
	line-height: 180%;
	font-size: 20px;
}

/* activity ----------------------------------------------------------------------------*/

#activity{
	width: 100%;
	position: relative;
	margin: 0 auto;
}






/* SP */
@media screen and (max-width: 768px) {



	/* guidance ----------------------------------------------------------------------------*/

	#g_sub{
		margin: 0px auto 40px;
		width: 90%;
		display: flex;
		flex-wrap: wrap;
	}
	#g_sub li {
    	flex-grow:1;
    	margin: 2px;
    	text-align: left;
    }
	#g_sub li:nth-of-type(n+2){
		border-left: 1px solid #888;
	}

    .guidancesml_l {
	    width: 100%;
	    float: none;
	    overflow: hidden;
	}
	.guidancesml_r {
	    width: 100%;
	    float: none;
	    overflow: hidden;
	}


    .guidancesml_l2, .guidancesml_l2_r {
	    width: 100%;
	    float: none;
	}
	.guidancesml_l_p3_l{
    	width: 100%;
    	padding: 0;
    	margin:0 0 20px !important;
    }
    .guidancesml_l_p3_c, .guidancesml_l_p3_r{
    	padding: 0;
    	width: 50%;
    	text-align:center;
    }

    .guidancesml_l_p4_l{
    	width: 100%;
    	padding: 0;
    	margin:0 0 20px !important;
    }
    .guidancesml_l_p4_c, .guidancesml_l_p4_r{
    	padding: 0;
    	width: 50%;
    	text-align:center;
    	    overflow: hidden;
    }
    .guidancesml_l_p4_3_l, .guidancesml_l_p4_3_r {
	    font-size: 18px;
	    float: none;
	    width: 100%;
		overflow: hidden;
		padding-bottom: 0;
	}
	.guidancesml_l_p4_3_r_l {
    	font-size: 18px;
    	padding: 0;
	}

	.guidancesml_l_p4_3_r2 {
	    font-size: 20px;
	    float: none;
	    width: 100%;
	}
	.guidancesml_l_p4_3_r2_l {
	    font-size: 20px;
	    padding-bottom: 0px;
	    float: none;
	}

	.guidancesml_l_p6_l1, .guidancesml_l_p6_r1 {
	    font-size: 20px;
	    float: none;
	    width: 100%;
	}
	.guidancesml_l_p6_l1{
	    margin-bottom: 20px !important;
	}

	.guidancesml_lbox, .guidancesml_rbox {
	    font-size: 20px;
	    float: none;
	    width: 100%;
	}


	.map_p {
	    font-size: 16px;
	}
	.mapimage{
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.mapimage img{
		width:auto;
	}
	.mapimage a:nth-of-type(n) img{
		height: calc( 19.9vw * 1.03 );
	}
	.mapimage a:nth-of-type(n+5) img{
		height: calc( 19.9vw * 1.05 );
	}
	.mapimage a:nth-of-type(n+9) img{
		height: calc( 19.9vw * 1.03 );
	}



}