@charset "utf-8";
/* CSS Document */

#wrap #main #mainBox #innerMainImage {
	background: url(../img/event/mainimage.jpg) top center no-repeat;
}

#wrap #main #mainBox .event {
	width: 800px;
	margin: 0 auto;
}

#wrap #main #mainBox .event .ttl {
 margin: 0 0 20px 0;
 font-size: 26px;
 font-weight: bold;
 line-height: 1;
}

#wrap #main #mainBox .event .accordion {
	border-bottom: 1px solid #2d1200;
}

#wrap #main #mainBox .event .accordion li {
	border-top: 1px solid #2d1200;
}

#wrap #main #mainBox .event .accordion li ul li{
	border-top: none;
}

#wrap #main #mainBox .event .button {
 width: 100%;
	height: 70px;
 padding: 10px 45px 10px 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	font-size: 16px;
	color: #2d1200;
	cursor: pointer;
	position: relative;
	border: none;
	background: #fff;
}

#wrap #main #mainBox .event .button.button_1 {
 color: #1abc9c;
}

#wrap #main #mainBox .event .button::after {
 content: "＋";
	font-size: 30px;
 position: absolute;
 top: 11px;
 right: 13px;
}
#wrap #main #mainBox .event .button.active::after {
 content: "－";
}

#wrap #main #mainBox .event table tr th {
	width: 120px;
	font-size: 18px;
	text-align: left;
}

#wrap #main #mainBox .event table tr td {
	text-align: left;
}

#wrap #main #mainBox .event .accordion_1 {
	padding: 16px 16px 16px 280px;
	background: rgba(45,18,0,0.1);
}

#wrap #main #mainBox .event .ePh {
	margin: 10px 0 0 0;
	width: 400px;
}

#wrap #main #mainBox .reception {
	margin: 100px 0 0 0;
	padding: 60px 0;
	background: rgba(45,18,0,0.1);
}

#wrap #main #mainBox .reception h2 {
	margin: 0 auto;
	padding: 0 0 4px 0;
	text-align: center;
 letter-spacing: 1em;
	text-indent: 1em;
	position: relative;
}

#wrap #main #mainBox .reception h2::after {
	width: 300px;
	height: 1px;
	content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 border-bottom: 1px solid #2d1200;
 margin: 0 auto;
}

#wrap #main #mainBox .reception .flex {
	width: 1080px;
	margin: 0 auto 50px auto;
}

#wrap #main #mainBox .reception .flex li {
	width: 336px;
	height: 136px;
	margin: 0 20px 20px 0;
	text-align: center;
	line-height: 136px;
}
#wrap #main #mainBox .reception .flex li a {
	width: 336px;
	height: 136px;
 padding: 38px 58px;
	display: block;
}
#wrap #main #mainBox .reception .flex li a:link    {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:visited {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:hover   {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:active  {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li:first-child {	background: url(../img/event/btn_a_bg.jpg) top center no-repeat; background-size: cover; }
#wrap #main #mainBox .reception .flex li:nth-child(2) {	background: url(../img/event/btn_b_bg.jpg) top center no-repeat; background-size: cover; }
#wrap #main #mainBox .reception .flex li:nth-child(3) { background: url(../img/event/btn_c_bg.jpg) top center no-repeat;	margin: 0 0 20px 0; background-size: cover;
}
#wrap #main #mainBox .reception .flex li:nth-child(4) { background: url(../img/event/btn_d_bg.jpg) top center no-repeat;	margin: 0 20px 0 0; background-size: cover;
}
#wrap #main #mainBox .reception .flex li:nth-child(5) { background: url(../img/event/btn_e_bg.jpg) top center no-repeat;	margin: 0 20px 0 0; background-size: cover;
}
#wrap #main #mainBox .reception .flex li a p {
	width: 220px;
	height: 60px;
	margin: 0;
	font-size: 22px;
	line-height: 60px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	text-shadow:
    #000 1px 1px 2px, #000 -1px 1px 2px,
    #000 1px -1px 2px, #000 -1px -1px 2px;
	box-shadow: 0 0 8px #000, 0 0 8px #000 inset;
}

