@charset "utf-8";

/* 文化遺産国際協力コンソーシアム レスポンシブCSS */

/*

	1. 共通設定
	
*/

/* ------------ 表示切替 ------------ */
@media screen and (min-width: 768px) {
	/* pcのみ */
	.show-pconly { display: block !important; }
	.show-sponly { display: none !important; }
}
@media screen and (max-width: 767px) {
	/* スマホのみ */
	.show-pconly { display: none !important; }
	.show-sponly { display: block !important; }
}

/* PC 幅1281px以上（大きいモニター用） */
@media screen and (min-width: 1481px){
	#navi .drawerBtn { display: none; }
	#navi .navi2 {
		width: 436px;
		background: #000;
	}
	/* ABOUT */
	/* 文字サイズ可変→固定へ */
	#about table.panels td.text { font-size: 14px; }
	#about table.panels td.text h4 { font-size: 20px; }
}

/* PC 幅768〜1023px（標準） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.show-pconly { display: block !important; }
	.show-sponly { display: none !important; }
	#header.show-pconly { display: none !important; }
	#headersp.show-sponly { display: block !important; }
	#footer .show-pconly { display: none !important; }
	#footer .show-sponly { display: block !important; }
	.drawer-nav.show-sponly{ display: block !important; }
	
/* *************************************************
   0. MENU
************************************************* */
#headersp { width: 100%; }

.drawer--left .drawer-hamburger {
	width: 60px;
	height: 60px;
	padding: 0;
	background: url(../images/common/btn_menu_s.png) no-repeat top left #000;
	background-size: 60px auto;
}

.drawer--left.drawer-open .drawer-hamburger {
	background: url(../images/common/btn_menu_close_s.png) no-repeat top left #000;
	background-size: 60px auto;

}
.drawer-nav {
	width: 240px;
	background: #000;
}

	/* logo */
	#headersp .logo {
		padding: 12px 0 0 75px;
		height: 60px;
		position: fixed;
		z-index: 100;
		background: #fff;
		width: 100%;
		text-indent: -9999px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
		-moz-box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
		-webkit-box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
	}
	#headersp .logo img {
		height: 37px;
		float: left;
	}

	#headersp .logo h1 { padding: 6px 0 0 54px; }
	#headersp .logo h1 .ja{
		font-size: 12px;
		line-height: 1em;
		height: 1;
		display: block;
		margin-bottom: 6px;
	}

	#headersp .logo h1 .en {
		display: block;
		font-size: 9px;
		line-height: 1em;
		letter-spacing: 0.4px;
	}
	#headersp .logo a { text-decoration: none; }

	/* login */
	.drawer-login {
		position: fixed;
		z-index: 104;
		top: 0;
		left: -180px;
		display: block;
		box-sizing: content-box;
		width: 180px;
		height: 60px;
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		border: 0;
		outline: 0;
		background: url(../images/common/bg_login_s.png) no-repeat 0 0 #ec2c2c;
		background-size: contain;
		text-indent: -9999px;
	}
	.drawer--left.drawer-open .drawer-login { left: 0; }
	/* メニュー */
	ul.drawer-menu  {
		list-style: none;
		margin: 0 auto;
		padding-bottom: 60px;
		margin-top: 60px;
	}
	ul.drawer-menu li {
		color: #fff;
		padding: 15px 14px;
		position: relative;
		
	}
	ul.drawer-menu > li {
		background: url(../images/common/icon_rightarrow_white.png) no-repeat 210px center;
		background-size: 12px 23px;
	}
	ul.drawer-menu li.lang {
		width: 100%;
		height: 61px;
		padding: 0 14px;
		background: none;
	}
		ul.drawer-menu li.lang div {
			width: 105px;
			height: 100%;
			background-size: 105px auto !important;
		}
		ul.drawer-menu li.lang div.japanese { background: url(../images/common/bg_langja_s.gif) no-repeat 0 -61px; }
		ul.drawer-menu li.lang div.english { background: url(../images/common/bg_langen_s.gif) no-repeat 0 -61px; }
		ul.drawer-menu li.lang div.act { background-position: 0 0; }

	ul.drawer-menu li.dm02 { background-image: none; }
	ul.drawer-menu > li::after {
		content: "";
		display: block;
		height: 1px;
		width: 212px;
		border-bottom: solid 1px #555555;
		position: absolute;
		bottom: 0;
	}
	ul.drawer-menu > li.dm02:after,
	ul.drawer-menu > li.dm03:after,
	ul.drawer-menu > li.dm04:after { content: none; }

	ul.drawer-menu > li.dm05 { margin-bottom: 7px; }
	ul.drawer-menu > li.dm05:after { bottom: -7px; }
	
	ul.drawer-menu li a {
		text-decoration: none;
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
	}

	ul.drawer-menu li.sub a {
		padding-left: 26px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.drawer-menu li .en {
		font-family: "AlternateGotNo3D",sans-serif;
		font-weight: 400;
		font-size: 24px;
		line-height: 1;
	}
	ul.drawer-menu li .ja {
		font-family: 'GT101MB R';
		font-size: 12px;
		display: block;
	}
	ul.drawer-menu > ul li .ja { line-height: 16px; }
	
	ul.drawer-menu li.sub  {
		line-height: 37px !important;
		padding: 0 14px;
	}

	ul.drawer-menu > li.dm04 { margin-top: -7px; }
	ul.drawer-menu > li.dm06:after { 
		content: "";
		display: block;
		height: 15px;
	}
	ul.drawer-menu li.sub .ja { font-size: 14px; }
/* open */
ul.drawer-menu li ul.child.toggle { display: none; }
ul.drawer-menu li.open {
	background: #fff;
	color: #000;
	padding-bottom: 6px;
	background-image: none;
}
	ul.drawer-menu li.open a {
		font-size: 14px;
		color: #000;
		text-decoration: none;
	}
	ul.drawer-menu li.open ul.child { margin-top: 8px; }
	ul.drawer-menu li.open ul.child li {
		padding: 0;
		text-indent: 26px;
		border-bottom: solid 1px #dddddd;
	}
	ul.drawer-menu li.open:after,
	ul.drawer-menu li.open ul.child li:last-child { border-bottom: none; }
	ul.drawer-menu li.open ul.child li a { height: 35px; }
	ul.drawer-menu li.open ul.child li .ja { line-height: 35px; }

/* *************************************************
   footer
************************************************* */
#footer_banar table.banar1 { margin: 20px 0; }
	#footer_banar table.banar1 td {
		height: 80px;
	}
	#footer_banar table.banar1.two_column td {
		width: 100%;
		display: block;
	}
		#heritage #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_discovery2_s.jpg);
			background-size: cover;
		}
		#join #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_discovery1_s.jpg);
			background-size: cover;
		}
		#research #footer_banar table.banar1 td.left,
		#subcommittee #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_activities1_s.jpg);
			background-size: cover;
		}
		#event #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_activities2_s.jpg);
			background-size: cover;
		}

		#subcommittee #footer_banar table.banar1 td.right {
			background: url(../images/common/bg_footerbnr_activities2_s.jpg);
			background-size: cover;
		}
		#event #footer_banar table.banar1 td.right,
		#research #footer_banar table.banar1 td.right {
			background: url(../images/common/bg_footerbnr_activities3_s.jpg);
			background-size: cover;
		}
			#footer_banar table.banar1 td a:after { width: 12%; }
			#join #footer_banar table.banar1 td .text { height: 55px; }
			#footer_banar table.banar1 td .text { height: 70px; }
			#footer_banar table.banar1.two_column td .text { height: 36px; }
			#footer_banar table.banar1 td .en { font-size: 24px; }
			#footer_banar table.banar1 td .en.small { font-size: 14px; }
			#footer_banar table.banar1 td .ja { font-size: 12px; }
			#footer_banar table.banar1 td .en.small + .ja { margin-top: 5px; }

