charset "utf-8";
/*
Theme Name: kagurazaka13
Theme URI: http://www.kensaku-pr.jp/
Description: 
Version: 1.0
Author: sprex
Author URI: http://www.kensaku-pr.jp/
*/

/*----------------------------------------------------
	リンクカラー
----------------------------------------------------*/
a {
	color:#d5a417;
}
a:link {
	color:#d5a417;
	text-decoration:none;
}
a:active {
	color:#ccc;
}
a:visited {
	color:#ccc;
}
a:hover {
	color:#9F9F9F;
	text-decoration:underline;
}
a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}
a img {
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.link a:link,
.link a:visited {
	color:#b08829;
}
header a, header a:link, header a:active, header a:visited,
footer a, footer a:link, footer a:active, footer a:visited{ color: #FFF; }
/*----------------------------------------------------
	フォントサイズ・カラー・アライン
----------------------------------------------------*/
.b { font-weight:bold; }
.center { text-align:center; }
.bigS {	font-size:12px; }
.bigM {	font-size:20px; }
.bigX {	font-size:24px; }
.brown { color:#a47f61; }
.blue {	color:#3366FF; }
.red { color:#FF3300; }
.orange { color:#FF6600; }
.right { text-align:right; }
@media screen and (max-width: 600px) {
	.bigS {	font-size:9px; }
	.bigM {	font-size:16px; }
	.bigX {	font-size:20px; }
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clearfix {
	overflow:hidden;
	_zoom:1;
}
.flL {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.flR {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.mBottom {
	margin-bottom:20px;
}
@media screen and (max-width: 600px) {
	.flL, .flR{
		float: none;
		margin: 0 0 10px 0;
	}
	img{
		width: 100%;
		object-fit: cover;
	}
	iframe{ width: 100%; height: auto; }
}

/*----------------------------------------------------
	全体枠
----------------------------------------------------*/
#wrapper {
	width:900px;
	margin:0 auto;
}
.en{ font-family: 'Crimson Text', serif; }
.pc_display{ display: block; }
.sp_display{ display: none; }

@media screen and (max-width: 600px) {
	#wrapper {
		width:100%;
	}
	.pc_display{ display: none; }
	.sp_display{ display: block; }
	.sp_center{ text-align: center;}
}
/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
	position:relative;
	display:block;
	margin-bottom:20px;
}
header p, header h1{
	position:absolute;
	top:12px;
	left:0;
	font-size:12px;
	color:#FFF;
}
header #logoTop {
	position:absolute;
	top:40px;
	left:0;
}
header #contactTop {
	position:absolute;
	top:9px;
	right:0;
	font-size: 12px;
	line-height: 1.2;
}
nav ul {
	padding: 110px 0 40px 0;
	text-align: center;
	font-size: 140%;
}
nav li {
	display: inline-block;
	text-align: center;
}
nav li:before{
	content: '|';
	padding: 0 8px;
}
nav li:first-child:before{
	content: none;
}
@media screen and (max-width: 600px) {
	header{
		height: 64px;
		position: fixed;
		width: 100%;
		background: #000;
		z-index: 10;
		padding: 6px;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	header #logoTop, header p, header .spmenu p, header h1{ position: static; }
	header p, header h1{
		margin-bottom: 5px;
		font-size: 10px;
	}
	img#logoTop{ width: 126px; }
	.spmenu_btn {
		display:block;
		position:absolute;
		top:20px;
		right:15px;
		width:30px;
		height:22px;
		background:#FFF;
		border-top:10px solid #000;
		border-bottom:10px solid #000;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}
	.spmenu_btn:before {
		content:'';
		position:absolute;
		width:30px;
		height:2px;
		background:#FFF;
		top:-9px;
		right:0;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}
	.spmenu_btn:after {
		content:'';
		position:absolute;
		width:30px;
		height:2px;
		background:#FFF;
		bottom:-9px;
		right:0;
		-moz-transition:all 0.3s;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}
	.spmenu_btn.active {
		background:#333;
	}
	.spmenu_btn.active:before {
		-moz-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		transform:rotate(-135deg);
		top:0;
		right:0;
	}
	.spmenu_btn.active:after {
		-moz-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
		bottom:0;
		right:0;
	}
	.spmenu {
		display:none;
		position:absolute;
		top:60px;
		left:0;
		width:100%;
		background:#000;
	}
	nav ul{
		padding: 0;
		font-size: 100%;
	}
	nav li::before { content: none; }
	nav {
		display:block;
		width:100%;
		margin:0 auto;
		text-align: left;
	}
	nav li a, nav li a:hover{ color: #FFF; }
	nav li a {
		display:block;
		width:100%;
		padding:15px;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		border-bottom:1px solid #999;
	}
	nav ul{ text-align: left; }
	nav li{ display: block; text-align: left; }
	.Hbtn{
		display: block;
		border: #aaa 2px solid;
		width: 80%;
		text-align: center;
		padding: 2% 0;
		margin: 6% auto;
		font-weight: bold;
		font-size: 24px;
		background: #aaa;
	}
	header a.Hbtn{ color: #FFF;}

}
/*----------------------------------------------------
	main
----------------------------------------------------*/
.main {
	overflow:hidden;
	_zoom:1;
}
#pankuzu {
	font-size:12px;
	color:#A7A7A7;
}
#pankuzu h1 {
	display:inline;
	font-weight:normal;
}

@media screen and (max-width: 600px) {
	.main{ /*padding: 26% 2% 0;*/padding:64px 1em 0; }
}
/*----------------------------------------------------
	contents
----------------------------------------------------*/
.contents {
	float:left;
	width:620px;
}
ul.bnr{ margin: 30px auto; }
.bnr li{
	width: 290px;
	float: left;
	padding: 0 15px 15px 0;
}
.bnr li:nth-child(3n){ padding-right: 0; }

ul.sns{
	padding: 30px 0;
	margin: 0 auto 20px;
	text-align: center;
}
ul.sns > li:last-child{ margin-right: 0; }
ul.sns > li{
	border: #FFF 2px solid;
	width: 18%;
	display: inline-block;
	padding: 20px;
	margin-right: 18px;
}
ul.sns li ul li{
	display: inline-block;
	vertical-align: middle;
}
ul.sns li ul li:first-of-type{ padding-right: 12px;}
@media screen and (max-width: 600px) {
	.bnr li{
		width: 100%;
		float: none;
		padding: 0 0 2% 0;
		display: block;
		text-align: center;
	}
	ul.sns > li{
		width: 60%;
		margin-right: 0;
	}
	ul.sns li{ margin-bottom: 3%;}
	ul.sns li img{ width:80%;}
	.contents {
		float:none;
		width:100%;
	}
	
}
/*----------------------------------------------------
	box
----------------------------------------------------*/
.box {
	border-bottom:1px dotted #A4A4A4;
	padding:0 35px;
	margin-bottom:20px;
	overflow: hidden;
}
.box dl {
	border:2px solid #FFF;
	padding:10px;
	margin: 20px 0;
}
.box dl dt {
	color:#ff6600;
	font-size:140%;
	font-weight:bold;
	margin-bottom: 10px;
}
.box dl dd {
	margin-bottom:20px;
}
.box h2{
	font-size: 22px;
	margin: 30px 0;
	text-align: center;
}
.box h2.en{ font-size: 200%; }
.box h2 span{
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	padding: 5px;
	letter-spacing: 4px;
}
.box h3 {
	color:#d5a417;
	font-size:20px;
	margin:26px 0 20px;
	padding-left:10px;
	border-left:3px solid #d5a417;
}
.box h4 {
	font-size:18px;
	margin:20px 0 10px;
}
.box ul {
	margin:20px;
}
.box ul li:before{
	content: "\f101";
	font-family: FontAwesome;
	padding:0 10px 5px 0;
	color: #d5a417;
}
.box table.menu {
	border-collapse: collapse;
    border-spacing: 0;
	border-left:1px solid #A4A4A4;
	border-top:1px solid #A4A4A4;
	width: 100%;
	margin-bottom: 10px;
}
.box table.menu th,
.box table.menu td {
	padding:10px;
	border-right:1px solid #A4A4A4;
	border-bottom:1px solid #A4A4A4;
}
.box table.menu th {
	background-color:#F1F1F1;
	font-weight:bold;
	color: #111;
}
.box .prof {
	width:100%;
	border-collapse: collapse;
    border-spacing: 0;
}
.box .prof th,
.box .prof td {
	padding:10px;
}
.box .prof th {
	border-bottom:2px solid #A4A4A4;
}
.box .prof td {
	border-bottom:1px dotted #A4A4A4;
}
.gallery li{
	float: left;
	padding: 0 20px 20px 0;
}
.gallery li:nth-child(2n){ padding-right: 0; }
.box ul.gallery li:before{ content: none; }
@media screen and (max-width: 600px) {
	.box { padding:0 10px; }
	.box h2{
		font-size: 20px;
	}
	.box h2 span{
		border-top: none;
		padding: 0 5px;
	}
	.box h3 {
		font-size:18px;

	}
	.box h4 {
		font-size:16px;
	}
	.gallery li{
		float: none;
		padding: 0 0 20px 0;
	}

}
/*----------------------------------------------------
	#map_canvas
----------------------------------------------------*/
#map_canvas {
	margin:0 auto 20px;
	text-align: center;
}

/*----------------------------------------------------
	side
----------------------------------------------------*/
.side {
	width:246px;
	float:right;
}
@media screen and (max-width: 600px) {
	.side {
		width:100%;
		float:none;
	}
}
/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	text-align:center;
	color:#FFF;
	font-size: 12px;
}
.contactFoot{
	background: #111;
	padding: 20px 0;
	margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
	.contactFoot{
		padding: 20px 10px;
	}
}