@charset "utf-8";

/* kv
---------------------------------------------- */

#j_kv_under {
	background:url(../images/kv_under.jpg) center center repeat-x;
	background-size:cover;
	position:relative;
}
#j_kv_under > div {
	position:absolute;
	bottom:10px;
	background:rgba(255,255,255,0.6);
	padding:15px 0;
	width:100%;
}
	@media(max-width:767px) {
		#j_kv_under > div {
			padding:10px 0;
		}
	}

#j_kv_under > div > h1 {
	max-width:920px;
	margin:0 auto;
	padding:0 20px;
	font-size:24px;
	text-align:right;
	text-shadow:1px 1px 3px #FFF, -2px -2px 5px #FFF;
}
	@media(max-width:767px) {
		#j_kv_under > div > h1 {
			font-size:18px;
		}
	}

	@media(max-width:767px) {
			#j_kv_under > div > h1 > span.pc_only {
				display:none;
			}
	}



/* j_title_under
---------------------------------------------- */
.j_title_under {
	background-color:#EBF1ED;
	text-align:center;
	padding:18px 15px;
	margin-bottom:60px;
	font-size:28px;
	line-height:1.3;
}
	@media(max-width:767px) {
		.j_title_under {
			margin-bottom:30px;
			padding:10px 7px;
			font-size:22px;
		}
	}



/* menu
---------------------------------------------- */
#j_menu {
	background-color:#EF8200;
	text-align:center;
	margin-bottom:100px;
}
#j_menu > ul {
}
#j_menu > ul > li {
	display:inline-block;
}
	@media(max-width:767px) {
		#j_menu > ul > li {
			width:40%;
		}
	}
	@media(max-width:619px) {
		#j_menu > ul > li {
			width:48%;
		}
	}
	@media(max-width:479px) {
		#j_menu > ul > li {
			width:100%;
			text-align:left;
		}
	}

#j_menu > ul > li > a {
	display:block;
	color:#FFF;
	line-height:1.2;
	padding:15px 0;
}
	@media(max-width:767px) {
		#j_menu > ul > li > a {
			padding:10px 0;
		}
	}
	@media(max-width:479px) {
		#j_menu > ul > li > a {
			border-bottom:1px solid #FFF;
		}
	}

#j_menu > ul > li > a:hover, #j_menu > ul > li > a.current {
	background-color:#F29B33;
}

#j_menu > ul > li > a > span {
	border-right:1px solid #FFF;
	display:block;
	padding:0 15px 0 80px;
	min-height:50px;
}
	@media(max-width:979px) {
		#j_menu > ul > li > a > span {
			font-size:16px;
		}
	}
	@media(max-width:879px) {
		#j_menu > ul > li > a > span {
			font-size:14px;
			min-height:40px;
			padding:0 10px 0 60px;
		}
	}
	@media(max-width:767px) {
		#j_menu > ul > li > a > span {
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
		}
		#j_menu > ul > li:nth-child(odd) > a > span {
			border-right:none;
		}
	}
	@media(max-width:479px) {
		#j_menu > ul > li > a > span {
			border:none;
			padding:0 10px 0 70px;
			line-height:40px;
		}
	}
	@media(max-width:479px) {
		#j_menu > ul > li:nth-child(2) > a > span {
			line-height:inherit;
		}
	}

	@media(min-width:979px) {
		#j_menu > ul > li:last-child > a > span {
			border-right:none;
		}
	}