#footer_banar table.banar2 td{
	display: block;
	width: 100%;
}
	#footer_banar table.banar2 td.left {
		height: 200px;
		height: 56vw;
	}
	#about #footer_banar table.banar2 td.left {
		background: url(../images/uniq/learn1/img_related_learn2.jpg);
		background-size: cover;
	}
	#join #footer_banar table.banar2 td.left {
		background: url(../images/uniq/about/img_related_about_s.jpg);
		background-size: cover;
	}
		#footer_banar table.banar2 td a { padding: 20px 12% 20px 12px; }
			#footer_banar table.banar2 td .country,
			#footer_banar table.banar2 td .heritage { font-size: 12px; }
			#footer_banar table.banar2 td .projectname {
				font-size: 18px;
				margin-bottom: 10px;
			}
			#footer_banar table.banar2 td .projectname.en {
				font-size: 38px;
				line-height: 34px;
			}
			#footer_banar table.banar2 td .category { font-size: 14px; }
#footer {
	height: auto;
	background-color: transparent;
}

#scrollTop {
	display: block;
	text-align: center;
	position: static;
	width: 100%;
	padding: 15px 0;
}
	#scrollTop:hover { opacity: 1; }
	#scrollTop a {
		text-decoration: none;
		font-family: "AlternateGotNo3D",sans-serif;
		font-size: 20px;
		color: #000;
	}
	#scrollTop img { width: 20px; }

#footer .footmenu {
	border-top: solid 1px #cbcbcb;
	padding: 0;
	background: #f3f3f3;
}
	#footer .footmenu li {
		width: 100%;
		border-left: none;
		border-bottom: solid 1px #cbcbcb;
	}
	#footer .footmenu li a {
		font-size: 16px;
		padding: 15px 0;
	}
	#footer .footmenu:after { content: none; }

#footer table.location {
	border-collapse: separate;
	padding: 22px 0 25px;
	margin: 0;
	background: #f3f3f3;
	width: 100%;
}
	#footer table.location td {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding-right: 0;
		line-height: 20px !important;
	}
	#footer table.location td.logo,
	#footer table.location td.institute_name {
		width: auto;
		margin-bottom: 15px;
	}
	#footer table.location td.logo img {
		width: 32px;
		margin-right: 10px;
	}
	#footer table.location td.address span { display: none; }

#footer .copyright {
	font-size: 9px;
	line-height: 15px;
	padding: 28px 0;
}


.mainimg .textbox.about .pagetitle .en{
	width:900px;
	font-size: 44px;
	line-height: 39px;
	}
.mainimg .textbox.about .pagetitle .ja {
	font-size: 20px;
	line-height: 30px;
}
#about .pagetitle{}
#photo #projectPhoto{ width: 100%;}

#heritage table.panels td.text{font-size: 1.4vw; !important}
}


/* PC 幅768〜1480px（標準） */
@media screen and (min-width: 768px) and (max-width: 1480px) {
	#navi .navi1 .child.hover { padding: 0 321px 0 380px; }
	#navi .navi2 .child.hover { padding: 0 155px 0 590px; }

	/* ABOUT */
	/*.panels .theme .ttl .ja { font-size: 30px; }*/
	/*.panels .theme .ttl .en { font-size: 18px; }*/
	/*table.panels td.text h4 { font-size: 16px; }*/
	/*#about table.panels td.text { font-size: 12px; }*/

	/* heritage */
	#heritage .panels .theme .ttl .en { font-size: 28px; }
	#heritage .panels .theme .ttl .ja { font-size: 15px; }
	/*#heritage table.panels td.text { font-size: 13px; }*/
}

/* PC 高さ900px以上 */
@media screen and (min-height: 900px){
	/* COLUMN DETAIL */
	/* 文字サイズ可変→固定へ */
	.single-column .textbox table td.category { font-size: 16px; }
		.single-column .textbox table td.category .large { font-size: 18px; }
		.single-column .textbox table td.headline .en { font-size: 22px; }
		.single-column .textbox table td.headline .ja { font-size: 18px; }
		.single-column .textbox table td.headline h2.en { font-size: 42px; }
		.single-column  .textbox table td.headline h2 { font-size: 24px; }
	.single-column .textbox table td.title { font-size: 18px; }
	.single-column .textbox table td.name { font-size: 22px; }
	.single-column .textbox table td.peopletitle { font-size: 14px; }
	.single-column .textbox table td.aboutpeople { font-size: 12px; }
	.single-column .textbox table td.leadtext { font-size: 14px; }
	.single-column .textbox table td.date { font-size: 10px; }
}


