/**************************
/* ????
**************************/
.video{
	display: block;
	width: 100%;
}

/**************************
/* ?w?b?_?[?i?r?Q?[?V????
**************************/
#label .label{
	float: right;
	padding: 10px;
}
#label .label .subtitle{
	font-size: 12px;
	color: #555;
	margin-bottom: -2px;
}
#label .label .tel{
	padding-left: 30px;
	background: url('../images/tel_icon_bk.png');
	background-size: 10% auto;
	background-repeat: no-repeat;
	background-position: left center;
}
#label .label .tel a{
	font-size: 25px;
	font-weight: bold;
	color: #555;
}
#label .label .line{
	display: table;
}
#label .label .line div{
	display: table-row;
}
#label .label .line div span{
	display: table-cell;
	vertical-align: top;
	padding-left: 5px;
}
#label .label .line a img{
	height: 50px;
}
/* iPad ?c */
@media only screen and (max-width:768px){

	#label{
		width: 100%;
	}
	#label .label{
		float: none;
		width: 100%;
	}
	#label .label .content{
		width: 270px;
		margin: 0px auto;
	}
}

/**************************
/* ?w?b?_?[???j???[
**************************/
#headernav{
	padding:0px 0 0px;
	overflow:hidden;
	background: none;
}

* html #headernav{
	height:1%;
}

#headernav ul{
	clear: both;
}
#headernav ul{
	display: table;
	width: 100%;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

* html #headernav ul{
	height:1%;
}

#headernav ul li{
	display: table-cell;
	min-width: 80px;
	margin:0 5px;
	text-align:center;
	border-right: 1px dashed #ccc;
}
#headernav ul li:first-child{
	border-left: 1px dashed #ccc;
}
#headernav ul li.active,
#headernav ul li:hover{
	background: #eee;
}
#headernav ul a{
	font-size:13px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	color:#555;
}

#headernav ul span{
	color:#cdcdcd;
	font-size:10px;
}

#headernav ul li.active a,
#headernav ul a:hover{
	/*background:#761e12;*/
	background: none;
	border-radius:5px;
}


/* iPad ?c */
@media only screen and (max-width:768px){

	#headernav ul{
	display: block;
	clear:both;
	width:100%;
	background: #eee;
	border-top:1px solid #ccc;
	}

	#headernav ul li{
	display: list-item;
	float:left;
	margin:0 5px;
	text-align:center;
	width:33%;
	margin:0;
	border-bottom:1px solid #ccc;
	border-right:1px dashed #ccc;
	 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	background: #f8f4f1;
	}

	#headernav ul li:first-child{
		border-left: 0px;
	}
	#headernav ul li:nth-child(3n){
	border-right:0;width:34%;
}
	#headernav ul li:nth-child(7n){
	border-bottom:0;
}
	#headernav ul li:nth-child(8n){
	border-bottom:0;
}

	#headernav ul li.active a,#headernav ul a:hover{
	border-radius:0;
}
}

/* ?X?}?[?g?t?H?? ?c(?|?[?g???[?g) */
@media only screen and (max-width:480px){
	#headernav ul li{
	width:50%;
}

	#headernav ul li:nth-child(3n){
	border-right:1px dashed #ccc;
	width:50%;
	}
	
	#headernav ul li:nth-child(2n),#headernav ul li:nth-child(6n){
	border-right:0;
}
}
/**************************
/* ?w?b?_?[???j???[(??)
**************************/
#mainNavArea{
	width: 100%;
	height: 50px;
/*	background: #761e12;*/
	background: none;
}
#psHeaderMenuArea{
	padding: 55px 10px 10px 10px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	width: 80%;
	background: #d7c39e;
	display: none;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
}
ul#psHeaderMenu{
	width: 100%;
}
ul#psHeaderMenu li{
	width:50%;
	margin:0;
/*
	border-top:1px solid #000000;
	border-right:1px dashed #000000;
*/
	border-top:1px solid #ad8e4e;
	border-right:1px dashed #ad8e4e;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	text-align:center;
}
ul#psHeaderMenu a{
	font-size:13px;
	display:block;
	padding:20px 10px;
	color:#fff;
}
ul#psHeaderMenu span{
	color:#ad8e4e;
	font-size:10px;
}
ul#psHeaderMenu li.active a,
ul#psHeaderMenu a:hover{
/*	background:#761e12;*/
	background:#eee;
	color: #555;
	border-radius:5px;
}
ul#psHeaderMenu li:nth-child(2n){
	border-right:0;width:50%;
}
ul#psHeaderMenu li.active a,ul#psHeaderMenu a:hover{
	border-radius:0;
}

