@charset "utf-8";
/*------------------------------------------------------------
預設樣式
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	letter-spacing: 1px;
}
body,
table,
input, textarea, select, option {
	font-family: 'Spectral', YuMincho, 'Yu Mincho', serif;
	background: url(../images/bg-black.png);
	color: #ffffff;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clear{
	clear: both;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.f-left{
	float: left;
}

.f-right{
	float: right;
}

a{
	color: #ffffff;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 500;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.wd100{
	width: 100%;
}

.rel{
	position: relative;
}

#map{
	height: 350px;
	width: 100%;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.table{
	display: table; 
}

.row{
	display: table-row;
}

.row>div{
	display: table-cell;
	padding: 0 45px 15px 0;
}

.row:last-child>div{
	padding: 0 10px 0 0;
}

.sp{
	display: none;
}

.pc{
	display: block;
}

.btn_wrap.sp{
	display: none;
}

.btn_wrap.pc{
	display: flex;
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #1a1a1a;
	z-index: 1;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	z-index: 2;
}
.ch-con{
	text-align: center;
    font-family: '微軟正黑體', sans-serif;
    font-size: 20px;
    line-height: 42px;
}

.ch-con a{
color: #4ec6ff;
}
/*------------------------------------------------------------
RWD
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px){
	#panel-btn{
		display: inline-block;
		position: relative;
		width: 50px;
		height: 50px;
		margin: 0;
	}

	#panel-btn:hover{
		background: #791216;
	}

	#panel-btn-icon{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 2px;
		margin: -1px 0 0 -9px;
		background: #ffffff;
		transition: .2s;
	}

	#panel-btn-icon:before, #panel-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 20px;
		height: 2px;
		background: #ffffff;
		transition: .3s;
	}

	#panel-btn-icon:before{
		margin-top: -6px;
	}

	#panel-btn-icon:after{
		margin-top: 4px;
	}

	#panel-btn .close{
		background: transparent;
	}

	#panel-btn .close:before, #panel-btn .close:after{
		margin-top: 0;
	}

	#panel-btn .close:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#panel-btn .close:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}
	
	.sp{
		display: block;
	}

	.pc{
		display: none;
	}
	
	.btn_wrap.pc{
		display: none;
	}

	.btn_wrap.sp{
		display: flex;
	}


}
/*------------------------------------------------------------
style.css
------------------------------------------------------------*/
@charset "utf-8";
/*------------------------------------------------------------
	header
------------------------------------------------------------*/
header .inner{
	line-height: 80px;
	margin: 0 auto;
	height: 80px;
	width: 1100px;
}

header .inner .logo img{
	vertical-align: middle;
}

header .inner .nav{
	font-size: 14px;
	font-weight: 500;
}

header .inner .nav li{
	float: left;
	margin-left: 30px;
}

header .inner .nav li:last-child{
	display: none;
}

header .inner .nav li a:hover{
	color: #c69c6d;
}

header .inner .tel{
	background: #791216;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	margin-left: 30px;
	padding: 4px 0;
	text-align:center;
	width: 197px;
}

header .inner .tel .sub{
	display: block;
	font-size: 12px;
}