/* SP 幅767px以下 */
@media screen and (max-width: 767px) {
/* *************************************************
   0. layout
************************************************* */
html,body {
	font-size: 14px;
	line-height: 26px;
}
div#container,
div#contents,
#header,
#footer,
.wrapper,
.wrapper-narrow,
section {
	width: 100%;
	min-width: 100%;
}
div#contents {
	padding: 60px 0 0;
}
.spwrapper {
	width: 100% !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* *************************************************
   0. MENU
************************************************* */
#headersp { width: 100%; }

.drawer--left .drawer-hamburger {
	width: 60px;
	height: 60px;
	padding: 0;
	background: url(../images/common/btn_menu_s.png) no-repeat top left #000;
	background-size: 60px auto;
}

.drawer--left.drawer-open .drawer-hamburger {
	background: url(../images/common/btn_menu_close_s.png) no-repeat top left #000;
	background-size: 60px auto;

}
.drawer-nav {
	width: 240px;
	background: #000;
}

	/* logo */
	#headersp .logo {
		padding: 12px 0 0 75px;
		height: 60px;
		position: fixed;
		z-index: 100;
		background: #fff;
		width: 100%;
		text-indent: -9999px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
		-moz-box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
		-webkit-box-shadow:0px 2px 4px -2px rgba(4,0,0,0.2);
	}
	#headersp .logo img {
		height: 37px;
		float: left;
	}

	#headersp .logo h1 { padding: 6px 0 0 54px; }
	#headersp .logo h1 .ja{
		font-size: 12px;
		line-height: 1em;
		height: 1;
		display: block;
		margin-bottom: 6px;
	}

	#headersp .logo h1 .en {
		display: block;
		font-size: 9px;
		line-height: 1em;
		letter-spacing: 0.4px;
	}
	#headersp .logo a { text-decoration: none; }

	/* login */
	.drawer-login {
		position: fixed;
		z-index: 104;
		top: 0;
		left: -180px;
		display: block;
		box-sizing: content-box;
		width: 180px;
		height: 60px;
		-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		border: 0;
		outline: 0;
		background: url(../images/common/bg_login_s.png) no-repeat 0 0 #ec2c2c;
		background-size: contain;
		text-indent: -9999px;
	}
	.drawer--left.drawer-open .drawer-login { left: 0; }
	/* メニュー */
	ul.drawer-menu  {
		list-style: none;
		margin: 0 auto;
		padding-bottom: 60px;
		margin-top: 60px;
	}
	ul.drawer-menu li {
		color: #fff;
		padding: 15px 14px;
		position: relative;
		
	}
	ul.drawer-menu > li {
		background: url(../images/common/icon_rightarrow_white.png) no-repeat 210px center;
		background-size: 12px 23px;
	}
	ul.drawer-menu li.lang {
		width: 100%;
		height: 61px;
		padding: 0 14px;
		background: none;
	}
		ul.drawer-menu li.lang div {
			width: 105px;
			height: 100%;
			background-size: 105px auto !important;
		}
		ul.drawer-menu li.lang div.japanese { background: url(../images/common/bg_langja_s.gif) no-repeat 0 -61px; }
		ul.drawer-menu li.lang div.english { background: url(../images/common/bg_langen_s.gif) no-repeat 0 -61px; }
		ul.drawer-menu li.lang div.act { background-position: 0 0; }

	ul.drawer-menu li.dm02 { background-image: none; }
	ul.drawer-menu > li::after {
		content: "";
		display: block;
		height: 1px;
		width: 212px;
		border-bottom: solid 1px #555555;
		position: absolute;
		bottom: 0;
	}
	ul.drawer-menu > li.dm02:after,
	ul.drawer-menu > li.dm03:after,
	ul.drawer-menu > li.dm04:after { content: none; }

	ul.drawer-menu > li.dm05 { margin-bottom: 7px; }
	ul.drawer-menu > li.dm05:after { bottom: -7px; }
	
	ul.drawer-menu li a {
		text-decoration: none;
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
	}

	ul.drawer-menu li.sub a {
		padding-left: 26px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.drawer-menu li .en {
		font-family: "AlternateGotNo3D",sans-serif;
		font-weight: 400;
		font-size: 24px;
		line-height: 1;
	}
	ul.drawer-menu li .ja {
		font-family: 'GT101MB R';
		font-size: 12px;
		display: block;
	}
	ul.drawer-menu > ul li .ja { line-height: 16px; }
	
	ul.drawer-menu li.sub  {
		line-height: 37px !important;
		padding: 0 14px;
	}

	ul.drawer-menu > li.dm04 { margin-top: -7px; }
	ul.drawer-menu > li.dm06:after { 
		content: "";
		display: block;
		height: 15px;
	}
	ul.drawer-menu li.sub .ja { font-size: 14px; }
/* open */
ul.drawer-menu li ul.child.toggle { display: none; }
ul.drawer-menu li.open {
	background: #fff;
	color: #000;
	padding-bottom: 6px;
	background-image: none;
}
	ul.drawer-menu li.open a {
		font-size: 14px;
		color: #000;
		text-decoration: none;
	}
	ul.drawer-menu li.open ul.child { margin-top: 8px; }
	ul.drawer-menu li.open ul.child li {
		padding: 0;
		text-indent: 26px;
		border-bottom: solid 1px #dddddd;
	}
	ul.drawer-menu li.open:after,
	ul.drawer-menu li.open ul.child li:last-child { border-bottom: none; }
	ul.drawer-menu li.open ul.child li a { height: 35px; }
	ul.drawer-menu li.open ul.child li .ja { line-height: 35px; }

/* *************************************************
   footer
************************************************* */
#footer_banar table.banar1 { margin: 20px 0; }
	#footer_banar table.banar1 td {
		height: 80px;
	}
	#footer_banar table.banar1.two_column td {
		width: 100%;
		display: block;
	}
		#heritage #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_discovery2_s.jpg);
			background-size: cover;
		}
		#join #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_discovery1_s.jpg);
			background-size: cover;
		}
		#research #footer_banar table.banar1 td.left,
		#subcommittee #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_activities1_s.jpg);
			background-size: cover;
		}
		#event #footer_banar table.banar1 td.left {
			background: url(../images/common/bg_footerbnr_activities2_s.jpg);
			background-size: cover;
		}

		#subcommittee #footer_banar table.banar1 td.right {
			background: url(../images/common/bg_footerbnr_activities2_s.jpg);
			background-size: cover;
		}
		#event #footer_banar table.banar1 td.right,
		#research #footer_banar table.banar1 td.right {
			background: url(../images/common/bg_footerbnr_activities3_s.jpg);
			background-size: cover;
		}
			#footer_banar table.banar1 td a:after { width: 12%; }
			#join #footer_banar table.banar1 td .text { height: 55px; }
			#footer_banar table.banar1 td .text { height: 70px; }
			#footer_banar table.banar1.two_column td .text { height: 36px; }
			#footer_banar table.banar1 td .en { font-size: 24px; }
			#footer_banar table.banar1 td .en.small { font-size: 14px; }
			#footer_banar table.banar1 td .ja { font-size: 12px; }
			#footer_banar table.banar1 td .en.small + .ja { margin-top: 5px; }

#footer_banar table.banar2 td{
	display: block;
	width: 100%;
}
	#footer_banar table.banar2 td.left {
		height: 200px;
		height: 56vw;
	}
	#about #footer_banar table.banar2 td.left {
		background: url(../images/uniq/learn1/img_related_learn2.jpg);
		background-size: cover;
	}
	#join #footer_banar table.banar2 td.left {
		background: url(../images/uniq/about/img_related_about_s.jpg);
		background-size: cover;
	}
		#footer_banar table.banar2 td a { padding: 20px 12% 20px 12px; }
			#footer_banar table.banar2 td .country,
			#footer_banar table.banar2 td .heritage { font-size: 12px; }
			#footer_banar table.banar2 td .projectname {
				font-size: 18px;
				margin-bottom: 10px;
			}
			#footer_banar table.banar2 td .projectname.en {
				font-size: 38px;
				line-height: 34px;
			}
			#footer_banar table.banar2 td .category { font-size: 14px; }
#footer {
	height: auto;
	background-color: transparent;
}

#scrollTop {
	display: block;
	text-align: center;
	position: static;
	width: 100%;
	padding: 15px 0;
}
	#scrollTop:hover { opacity: 1; }
	#scrollTop a {
		text-decoration: none;
		font-family: "AlternateGotNo3D",sans-serif;
		font-size: 20px;
		color: #000;
	}
	#scrollTop img { width: 20px; }

#footer .footmenu {
	border-top: solid 1px #cbcbcb;
	padding: 0;
	background: #f3f3f3;
}
	#footer .footmenu li {
		width: 100%;
		border-left: none;
		border-bottom: solid 1px #cbcbcb;
	}
	#footer .footmenu li a {
		font-size: 16px;
		padding: 15px 0;
	}
	#footer .footmenu:after { content: none; }