#j_menu > ul > li:nth-child(1) > a > span {
	background:url(../images/menu_icon1.png) 15px center no-repeat;
	background-size:50px 50px;
}
#j_menu > ul > li:nth-child(2) > a > span {
	background:url(../images/menu_icon2.png) 15px center no-repeat;
	background-size:50px 50px;
}
#j_menu > ul > li:nth-child(3) > a > span {
	background:url(../images/menu_icon3.png) 15px center no-repeat;
	background-size:50px 50px;
}
#j_menu > ul > li:nth-child(4) > a > span {
	background:url(../images/menu_icon4.png) 15px center no-repeat;
	background-size:50px 50px;
}
	@media(max-width:879px) {
		#j_menu > ul > li:nth-child(1) > a > span {
			background:url(../images/menu_icon1.png) 10px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(2) > a > span {
			background:url(../images/menu_icon2.png) 10px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(3) > a > span {
			background:url(../images/menu_icon3.png) 10px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(4) > a > span {
			background:url(../images/menu_icon4.png) 10px center no-repeat;
			background-size:40px 40px;
		}
	}
	@media(max-width:767px) {
		#j_menu > ul > li:nth-child(1) > a > span {
			background:url(../images/menu_icon1.png) 20px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(2) > a > span {
			background:url(../images/menu_icon2.png) 20px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(3) > a > span {
			background:url(../images/menu_icon3.png) 20px center no-repeat;
			background-size:40px 40px;
		}
		#j_menu > ul > li:nth-child(4) > a > span {
			background:url(../images/menu_icon4.png) 20px center no-repeat;
			background-size:40px 40px;
		}
	}

	@media(max-width:479px) {
		#j_menu > ul > li > a > span > br.pc_only {
			display:none;
		}
	}



/* btn
---------------------------------------------- */
#btn {
	display:none;
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(238,238,238,0.6);
	padding:10px 0;
	text-align:center;
	z-index:999;
}
	@media(max-width:479px) {
		#btn {
			padding:0;
		}
	}

	@media(max-width:479px) {
		#btn > ul.pc_only {
			display:none;
		}
	}

#btn > ul.pc_only > li {
	display:inline-block;
	background-color:#FFF;
	width:30%;
	max-width:320px;
	margin:0 1.25%;
}
	@media(max-width:479px) {
		#btn > ul.pc_only > li {
			display:block;
			width:100%;
			max-width:100%;
			margin:0 0 20px 0;
		}
	}

#btn > ul.pc_only > li > a {
	display:block;
}
#btn > ul.pc_only > li > a > img {
	width:100%;
}
#btn > ul.pc_only > li > a:hover > img {
    opacity: 0.8;
}

#btn > a.sp_only {
	display:none;
}
	@media(max-width:479px) {
		#btn > a.sp_only {
			display:block;
		}
	}

#btn > a.sp_only > img {
	width:100%;
}




/* toTop */
div.toTop {
	bottom:80px !important;
}
	@media(max-width:1279px) {
		div.toTop {
			bottom:140px !important;
		}
	}
	@media(max-width:979px) {
		div.toTop {
			bottom:120px !important;
		}
	}
	@media(max-width:767px) {
		div.toTop {
			bottom:100px !important;
		}
	}
	@media(max-width:479px) {
		div.toTop {
			bottom:110px !important;
		}
	}
	@media(max-width:399px) {
		div.toTop {
			bottom:100px !important;
		}
	}

address {
	margin-bottom:120px;
}
	@media(max-width:479px) {
		address {
			margin-bottom:0px;
		}
	}



/* wrap
---------------------------------------------- */
.j_wrap {
	width:960px;
	margin:0 auto;
}
	@media(max-width:1020px) {
		.j_wrap {
			width:auto;
			padding:0 20px;
		}
	}


/* campaign
---------------------------------------------- */
.campaign {
	width:100%;
	background-color:#FDF6F9;
	text-align:center;
	margin-bottom:150px;
}
	@media(max-width:767px) {
		.campaign {
			margin-bottom:100px;
		}
	}

.campaign > h3 > img {
	width:100%;
	margin-bottom:50px;
}
	@media(max-width:767px) {
		.campaign > h3 > img {
			margin-bottom:20px;
		}
	}

.campaign > div {
	padding:0 15px 50px 15px;
}
	@media(max-width:767px) {
		.campaign > div {
			padding:0 15px 15px 15px;
		}
	}

