@charset "utf-8";

/*font-family:FontAwesome;*/
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");/*font-family:Lato, sans-serif;*/
@import url("https://fonts.googleapis.com/css?family=Anton&subset=latin,latin-ext");/*font-family: 'Anton', sans-serif;*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700");

html{overflow-y:scroll;font-size:62.5%;} /* 10px相当 */
html,body.page-template-page-project{margin:0px;padding:0px;}
body.page-template-page-project{
/*
page-template-page-project-php
page-id-680
logged-in
*/
	font-size: 1.6rem;
	line-height:1.8;
	font-family: 'Noto Sans JP', sans-serif;
	background-image:none;
	background:#F0F0F0;
}
/*
body.page-template-page-project:before{
	content:"";
	margin:0px;
	padding:100vh 0px 0px 0px;
	width:100%;
	height:0px;

	background-image:url("images/bg_HongKong.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;

	z-index:1;
	position:fixed;
	top:-200px;
	left:0px;
	z-index:-2;
}
body.page-template-page-project:after{
	content:"";
	margin:0px;
	padding:100vh 0px 0px 0px;
	width:100%;
	height:0px;
	background:rgba(0,0,0,0.5);
	z-index:1;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;
}
*/
#toc_container,
.no_bullets,
.contracted{display:none !important;}

a.post-edit-link{z-index:2147483647 !important;}

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

	改ページ
*/
/*★直前で*/.page-break-before{page-break-before: always;}
/*★直後に*/.page-break-after{page-break-after: always;}

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

	ページ内ナビ
*/
nav#menuLocal{
	margin:0px auto;
	padding:0px;
	width:100%;
	display:block;
}
nav#menuLocal ul{
	margin:0px auto;
	padding:0px;
	width:100%;
	list-style:none;
	display:flex;
	justify-content:center;
	position:fixed;
	left:0px;
	top:0px;
	z-index:2147483646 !important;
}					
nav#menuLocal ul li{
	margin:0px 1px 1px 1px;
	padding:0px;
}
nav#menuLocal ul li a{
	margin:0px 1px 0px;
	padding:1em 2em;
	font-size:87.5%;
	display:block;
	color:#CCC;
	background:#363636;
	border-radius:0px 0px 5px 5px;
}
nav#menuLocal ul li a:hover{
	background:#161616;
	text-decoration:none;
}

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

	ヘッダー・コンテンツの【共有】要素
*/
header#header{
	margin:0px;
	padding:0px;
	border:none;
	color:#666;
	display:block;
}
header#header h1{
	margin:0px;
	padding:1.5em 0px 0px 0px;
	text-align:center;
	font-size:40px;
	font-weight:normal;
}
header#header h1 span{
	font-family: 'Anton', sans-serif;
	font-size:80px;
/*	text-shadow: 0 1px 3px #000;*/
	display:block;
	border-bottom: none !important;
    text-decoration:none !important;
}
header#header h1 span abbr{
	border-bottom: none !important;
    text-decoration:none !important;
}
header#header,
section.box_project{
	margin:0px auto;
	padding:0px;/*3em;*/
	box-sizing:border-box;
	width:100%;
	display:block;
}

@media (min-width:  768px) {
	
	section.box_project{min-height:500px;}
	
/*メディアクエリの閉じ→*/}

section.box_project h1{}
section.box_projectarticle{}

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

	お知らせ
*/

/*
====================================================================================================
	新着・更新情報
====================================================================================================
*/
aside.announcement{
	margin:0px auto;
	padding:2%;
	width:96%;
	max-width:1050px;
	display:block;
	position:relative;
}
aside.announcement,
aside.announcement a{}
aside.announcement a:hover{text-decoration:none;}