#footer table.location {
	border-collapse: separate;
	padding: 22px 0 25px;
	margin: 0;
	background: #f3f3f3;
	width: 100%;
}
	#footer table.location td {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding-right: 0;
		line-height: 20px !important;
	}
	#footer table.location td.logo,
	#footer table.location td.institute_name {
		width: auto;
		margin-bottom: 15px;
	}
	#footer table.location td.logo img {
		width: 32px;
		margin-right: 10px;
	}
	#footer table.location td.address span { display: none; }

#footer .copyright {
	font-size: 9px;
	line-height: 15px;
	padding: 28px 0;
}

/* *************************************************
   共通設定
************************************************* */
/* ページタイトル */
.pagetitle { width: auto; }
.pagetitle .en {
	display: block;
	font-size: 40px;
	line-height: 39px;
	margin-bottom: 0;
}
.pagetitle .ja {
	font-size: 20px;
	line-height: 30px;
}

.pagetitle .en.small {
	font-size: 23px;
	line-height: 20px;
	margin-left: 0;
	margin-bottom: 6px;
}
/* セクションタイトル */
.sec_title {
	width: 100%;
	margin-bottom: 30px;
}
	.sec_title .en{ font-size: 39px; }
	.sec_title .ja { font-size: 16px; }
	.sec_subtitle {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 15px;
	}

/* セクションタイトル（吹き出し付） */
table.balloon_frame { margin: 0 auto 30px auto; }

	table.balloon_frame td {
		display: inline-block;
		width: 100% !important;
	}
	table.balloon_frame td.balloon {
		height: 65px;
		background: url(../images/common/bg_balloon_s.png) no-repeat top center;
		background-size: 280px auto;
		vertical-align: middle;
	}

		table.balloon_frame td.balloon p {
			width: 280px;
			margin: 8px auto 0 auto;
			font-size: 19px;
			line-height: 24px;
		}
		table.balloon_frame .sec_title { text-align: center; }


/* メインイメージ */
.mainimg {
	min-height: 300px;
	height: auto;
	background-image: none !important;
}
.mainimg .textbox {
	width: 100%;
	padding: 0 12px;
	text-align: center;
	top: initial;
	top: auto;
	left: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
	.textbox .pagetitle {
		text-align: center;
		margin-bottom: 10px;
	}
	.intro {
		padding-top: 30px;
		font-weight: bold;
	}

/* section */
section.section { padding: 50px 0; }
section.section.first { padding-top: 50px !important; }
/* マップ */
.map {
	height: 250px;
	border-bottom: 29px;
}

/* table */
.table th, .table td { padding: 25px 0; }
	.table th { width: 63px; }

.table.half {
	width: 100%;
	float: none;
	margin-left: 0;
}
/* .panels */
.panels img.mission_img {
	width: 100%;
	display: block;
	margin-bottom: 2px;
}

.panels .theme { height: 145px; }

		.panels .theme .ttl .ja { font-size: 24px; }
		.panels .theme .ttl .en {
			font-size: 14px;
			margin: 7px 0 14px;
			letter-spacing: 1.5px;
			line-height: 1
		}

		.panels .theme .ttl .arrow { width: 23px; }

	.panels .textbox {
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.panels h4 {
		font-weight: bold;
		font-size: 16px;
		line-height: 1em;
		margin-bottom: 20px;
	}

	.panels .textbox ul { margin-top: 30px; }
		.panels .textbox ul li {
			width: 100%;
			border-bottom: solid 1px #bbb;
		}
		.panels .textbox ul li.headline {
			font-weight: bold;
			line-height: 1;
			padding-bottom: 10px;
		}

			.panels .textbox ul li p,
			.panels .textbox a {
				display: block;
				width: 100%;
				padding: 25px 30px 25px 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.panels .textbox a {
				background: url(../images/uniq/link/icon_arrowr_black.png) no-repeat right center;
				background-size: 14px auto;
				text-decoration: none;
			}
				.panels .textbox a span{
					color: #ec2c2c;
					text-decoration: underline;
				}
/* 関連ページリンク */
.relatedpage { width: 100% }
	.relatedpage img { width: 100%; }
	.relatedpage a {
		display: block;
		width: 100%;
	}
	.relatedpage .textbox {
		display: block;
		width: 100%;
		padding: 20px 46px 20px 12px;
	}
	.relatedpage.black .textbox { background-color: #000; }
	.relatedpage.adjustarrow .textbox { background-position: 96% 30%; }
		.relatedpage a .en {
			font-size: 32px;
			line-height: 30px;
			letter-spacing: 0.3px;
		}
		.relatedpage a .ja {
			font-size: 18px;
			margin-top: 5px;
		}

/* *************************************************
   Top Page
************************************************* */
.home .pagetitle .en { margin-bottom: 0; }
#mainimg_sp .flexslider .slides > li { height: 350px; }

ul.news.half {
	width: 100%;
	margin: 0 0 54px 0;
	position: relative;
}
	ul.news li.caption {
		padding-bottom: 8px;
		margin: 0 0 20px;
	}
	ul.news li.caption .link { display: none; }
	ul.news.half li .date { width: 100%; }
	ul.news li .article {
		width: 100%;
		font-size: 14px;
	}
	ul.news li.listlink {
		font-weight: bold;
		text-align: right;
	}
.newscategory {
	width: 100%;
	padding: 14px 14px 0;
	margin-bottom: 0;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
}
	.newscategory i { margin: 0 32px 12px 0; }

.home #newsbox {
	width: 100%;
	padding: 0 0 40px 0;
}
/* *************************************************
   Project 絞り込み検索
************************************************* */
#spsearch {
	background: #000;
	color: #fff;
	padding: 8px 8px 0;
	margin-bottom: 40px;
	margin: 30px 0 40px;
}
	.search .freeword { height: 45px; }
	.search .freeword input[type="text"] { font-size: 16px; }

	#spsearch #advanceBtn {
		text-align: center;
		padding: 15px 0;
	}
	#spsearch #advanceBtn span {
		font-size: 18px;
		line-height: 1em;
		padding-right: 25px;
		background: url(../images/common/icon_downarrow_white.png) no-repeat right center;
		background-size: 15px auto;
	}

	#spsearch #advancearea { display: none; }
	#spsearch select {
		height: 30px;
		padding-left: 15px;
		margin-bottom: 15px;
		font-size: 16px;
	}

	#spsearch .search .freeword { height: 28px; }
	.search .freeword input[type=button]{
		top: 0;
		right: 6px;
	}
	#spsearch select { background-position: 98% center; }
	#spsearch label { margin-right: 0; }

	#spsearch table { width: 100% }
	#spsearch table th {
		width: 100%;
		font-size: 18px;
		line-height: 1em;
		padding: 20px 0;
		border-top: solid 1px #727272 !important;
	}

	#spsearch table tr:last-child label { margin-top: 6px; }
	#spsearch table tr:last-child label::before { top: 22%; }

	ul.listswitch { margin-bottom: 20px; }
		.listswitch li{
			float: left;
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.listswitch li a {
			height: 29px;
			line-height: 29px;
			text-decoration: none;
			color: #8d8d8d;
			padding-left: 43px;
			margin-left: 18px;
		}
			.listswitch li.photo {
				background: url(../images/uniq/icon_photolist.png) no-repeat 18px center;
				background-size: 28px auto;
			}
			.listswitch li.list {
				background: url(../images/uniq/icon_listmark.png) no-repeat 18px center;
				background-size: 28px auto;
			}
			
			.listswitch li.act a { color: #333333; }
			.listswitch li.photo.act {
				background: url(../images/uniq/icon_photolist_on.png) no-repeat 18px center;
				background-size: 28px auto;
			}
			.listswitch li.list.act {
				background: url(../images/uniq/icon_listmark_on.png) no-repeat 18px center;
				background-size: 28px auto;
			}

/* *************************************************
   Project Detail
************************************************* */
/* プロジェクトページ解説 */
section#project_commentary .outer{ width: 100%; }
	section#project_commentary .outer .lead {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 50px;
		text-align: left;
	}

	section#project_commentary .outer table.commentary {
		width: 100%;
		margin-left: 0;
		margin-bottom: 50px;
		float: none;
	}

		section#project_commentary .outer table.commentary td.icon { padding-bottom: 20px; }
			section#project_commentary .outer table.commentary td.icon img { height: 28px; }
		section#project_commentary .outer table.commentary td.look { padding-bottom: 17px; }
		section#project_commentary .outer table.commentary td.text {
			line-height: 22px;
			padding-bottom: 20px;
			height: auto;
		}
		section#project_commentary .outer table.commentary td.img img { width: 100%; }

	section#project_commentary .outer .bottomtext {
		line-height: 22px;
		text-align: left;
	}
	section#project_commentary .outer .searchbar img{ width: 100%; }

