@charset "utf-8";

body {}

/* [ wrapper ]
---------------------------- */
#wrapper {
	position: relative;
	width: 100%;
	min-width: 980px;
	margin: 0 auto 0;
	min-height: 100%;
}

.home #wrapper {}
	@media screen and (max-width: 640px) {
		#wrapper {
			background:none;
			position: relative;
			width: 100%;
			min-width: 100%;
			margin: 0 auto 0;
			min-height: 100%;
		}
	}


/* [ header ]
---------------------------- */

header {
	height:216px;
}

#header {
	height:216px;
}

	@media screen and (max-width: 640px) {
		header {
			width:100%;
			height:auto;
			background-size: contain;
		}
		
		#header {
			height:auto;
		}
	}


/* headerBlock01 */

#header .headerBlock01 {
	background:#fff;
}
#header .headerBlock01Inner {
	width: 980px;
	margin:0 auto 0;
	position:relative;
	height:34px;
	font-weight:normal;
}
#header .headerBlock01Inner h1 {
	font-weight:normal;
	line-height:34px;
	font-size:0.8em;
}
	@media screen and (max-width: 640px) {
		#header .headerBlock01Inner {
			width: 100%;
		}
	}

/* headerBlock02 */

#header .headerBlock02 {
	background:#fbfaf6;
}
#header .headerBlock02Inner {
	width: 980px;
	height:122px;
	margin:0 auto 0;
	position:relative;
}
#header .headerLogo {
	width:288px;
	position:absolute;
	top:16px;
	left:0;
}
#header .headerContact {
	width:140px;
	position:absolute;
	top:64px;
	right:284px;
}
#header .headerTel {
	width:256px;
	position:absolute;
	top:34px;
	right:0;
}
	@media screen and (max-width: 640px) {
		#header .headerBlock02Inner {
			width:100%;
			height:auto;
			padding:15px 50px;
		}
		#header .headerLogo {
			width:100%;
			position: static;
			margin:0 auto 0;
		}		
		#header .headerTel {
			display:none;
		}
		#header .headerReservation {
			display:none;
		}
	}


/* headerBlock03 */

#header .headerBlock03 {
	background:#376cb7;
}
#header .headerBlock03Inner {
	width: 980px;
	margin:0 auto 0;
}

#menuList {
	height:60px;
}
#menuList li {
	float:left;
	text-indent:-9999px;
	width:163px;
}
#menuList li.menu-item-53,
#menuList li.menu-item-58 {
	width:164px;
}

#menuList li a {
	display:block;
	height:60px;
}

/*#menuList li.menu-item-53 a {
	background:url(../images/common/menu01.png) no-repeat 0 0;
}*/

/* 通常状態（ホーム） */
#menuList li.menu-item-53 a {
	background:url(../images/common/menu01.png) no-repeat 0 0;
}

#menuList li.menu-item-56 a {
	background:url(../images/common/menu02.png) no-repeat 0 0;
}
#menuList li.menu-item-55 a {
	width:195px;
	background:url(../images/common/menu03.png) no-repeat 0 0;
}
#menuList li.menu-item-57 a {
	background:url(../images/common/menu04.png) no-repeat 0 0;
}
#menuList li.menu-item-54 a {
	background:url(../images/common/menu05.png) no-repeat 0 0;
}
#menuList li.menu-item-58 a {
	background:url(../images/common/menu06.png) no-repeat 0 0;
}

/*#menuList li.menu-item-53 a:hover,
#menuList li.menu-item-53.current-menu-item a {
	background:url(../images/common/menu01_o.png) no-repeat 0 0;
} */

/* 現在表示中のページがホームのとき */
#menuList li.menu-item-53.current-menu-item a {
	background:url(../images/common/menu01_o.png) no-repeat 0 0;
}

/* ホーム以外のときに hover したとき（←これが今効いていない） */
#menuList li.menu-item-53:not(.current-menu-item) a:hover {
	background:url(../images/common/menu01_o.png) no-repeat 0 0;
}