aside.announcement ul{
	margin:0px;
	padding:0.2em 0px 0px 0px;
	list-style:none;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
aside.announcement ul li{
	margin:0px;
	padding: 0.8em 0px;
	border-bottom:1px dotted #999;
	position:relative;
}
aside.announcement ul li h2{font-size: 118.75% !important;font-weight:bold;display:inline-block;}
aside.announcement ul li:nth-last-of-type(1){border:none;}
aside.announcement ul li a{color:#00B1BB;}
aside.announcement ul li a:hover{color:#009fa8;}

aside.announcement ul li a span.the_time{
	margin:0px 1em 0px 0px;
	font-family:Lato, sans-serif;
/*	font-size:103.5714%;*/
}

@media (max-width:  767px) {

/*メディアクエリの閉じ→*/}

@media (min-width:  768px) {

	

/*メディアクエリの閉じ→*/}





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

	コンテンツの【個別】要素
*/
article{
	margin:0px auto;
	padding:2%;
	width:96%;
	max-width:1050px;
	display:block;
/*	background:rgba(0,0,0,0.05);*/
}

h1,
h2{
	margin:0px;
	padding:1em 0px 0.5em 0px;
	line-height:1.2;
	font-weight:normal;
	border:none;
}
h1{font-size:250%;}
h2{font-size:175%;}

@media (max-width:  767px) {

	h1,
	h2{font-weight:bold;}

/*メディアクエリの閉じ→*/}

@media (min-width:  768px) {

	
/*メディアクエリの閉じ→*/}

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

	箇条書きスタイル
*/
ul.clause{
	margin:0.5em auto;
	padding:0px;
	width:100%;
	list-style:none;
	display:block;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
ul.clause li{
	padding:0.8em 0px;
	display:block;
	overflow:hidden;
	border-top:1px dotted #999;
}
ul.clause li:nth-of-type(1){border:none;}

ul.clause li span.th1{
	margin:0px;
	padding:0.4em 0px;
	width:20%;
	text-align:center;
	border-radius:5px;
	background:#DDD;
	display:block;
	float:left;
}
ul.clause li p{
	margin:0px;
	padding:0.1em 0px 0px 1em;
	box-sizing:border-box;
	width:80%;
	line-height:1.43;
	float:left;
	display:block;
}

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

	カラム
*/
ul.col{
	margin:0px auto;
	padding:0px;
	width:96%;
	max-width:1050px;
	list-style:none;
	display:flex;
	z-index:4;
	position:relative;
}
ul.col li{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	border-right:2px dotted #CCC;
	width:25%;
	text-align:center;
	display:block;
	white-space: normal;
	overflow:hidden;
	position:relative;
	z-index:2;
}
ul.col li:nth-last-of-type(1){border:none;}
ul.col li h1{margin:0px;padding:0px;font-size:118.75% !important;}
ul.col li a{
	margin:1px;
	padding:0px 1em;
	max-height:15em;
	color:#000;
	display:block;
/*
	background:#CCC;
	background:#F00;
*/
}
ul.col li a:hover{text-decoration:none;}



ul.col li a:after{
	content:"";
	margin:0px;
	padding:0px 0px 20% 0px;
	width:100%;
	height:0px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:3;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}





ul.col2 li{width:50%;}
ul.col3 li{width:33.33%;}
ul.col4 li{width:25%;}
ul.col5 li{width:20%;}

figure.post-image{
	margin:0px;
	padding:0px;
	display:block;
}
figure.post-image img{
	width:100%;
	height:33.34%;
}

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

	親
*/
section#post-680{
	position:relative;
}
/* ------------------------------------------------------------

	子
*/
section#post-687{}
section#post-685{}
section#post-683{}
section#post-698{}

div#terms{
	margin:0px;
	padding:2em 0px;
	line-height:1.43 !important;
}

ul.linkDL{
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none;
	display:block;
	overflow:hidden;
}
ul.linkDL li{
	margin:0px;
	padding:0px;
	width:50%;
	float:left;
}
@media (max-width:  767px) {
	
	ul.linkDL li{float:none;}
	
/*メディアクエリの閉じ→*/}

ul.linkDL li a{
	margin:1px;
	padding:2em 2em 2em 5em;
	color:#FFF;
	display:block;
	position:relative;
	background:#febc00;
}
ul.linkDL li a[href$=".pdf"]{background:#dd3343;}
ul.linkDL li a[href$=".zip"]{background:#febc00;}

ul.linkDL li a[href$=".doc"],
ul.linkDL li a[href$=".docx"]{background:#618ffc;}

ul.linkDL li a[href$=".xls"],
ul.linkDL li a[href$=".xlsx"]{background:#adc900;}

ul.linkDL li a:hover{text-decoration:none;background:#333;color:#febc00;}
ul.linkDL li a.link:before{content:"\f08e";}
ul.linkDL li a.link:hover:before{color:#febc00;}

ul.linkDL li a:hover[href$=".pdf"]{color:#dd3343;}
ul.linkDL li a:hover[href$=".zip"]{color:#febc00;}

ul.linkDL li a:hover[href$=".doc"],
ul.linkDL li a:hover[href$=".docx"]{color:#618ffc;}

ul.linkDL li a:hover[href$=".xls"],
ul.linkDL li a:hover[href$=".xlsx"]{color:#adc900;}

ul.linkDL li a:before{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	width:3em;
	height:100%;
	line-height:3em;
	color:#FFF;
	text-align:center;
	position:absolute;
/*	background:rgba(0,0,0,0.1);*/
	display:block;
	left:0px;
	top:0px;
	font-size:180%;
	font-weight:normal;
}

ul.linkDL li a:hover[href$=".pdf"]:before{color:#dd3343;}
ul.linkDL li a:hover[href$=".zip"]:before{color:#febc00;}

ul.linkDL li a:hover[href$=".doc"]:before,
ul.linkDL li a:hover[href$=".docx"]:before{color:#618ffc;}

ul.linkDL li a:hover[href$=".xls"]:before,
ul.linkDL li a:hover[href$=".xlsx"]:before{color:#adc900;}
/* ------------------------------------------------------------------------------------------------------------------------

	pageTop
*/
p#pageTop{bottom:0px;}
p#pageTop a:before {border-radius:5px 5px 0px 0px;;background:#363636;content:"\f077";}
p#pageTop a:hover:before{background:#161616;}

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

	フッター
*/
footer#footer,
p#copyright{
	color:#666;
	background:none;
}
footer#footer{}
footer#footer dl{}
footer#footer dl dt{}
footer#footer dl dd{}
footer#footer dl dd address{}
p#copyright{}

/*
########################################################################################################################
########################################################################################################################
###
###	 drawerMenu
###
########################################################################################################################
########################################################################################################################
*/
/*
----------------------------------------------------------------------------------------------------

	 Toggle(Button)
*/
#navToggle {
	width:56px;
	height:56px;
	font-size:62.5%;
	display: none;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	z-index:2147483642;
	background:#363636;
}
#navToggle:hover {background:#161616;}
#navToggle div {position:relative}
#navToggle span {
	width:30px;
	border-bottom:solid 3px #FFF;
	display:block;
	position:absolute;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	left:13px;
}
#navToggle span:nth-child(1) {top:10px}
#navToggle span:nth-child(2) {top:19px}
#navToggle span:nth-child(3) {top:28px}

#navToggle p{/*MENU*/
	margin:0px;
	padding:0px;
	width:56px;
	color:#FFF;
	text-align:center;
	display:block;
	position:absolute;
	bottom:7px;
}

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

	 Global Navigation
*/

div#menu_global li.active a{background:#F00;}
div#menu_global nav {
	margin:0px;
	padding:0px;
    width:90%;
	max-width:280px;
	font-size:87.50%;
	position:absolute;
	z-index:2147483641;
}
div#menu_global ul {margin:-1px 0px 0px 0px;padding:0px;box-sizing:border-box;}
div#menu_global ul li {margin:0;line-height:2.5;display:block;}
div#menu_global ul li a {margin:1px 0px;padding:0px 1.0em;color:#CCC;display:block;border-radius:5px 0px 0px 5px;/*background:#363636;*/background:rgba(0,0,0,0.79);}
div#menu_global ul li a:hover{text-decoration:none;/*background:#161616;*/background:rgba(0,0,0,0.92);}

div#menu_global ul li:nth-of-type(1) a{border-radius:0px 0px 0px 5px;} 

@media screen and (max-width: 960px) {

div#menu_global{
	position:fixed;
	top:0px;
	right:0px;
	z-index:2147483640;
}
div#menu_global nav {
	width:280px;
    top:0px;
	right:-285px;
/*
	left:100%; 通常時はビュー外
	background:rgba(0,0,0,.7);
*/
	-webkit-transition:.5s ease-out;
	-moz-transition:.5s ease-out;
	-o-transition:.5s ease-out;
	transition:.5s ease-out;
}
#navToggle {display: block}

.openNav #navToggle{background:#161616;}
.openNav #navToggle span{top: 19px;}
.openNav #navToggle span:nth-child(1) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2){left:50%;width:1px;}
.openNav #navToggle span:nth-child(3) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
.openNav nav {right:0px !important;}

/*メディアクエリの閉じ→*/}

@media screen and (min-width: 961px) {
div#menu_global nav {
	top:0px;
	right:0px;
	position:fixed;
}
/*メディアクエリの閉じ→*/}

/*
########################################################################################################################
########################################################################################################################
###
###	 Print
###
########################################################################################################################
########################################################################################################################
*/

@media print{

	body{font-size:12px;color:#000;background:none;}


}