/* *************************************************
   Project Detail
************************************************* */

.mainimg .textbox.projectdetail  {
	position: static;
	width: 100%;
	padding: 0;
	margin: 18px 0 40px;
}
	.textbox.projectdetail .pagetitle { text-align: left; }
	.textbox.projectdetail .pagetitle .en {
		font-size: 30px;
		line-height: 27px;
	}

	.textbox.projectdetail .pagetitle .ja {
		font-size: 16px;
		line-height: 22px;
	}

	.textbox.projectdetail .relate {
		font-size: 14px;
		line-height: 22px;
		padding-top: 10px;
		margin-bottom: 0;
		border-bottom: none;
		text-align: left;
	}
	.mainimg .textbox.projectdetail td {
		display: inline-block;
		width: 100% !important;
		border-top: solid 1px #cccccc;
		border-left: none;
		padding: 12px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.mainimg .textbox.projectdetail td:last-child { padding-bottom: 0; }
	.mainimg .textbox.projectdetail td.place .objectname {
		font-size: 14px;
		line-height: 20px;
	}

.single-project .article { padding: 50px 0 15px; }
.single-project .article#background,
.single-project .article#results { background: #f4f4f4 }

	.single-project .article .text { margin-bottom: 25px; }
	.single-project .article .photo .box {
		width: 100% !important;
		float: none;
		margin-left: 0;
		margin: 0 0 25px;
	}
	.single-project .article .photocaption { font-size: 12px; }
	

	.single-project .title_relate {
		border-bottom: none;
		text-align: center;
		padding: 0;
		margin-bottom: 8px;
	}
	.single-project .title_relate .en {
		display: block;
		font-size: 25px;
		line-height: 1em;
		border-bottom: solid 1px #bbbbbb;
		padding-bottom: 4px;
		margin-right: 0;
	}
	.single-project .title_relate .ja {
		display: block;
		font-size: 14px;
		line-height: 1em;
		margin-top: 8px;
	}

	.single-project ul.relatelink li {
		padding: 0;
		margin: 0;
		background-image: none;
		float: none;
		border-bottom: solid 1px #dddddd;
	}
	.single-project ul.relatelink li a {
		display: block;
		padding: 16px 0;
		line-height: 22px;
		text-decoration: none;
		background: url(../images/uniq/icon_arrow_r_black.png) no-repeat right center;
		background-size: 11px auto; 
	}
/* *************************************************
   Project List  （list ・ photo）
************************************************* */
/* list ・ photo　共通 */
#list #scrollTop, #photo #scrollTop { background: #e8e8e8; }
#list #contents, #photo #contents { padding-top: 312px; }

/* list */
#list #projectList { padding-bottom: 10px; }
	#list .items table {
		padding: 10px 7px;
		border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

		#list .items table th, #list .items table td {
			display: block;
			width: 100% !important;
			border-left: none !important;
			font-size: 10px;
			line-height: 20px;
		}
		#list .items table td {
			border-top: solid 1px #cccccc;
			padding: 10px 0;
		}


#list .sort {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 8px 9px;
	margin-bottom: 30px;
	background: url(../images/common/icon_downarrow_black.png) no-repeat 95% center #fff;
	background-size: 17px auto;
}

#list #projectList.default .item01,
#list #projectList.country .item01,
#list #projectList.heritage .item02,
#list #projectList.title .item03,
#list #projectList.period .item04,
#list #projectList.category .item05 { 
	font-size: 14px;
	font-weight: bold;
}

#photo #projectPhoto{
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
}
#photo ul.photolist {
	width: 100%;
	display: block;
	margin-top: 0;
}

	#photo ul.photolist li {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 22px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	#photo ul.photolist li img { margin-bottom: 20px; }
	#photo ul.photolist li h3 { font-size: 16px; }
/* *************************************************
   About
************************************************* */
/* missions */
.mainimg .textbox.about .pagetitle .ja { letter-spacing: -0.2px; }
#missions .sec_subtitle {
	font-size: 14px;
	line-height: 26px;
	text-align: left;
}

/* .panels */
#missions .panels .theme.t1 {
	background: url(../images/uniq/about/bg_mission1_theme.png) no-repeat #ec2c2c center center;
	background-size: 100%;
}
#missions .panels .theme.t2 {
	background: url(../images/uniq/about/bg_mission2_theme.png) no-repeat #ec2c2c center center;
	background-size: 52%;
}
#missions .panels .theme.t3 {
	background: url(../images/uniq/about/bg_mission3_theme.png) no-repeat #ec2c2c center center;
	background-size: 52%;
}
#missions .panels .theme.t4 {
	background: url(../images/uniq/about/bg_mission4_theme.png) no-repeat #ec2c2c center center;
	background-size: 77%;
}

/* organization */
#organization img {
	width: 100%;
	margin: 15px auto;
}
#about .zoom img {
	text-align: center;
	width: 143px;
	margin-bottom: 30px;
}
.table.org { margin: 0; }
.table.org:first-child { margin-top: 35px; }
.table.org th, .table.org td {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}

.table.org th.ttl {
	font-size: 14px;
	line-height: 1em;
}
.table.org th.ttl span { font-size: 10px; }

/* history */
#about .section#history { padding-bottom: 0; }
.table.history tr:first-child th { padding-top: 5px; }
.table.history tr:first-child td { padding-top: 0; }