#menuList li.menu-item-56 a:hover,
#menuList li.menu-item-56.current-menu-item a {
	background:url(../images/common/menu02_o.png) no-repeat 0 0;
}
#menuList li.menu-item-55 a:hover,
#menuList li.menu-item-55.current-menu-item a {
	width:195px;
	background:url(../images/common/menu03_o.png) no-repeat 0 0;
}
#menuList li.menu-item-57 a:hover,
#menuList li.menu-item-57.current-menu-item a {
	background:url(../images/common/menu04_o.png) no-repeat 0 0;
}
#menuList li.menu-item-54 a:hover,
#menuList li.menu-item-54.current-menu-item a {
	background:url(../images/common/menu05_o.png) no-repeat 0 0;
}
#menuList li.menu-item-58 a:hover,
#menuList li.menu-item-58.current-menu-item a {
	background:url(../images/common/menu06_o.png) no-repeat 0 0;
}


/* smartphone menu */

#menuList > ul:before,
#menuList > ul:after {
	content: " ";
	display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}

	@media only screen and (max-width: 640px) {
    #menuList {
			display: none;
    }
    #rwdMenuWrap {
			width: 100%;
    }
    #rwdMenuWrap #switchBtnArea {
			width: 100%;
			height: 58px;
			background: #573e07;
    }
		#rwdMenuWrap #switchBtnArea #switchBtn {
			width: 100%;
			height:58px;
			display: block;
			background: #376cb7;
			position: absolute;
			color:#fff !important;
			text-decoration:none;
    }
		#rwdMenuWrap #switchBtnArea #switchBtn span {
			left: 50%;
			width: 30px;
			margin-left:-15px;
			height: 4px;
			display: block;
			position: absolute;
			background-color: #fff;
			border-radius: 5px;
			transition: all 0.2s linear;
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {top:8px;transform: rotate(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {top:18px;transform: scale(1);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {top:28px;transform: rotate(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:21px;transform: rotate(-45deg);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {top:21px;transform: rotate(45deg);}

		#rwdMenuWrap #switchBtnArea #switchBtn div.menuTxt {
			display: block;
			font-size:14px;
			line-height:15px;
			padding-top:38px;
			text-align:center;
			}
    #rwdMenuWrap ul {
			width: 100%;
			display: none;
    }
    #rwdMenuWrap ul li {
			width: 100%;
			border-bottom: #aaa 1px solid;
    }
    #rwdMenuWrap ul li a {
			padding: 15px 20px;
			text-align: left;
			display: block;
			background: #fff;
			position: relative;
			color:#333;
			text-decoration:none;
    }
    #rwdMenuWrap ul li a:hover,
    #rwdMenuWrap ul li.current-menu-item a {
			background: #e9f1fc;
			color:#333;
    }
		#rwdMenuWrap ul li a:after {
			content: '';
			margin-top: -4px;
			top: 50%;
			right: 15px;
			width: 8px;
			height: 8px;
			color: #888;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.2em;
			display: block;
			position: absolute;
			border-top: 2px solid #573e07;
			border-right: 2px solid #573e07;
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
    }
    #contents {
			width: 100%;
    }
    #contents p {
			padding: 0 20px 2em 20px;
    }
	}

/* [ sp contact box ]
-----------------------------*/

.spContactBlock {
	display:none;
}
	@media screen and (max-width: 640px) {
		.spContactBlock {
			display:block;
			width:100%;
			margin-bottom: 1em;
			padding: 1em 0 0;
			background: #fff;
		}
		.spContactBlock li.spTel {
			width:75.625%;
		}
		.spContactBlock li.spContact {
			width:52.8125%;
		}
		.spContactBlock li {
			margin:0 auto 1em; 
		}
	}


/* [ main Title ]
---------------------------- */

#mainTitleBlock {
	width:100%;
	height:100px;
	background: #573e07;
}

#mainTitleBlock .mainTitleInner {
	width:980px;
	height:100px;
	margin:0 auto 0;
	position:relative;
}

#mainTitleBlock .mainTitle {
	padding:0;
	font-size:30px;
	font-weight:bold;
	line-height:100px;
	color:#fff;
	text-align:center;
}
		@media screen and (max-width: 640px) {
			#mainTitleBlock {
				width:100%;
				height:80px;
				background:#573e07;
			}
			
			#mainTitleBlock .mainTitleInner {
				width:100%;
				height:80px;
				margin:0 auto 0;
				position:relative;
			}
			
			#mainTitleBlock .mainTitle {
				width:100%;
				float:none;
				padding:0;
				font-size:20px;
				font-weight:bold;
				line-height:80px;
				color:#fff;
				text-align:center;
			}
		}
				
