@charset "utf-8";



/*############################################################################*/
/*

共通設定

*/
/*############################################################################*/



/*画像枠の全体*/

#overlay_eventpage_bg {
	position: absolute;
	z-index: 10;
	left: 0pt;
	top: 0pt;
	width: 100%;
	height: 100%;
	background-color: #3d3e42;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#overlay_eventpage {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	z-index: 200;
	margin: 0;
	padding: 0;
	width:100%;
}

#overlay_eventpage_001 {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 0pt;
	z-index: 200;
	margin: 0 0 0 -400px;
	padding: 0;
	width:800px;/*1000*/
	/*background-color:#ffffff;
	box-shadow: 0 1px 10px 2px #58543a;*/
}

#overlay_eventpage:after {
	content: "";
	display: block;
	clear: both;
}
#overlay_eventpage {
	zoom: 1;
}

#overlay_eventpage .inner {
	margin: 0;
	padding: 40px 0 0 0;
}

.page_inner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:900px;
}


/*閉じる*/

#overlay_eventpage .close_btn  {
	z-index: 1;
	position: absolute;
	right: -25px;
	bottom: -25px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding-top: 50px;
	height: 0 !important;
	line-height: 250%;
	width: 50px;
	background: url(overlay_colose.png?2) center center no-repeat;
	background-size: 80%;
	background-color:#334458;
	border:4px solid #ffffff;
	border-radius: 50%;
	box-shadow:0px 1px 6px 0px #334458;
	transition: all .3s;
	animation: close_btn_flm 1s none 1s;
}

#overlay_eventpage .close_btn:hover {
	transform: scale(1.1);
}

@keyframes close_btn_flm {
	0% {transform: translate(0px, 0px);}
	30% {transform: translate(0px, -10px);}
	100% {transform: translate(0px, 0px);}
}

#overlay_eventpage .close_text {
	margin: 20px 20px 20px 0;
	padding: 10px 0 0 0;
	border-top: 2px solid #e5cc8c;
	text-align: center;
}

#overlay_eventpage .close_text .close_btn {
	position: static;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 33px;
	height: 0 !important;
	line-height: 250%;
	width: 114px;
	background: url(close_text.png) top left no-repeat;
}






/*############################################################################*/


/*幅700でのボックス分け*/


/*############################################################################*/

#overlay_eventpage .grid-box{


}

/*=============================*/

/*等分割*/

#overlay_eventpage .half .cell {
	margin: 0;
	padding-left: 20px;
	width: 340px;
}
#overlay_eventpage .half .cell:first-child {
	padding-left: 0;
}

/*色ベタboxでの等分割*/
#overlay_eventpage .color-box .half .cell {
	margin: 0;
	padding-left: 20px;
	width: 320px;
}
#overlay_eventpage .color-box .half .cell:first-child {
	padding-left: 0;
}


/*=============================*/

/*3分割*/
#overlay_eventpage .three .cell {
	margin: 0;
	padding-left: 20px;
	width: 220px;
}
#overlay_eventpage .three .cell:first-child {
	padding-left: 0;
}

/*色ベタboxでの3分割*/
#overlay_eventpage .color-box .three .cell {
	margin: 0;
	padding-left: 21px;
	width: 206px;
}
#overlay_eventpage .color-box .three .cell:first-child {
	padding-left: 0;
}


/*=============================*/

/*4分割*/
#overlay_eventpage .four .cell {
	margin: 0;
	padding-left: 20px;
	width: 160px;
}
#overlay_eventpage .four .cell:first-child {
	padding-left: 0;
}

/*色ベタboxでの4分割*/
#overlay_eventpage .color-box .four .cell {
	margin: 0;
	padding-left: 20px;
	width: 150px;
}
#overlay_eventpage .color-box .four .cell:first-child {
	padding-left: 0;
}


/*=============================*/

/*1：2 左が大きい*/
#overlay_eventpage .one-two .cell {
	margin: 0;
	padding-left: 20px;
	width: 220px;
}
#overlay_eventpage .one-two .cell:first-child {
	padding-left: 0;
	width: 460px;
}

/*色ベタboxでの1：2 左が大きい*/
#overlay_eventpage .color-box .one-two .cell {
	margin: 0;
	padding-left: 21px;
	width: 206px;
}
#overlay_eventpage .color-box .one-two .cell:first-child {
	padding-left: 0;
	width: 433px;
}


/*1：3 左が大きい*/
#overlay_eventpage .one-three .cell {
	margin: 0;
	padding-left: 20px;
	width: 160px;
}
#overlay_eventpage .one-three .cell:first-child {
	padding-left: 0;
	width: 520px;
}

/*色ベタboxでの1：3 左が大きい*/
#overlay_eventpage .color-box .one-three .cell {
	margin: 0;
	padding-left: 20px;
	width: 150px;
}
#overlay_eventpage .color-box .one-three .cell:first-child {
	padding-left: 0;
	width: 490px;
}


/*=============================*/

/*2：1 右が大きい*/
#overlay_eventpage .two-one .cell {
	margin: 0;
	padding-left: 20px;
	width: 460px;
}
#overlay_eventpage .two-one .cell:first-child {
	padding-left: 0;
	width: 220px;
}

/*色ベタboxでの2：1 右が大きい*/
#overlay_eventpage .color-box .two-one .cell {
	margin: 0;
	padding-left: 21px;
	width: 433px;
}
#overlay_eventpage .color-box .two-one .cell:first-child {
	padding-left: 0;
	width: 206px;
}


/*3：1 右が大きい*/
#overlay_eventpage .three-one .cell {
	margin: 0;
	padding-left: 20px;
	width: 520px;
}
#overlay_eventpage .three-one .cell:first-child {
	padding-left: 0;
	width: 160px;
}

/*色ベタboxでの3：1 右が大きい*/
#overlay_eventpage .color-box .three-one .cell {
	margin: 0;
	padding-left: 20px;
	width: 490px;
}
#overlay_eventpage .color-box .three-one .cell:first-child {
	padding-left: 0;
	width: 150px;
}







/*====================================*/
/*写真枠*/





/*====================================*/

/*セロテープ　緑　左上*/