.table.history th{ font-size: 26px; }
.table.history td {
	padding: 20px 0;
	line-height: 30px;
}

#historyphoto { margin-bottom: 30px; }
#historyphoto img {
	width: 50%;
	border-bottom: solid 1px #fff;
}

/* members */
.table.members { letter-spacing: -.40em; }

	.table.members th,
	.table.members td {
		display: inline-block;
		width: 100%;
		letter-spacing: normal;
		padding: 13px 0;
	}

	.table.members th {
		width: 100%;
		font-size: 16px;
		line-height: 1em;
		border-bottom: none;
		padding-bottom: 0;
	}
	.table.members td {
		font-size: 14px;
		line-height: 24px;
	}

.piechart { padding: 40px 0 0; }
	.piechart img{ width: 100%; }
	.piechart .zoom { margin: 30px 0 0; }
	.piechart .zoom img { margin-bottom: 0 !important; }

#access .access dd { line-height: 28px; }
#access .address dt { display: none; }
#access .address dd { width: 100%; }

/* *************************************************
   News
************************************************* */
#information #contents,
.single-post #contents {
	background: none;
	padding-bottom: 0;
}

#information .pagetitle {
	position: absolute;
	padding: 0;
	bottom: 30px;
	top: initial;
}

#information .intro {
	color: #333;
	text-align: left;
	margin-bottom: 40px;
}


label.selectInfoYear {
	display: -webkit-box;
	display: box;
	box-pack:center;
	-webkit-box-pack:center;
	background-color: #ec2c2c;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 100%;
	overflow: hidden;
	
}
	label.selectInfoYear:before { content: none; }
	.selectInfoYear select {
		text-align: center;
		width: 75px;
		height: 40px;
		color: #fff;
		font-size: 31px;
		letter-spacing: 3px;
		background: url(../images/uniq/news/icon_downarrow_circle_red.png) no-repeat right 15px #ec2c2c;
		background-size: 16px auto;
		font-family: "acumin-pro-extra-condensed",sans-serif;
		padding: 0 26px 0 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto auto 3px auto;
	}
	.selectInfoYear select.past {
		width: 118px;
		font-family: 'GT101MB R';
		letter-spacing: normal;
		font-size: 23px;
		margin-top: 0;
	}

#information #newsbox .archiveyear { display: none; }

#information #newsbox,
.single-post #newsbox {
	width: 100%;
	padding: 40px 0;
}
	#information #newsbox ul.news.half,
	.single-post #newsbox ul.news.half { margin-bottom: 35px; }

	#newsbox .newscategory {
		border-top: solid 1px #bbbbbb;
		padding: 20px 0;
	}

#newsbox .pickup {
	background: #f4f4f4;
	border: none;
}

	#newsbox .pickup table { padding: 24px 12px; }
		#newsbox .pickup table td {
			display: inline-block;
			width: 100% !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#newsbox .pickup table td.col01 img {
			width: 100%;
			height: 100%;
			margin-bottom: 20px;
		}

	#newsbox .category {
		margin-bottom: 15px;
		height: auto;
	}
	#newsbox .title {
		font-size: 18px;
		line-height: 25px;
	}
	#newsbox td.title {
		padding-right: 30px;
		background: url(../images/uniq/news/icon_arrowr.png) no-repeat right 3px;
	}

	#newsbox .title .date {
		display: block;
		margin: 0 0 10px 0;
	}
	#newsbox .pickup table td.col03 { display: none; }
.newsicon.fa { top: -6px; }

/* News 詳細 */
.single-post ul.news li.caption { font-size: 12px; }
.single-post ul.news li.caption span {
	display: inline-block !important;
	font-family: "AlternateGotNo3D",sans-serif;
	font-weight: 400;
	font-size: 19px;
	margin-right: 4px;
}
.single-post table.headline { margin-bottom: 5px; }
	.single-post table.headline td {
		display: inline-block;
		width: 100%;
	}
	.single-post .category { margin-bottom: 5px !important; }
	.single-post .title { margin-top: 0; }

.single-post .listback { margin: 50px 0 0; }
	.single-post .listback a {
		font-size: 16px;
	}

/* *************************************************
   Publication
************************************************* */
#publication #scrollTop { background: #f4f4f4; }
	#publication section .sec_title { margin-bottom: 40px; }
	#publication section .columnbox {
		width: 100%;
		margin: 0;
	}
		#publication .column {
			width: 100%;
			float: none;
			margin: 0;
			padding: 0;
		}
		#publication .column.center { padding-left: 0; }
		#publication .column.two { width: 100%; }
		#publication .column.two.oneitem .itembox { margin-left: 0; }

			#publication .column .itembox {
				margin: 0 auto !important;
				width: 294px;
				float: none !important;
			}
				#publication .column .item { width: auto; }
					#publication .column .headline {
						font-size: 16px;
						line-height: 22px;
						margin-bottom: 20px;
					}
					#publication .column .text {
						margin-bottom: 14px;
						min-height: 0;
					}

						#publication .column img {
							width: 137px;
							margin-bottom: 20px;

						}
						#publication .column a.btn {
							width: 137px;
							background-size: 137px auto !important;
						}

							#publication .column a.jp_en { background: url(../images/uniq/publication/btn_jaen_s.png) no-repeat 0 0; }
							#publication .column a.jp { background: url(../images/uniq/publication/btn_ja_s.png) no-repeat 0 0; }
							#publication .column a.en { background: url(../images/uniq/publication/btn_en_s.png) no-repeat 0 0; }

/* *************************************************
   Link
************************************************* */
#link #contents {
	background: none;
	padding-bottom: 0;
}

#link .pagetitle {
	position: absolute;
	padding: 0;
	bottom: 30px;
	top: initial;
}

#link .intro {
	color: #333;
	text-align: left;
	margin-bottom: 40px;
}
	#link #box {
		width: 100%;
		padding: 0;
	}
		#link #box .category {
			font-size: 20px;
			font-weight: bold;
			line-height: 1;
			color: #fff;
			text-align: center;
			background: #000;
			padding: 10px 0;
			border-bottom: none;
			margin-bottom: 0;
		}
			#link #box .link + .category { margin-top: 0; }

		#link #box .link { padding: 30px 0; }
		#link #box .link.gray { background: #f4f4f4; }

			#link #box .headline { border: none; }
				#link #box .headline a {
					display: block;
					width: 100%;
					padding-right: 60px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					background: url(../images/uniq/link/icon_arrowr_black.png) no-repeat right top;
					background-size: 20px auto;
				}
					#link #box .headline .sitename {
						float: none;
						width: 100%;
						font-size: 18px;
						line-height: 25px;
						padding: 0 0 3px 0;
						margin-right: 0;
						background-image: none;
					}
					#link #box .headline .url {
						display: block;
						width: 100%;
						font-size: 14px;
						line-height: 18px;
						display: inline;
						padding-right: 0;
						background-image: none;
					}