/* topicpath */

#topicpath {
	width: 980px;
	margin:0 auto 0;
	line-height: 46px;
	font-size: 12px;
	text-align:left;
}
#topicpath > a {
	text-decoration: none;
	color:#376cb7;
}
#topicpath a:hover {
	text-decoration: underline;
}
		@media screen and (max-width: 640px) {
			#topicpath {
				display: none;
			}
		}


/* [ container ]
---------------------------- */

#container {
		width:980px;
		margin:0 auto 0;
		padding:0 0 50px 0;
		position:relative;
}
.home #container {
		width:980px;
		margin:0 auto 0;
		padding:22px 0 50px 0;
		position:relative;
}
		@media screen and (max-width: 640px) {
			#container {
				width:100%;
				padding:0 10px 0;
			}
			.home #container {
				width:100%;
				padding:0 10px 0;
			}
		}


/* [ secondary ]
---------------------------- */

#secondary {
	width: 240px;
	float: left;
}
.home #secondary {
	margin-top:0;
}
		@media screen and (max-width: 640px) {
			#secondary {
				/*display:none;*/
				float: none;
				margin:0 auto 0;
			}
		}

/* blog */

#blog-navi {}

#blog-navi p {
	background:#e2ebf8;
	color:#2759a1;
	font-weight: bold;
	font-size: 1em;
	line-height:2.5;
	margin-bottom: 0.5em;
	text-align:center;
	border-radius:5px;
}

#blog-navi ul {
	border-radius:5px;
	margin-bottom:0.5em;
	font-size:0.8em;
}
#blog-navi li {
	border-bottom:dashed 1px #c9cacb;
}
#blog-navi li:last-child {
	border-bottom:none;
}
#blog-navi li a {
	display:block;
	padding:10px 10px 10px 26px;
	text-decoration:none;
	background: url(../images/common/arw_news.png) no-repeat 10px center;
	background-size:12px auto;
}
#blog-navi li a:link,
#blog-navi li a:visited {
	color:#333;
}
#blog-navi li a:hover {
	color:#0a5ed1;
}

/**/

#blog-navi {
	display:none;
}

.page-template-blog #blog-navi,
.single-post #blog-navi,
.archive.date #blog-navi,
.archive.category #blog-navi {
	display:block;
}

/* 01 */

.sidebarBlock01 {
	margin-bottom:40px;
}
.sidebarBlock01:before {
	content:"　";
	display:block;
	background: url(../images/common/sidebar_top.png) no-repeat 0 0;
	width:240px;
	height:46px;
}
.sidebarBlock01:after {
	content:"　";
	display:block;
	background: url(../images/common/sidebar_bottom.png) no-repeat 0 0;
	width:240px;
	height:12px;
}
.sidebarBlock01Inner {
	padding:0 16px 20px;
	background: url(../images/common/sidebar_mid.png) repeat-y 0 0;
	text-align:center;
}
.sidebarBlock01Inner > .title {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#376cb7;
	margin-bottom:0;
}
.sidebarBlock01Inner > .text {
	margin-bottom:0.5em;
	padding:0 4px;
	text-align:left;
	font-size:0.9em;
}
.sidebarBlock01Inner > p {
	margin-bottom:0.5em;
}


/* 02 */

.sidebarBlock02 {
	margin-bottom:40px;
}
.sidebarBlock02Inner {
	padding:0 0 0px;
}
.sidebarBlock02Inner h3 {
	margin-bottom:10px;
}
.sidebarBlock02Inner li {
	margin-bottom:10px;
}
.sidebarBlock02Inner li:last-child {
	margin-bottom:0px;
}
		

/* 03 */

.sidebarBlock03 {
	background:#fff;
	border:solid 2px #f1f1f1;
	border-radius:5px;
	text-align:center;
	padding:14px 0 8px;
}
.sidebarBlock03 h3 {
	text-align:center;
	margin-bottom:10px;
}
.sidebarBlock03 h3 img {
	margin:0 auto 0;
}
.sidebarBlock03 ul {
	width:220px;
	margin:0 auto 0;
}
.sidebarBlock03 li {
	text-align:center;
	margin-bottom:7px;
}
.sidebarBlock03 a {
	display:block;
}
.sidebarBlock03 li:last-child {
	margin-bottom:0px;
}