.campaign > div > p > img {
	margin-bottom:15px;
	width:100%;
	max-width:800px;
}
.campaign > div > a > img {
	width:100%;
	max-width:800px;
}



/* reserve
---------------------------------------------- */
.reserve {
	margin-bottom:150px;
	text-align:center;
}
.reserve > p {
	text-align:center;
	font-size:26px;
	line-height:1.2;
	margin-bottom:15px;
}
	@media(max-width:979px) {
		.reserve > p {
			font-size:20px;
		}
	}
	@media(max-width:767px) {
		.reserve > p {
			font-size:18px;
		}
	}

.reserve > p > strong {
	font-size:46px;
	display:inline-block;
	line-height:1;
	background:url(../../shared/images/underline.png) left bottom repeat-x;
	margin-right:5px;
}
	@media(max-width:979px) {
		.reserve > p > strong {
			font-size:36px;
		}
	}
	@media(max-width:767px) {
		.reserve > p > strong {
			font-size:28px;
		}
	}

.reserve > h2 {
	background-color:#333;
	color:#FFF;
	text-align:center;
	font-size:32px;
	line-height:1.5;
	padding:5px;
}
	@media(max-width:767px) {
		.reserve > h2 {
			font-size:20px;
		}
	}

.reserve > div {
	border:1px solid #333;
	padding:20px 0;
	text-align:center;
	margin-bottom:30px;
}
.reserve > div > p {
	text-align:center;
	font-size:38px;
	margin-bottom:20px;
}
	@media(max-width:979px) {
		.reserve > div > p {
			font-size:32px;
		}
	}
	@media(max-width:767px) {
		.reserve > div > p {
			font-size:24px;
		}
	}
	@media(max-width:479px) {
		.reserve > div > p {
			font-size:22px;
		}
	}

.reserve > div > span {
	display:inline-block;
	margin:10px 10px 0 10px;
	padding:6px 24px;
	font-size:20px;
	border:1px solid #999;
	line-height:1.3;
	border-radius: 38px;
}
	@media(max-width:767px) {
		.reserve > div > span {
			font-size:16px;
		}
	}

.reserve > a {
}
.reserve > a:hover {
	opacity:0.8;
}
.reserve > a > img {
	width:100%;
	max-width:480px;
}



/* merit
---------------------------------------------- */
#merit {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#merit {
			margin-bottom:100px;
		}
	}

#merit > h3 {
	text-align:center;
	margin-bottom:40px;
	font-size:28px;
	line-height:1.3;
}
	@media(max-width:767px) {
		#merit > h3 {
			font-size:22px;
		}
	}

#merit > ul > li {
	width:30%;
	margin:0 1.666%;
	text-align:center;
	border-radius:5px;
	background-color:#F0F0E1;
	display:inline-block;
	padding:15px 0;
	position:relative;
	vertical-align:top;
}
	@media(max-width:767px) {
		#merit > ul > li {
			width:100%;
			display:block;
			max-width:300px;
			margin:0 auto 70px auto;
		}
	}

#merit > ul > li > span {
	display:block;
	margin-bottom:10px;
}
#merit > ul > li > span > strong {
	display:block;
	font-size:48px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
}
	@media(max-width:767px) {
		#merit > ul > li > span > strong {
			font-size:42px;
		}
	}

#merit > ul > li > h4 {
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	padding:15px 0;
	margin:0 15px 15px 15px;
	font-size:28px;
}
	@media(max-width:767px) {
		#merit > ul > li > h4 {
			font-size:24px;
		}
	}

#merit > ul > li > p {
	text-align:left;
	margin:0 15px;
	line-height:1.5;
}
#merit > ul > li > img {
	position:absolute;
	right:-12%;
	top:43%;
	width:14%;
	z-index:99;
}
	@media(max-width:767px) {
		#merit > ul > li > img {
			width:48px;
			left:126px;
			top:100%;
			padding-top:11px;
		}
	}