#wrap #footer {
	margin: 0;
}









/* smartphone */

@media screen and (max-width: 750px) {
	
#wrap #main #mainBox #innerMainImage {
	background: url(../img/event/mainimage.jpg) top center no-repeat;
	background-size: cover;
}
	
#wrap #main #mainBox .event {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

#wrap #main #mainBox .event .ttl {
 margin: 0 0 20px 0;
 font-size: 20px;
 font-weight: bold;
 line-height: 1;
}
	
#wrap #main #mainBox .event .accordion {
}

#wrap #main #mainBox .event .button {
 width: 100%;
	height: 70px;
 padding: 10px 45px 10px 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	font-size: 14px;
	color: #2d1200;
	cursor: pointer;
	position: relative;
	border: none;
	background: #fff;
}

#wrap #main #mainBox .event .button.button_1 {
 color: #1abc9c;
}

#wrap #main #mainBox .event .button::after {
 content: "＋";
	font-size: 30px;
 position: absolute;
 top: 11px;
 right: 13px;
}
#wrap #main #mainBox .event .button.active::after {
 content: "－";
}

#wrap #main #mainBox .event table tr th {
	width: 80px;
	text-align: left;
}

#wrap #main #mainBox .event .accordion_1 {
	padding: 10px;
	background: rgba(45,18,0,0.1);
}

#wrap #main #mainBox .event .ePh {
	margin: 10px 0 0 0;
	width: 100%;
}

#wrap #main #mainBox .reception {
	margin: 100px 0 0 0;
	padding: 60px 0;
	background: rgba(45,18,0,0.1);
}

#wrap #main #mainBox .reception h2 {
	margin: 0 auto;
	padding: 0 0 4px 0;
	text-align: center;
 letter-spacing: 1em;
	text-indent: 1em;
	position: relative;
}

#wrap #main #mainBox .reception h2::after {
	width: 300px;
	height: 1px;
	content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 border-bottom: 1px solid #2d1200;
 margin: 0 auto;
}

#wrap #main #mainBox .reception .flex {
	width: 100%;
	margin: 0 auto 50px auto;
}

#wrap #main #mainBox .reception .flex li {
	width: 100%;
	height: 136px;
	margin: 0 20px 0 0;
	text-align: center;
	line-height: 136px;
}
#wrap #main #mainBox .reception .flex li a {
	width: 100%;
	height: 136px;
 padding: 38px 0;
	display: block;
}
#wrap #main #mainBox .reception .flex li a:link    {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:visited {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:hover   {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li a:active  {color: #fff; text-decoration: none;}
#wrap #main #mainBox .reception .flex li:first-child {	background: url(../img/event/btn_a_bg.jpg) top center no-repeat; background-size: cover; }
#wrap #main #mainBox .reception .flex li:nth-child(2) {	background: url(../img/event/btn_b_bg.jpg) top center no-repeat; background-size: cover; }
#wrap #main #mainBox .reception .flex li:nth-child(3) { background: url(../img/event/btn_c_bg.jpg) top center no-repeat;	margin: 0; background-size: cover;
}
#wrap #main #mainBox .reception .flex li:nth-child(4) { background: url(../img/event/btn_d_bg.jpg) top center no-repeat;	margin: 0; background-size: cover;
}
#wrap #main #mainBox .reception .flex li:nth-child(5) { background: url(../img/event/btn_e_bg.jpg) top center no-repeat;	margin: 0 0 40px; background-size: cover;
}
#wrap #main #mainBox .reception .flex li a p {
	width: 220px;
	height: 60px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 60px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	text-shadow:
    #000 1px 1px 2px, #000 -1px 1px 2px,
    #000 1px -1px 2px, #000 -1px -1px 2px;
	box-shadow: 0 0 8px #000, 0 0 8px #000 inset;
}

#wrap #footer {
	margin: 0;
}










}