/* *************************************************
   Learn1 - ABOUT CULTURAL HERITAGE - 
************************************************* */
#heritage .section { padding: 50px 0; }
	#heritage .sec_subtitle { margin-bottom: 40px; }
	
	/* .panels */
	#heritage .panels .theme {
		height: 120px;
		background: #000;
	}
	#heritage .panels .theme .ttl .en { font-size: 32px; }
	#heritage .panels .theme .ttl .ja {
		font-size: 18px;
		margin-top: 5px;
	}
/* *************************************************
   Learn2 - ABOUT INTERNATIONAL COOPERATION CULTURAL HERITAGE BY JAPAN - 
************************************************* */
#join .section { padding: 50px 0; }

#join table.sidephoto td.photo { display: none; }
#join table.sidephoto td.text {
	width: 100%;
	padding: 0;
}
	#join table.sidephoto td.text .story {
		padding: 53px 13px 20px;
		margin-top: 30px;
		position: relative;
	}
	#join table.sidephoto td.text .story img { margin-bottom: 20px; }
	#join #internationalcooperation table.sidephoto td.text .story img {
		width: 100%;
		float: none;
	}
		#join #internationalcooperation table.sidephoto td.text .story img:first-child { margin: 0 0 6px; }
	#join table.sidephoto td.text .story .title {
		font-size: 32px;
		position: absolute;
		top: 20px;
		left: 13px;
	}

#join #actors table.table.org { margin-top: 30px; }

/* slider */
#join .flexslider { margin-bottom: 30px; }
#join .flexslider .slides .caption {
	background: #000;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	padding: 7px 0;
	height: 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#join #internationalcooperation .slides .caption { padding-top: 15px; }
#join .flexslider .flex-direction-nav a {
	top: initial;
	bottom: 0;
	text-indent: -9999px;
	font-size: 0;
	height: 46px;
}
	.flex-direction-nav .flex-prev {
		background: url(../images/common/flex-prev.png) no-repeat left center;
		background-size: 16px auto;
	}
	.flex-direction-nav .flex-next {
		background: url(../images/common/flex-next.png) no-repeat right center;
		background-size: 16px auto;
	}
	.flex-direction-nav a:before,
	.flex-direction-nav a.flex-next:before { content: none; }
/* *************************************************
   Activities1〜3
************************************************* */
/* 1〜3共通 */
#research .sec_title { width: 100%; }

#event .sec_title,
#research .sec_title,
#subcommittee .sec_title { margin-bottom: 50px; }

#event .textbox .link,
#research .textbox .link,
#subcommittee .textbox .link { display: none; }

table.activity {
	width: 100%;
	margin: 0;
}

	table.activity tr { letter-spacing: -.40em; }
	table.activity td,
	table.activity tr:last-child td,
	table.activity td.year.first { border: none; } /* border all clear */
	table.activity td {
		border-top: solid 1px #bbb !important;
		display: inline-block;
		width: 100% !important;
		padding: 12px 0;
		letter-spacing: normal;
	}
	table.activity td.year {
		display: none;
		font-size: 30px;
		text-align: center;
		padding: 0 0 7px 0;
	}
	table.activity td.year.first {
		display: inline-block;
		border: none !important;
	}
	table.activity td.title h4 {
		border: none;
		padding-bottom: 0;
		padding-right: 0;
		min-height: initial;
	}
	table.activity td.date { padding-left: 0; }
	table.activity td.btn { padding: 24px 0 48px; }
	table.activity td.btn.half {
		width: 50% !important;
		padding-right: 10px;
	}
		table.activity td.btn.half:last-child { padding: 24px 0 48px 10px; }
		
		table.activity td.btn a {
			width: 50%;
			margin: 0 auto;
			background-position: 94% center !important;
			background-size: 11px auto;
		}
		table.activity td.btn.half a { width: 100%; }



/* ACTIVITIES3 */
#subcommittee table.activity td.btn.half { width: 100% !important; }
#subcommittee table.activity td.btn.half a { width: 70%; }

.reserch2018bnr{width:100%;}
.reserch2018bnr img{width:100% !important;}

/* *************************************************
   Column
************************************************* */
#columns .section { padding-bottom: 100px; }
#columns .section#featuredtopics { margin-bottom: 50px; }
#columns .sec_subtitle {
	margin-bottom: 50px;
	text-align: left;
}


#columns .outer { margin-left: 0; }
	#columns .box {
		width: 100%;
		line-height: 20px;
		float: none;
		margin: 0 0 30px 0;
	}

		#columns .box img {
			margin-bottom: 21px;
			height: auto;
		}
		#columns .box .title {
			font-size: 16px;
			line-height: 22px;
			margin-bottom: 15px;
		}
			#columns .box .title a {
				display: block;
				width: 100%;
				min-height: 36px;
				padding-right: 45px;
				background: url(../images/common/icon_arrowr_black.png) no-repeat right top;
				background-size: 20px auto;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
		#columns .box .text {
			font-size: 14px;
			line-height: 28px;
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
		#columns .box .org {
			display: inline-block;
			font-size: 10px;
			line-height: 1.5;
			margin: 0 10px 0 0;
		}
		#columns .box .name {
			display: inline-block;
			font-size: 16px;
			margin-bottom: 20px;
		}
		#columns .box .project_name { display: none; }

/* *************************************************
   Column Detail
************************************************* */
/* ヒト・コト・モノ共通 */
.single-column .mainimg { height: auto; }
.single-column .textbox {
	width: 100%;
	position: static;
	padding: 0;
}

	.single-column .textbox table td { padding: 0 12px; }
	.single-column .textbox table td.category {
		display: table-cell;
		width: 90px;
		height: 80px;
		font-size: 10px;
		line-height: 18px;
		padding: 0 12px;
	}
		.single-column .textbox table td.category .large {
			font-size: 14px;
			letter-spacing: 1px;
		}

	.single-column .textbox table td.headline {
		display: table-cell;
		padding: 10px 0 0 10px;
	}
	.single-column .thing_object .textbox table td.headline { padding-top: 4px ;}
		.single-column .textbox table td.headline .en { font-size: 19px; }
		.single-column .textbox table td.headline .ja {
			font-size: 12px;
			margin-left: 5px;
		}
		.single-column .textbox table td.headline h2.en { font-size: 39px; }
		.single-column .textbox table td.headline h2 {
			font-size: 18px;
			padding-top: 10px;
		}

	.single-column .textbox table td.title {
		padding-top: 30px;
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 26px;
	}

	.single-column .textbox table td.name {
		font-size: 20px;
		padding-bottom: 12px;
	}
	.single-column .textbox table td.peopletitle {
		font-size: 10px;
		line-height: 12px;
	}
		.single-column .textbox table td.peopletitle:after {
			width: 100%;
			margin: 20px auto 0;
		}
	.single-column .textbox table td.aboutpeople {
		font-size: 14px;
		line-height: 28px;
		padding-top: 20px;
	}
	.single-column .textbox table td.leadtext {
		font-size: 14px;
		line-height: 28px;
	}
	.single-column .textbox table td.date { padding-bottom: 40px; }

