@charset "UTF-8";

/*-----------------------------------

	event.css

-----------------------------------*/


/* =====================
  main_image
===================== */

#lower #main_img {
	background:	url(../img/event/main_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#lower #main_img h2 {
	width: 245px;
}

/* =====================
  block_01
===================== */
#block_01 {
	margin: 90px auto 180px;
}
#block_01 h3 {
	margin: 45px 0 30px;
}
#block_01 h3 .pc_head_img {
	display: block;
}
#block_01 h3 .sp_head_img {
	display: none;
}
#block_01 .box_style {
	padding-bottom: 55px;
	background: url(../img/event/line_img.png) no-repeat;
	background-position: bottom;
}
#block_01 .box_style:last-child {
	background: none;
}
#block_01 .box_img {
	margin-left: 33px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#block_01 .box_btn {
	margin-right: 34px;
}

/* table */
#block_01 table {
	width: 520px;
	margin-left: 37px;
	margin-bottom: 35px;
	font-size: 15px;
}
#block_01 table th {
	width: 75px;
	padding: 10px 0;
	font-weight: normal;
	border-top: 1px solid;
	vertical-align: middle;
}
#block_01 table td {
	padding: 10px 0 10px 15px;
	border-top: 1px solid;
}
#block_01 table tr:last-child th,
#block_01 table tr:last-child td {
	border-bottom: 1px solid;
}
#block_01 table th.border_white {
	border-bottom: 1px solid #fff;
}
#block_01 table .text_center {
	text-align: center;
	padding: 10px 0;
}

/* =====================
  box_01
===================== */
#box_01 table th {
	background: #fcd9d9;
	border-color: #fcd9d9;
}
#box_01 table tr:last-child th,
#box_01 table tr:last-child td {
	border-color: #fcd9d9;
}
#box_01 table td {
	border-color: #fcd9d9;
}

/* =====================
  box_02
===================== */
#box_02 table th {
	background: #ffecce;
	border-color: #ffecce;
}
#box_02 table tr:last-child th,
#box_02 table tr:last-child td {
	border-color: #ffecce;
}
#box_02 table td {
	border-color: #ffecce;
}

/* =====================
  box_03
===================== */
#box_03 table th {
	background: #ecddd7;
	border-color: #ecddd7;
}
#box_03 table tr:last-child th,
#box_03 table tr:last-child td {
	border-color: #ecddd7;
}
#box_03 table td {
	border-color: #ecddd7;
}

/* =====================
  box_04
===================== */
#box_04 table th {
	background: #e1ebfc;
	border-color: #e1ebfc;
}
#box_04 table tr:last-child th,
#box_04 table tr:last-child td {
	border-color: #e1ebfc;
}
#box_04 table td {
	border-color: #e1ebfc;
}

/* =====================
  album
===================== */

.spring_color,
#album #spring_block {
	background: #fff6f6;
}
#album #spring_block,
#album #autumn_block {
	padding: 90px 0;
}
#album #summer_block {
	margin-top: -67px;
	padding: 67px 0 90px;
	background-image: url(../img/event/album/white_top_bg.png), url(../img/event/album/white_bottom_bg.png);
	background-repeat: no-repeat;
	background-position: top, bottom;
	position: relative;
}
#album #autumn_block {
	margin-top: -67px;
	padding: 87px 0 90px;
	background: #f9f7e8;
}
#album #winter_block {
	margin-top: -40px;
	padding: 100px 0 150px;
	background-image: url(../img/event/album/white_top_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
#album section h3 {
	display: block;
	width: 1000px;
	margin: 0 auto;
}
#album .sp_head_img {
	display: none;
}
#album .list_box h4 {
	font-size: 28px;
	letter-spacing: 0.2em;
	color: #96734d;
	margin-bottom: 30px;
	padding: 45px 0 7px 57px;
	background: url(../img/event/album/list_head_bg.png) no-repeat;
	background-position-y: bottom;
	border-bottom: 4px solid #e3e863;
	position: relative;
}
#album .list_box h4:before {
	content: "";
	width: 205px;
	height: 4px;
	background: #6b4924;
	position: absolute;
	bottom: -4px;
	right: 0;
}
#album .list_box ul li {
	width: 285px;
	float: left;
	margin-right: 72px;
	margin-bottom: 35px;
}
#album .list_box ul li:nth-child(3n) {
	margin-right: 0 !important;
}
#album .list_box ul li p {
	line-height: 180%;
}
#album .list_box ul li img {
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/*-----------------------------------

	tablet

-----------------------------------*/