/**************************
/* ?w?b?_?[???j???[?F???j???[?A?C?R??
**************************/
.mainNavBtn{
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
}
.mainNavBtn p{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
}
.mainNavBtn p.open{
/*	background: #761e12;*/
	background: #ccc;
}
.mainNavBtn p.close{
	background: #000;
}
.mainNavBtn a{
	display: inline-block;
	position: relative;
	width: 40px;
	height: 35px;
}
.mainNavBtn a .open{
 	display: block;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 18px;
 	height: 2px;
 	margin: -1px 0 0 -9px;
 	/*background: #a85b4d;*/
 	background: #555;
 	transition: .2s;
 	clear: both;
}
.mainNavBtn a .open::before,
.mainNavBtn a .open::after{
 	display: block;
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 0;
 	width: 18px;
 	height: 2px;
/* 	background: #a85b4d;*/
 	background: #555;
 	transition: .3s;
}
.mainNavBtn a .open::before{
 	margin-top: -7px;
}
.mainNavBtn a .open::after{
 	margin-top: 5px;
}
.mainNavBtn a .close::before,
.mainNavBtn a .close::after{
	display: block;
	content: '';
	width: 4px;
	height: 25px;
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #cdcdcd;
	border-radius: 5px;
	position: absolute;
 	top: 6px;
 	right: 18px;
}
.mainNavBtn a .close:after {
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/**************************
/* ?t?b?^?[?i?r?Q?[?V????
**************************/
.footer-menu{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
	text-align: center;
/*	background: #872f1f;*/
	background: #f8f4f1;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
	z-index: 20000;
}
ul#footer-menu li{
	float:left;
	margin:0 5px;
	text-align:center;
}
ul#footer-menu a{
	font-size:13px;
	display:block;
	padding:20px 10px;
/*	color:#fff;*/
	color: #555;
}
ul#footer-menu span{
	color:#cdcdcd;
	font-size:10px;
}
ul#footer-menu img{
	height: 40px;
}
ul#footer-menu a.line{
	padding:20px 0px;
}
ul#footer-menu a.line img{
	height: 40px;
}
/* iPad ?c */
@media only screen and (max-width:768px){
	ul#footer-menu{
		clear:both;
		width:100%;
	}
	ul#footer-menu li{
		width:33%;
		margin:0;
		border-top:1px solid #ccc;
		border-right:1px dashed #ccc;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	ul#footer-menu li:nth-child(3n){
		width:34%;
		border-right:0;
	}
	ul#footer-menu li.active a,ul#footer-menu a:hover{
		border-radius:0;
	}
}

/**************************
/* ?X???C?h?V???[?p
**************************/
#mainImageWrapper{
	margin:0 auto;
	padding:0 0;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.index-top-image{
	width:100%;
}
/* PC?p */
@media only screen and (min-width:960px){	
	#mainImageWrapper{
		padding:0;
	}
	.index-top-image{
		width:1500px;
	}
}
.single-item div{
	display: block;
	width: 100%;
	height: 450px;
	background-position: center;
}
/* iPad ?c */
@media only screen and (max-width:768px){
	.single-item div{
		height: 200px;
		-moz-background-size:cover;
		background-size:cover;
	}
}
.mainImages1{
	background-image: url("../slide/a_result.jpeg");
}
.mainImages2{
	background-image: url("../slide/b_result.jpeg");
}
.mainImages3{
	background-image: url("../slide/c_result.jpeg");
}
.mainImages4{
	background-image: url("../slide/d_result.jpeg");
}
.mainImages5{
	background-image: url("../slide/e_result.jpeg");
}
.mainImages6{
	background-image: url("../slide/f_result.jpeg");
}
.mainImages7{
	background-image: url("../slide/g_result.jpeg");
}
.mainImages8{
	background-image: url("../slide/h_result.jpeg");
}
.mainImages9{
	background-image: url("../slide/i_result.jpeg");
}
.mainImages10{
	background-image: url("../slide/j_result.jpeg");
}
.slogan{
    color: #000;
    text-shadow: 0.5px 0.5px 1px #ffffff,
    -0.5px 0.5px 1px #ffffff,
    0.5px -0.5px 1px #ffffff,
    -0.5px -0.5px 1px #ffffff;
}
/**************************
/* ?O???b?h 4?J?????p
**************************/
.gridWrapper article.grid img{
	width : 270px;
}
.gridWrapper.medium article.grid p.message{
	height: 110px;
}
/* ????(??) */
@media only screen and (max-width:768px){
	.gridWrapper article.grid img{
		float: none;
	}
	.gridWrapper.medium article.grid p.message{
		height: 110px;
	}
}
@media only screen and (max-width:400px){
	.gridWrapper.medium article.grid p.message{
		height: 170px;
	}
}
/* ????(??) */
.gridWrapper.large article.grid p.message{
	height: 180px;
}
@media only screen and (max-width:768px){
	.gridWrapper.large article.grid p.message{
		height: 110px;
	}
}
@media only screen and (max-width:400px){
	.gridWrapper.large article.grid p.message{
		height: 170px;
	}
}

/**************************
/* 1?J?????p
**************************/
.content.center article p{
	text-align: center;
}