header .inner .tel .fa{
	display: none;
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content{
	margin: 0 auto;
	width: 1100px;
}

/*------------------------------------------------------------
	mv
------------------------------------------------------------*/
.mv li img{
	width: 100%;
}

.mv > h1{
	display: table;
	margin: auto;
	position: absolute;
	right: 25%;
	text-align: center;
	top: 80px;
	width: 130px;
	z-index: 2;
}

.mv > h2{
	bottom: 60px;
	display: table;
	left: 25%;
	margin: auto;
	position: absolute;
	z-index: 2;
}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
.news{
	background: url(../images/bg-red.jpg);
}

.news .inner{
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
	width: 1000px;
}

.news h3{
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	margin-right: 80px;
	position: relative;
}

.news h3:after{
	content: "|";
	position: absolute;
	right: -40px;
	top: -2px;
}

.blog > a div{
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	float: left;
}

.blog .date{
	margin-right: 30px;
}

.blog .icon{
	margin-right: 15px;
}

.blog .icon span{
	border: 1px solid #ffffff;
	color: #e1e2de;
	font-size: 10px;
	padding: 5px 7px;
}

.news .viewall{
	bottom: 0;
	font-size: 12px;
	font-weight: 500;
	height: 28px;
	line-height: 28px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.news .viewall:after{
	content: "";
	background: url(../images/arrow.png) no-repeat;
	background-size: contain;
	bottom: 0;
	display: block;
	height: 15px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
}

.news .viewall a{
	color: #ffffff;
	display: block;
	width: 100%;
}

/*------------------------------------------------------------
	pankuzu
------------------------------------------------------------*/
.pankuzu{
	margin: 30px 0 45px;
}

.pankuzu li{
	float: left;
	font-size: 13px;
	font-weight: 500;
	margin-right: 30px;
	position: relative;
}

.pankuzu li span{
	display: inline;
	vertical-align: top;
}

.pankuzu li a{
	text-decoration: underline;
}

.pankuzu li a:hover{
	color: #a67c52;
}

.pankuzu li a:after{
	bottom: 0;
	content: ">";
	display: inline-table;
	margin: auto;
	position: absolute;
	right: -20px;
	top: 0;
}

mark{
	color: #fff;
	background-color: #4ea5ff85;
}
/*------------------------------------------------------------
	list
------------------------------------------------------------*/
.list{
	margin: 0 auto 100px;
	width: 1000px;
}

.list li:last-child{
	border-bottom: 1px solid #ffffff;
}


.list li .img-side{
	display: table-cell;
	vertical-align: top;
	width: 220px;
}

.list li .img-side img{
	width: 100%;
}

.list li .txt-side{
	margin-left: 45px;
	vertical-align: top;
}

.txt-side .date,
.txt-side .icon{
	display: inline-block;
	vertical-align: text-bottom;
}

.txt-side .date{
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.txt-side .icon{
    background: #666666;
    color: #ffffff;
    font-size: 10px;
	font-weight: 500;
    padding: 2px 7px;
}

.txt-side h3{
	color: #c9b58d;
	font-size: 20px;
	margin: 20px 0;
}

.txt-side p{
	font-size: 14px;
}

h1.title{
	color: #ffffff;
	font-size: 40px;
	text-align: center;
	margin-bottom: 40px;
}

h1.title span{
	display: block;
	font-size: 18px;
}

/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi{
	margin: 50px auto 0;
	text-align: center;
}

.wp-pagenavi span.pages{
	display: none;
}

.wp-pagenavi a,
.wp-pagenavi span{
	color: #808080;
	font-size: 20px;
	font-weight: 500;
	margin: 0 10px;
}

.wp-pagenavi span.current{
	border-bottom: 2px solid #a67c52;
	color: #a67c52;
}

/*------------------------------------------------------------
	single
------------------------------------------------------------*/
.single{
	margin: 0 auto 100px;
	width: 1000px;
}

.single .body{
	float: left;
	width: 689px;
}

.single .side-bar{
	float: right;
	width: 242px;
}

.single .date,
.single .icon{
	display: inline-block;
	vertical-align: text-bottom;
}

.single .date{
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.single .icon{
    background: #666666;
    color: #ffffff;
    font-size: 10px;
	font-weight: 500;
    padding: 2px 7px;
}

.single h1{
	color: #a67c52;
	font-size: 30px;
	margin: 30px 0 40px;
}

.single p{
//	border-top: 1px solid #a67c52;
	font-size: 15px;
	font-weight: 500;
	padding: 25px 0;
}

.single-link.btn_wrap{
	display: block;
	margin-top: 100px;
}

.single .body a{
	border: 1px solid #a67c52;
	border-radius: 5px;
	color: #a67c52;
	display: block;
	font-size: 14px;
	font-weight: 500;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 200px;
}

.single .body a:hover{
	background: #a67c52;
	color: #ffffff;
}

.side-bar h2{
	color: #a67c52;
	font-size: 24px;
	margin-bottom: 20px;
}

.side-bar h3{
	color: #a67c52;
	font-size: 14px;
	margin: 40px 0 20px;
}

.side-bar h2 span{
	font-size: 14px;
	margin-left: 20px;
}

.side-list li{
	border-top: 1px solid #a67c52;
}

.side-list a{
	padding: 20px 0;
	display: table;
}

.side-list .img-side{
	display: table-cell;
	vertical-align: top;
	width: 100px;
}

.side-list .txt-side{
	margin-left: 10px;
}

.single .side-list .date{
	font-size: 13px;
	margin-bottom: 5px;
}

.side-list .txt-side h3{
	font-size: 14px;
	margin: 10px 0 0;
}

.cate-list{
	border-top: 1px solid #a67c52;
	font-size: 14px;
	padding: 25px 0;
}

.cate-list li a:hover{
	color: #a67c52;
}

/*------------------------------------------------------------
	sec1
------------------------------------------------------------*/
.sec1{
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	padding: 50px 0;
	width: 100%;
}

.sec1 .rel{
	margin: 50px auto;
	width: 1100px;
}

.rel.kushimono img{
	display: block;
	left: -150px;
	margin-right: auto;
	position: relative;
}

.rel.tanpin img{
	display: block;
	margin-left: auto;
	position: relative;
	right: -100px;
	z-index: 1;
}

.kushimono .contents{
	position: absolute;
	right: 0;
	top: 100px;
}

.tanpin .contents{
	position: absolute;
	left: 0;
	top: 100px;
}

.diamond {
	border: 2px solid #c8b48c;
	height: 330px;
	left: 0;
	margin: auto;
	right: 0;
	width: 330px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.diamond__inner {
	background: transparent;
	bottom: 0;
	color: #fff;
	display: table;
	font-size: 14px;
	font-weight: 500;
	left: -20px;
	margin: auto;
	position: absolute;
	top: 30px;
	right: 0;
	text-align: center;
	width: 400px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

h2{
	color: #c9b58d;
	font-size: 48px;
	margin-bottom: 40px;
}

h2 span{
	display: block;
	font-size: 13px;
}

.diamond__inner h3{
	font-size: 20px;
	margin: 30px 0 25px;
}

.diamond__inner div{
	font-weight: 500;
}

.diamond__inner p{
	letter-spacing: 3px;
	line-height: 25px;
}

/*------------------------------------------------------------
	sec2
------------------------------------------------------------*/
.sec2{
	background: #0f0f0f;
	padding: 50px 0;
}

.sec2 img{
	width: 100%;
}

.sec2 .txt{
	margin: 0 auto;
	width: 1100px;
}

.sec2 .flex{
	align-items: flex-start;
}

.sec2 .flex > div{
	font-size: 14px;
	width: 38%;
}

.sec2 .flex > div.right{
	background: rgba(242,242,242,0.1);
	color: #c8b48c;
	font-size: 15px;
	font-weight: 500;
	padding: 50px 35px;
	width: 51%;
}

.sec2 .flex > div.right .row div:nth-child(2){
	font-size: 12px;
	font-weight: 500;
}

.sec2 h2{
	text-align: center;
}

.sec2 .flex > div > div{
	font-weight: 500;
	letter-spacing: 3px;
}

.sec2 .txt h3{
	font-size: 20px;
	letter-spacing: 3px;
	margin: 25px 0 35px;
}

.sec2 .tel{
	margin-top: 30px;
}

.sec2 .tel a{
	border: 2px solid #c8b48c;
	color: #c8b48c;
	display: block;
	font-size: 15px;
	font-weight: 500;
	height: 47px;
	line-height: 47px;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}

.sec2 .tel a:hover{
	background: #c8b48c;
	color: #ffffff;
}

.sec2 .tel a span{
	font-size: 24px;
	margin-left: 20px;
}

/*------------------------------------------------------------
	sec3
------------------------------------------------------------*/
.sec3{
	padding: 50px 0;
}

.sec3 .inner{
	margin: 0 auto;
	width: 678px;
}

.sec3 h2{
	text-align: center;
	margin-bottom: 50px;
}

.sec3 p{
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
}

/*------------------------------------------------------------
	sec-title
------------------------------------------------------------*/
.sec-title{
	text-align: center;
}

.sec-title h5{
	color: #c8b48c;
	font-size: 48px;
	margin-bottom: 40px;
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
footer{
	color: #ffffff;
	font-size: 14px;
}

footer .inner{
	margin: 60px auto 100px;
	width: 917px;
}

.line {
	background: rgba(242,242,242,0.1);
	margin: 40px 0 25px;
	padding: 15px;
	width: 100%;
}

.line > div{
	float: left;
	margin-right: 20px;
}

.line > div:first-child{
	width: 88px;
}

.line > div:nth-child(2){
	line-height: 30px;
	top: -5px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}

.line > div:last-child{
	border: 1px solid #adadad;
	float: right;
	margin-right: 0;
	width: 97px;
}

.line h3{
	color: #03b700;
	font-size: 20px;
	letter-spacing: 2px;
}

.line a{
	border: 2px solid #2c9a71;
	color: #2cead0;
	font-size: 20px;
	font-weight: 500;
	display: block;
	text-align: center;
	width: 100%;
}

.line a:hover{
	background: #2fb76c;
	color: #ffffff;
}

.line > a{
	display: none;
}

footer .left{
//	border-bottom: 1px solid #ffffff;
	width: 460px;
}

footer .txt{
	font-size: 14px;
	line-height: 25px;
	text-align: left;
}

footer .txt h6{
	font-size: 14px;
	font-weight: 500;
}

footer .row>div{
	padding: 0 10px 0 0;
}

a.fot-link{
	font-size: 16px;
	font-weight: 500;
	display: block;
	text-align: left;
	padding: 0 20px;
	position: relative;
}

a.fot-link:after{
	background: url(../images/arrow.png) no-repeat;
	bottom: 0;
	content: "";
	display: block;
	height: 10px;
	margin: auto;
	position: absolute;
	right: 20px;
	top: 0;
	width: 30px;
}

.copy{
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-top: 25px;
	text-align: right;
}

footer .inner2{
	background: url(../images/bg-red.jpg);
	padding: 30px 0 20px;
}

footer .inner2 .inner2-in{
	font-size: 12px;
	font-weight: 500;
	margin: 0 auto;
	width: 917px;
}

footer .inner2 .inner2-in > div{
	display: inline-block;
	margin-right: 50px;
}

footer .inner2 .inner2-in > div:last-child{
	margin-right: 0;
}

footer .inner2 .inner2-in h5{
	font-size: 20px;
}

footer .inner2 .inner2-in > div span{
	font-size: 10px;
}

.sp-btn{
	display: none;
}

.logo-s{
	display: none;
}

.line.facebook{
	display: none;
}

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px){
	.logo-s{
		display: block;
		left: 20px;
		position: absolute;
		top: 5px;
		width: 70px;
	}

	header.no-top{
		height: 80px;
//		position: absolute;
		top: 0;
		width: 100%;
	}
	
	header .inner{
		height: auto;
		line-height: unset;
		position: absolute;
		width: 100%;
		z-index: 3;
	}
	
	header .inner .nav{
		background: #0f0f0f;
		display: none;
		height: 100vh;
		position: absolute;
		width: 100%;
	}
	
	header .inner .nav li {
		border-bottom: 2px solid #333333;
		float: none;
		height: 50px;
		line-height: 50px;
		margin-left: 0;
	}
	
	header .inner .nav li:last-child{
		display: block;
		border-bottom: none;
		padding: 0 0 0 20px;
	}

	header .inner .nav li > a{
		color: #ffffff;
		display: block;
		padding: 0 0 0 20px;
		width: 100%;
	}

	header .inner .nav li span a{
		display: inline-block;
		margin-left: 10px;
		vertical-align: top;
		width: 25px;
	}
	
	header .inner .tel{
		background: #791216;
		height: 50px;
		line-height: 50px;
		margin-left: 0;
		position: absolute;
		right: 20px;
		text-align: center;
		top: 0;
		width: 50px;
	}
	
	header .inner .tel a{
		color: #ffffff;
		display: block;
	}
	
	header .inner .tel .fa{
		display: inline-block;
		margin: 0;
	}

	header .inner .tel span{
		display: none;
	}

	header .inner .logo{
		display: none;
	}
	
	header .inner .logo img{
		width: 120px;
	}
	
	.sp-btn{
		display: block;
		position: absolute;
		right: 20px;
		top: 50px;
		transition: .2s;
	}
	
	.sp-btn.closed{
		top: 0;
		right: 0;
		height: 100vh;
		background: #791216;
	}
	
	.mv > h1{
		bottom: 0;
		left: 0;
		top: 0;
		right: 0;
		width: 100px;
	}
	
	.mv > h2{
		bottom: unset;
		top: 20px;
		left: 20px;
		width: 80px;
	}
	
	header .inner .tel .sub{
		display: none;
	}
	
	.news .inner{
		height: auto;
		line-height: unset;
		padding: 5px 0;
		width: 95%;
	}
	
	.news h3{
		display: none;
	}
	
	.blog{
		padding: 7px 0 0 0;
	}
	
	.blog > div{
		font-size: 12px;
	}
	
	.blog .icon {
		float: unset;
		margin-right: 0;
	}
	
	.blog .icon span{
		padding: 2px 5px;
	}
	
	.blog .date {
		margin-right: 10px;
	}
	
	.news .viewall{
		background: #ffffff;
		bottom: unset;
		height: 40px;
		line-height: 15px;
		text-align: center;
		top: 10px;
		width: 50px;
	}
	
	.news .viewall:after{
		background: none;
	}

	.news .viewall a{
		color: #791216;
		padding: 5px 0 0 0;
	}
	
	.blog > div.title{
		margin-top: 5px;
	}
	
	.sec1{
		background: none;
		overflow: hidden;
		padding: 20px 0;
	}
	
	.sec1 .rel {
		margin: 0px auto;
		width: 91%;
	}

	.sec1 .rel.kushimono img {
		display: block;
		left: 0;
		margin-right: auto;
		position: relative;
		right: unset;
	}
	
	.kushimono .contents {
		position: static;
		right: 0;
		top: 0;
	}
	
	.diamond {
		border: none;
		height: auto;
		left: 0;
		margin: auto;
		right: 0;
		width: 100%;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	.diamond__inner {
		background: transparent;
		bottom: 0;
		color: #fff;
		display: table;
		font-size: 12px;
		font-weight: 500;
		left: 0;
		margin: auto;
		position: relative;
		top: -30px;
		right: 0;
		text-align: center;
		width: 100%;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	.diamond__inner h2{
		position: absolute;
		top: -220px;
		right: 20px;
	}
	
	.diamond__inner div {
		text-align: left;
	}
	
	.diamond__inner h3 {
		font-size: 16px;
		margin: 5px 0 10px;
		text-align: left;
	}
	
	.diamond__inner p {
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
	}
	
	h2 {
		font-size: 35px;
		margin-bottom: 0;
	}
	
	h2 span {
		font-size: 10px;
	}
	
	.tanpin .contents {
		position: static;
		left: 0;
		top: 0;
	}
	
	.rel.tanpin img {
		right: -30px;
	}

	.tanpin .diamond__inner{
		top: -100px;
	}
	
	.tanpin .diamond__inner h2{
		top: 0;
		left: 0;
		line-height: 40px;
		right: unset;
		position: static;
		text-align: left;
	}
	
	.sec1 .txt{
		position: static;
		right: unset;
		left: 15px;
	}
	
	.sec1 .txt h2{
		display: table;
		font-size: 26px;
		height: auto;
		left: 15px;
		letter-spacing: 3px;
		line-height: unset;
		padding: 5px 10px;
		position: absolute;
		top: 10px;
		width: auto;
	}
	
	.sec1 .txt h3{
		display: table;
		font-size: 14px;
		height: auto;
		left: 15px;
		padding: 5px 10px;
		position: absolute;
		top: 50px;
		width: auto;
	}
	
	.sec1 .txt h4{
		display: none;
	}
	
	.sec1 .txt h5 {
		font-size: 18px;
		top: 0;
		left: 40px;
		position: relative;
	}
	
	.sec1 .txt p {
		font-size: 12px;
		top: 0px;
		left: 40px;
		position: relative;
		width: 80%;
		margin-top: 10px;
	}
	
	.sec2{
		background: none;
		padding: 0 0 20px;
	}
	
	.sec2 .flex > div.right {
		font-size: 12px;
		padding: 30px 15px;
		width: 100%;
	}
	
	.row>div{
		display: block;
		float: left;
		font-size: 12px;
		padding: 0 0px 10px 0;
	}

	.row>div:last-child{
		float: right;
	}
	
	.sec2 .flex{
		display: block;
	}
	
	.sec2 .flex > div {
		font-size: 12px;
		margin: 10px 0;
		text-align: center;
		width: 100%;
	}
	
	.sec2 .txt{
		display: table;
		left: 0;
		margin: auto;
		position: static;
		right: 0;
		top: 0;
		width: 100%;
	}
	
	.sec2 .txt h2{
		font-size: 35px;
		height: auto;
		letter-spacing: 3px;
		line-height: unset;
		padding: 5px 10px;
	}
	
	.sec2 .txt h3{
		font-size: 16px;
		height: auto;
		margin: 5px 0 15px;
		padding: 5px 10px;
	}
	
	.sec2 .inner{
		width: 90%;
	}
	
	.sec2 .inner .block {
		background: none;
		bottom: 0;
		color: #ffffff;
		padding: 15px 0;
		position: relative;
		right: 0;
		width: 100%;
	}

	.sec2 .inner .block h2 {
		font-size: 20px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.sec2 .inner .block h3 {
		font-size: 16px;
		text-align: right;
	}
	
	.sec2 .inner .block p {
		font-size: 12px;
		margin: 15px 0;
	}
	
	.sec2 .inner .block .menu {
		font-size: 10px;
		margin: 15px 0;
	}
	
	.sec2 .inner .block .menu span{
		font-size: 10px;
	}
	
	.sec2 .inner .block .tel{
		border: 1px solid #c69c6d;
		font-size: 10px;
	}
	
	.sec2 .inner .block .tel a{
		color: #c69c6d;
	}
	
	.sec2 .inner .block .tel span {
		font-size: 16px;
		margin-left: 5px;
	}
	
	.sec3{
		padding: 20px 0;
	}
	
	.sec3 h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.sec3 .txt{
		position: static;
	}
	
	.sec3 .inner{
		width: 90%;
	}
	
	.sec3 .inner img{
		right: 0;
		left: 0;
	}
	
	.sec3 .txt h2{
		font-size: 26px;
		display: table;
		height: auto;
		line-height: unset;
		padding: 5px 10px;
		position: absolute;
		top: -100px;
		width: auto;
	}
	
	.sec3 .txt h3{
		font-size: 14px;
		display: table;
		height: auto;
		padding: 5px 10px;
		position: absolute;
		top: -60px;
		width: auto;
	}
	
	.sec3 .txt h5 {
		font-size: 18px;
		top: 0;
		position: static;
	}
	
	.sec3 .txt p {
		font-size: 12px;
		margin-top: 10px;
		top: 0;
		position: static;
	}
	
	.sec2 .tel {
		margin-top: 30px;
		width: 90%;
		margin: auto;
	}
	
	.sec2 .tel a{
		font-size: 10px;
	}
	
	.sec2 .tel a span{
		font-size: 16px;
		margin-left: 5px;
	}
	
	.sec-title{
		padding: 0 0 20px;
	}
	
	.sec-title h5 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	.sec4{
		font-size: 12px;
		padding: 20px 0;
	}
	
	.sec4 .inner{
		display: block;
		width: 90%;
	}
	
	.sec4 .flex > div {
		width: 100%;
	}
	
	.sec4 .row > div:first-child{
		width: 100px;
	}
	
	footer .inner{
		margin: 20px auto 50px;
		width: auto;
	}
	
	footer .left {
//		border-bottom: 1px solid #ffffff;
		margin: 0 auto;
		width: 90%;
	}
	
	footer .fb{
		display: none;
	}
	
	.line{
		background: rgba(77,77,77,0.8);
		display: block;
		margin: 0 auto;
		padding: 10px;
		position: relative;
		width: 100%;
	}

	.line.facebook{
		display: block;
		margin-top: 20px;
	}
	
	.line.facebook h3{
		color: #5a81b3;
	}
	
	.line.facebook > a{
		bottom: 7px;
	}
	
	.line.f-left{
		float: unset;
	}
	
	.line > div:last-child{
		display: none;
	}
	
	.line > div:first-child {
		line-height: unset;
		width: 50px;
	}
	
	.line > div:nth-child(2){
		float: unset;
		line-height: 25px;
		top: 0;
		position: static;
		margin-right: 0;
	}
	
	.line > div{
		margin-right: 10px;
	}
	
	.line h3{
		font-size: 11px;
		float: left;
		letter-spacing: 1px;
	}
	
	.line a {
		border: none;
		font-size: 14px;
		display: table;
		width: auto;
	}

	.line > a{
		color: #ffffff;
		border: 2px solid #ffffff;
		display: table;
		height: 25px;
		line-height: 25px;
		margin: 0 auto;
		position: absolute;
		left: 70px;
		text-align: center;
		width: 70%;
	}
	
	footer{
		padding: 30px 0 0;
	}
	
	footer .txt{
		font-size: 10px;
		line-height: 30px;
		margin: 0 auto 30px;
		position: static;
		text-align: left;
		width: 100%;
	}

	footer .txt a {
		border: 1px solid #c69c6d;
		color: #c69c6d;
		height: 40px;
		line-height: 40px;
		margin: 10px auto;
		width: 85%;
	}

	footer .txt a span {
		font-size: 16px;
		margin-left: 10px;
	}
	
	.copy {
		font-size: 10px;
		margin-top: 30px;
		text-align: center;
	}
	
	footer .inner2{
		padding: 20px 0;
	}
	
	a.fot-link{
		margin-top: 25px;
	}
	
	footer .inner2 .inner2-in{
		text-align: center;
		width: 100%;
	}
	
	footer .inner2 .inner2-in > div:first-child{
		display: none;
	}
	
	footer .inner2 .inner2-in > div {
		display: block;
		margin-right: 0;
	}
	
	.content{
		width: 90%;
	}
	
	.pankuzu {
		margin: 30px 0 25px;
	}
	
	.list{
		width: 100%;
	}
	
	h1.title {
		font-size: 30px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	h1.title span {
		font-size: 16px;
	}
	
	.list li .img-side,
	.side-list .img-side{
		width: 35%;
	}
	
	.list li .txt-side{
		margin-left: 10px;
	}
	
	.txt-side .date,
	.single .side-list .date{
		font-size: 14px;
		margin-bottom: 0;
	}
	
	.txt-side h3,
	.side-list .txt-side h3{
		font-size: 18px;
		margin: 10px 0 0;
	}
	
	.txt-side p {
		display: none;
	}
	
	.single{
		width: 100%;
	}
	
	.single .body {
		float: unset;
		width: 100%;
	}
	
	.single h1 {
		font-size: 24px;
		margin: 10px 0;
	}
	
	.single p {
		border-top: none;
		font-size: 14px;
		padding: 15px 0;
	}
	
	.single .body a{
		margin-top: 30px;
	}
	
	.single .side-bar {
		float: unset;
		margin: 50px 0;
		width: 100%;
	}
	
	.cate-list{
		padding: 15px 10px;
	}
	
	.side-list li:last-child{
		border-bottom: 1px solid #a67c52;
	}
	
	footer .row>div:last-child{
		float: left;
	}
}
/*------------------------------------------------------------
supersized.css
------------------------------------------------------------*/
supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.html) no-repeat center center;}

#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.html) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


/*Add ken burns effect to supersized*/

#supersized img {
  -moz-animation: move 14s ease infinite;
  -webkit-animation: move 14s ease infinite;
  animation: move 14s ease infinite;
}

@-moz-keyframes move {
  from {
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes move {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes move {
  from {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}


/*------------------------------------------------------------
思源黑體
------------------------------------------------------------*/
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
 }