/* [ primary ]
---------------------------- */

#primary {
	width: 710px;
	float: right;
}
		@media screen and (max-width: 640px) {
			#primary {
				width: 100%;
				float: none;
			}
		}


/* [ pagetop ]
---------------------------- */

#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
}
		@media screen and (max-width: 640px) {
			#pagetop {
				display:none !important;
			}
		}

.pagetop2 {
	text-align:right;
}
.pagetop2 a {
	display:inline-block;
	background:#cec6b6;
	color:#573e07;
	padding:0 0.5em;
	border-radius:3px;
}
		@media screen and (max-width: 640px) {
			.pagetop2 {
			}
		}




/* [ footer ]
---------------------------- */

#footer .footerBlock01 {
  width: 100%;
	background:#fff;
}
#footer .footerBlock01Inner {
	width: 980px;
	margin: 0 auto 0;
	padding:50px 0 30px;
	font-size:1.2em;
}
#footer .footerBlock01Inner>.leftBox {
	float:left;
	width:460px;
}
/*#footer .footerBlock01Inner>.leftBox p {
	margin-bottom:1.5em;
}*/
#footer .footerBlock01Inner>.rightBox {
	float:right;
	width:459px;
}
#footer .footerBlock01Inner>.rightBox p {
	font-size:0.95em;
}
#footer .footerBlock01Inner>.rightBox img {
	margin-bottom:0.5em;
}
.footerLogo {
	margin:0 auto 0;
	display:block;
	border-bottom:solid 1px #e7e7e7;
	padding-bottom:15px;
}
.footerLogo img {
	width:284px;
	margin:0 auto 0;
}
.footerTel {
	width: 280px;
	margin: 18px auto 0;
	text-align: center;
}
.footerTel p {
	font-size: 0.9em;
}
.footerTel img {
	margin-bottom:0.5em;
}
.footerContact {
	width:140px;
	float:right;
	margin-top:42px;
	margin-right:28px;
}

	@media screen and (max-width: 640px) {
		#footer .footerBlock01 {
			width: 100%;
		}
		#footer .footerBlock01Inner {
			width: 100%;
			padding:30px 0;
		}
		#footer .footerBlock01Inner>.leftBox {
			float:none;
			width:90%;
			margin:0 auto 0;
		}
		#footer .footerBlock01Inner>.rightBox {
			float:none;
			width:90%;
			margin:0 auto 0;
			padding-top:1em;
		}
		#footer .footerBlock01Inner>.rightBox p {
			font-size:0.6em;
			text-align:center;
		}
		.footerLogo {
			margin-bottom:15px;
		}
		.footerLogo img {
			width:80%;
			margin:0 auto 0;
		}
		.footerTel {
			width: 90%;
			float: none;
			margin: 0 auto 0;
			text-align: center;
		}
		.footerTel p {
			font-size:0.9em;
			margin-bottom:15px;
		}
		.footerContact {
			width:60%;
			float:none;
			margin:0 auto 20px;
		}
	}
		
/**/

#footer .footerBlock02 {
	width:100%;
	height:500px;
}
	@media screen and (max-width: 640px) {
		#footer .footerBlock02 {
			height:auto;
		}
	}
/**/

#footer .footerBlock03 {
	width:100%;
	background:#376cb7;
}
#footer .footerBlock03Inner {
	width:980px;
	margin:0 auto 0;
	padding:20px 0 30px;
	text-align:center;
}
#footer .footerBlock03Inner li {
	border-right:solid 1px #fff;
	display:inline;
	font-size:0.85em;
	line-height:1.1;
	padding:0 8px;
	white-space:nowrap;
}
#footer .footerBlock03Inner li:first-child {
	border-left:solid 1px #fff;
}
#footer .footerBlock03Inner li a {
	color:#fff;
}
		@media screen and (max-width: 640px) {
			#footer .footerBlock03Inner {
				display:none;
			}
		}

.footerLogo2 {
	text-align:center;
	margin-bottom:20px;
}
		@media screen and (max-width: 640px) {
			.footerLogo2 {
				display:none;
			}
		}
		
/* copyright */
.copyright {
	padding:20px 0;
	color:#fff;
    font-size: 0.8em;
		text-align:center;
}