/*
	$Id: common.css,v2.2 $

/*===========================================================================

  設定リセット　ここから

===========================================================================*/
#background dir ,#background menu ,#background dl ,#background dt ,#background dd ,#background form ,#background h1 ,#background h2 ,#background h3 ,#background h4 ,#background h5 ,#background header ,#background footer ,#background article ,#background section ,#background div ,#background p ,#background address {
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	padding:0;
	margin:0;
	text-align:left;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	border: none;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	zoom:1;
}
em{
	font-style: normal;
}

#background ul ,#background ol ,#background nav ,#background figure {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	border: none;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	zoom:1;
}


#background li ,#background figure {
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	zoom:1;
	position:relative;
}

#background a ,
#background img {
	border: none;
	outline: none;
}

#background div ,#background dl ,#background header ,#background footer ,#background article ,#background section {
	position:relative;
}

#background textarea ,#background input {
	border: none;
	outline: none;
	-webkit-appearance: none;
}
#background a ,#background span ,
#background em ,#background strong ,
#background figure ,#background figcaption {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	outline: none;
}

#background .clearfix:after ,
#background div:after ,
#background nav:after ,
#background ul:after ,
#background ol:after ,
#background li:after ,
#background menu:after ,
#background article:after ,
#background section:after ,
#background aside:after ,
#background dir:after ,
#background dl:after,
#background dt:after,
#background td:after {
	content: ".";
	display: block;
	clear: both;
	height: 0em;
	visibility: hidden;
	overflow: hidden;
	zoom:1;
	font-size:0;
}
#background h1 ,#background h2 ,#background h3 ,#background h4 ,#background hr {
	clear: both;
}
#background table ,#background table tr {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#background td ,#background th {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	border-collapse: collapse;
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
select ,option ,input ,textarea {
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*===========================================================================

  カラーボックス設定　ここから
  Colorbox v1.4.31

===========================================================================*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;padding: 0 0 0 0;}
#colorbox:focus,
#cboxOverlay:focus,
#cboxWrapper:focus {
	outline: none;
}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*------------------------------------
  ユーザー設定　ここから
-------------------------------------*/
#cboxOverlay{background:#000;}
#colorbox:focus {outline: none;}

#cboxContent{margin-top:35px; margin-bottom: 30px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}


#cboxTitle{
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	position:absolute; bottom:-30px; left:0; color:#fff;
	font-size: 14px;
	font-weight: bold;
	height: 1.4em;
	text-align: left;
}
#cboxCurrent{
	font-family: "Noto Sans", "Noto Sans TC", sans-serif;
	position:absolute; top:-25px; right:0; color:#ccc;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding-right: 40px;
	text-align: right;
}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}


#cboxContent #cboxPrevious,
#cboxContent #cboxNext{
	position:absolute; top:50%; margin-top:-25px;
	width:50px; height:50px;
	text-indent:-9999px;
	border: none;
	filter: Alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	background: rgba(0,0,0,0.7) url(../images/icon03.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#cboxContent:hover #cboxPrevious,
#cboxContent:hover #cboxNext{
	filter: Alpha(opacity=100);
	opacity: 1;
}
#cboxPrevious{
	left:0px;
	transform: rotate(-90deg);
}
#cboxNext{
	right:0px;
	transform: rotate(90deg);
}
#cboxContent:hover #cboxPrevious:hover,
#cboxContent:hover #cboxNext:hover{
	filter: Alpha(opacity=50);
	opacity: 0.5;
}

#cboxClose{
	position:absolute; top:-25px; right:0; display:block;
	background:url(../images/icon_close.svg) no-repeat center center;
	background-size: 16px 16px;
	width:16px; height:16px; text-indent:-9999px; border: none;
	filter: Alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
#cboxClose:hover{
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
/** スマートフォン用カウンター **/
@media screen and (max-width: 740px) {
	#cboxContent #cboxPrevious,
	#cboxContent #cboxNext{
		position:absolute; top:100%; margin-top:10px;
		width:25px; height:25px;
		background-size: 25px 25px;
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	#cboxContent:hover #cboxPrevious:hover,
	#cboxContent:hover #cboxNext:hover{
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	#cboxPrevious{left:0px;}
	#cboxNext{right:0px;}
	#cboxTitle{
		padding: 0 30px 0 30px;
		font-size: 12px;
	}
	#cboxContent{margin-bottom: 50px;}
}