/* ヒト */
.single-column section.article.people {
	width: 100%;
	margin: 0;
}
	
	.single-column section.article.people table.balloon_frame { margin-bottom: 25px; }
		.single-column section.article.people table.balloon_frame td.balloon p{ font-size: 15px; }
			.single-column section.article.people table.balloon_frame td.balloon p br { display: none; }
	.single-column section.article.people .sec_title {
		font-size: 18px;
		line-height: 24px;
	}
	.single-column section.article.people .interviewtext { padding-bottom: 50px; }
		.single-column section.article.people .interviewtext img {
			width: 100%;
			float: none !important;
			margin: 0 0 20px 0 !important;

		}
/* コト・モノ */
.single-column section#columnabout .box {
	width: 100%;
	margin: 0 auto;
}

	.single-column section#columnabout .box .title {
		font-size: 16px;
		line-height: 24px;
	}
	.single-column section#columnabout .box .content {
		line-height: 28px;
		padding-bottom: 30px;
	}
	.single-column section#columnabout .box .content:last-child { padding-bottom: 0; }


.single-column section#tools { width: 100%; }
	.single-column section#tools .box {
		width: 100%;
		padding-top: 0;
		border: none;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.single-column section#tools .box .oneimage {
			width: 100%;
			float: none;
			margin: 0 0 25px 0 !important;
		}
			.single-column section#tools .box .oneimage img {
				margin-bottom: 13px;
				width: 100%;
				max-width: 500px;
				height: auto;
			}


	.single-column .balloonbox { width: 100%; }
		.single-column .balloonbox.favoritetool { position: static; }
			.single-column .balloonbox .innerbox,
			.single-column .balloonbox.white .innerbox {
				width: 100%;
				padding: 40px 13px 20px;
				background: #fff;
				border: solid 1px #bbb;
				color: #333;
				float: none;
				position: relative;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.single-column .balloonbox .innerbox:before { content: none; }

			.single-column .balloonbox .headline { position: static; }

				.single-column .balloonbox .headline p {
					display: inline-block;
					min-width: initial;
					max-width: initial;
					font-size: 12px;
					font-weight: bold;
					line-height: 22px;
					background: #fff;
					border: none;
					padding: 0;
					color: #333;
					text-align: center;
					border-radius: 0px 0px 0px 0px;
					-webkit-border-radius: 0px 0px 0px 0px;
					-moz-border-radius: 0px 0px 0px 0px;
				}
				.single-column .balloonbox.white .headline p { 
					background: #fff;
					color: #333;
				}

			.single-column .balloonbox .title {
				font-size: 20px;
				line-height: 28px;
				font-weight: normal;
				margin-bottom: 25px;
			}
			.single-column section#flow .thing_objectbox .balloonbox .title { text-align: center; }
				.single-column .balloonbox .title:before { content: "「"; }
				.single-column .balloonbox .title:after { content: "」"; }
			.single-column .balloonbox .content {
				font-size: 14px;
				line-height: 28px;
			}
.single-column section#flow .thing_objectbox { width: 100%; }

	.single-column section#flow .thing_objectbox table.balloon_frame {
		width: 100%;
		margin-bottom: 22px;
	}
		.single-column section#flow .thing_objectbox table.balloon_frame td.balloon {
			height: 58px;
			background: url(../images/common/bg_balloon_small.png) no-repeat center top;
			background-size: 60px 40px;
		}
		.single-column section#flow .thing_objectbox table.balloon_frame td.balloon p {
			margin-right: 0;
			width: auto;
			font-size: 30px;
			line-height: 1;
			margin-top: 2px;
		}
		.single-column section#flow .thing_objectbox table.balloon_frame .sec_title { font-size: 18px; }

	.single-column section#flow .thing_objectbox .flowtext { padding-bottom: 30px; }
		.single-column section#flow .thing_objectbox .flowtext img{ margin-bottom: 25px; }
		.single-column section#flow .thing_objectbox .flowtext > p { margin-bottom: 30px; }
		.single-column section#flow .thing_objectbox .flowtext .balloonbox.white { position: static; }

/* *************************************************
   Contact
************************************************* */
#contact #contents,
#confirm #contents,
#complete #contents,
#eventform #contents,
#eventform #contents,
#eventform #contents {
	background: none;
	padding-bottom: 0;
}

#contact .pagetitle,
#confirm .pagetitle,
#complete .pagetitle,
#eventform .pagetitle,
#eventform .pagetitle,
#eventform .pagetitle {
	position: absolute;
	padding: 0;
	bottom: 30px;
	top: initial;
}

#contact .intro,
#confirm .intro,
#complete .intro,
#eventform .intro,
#eventform .intro,
#eventform .intro {
	color: #333;
	text-align: left;
	margin-bottom: 40px;
}

/* input */
ul.contacttab { width: 100%; }
ul.contacttab li {display: none; }
	ul.contacttab li.act {
		display: table-cell;
		width: 100%;
		font-size: 30px;
	}
	ul.contacttab li .big { font-size: 39px; }
	ul.contacttab li .ja { font-size: 20px; }

#contactbox {
	width: 100%;
	margin: 0;
	padding: 0;
}

	table.form { width: 100%; }
	table.form.bottomline { border-bottom: none; }
	table.form + table.form { margin-top: 40px; }

		table.form th,
		table.form td {
			display: inline-block;
			width: 100% !important;
			padding:  80px 0 1px 0;
			font-size: 16px;
		}
		table.form th {
			padding-right: 0;
			padding-bottom: 0;
			text-align: center;
		}
			table.form th .en { font-size: 39px; }

		table.form th + td { padding-top: 40px; }
		table.form td {
			border-bottom: none;
			font-size: 16px;
			line-height: 28px;
		}

			table.form td .text {
				margin-bottom: 40px;
				padding-bottom: 15px;
				font-size: 18px;
				font-weight: bold;
				border-bottom: solid 1px #bbb;
			}

			.form .namewrap {
				min-width: initial;
				min-width: auto;
				float: none;
				margin: 0;
			}
				.form .namewrap.before { margin: 0 0 20px; }
				.form .namelabel {
					display: inline-block;
					width: 100%;
				}
				.form .half { width: 100%; }
				.form .triple { width: 29%; }
				.form select { width: 100%; }
				.form input[type="email"] { width: 100%; }
				.form input { border-radius: 0; }
				.form label {
					padding-left: 45px;
					min-height: 30px;
					line-height: 28px;
					margin-top: 40px;
				}
				.form label::before {
					width: 30px;
					height: 30px;
					top: 30%;
				}



	.buttonarea .btn { border-radius: 0; }
		.buttonarea .btn.return {
			background: url(../images/uniq/contact/btn_return_s.png) no-repeat center center #000;
			background-size: auto 80px;
		}

		.buttonarea .btn.submit {
			background: url(../images/uniq/contact/btn_submit_s.png) no-repeat center center #ec2c2c;
			background-size: auto 80px;
		}

	ul.contact_notes { width: 100%; }
		ul.contact_notes li:before { width: 5%; }
		ul.contact_notes li p { width: 95%; }

/* complete */
#complete .completetext { width: 100%; }
#complete .completetext p.title,
#confirm p.title {
	font-size: 18px;
	margin-bottom: 40px;
}

} /* @end media screen and (max-width: 767px)