eve_21038963.css

*{
	box-sizing:content-box;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}


.f1{
	top:-1.5vw;
	left:0;
	transform:rotateY(180deg) rotateX(180deg);
}
.f2{
	top:-1.5vw;
	right:0;
	transform: rotateX(180deg);
}
.f3{
	bottom:-1.5vw;
	left:0;
	transform:rotateY(180deg);
}
.f4{
	bottom:-1.5vw;
	right:0;
	transform:rotate(0deg);
}

.album{
	display			:none;
	position		:fixed;
	left			:0;
	right			:0;
	width			:76vw;
	margin			:auto;
	height			:24vw;
	background		:linear-gradient(135deg, #ffb0e0,#f1a0d0);
}

.album_in{
	display			:flex;
	justify-content	:space-between;
	flex-wrap		:wrap;
	position		:absolute;
	width			:82vw;
	height			:20vw;

	margin			:auto;
	left			:0;
	right			:0;
	top				:0;
	bottom			:0;
}

.album_img{
	width			:20vw;
	height			:20vw;
	background		:#ff0000;
	border			:1vw silid #fafafa;
}

.album_comm{
	font-size		:3vw;
	color			:#ff0000;
}

.box_slide_out{
	position		:relative;
	width			:100%;
	height			:66vw;
	overflow		:hidden;
}

.box_slide_img{
	position		:absolute;
	top				:0;
	left			:0;
	width			:100%;
}



.box_slide{
	position		:absolute;
	top				:0;
	left			:0;
	right			:0;
	bottom			:0;
	margin			:auto;
	width			:50vw;
	height			:45vw;
	background		:#fffafa;
	font-size		:0;
	box-shadow		:-3vw -3vw 20vw rgba(240,160,200,0.3)inset, 3vw 3vw 20vw rgba(240,160,200,0.3)inset;
	border			:1vw solid #f1a0d0;
	border-radius	:2vw;
	overflow		:hidden;
}

.box_slide_in{
	display:none;
	position		:absolute;
	top				:0vw;
	right			:0vw;
	width			:50vw;
	height			:45vw;
}

.slide_shut{
	position		:absolute;
	top				:-10vw;
	right			:-80vw;
	width			:70vw;
	height			:70vw;
	background		:#f1a0d0;
	transform		:rotate(20deg);
	transform-origin:center;
}	

.img_slide{
	position	:relative;
	display		:block;
	width		:92vw;
	height		:24vw;
	overflow	:hidden;
	margin:0 auto;
}

.img_slide_in{
	position	:absolute;
	top			:0;
	left		:-11.5vw;
	display		:flex;
	width		:529vw;
	height		:23vw;
	overflow	:hidden;
}

.slide_out{
	position		:relative;
	width			:22vw;
	height			:22vw;
	margin			:0;
	background		:linear-gradient(135deg, #f0faff ,#e0eaef);
	border-top		:0.5vw solid #f0f5ff;
    border-left		:0.5vw solid #f0f5ff;
    border-right	:0.5vw solid #000090;
    border-bottom	:0.5vw solid #000090;
}

.slide_img{
	position		:absolute;
	top				:0;
	bottom			:0;
	left			:0;
	right			:0;
	margin			:auto;
	width			:18vw;
	height			:18vw;
	border-top		:0.5vw solid #000090;
    border-left		:0.5vw solid #000090;
    border-right	:0.5vw solid #f0f5ff;
    border-bottom	:0.5vw solid #f0f5ff;	
}


.slide_ope{
	position		:absolute;
	top				:30vw;
	right			:2vw;
	width			:14vw;
	height			:14vw;
}


.slide_name{
	position		:absolute;
	top				:40vw;
	left			:2vw;
	width			:30vw;
	height			:5vw;
	font-size		:3vw;
	color			:#403030;
	font-weight		:600;
	margin-right	:1vw;
	text-align		:right;
}

.slide_date{
	position		:absolute;
	top				:45vw;
	left			:2vw;
	width			:28vw;
	height			:5vw;
	font-size		:3vw;
	color			:#606060;
	text-align:right;
}

.box_main{
	position		:relative;
	width			:78vw;
	height			:60vw;
	background		:#fffafa;
	margin			:1vw auto;
	font-size		:0;
	box-shadow		:-3vw -3vw 20vw rgba(220,100,100,0.3)inset, 3vw 3vw 20vw rgba(220,100,100,0.3)inset;
}

.img_f{
	position		:absolute;
	top				:25vw;
	right			:4vw;
	width			:22vw;
	height			:22vw;
}

.img_p{
	position		:absolute;
	top				:0;
	bottom			:0;
	left			:0;
	right			:0;
	margin			:auto;
	width			:40vw;
	height			:40vw;
	border-top		:0.5vw solid #0000d0;
    border-left		:0.5vw solid #0000d0;
    border-right	:0.5vw solid #e0f0ff;
    border-bottom	:0.5vw solid #e0f0ff;	
}




.img_p_out{
	position		:absolute;
	top				:2vw;
	left			:4vw;
	width			:44vw;
	height			:44vw;
	margin			:1vw auto;
	background		:linear-gradient(135deg, #fafafa ,#e0e0e0);
	background		:linear-gradient(135deg, #ffc0c0 ,#ff6060);
	border-top		:0.5vw solid #e0f0ff;
    border-left		:0.5vw solid #e0f0ff;
    border-right	:0.5vw solid #0000d0;
    border-bottom	:0.5vw solid #0000d0;
	overflow		:hidden;
}

.box_ope{
	position		:absolute;
	top				:49vw;
	left			:4vw;
	width			:70vw;
	height			:10vw;
	background		:#fafafa;
}

.box_name{
	position		:absolute;
	top				:4vw;
	left			:1vw;
	width			:50vw;
	height			:6vw;
	line-height		:6vw;
	font-size		:4vw;
	text-align		:left;
	font-weight		:500;
}

.box_date{
	position		:absolute;
	top				:0vw;
	left			:1vw;
	width			:50vw;
	height			:4vw;
	line-height		:4vw;
	color			:#454545;
	text-align		:left;

}

.icon{
	position		:absolute;
	top				:0;
	bottom			:0;
	left			:0;
	margin			:auto;
	height			:4vw;
	line-height		:4vw;
	width			:4vw;
	text-align		:center;
	font-size		:3.5vw;
}

.box_date_in{
	position		:absolute;
	top				:0;
	bottom			:0;
	left			:0.5vw;
	margin			:auto;
	height			:4vw;
	line-height		:4vw;
	text-align		:left;
	font-size		:3.5vw;
}

.box_iine{
	position		:absolute;
	top				:0.5vw;
	right			:1.5vw;
	height			:7vw;
	line-height		:7vw;
	width			:10vw;
	text-align		:center;
	font-size		:4.5vw;
	background		:linear-gradient( #d0d0d0,#b0b0b0);
	border-radius	:1vw;
	border			:1px solid #a0a0a0;
	box-shadow		:0 1vw 0 #a0a0a0;
	color			:#e0e0e0;
	text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #000000;
}

.kikan{
	display:block;
	font-weight:600;
	font-size:3.2vw;
	text-align:center;
	color:#202020;
}


.box_iine_on{
	top				:1.5vw;
	background		:linear-gradient( #ffc0c0,#e0a0a0);
	border			:1px solid #ffc0c0;
	box-shadow		:0 0.5vw 0 #903030;
	color			:#d00000;
}

.img_p_out2{
	content		:"";
	position	:absolute;
	top			:-6vw;
	left		:-30vw;
	width		:20vw;
	height		:57vw;
	transform	:rotate(20deg);
	background	:linear-gradient(90deg,rgba(255, 255, 240, 0.1),rgba(255, 255, 240, 1));
	background	:linear-gradient(90deg,rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 1));
}


.list_title{
	width		:94vw;
	background	:#fafafa;
	margin		: 2vw auto 0 auto;
	height		:8vw;
	text-align	:left;
	position	:relative;
	overflow	:hidden;
	border-bottom	:1px solid #B3EEF9;
}

.list_title_in{
	width		:90vw;
	font-size	:4vw;
	color		:#202030;
	font-weight	:600;
	margin		: 2vw auto 0 auto;
	height		:6vw;
	line-height	:6vw;
	text-align	:left;
	position	:relative;
	overflow	:hidden;
}

.no_member{
	margin		:2vw auto;
	width		:60vw;
	border		:1px solid #c00000;
	padding		:2vw;
	font-size	:4vw;
	text-align	:left;
}


.list_title_2{
	width		:90vw;
	font-size	:3.5vw;
	color		:#444444;
	font-weight	:600;
	background	:#d0d0d0;
	margin		:1vw auto 0 auto;
	height		:6vw;
	line-height	:6vw;
	text-align	:left;
	padding		:0 2vw;
}


.list{
	display			:flex;
	flex-wrap		:wrap;
	width			:94vw;
	margin			:0 auto;
	font-size		:0;
}

.list_box_cnt{
	position		:absolute;
	top				:9vw;
	right			:2.5vw;
	background		:linear-gradient(135deg,#00a000,#008000);
	color			:#fafafa;
	font-weight		:600;
	font-size		:4vw;
	padding			:0.5vw 1.5vw;
	border-radius	:1vw;
	box-shadow		:2px 2px 0 #003000;
}

.list_box_a_cnt{
	position		:absolute;
	top				:1vw;
	left			:1vw;
	background		:linear-gradient(135deg,#00a000,#008000);
	color			:#fafafa;
	font-weight		:600;
	font-size		:3.5vw;
	padding			:0.5vw 1vw;
	border-radius	:1vw;
	box-shadow		:2px 2px 0 #003000;
}

.list_box_a_comm{
	display		:block;
	margin		:1vw auto 2vw auto;
	background	:#fafafa;
	padding		:2vw;
	width		:86vw;
	font-size	:3.5vw;
	text-align	:left;
}

.list_box_a{
	position	:relative;
	display		:inline-block;
	width		:94vw;
	flex-basis	:94vw;
	background	:#e5f5ff;
	margin		:1vw auto;
}

.list_box_a_top{
	position	:relative;
	display		:inline-block;
	width		:94vw;
	height		:45vw;
}



.list_box_a_p{
	position	:absolute;
	top			:7vw;
	left		:2vw;
	width		:36vw;
	height		:36vw;
}

.list_box_a_img{
	position	:absolute;
	top			:6vw;
	right		:2vw;
	width		:13vw;
	height		:13vw;
}

.list_box_a_item{
	position	:absolute;
	display		:inline-block;
	top			:1vw;
	left		:15vw;
	width		:76vw;
	height		:5vw;
	line-height	:5vw;
	font-size	:3.5vw;
	text-align	:left;
	color		:#151516;
	font-weight:600;
}


.list_box_a_sch{
	display		:flex;
	flex-wrap	:wrap;
	position	:absolute;
	top			:20.5vw;
	left		:40vw;
	width		:48vw;
	background	:#fafafa;
	border		:1vw solid #a0c0ff;
	padding		:0.5vw 1vw; 
	box-shadow:5vw 5vw 10vw rgba(200,220,255,0.2) inset,-5vw -5vw 10vw rgba(200,220,255,0.2) inset;
}

.list_box_a_sch_1{
	display		:block;
	width		:88vw;
	background	:#fafafa;
	border		:0.5vw solid #3060ff;
	padding		:1vw; 
	margin		:1vw auto;
}

.sch_tl,.sch_tr,.sch_bl,.sch_br{
	display			:block;
	position		:absolute;
	background		:#0000d0;
	height			:1vw;
	width			:1vw;
	border-radius	:50%;
}

.sch_title{
	display			:block;
	height			:4.5vw;
	line-height		:4.5vw;
	width			:88vw;
	text-align		:left;
	margin			:0 auto;
	font-size		:3.5vw;
	color			:#000000;
	font-weight		:500;
}

.sch_list{
	display			:block;
	width			:88vw;
	color			:#454545;
	text-align		:left;
	font-size		:3.5vw;
	line-height		:4.5vw;
	margin			:0 auto 0.5vw auto;;

}
.sch_main_list{
	display			:block;
	color			:#454545;
	text-align		:left;
	font-size		:3.2vw;
	line-height		:4.5vw;
	margin			:0.5vw auto;;

}

.sch_tl{
	top			:1vw;
	left		:1vw;
}

.sch_tr{
	top			:1vw;
	right		:1vw;
}

.sch_bl{
	bottom		:1vw;
	left		:1vw;
}

.sch_br{
	bottom		:1vw;
	right		:1vw;
}

.list_box_a_name{
	display		:block;
	position	:absolute;
	top			:13vw;
	left		:40vw;
	width		:35vw;
	height		:4.5vw;
	line-height	:4.5vw;
	font-size	:3.8vw;
	overflow	:hidden;
	text-align	:left;
	border-bottom:1px solid #0000d0;
	padding		: 0.5vw;
	color		:#303030;
	font-weight:600;
}

.sbox{
	position	:relative;
	display		:block;
	width		:96vw;
	flex-basis	:96vw;
	height		:52vw;
	margin		:0.5vw auto;
}

.list_box_b{
	position		:absolute;
	top				:20vw;
	display			:inline-block;
	width			:45vw;
	height			:50vw;
	background		:linear-gradient(135deg,#fff5f0,#efe5e0);
	opacity			:0;
	border			:2px solid #906000;
}

.list_box_blank{
	position		:absolute;
	top				:0vw;
	display			:inline-block;
	width			:45vw;
	height			:50vw;
}

.pg1{
	left:-60vw;
}

.pg0{
	right:-60vw;
}


.list_box_b_p{
	position	:absolute;
	top			:10vw;
	left		:2vw;
	width		:22vw;
	height		:22vw;
}

.list_box_b_img{
	position	:absolute;
	top			:17vw;
	right		:2vw;
	width		:15vw;
	height		:15vw;
}

.list_box_b_item{
	position	:absolute;
	display		:inline-block;
	top			:1vw;
	left		:1vw;
	width		:44vw;
	height		:6.5vw;
	line-height	:4vw;
	font-size	:3.5vw;
	text-align	:left;
	color		:#000000;
	font-weight	:600;
}

.list_box_b_name{
	display			:block;
	position		:absolute;
	top				:34vw;
	left			:0vw;
	right			:0vw;
	width			:36vw;
	height			:5vw;
	line-height		:5vw;
	font-size		:3.8vw;
	overflow		:hidden;
	text-align		:center;
	border-bottom	:1px solid #0000d0;
	padding			: 0.5vw 1vw;
	margin			:auto;
	color			:#303030;
	font-weight		:600;
	overflow		:hidden;
}

a:hover{
	color			:#606060 !important;
	text-decoration	:none;
}

.list_box_status{
	position		:absolute;
	display			:inline-block;
	top				:7vw;
	right			:40vw;
	width			:14vw;
	height			:5vw;
	line-height		:5vw;
	font-size		:3vw;
	border-radius	:1vw;
	font-weight		:600;
	color			:#fafafa;
}

.list_msg{
	display			:inline-block;
	width			:84vw;
	margin			:1vw auto;
	padding			:2vw;
	font-size		:3.5vw;
	line-height		:5vw;
	background		:#fafafa;
	text-align		:left;
}


.list_open{
	display			:inline-block;
	width			:60vw;
	height			:12vw;
	line-height		:12vw;
	margin			:1vw auto;
	text-align		:center;
	font-size		:4.5vw;
	font-weight		:600;
	background		:linear-gradient(135deg,#c00000,#000090);
	color			:#fafafa;
	border-radius	:1vw;
}

.info{
	width			:74vw;
	padding			:2vw;
	border			:1px solid #303030;
	font-size		:3vw;
	text-align		:left;
	line-height		:4.5vw;
	margin			:1vw auto 2vw auto;
	background		:#fafafa;
}


.i{
	display:inline-block;
	height:4vw;
	line-height:4vw;	
	width:4.5vw;
	text-align:center;
	font-size:3.6vw;
}

.top_box_in{
	position	:relative;
	display		:block;
	font-size	:4vw;
	line-height	:5.8vw;
	text-align	:left;
	width		:86vw;
	margin		:8vw auto;
	padding		:0;
	color		:#202020;
}

.top_box_2{
	position	:relative;
	display		:inline-block;
	background	:linear-gradient(135deg,#faffff,#e0efff);
	width		:89vw;
	margin		:2vw auto;
	overflow	:hidden;
	border-top	:0.5vw solid #B3EEF9;
	border-bottom	:0.5vw solid #B3EEF9;
}
.top_box{
	position	:relative;
	display		:inline-block;
	background	:linear-gradient(135deg,#faffff,#e0efef);
	background	:linear-gradient(135deg,#e8d8a0 0%, #f0e0a8 50%, #d8c890 100%);
	font-size	:4vw;
	line-height	:5.8vw;
	text-align	:left;
	width		:84vw;
	margin		:2vw auto;
	padding		:5vw;
	color		:#302520;
	border-top		:1vw solid #f8e8b0;
	border-left		:1vw solid #f8e8b0;
	border-right	:1vw solid #483800;
	border-bottom	:1vw solid #483800;
}

.top_box_1{
	display		:inline-block;
	background	:#fafafa;
	font-size	:3.6vw;
	line-height	:5vw;
	text-align	:left;
	width		:76vw;
	margin		:1.5vw;
	padding		:2vw;
	color		:#303030;
	border:1px solid #303030;
	max-height:
}

.main_img{
	margin		:5vw auto;
	width		:50vw;
	height		:50vw;
}

.check1{
	position			:absolute;
	left				:1vw;
	bottom				:0;
	width				:4vw;
	height				:2vw;
	border-bottom		:1vw solid #a00000;
	border-left			:1vw solid #a00000;
	transform			:rotate(-50deg);
	transform-origin	:left bottom
}

.check2{
	display				:inline-block;
	position			:absolute;
	left				:0.5vw;
	top					:0;
	bottom				:0;
	margin				:auto;
	width				:3vw;
	height				:3vw;
	border				:2px solid #303030;
	background			:#fafafa;
}

.img_label_name{
	display				:inline-block;
	position			:relative;
	width				:65vw;
	height				:6vw;
	color				:#fafafa;
	border-bottom		:0.5vw solid #fafafa;
	cursor				:pointer;
	margin				:3vw auto 0 auto; 
}

.img_label_comm{
	display				:inline-block;
	position			:relative;
	width				:62vw;
	color				:#303030;
	border-bottom		:0.5vw solid #303030;
	margin				:2vw auto; 
	font-size:			3.8vw;
	background			:#fafafa;
	text-align			:left;
	padding				:1.5vw;
	border-radius		:1vw;
}

.img_label_text{
	position			:absolute;
	display				:inline-block;
	font-size			:3.5vw;
	left				:5vw;
	top					:0;
	bottom				:0;
	margin				:auto;
	height				:8vw;
	line-height			:8vw;
	width				:60vw;
	text-align			:left;
}

.title_0{
	display			:flex;
	height			:6vw;
	width			:94vw;
	margin			:0 auto;
}

.title_1{
	display			:inline-block;
	height			:8vw;
	line-height		:8vw;
	flex			:1;
	border			:1px solid #303030;
	background		:linear-gradient(#fafafa,#e0e0e0);
	border-radius	:1vw 1vw 0 0;
	cursor			:pointer;
	font-size		:4vw;
	text-align		:center;
}

.content{
	display			:none;
	width			:94vw;
	margin			:0 auto 3vw auto;
	min-height		:88vw;
}

#page1{
	background		:#ffe0f0;
}

.tag_on{
	background		:linear-gradient(#fae0e0,#fac0c0);
}

.btns_a,.btns_an{
	position		:absolute;
	top				:38vw;
	left			:48vw;
	margin			:auto;
	display			:inline-block;
	width			:30vw;
	height			:6vw;
	line-height		:6vw;
	font-size		:3vw;
	font-weight		:600;
	color			:#555555;
	cursor			:pointer;
	background		:linear-gradient(#ffe0e0,#ffd0d0);
	box-shadow:2px 2px 0 #202020;
}


.btns_n,.btns{
	position		:absolute;
	bottom			:3vw;
	left			:0;
	right			:0;
	margin			:auto;
	display			:inline-block;
	width			:34vw;
	height			:6vw;
	line-height		:6vw;
	font-size		:3.2vw;
	font-weight		:600;
	color			:#555555;
	cursor			:pointer;
	background		:linear-gradient(#ffd0d0,#ffc0b0);
	box-shadow:2px 2px 0 #202020;
}


.btns:active,.btns_a:active{
	background		:linear-gradient(#ffe0e0,#ffd0c0);

  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.btns_n,.btns_an{
	background		:linear-gradient(#e0e0e0,#dddddd);
}


#sd0{
	display:block;
}

#toggle_btn_head{
    box-sizing: border-box;
}