@media screen and (max-width: 840px) {

/* =====================
  block_01
===================== */
	#block_01 {
		margin: 50px auto 0px;
	}
	#block_01 h3 {
		margin: 10% 0 8%;
	}
	#block_01 h3 img {
		max-width: 100%;
	}
	#block_01 .box_style {
		padding-bottom: 35px;
	}
	#block_01 .box_img {
		width: 41%;
		margin-left: 0;
	}
	#block_01 table {
		width: 56%;
		margin-left: 3%;
		font-size: 14px;
	}
	#block_01 table th {
		width: 15%;
	}
	#block_01 .box_btn {
		margin-right: 0;
	}


/* =====================
  album
===================== */
	#album section h3 {
		width: 100%;
	}
	#album .pc_head_img {
		max-width: 100%;
	}
	#album .list_box h4 {
		font-size: 24px;
		padding-bottom: 5px;
		background-size: contain;
	}
	#album .list_box h4:before {
		width: 40%;
	}
	#album .list_box ul li {
		width: 30%;
		margin-right: 5%;
    	margin-bottom: 20px;
	}
	#album .list_box ul li img {
		max-width: 100%;
	}
	#album #winter_block {
		padding-bottom: 0;
	}

}

/*-----------------------------------

	sp

-----------------------------------*/

@media screen and (max-width: 640px) {

	#lower #main_img h2 {
		width: 40% !important;
	}

/* =====================
  block_01
===================== */
	#block_01 h3 .pc_head_img {
		display: none;
	}
	#block_01 h3 .sp_head_img {
		display: block;
	}
	#block_01 .box_img {
		display: block;
		width: auto;
		max-width: 90%;
		margin: 0 auto;
		float: none !important;
	}
	#block_01 table {
		width: 90%;
		font-size: 13px;
		margin: 20px auto;
		float: none !important;
	}
	#block_01 .box_btn {
		display: block;
		float: none !important;
		text-align: center;
	}

/* =====================
  album
===================== */
	#album .pc_head_img {
		display: none;
	}
	#album .sp_head_img {
		display: block;
		max-width: 100%;
	}
	#album .list_box h4 {
		font-size: 18px;
		padding: 15px 0 0 40px;
		background: url(../img/event/album/sp/list_head_bg.png) no-repeat;
		background-size: contain;
		background-position-y: 100%;
	}
	#album .list_box ul li {
		width: 48%;
		margin-right: 4%;
	}
	#album .list_box ul li:nth-child(3n) {
		margin-right: 4% !important;
	}
	#album .list_box ul li:nth-child(2n) {
		margin-right: 0 !important;
	}
	#album .list_box ul li img {
		max-width: 100%;
	}
	#album #spring_block,
	#album #autumn_block {
		padding: 30px 0;
	}
	#album #summer_block {
		margin-top: -15px;
		padding: 30px 0;
		background-image: url(../img/event/album/sp/white_top_bg.png), url(../img/event/album/sp/white_bottom_bg.png);
	}
	#album #autumn_block {
		margin-top: -15px;
	}
	#album #winter_block {
		margin-top: -15px;
		padding: 30px 0;
		background-image: url(../img/event/album/sp/white_top_bg.png);
	}

}