.index_info{
	margin			:2vw auto;
	padding			:1vw;
	border			:0.2vw solid #f17766;
	background		:#ffe0f0;
	text-align		:left;
	width			:90vw;
}
.p_toi{
	font-size		:3.8vw;
	margin			:1vw 0.5vw;
	padding			:0;
}

.index_box{
	position		:relative;
	text-align		:left;
	display			:flex;
	align-content	:flex-start;
	flex-wrap		:wrap;
	width			:98vw;
	background		:#fafafa;
	margin			:0.5vw auto;
	min-height		:calc(100vh - 8.5vh - 58.5vw);

}

.index_frame, .index_frame_print{
	position		:relative;
	display			:inline-block;
	text-align		:center;
	flex-basis		:44vw;
	padding			:1vw;
	margin			:1vw;
	background		:linear-gradient(45deg,#d2b48c 0%, #e2c49c 25%, #c2a47c 50%, #e2c49c 75%, #d2b48c 100%);
	box-shadow		:0.5vw 0.5vw 1vw rgba(30,30,30,0.6);
}

.index_img{
	width			:44vw;
	height			:72.8vw;
	border			:1px solid #303030;
}

.index_frame_ttl{
	width			:44vw;
	margin			:0;
	background		:linear-gradient(#fff0f5, #ffe0f0);
}

.index_frame_day{
	width			:44vw;
	margin			:0;
	padding-left	:1vw;
	height			:5vw;
	line-height		:5vw;
	font-size		:3.5vw;
	font-weight		:600;
	text-align		:left;
	color			:#fafafa;
	text-shadow		:1px 1px 0px #303030;
}

.ttl_1{
	width			:12vw;
	height			:12vw;
	max-height		:12vw;
	padding			:0;
	position		:relative;
	background		:#ffffff;
}

.ttl_img{
	position		:absolute;
	top				:0;
	left			:0;
	right			:0;
	bottom			:0;
	margin			:auto;
	width			:12vw;
	height			:12vw;
	padding			:0;
}

.ttl_2{
	padding			:0;
	font-size		:3.5vw;
	padding-left	:1vw;
	text-align		:left;
	font-weight		:600;
	color			:#707070;
}

.ttl_3{
	position		:relative;
	width			:12vw;
	text-align		:right;
}

.ttl_4{
	height			:7vw;

}
.ttl_4_in{
	padding-left	:1vw;
	font-size		:4vw;
	text-align		:left;
	font-weight		:600;
	color			:#303030;
	width			:30vw;
	overflow		:hidden;
	height			:7vw;
	line-height		:8vw;
}

.ttl_comm{
	display			:inline-block;
	position		:absolute;
	top				:-3vw;
	right			:-2vw;
	background		:#ffa0c0;

	width			:14vw;
	height			:5.5vw;
	border-radius	:2vw;
	border			:1vw solid #ffffff;;
}

.comm_icon{
	display			:block;
	position		:absolute;
	top				:0.5vw;
	bottom			:0.5vw;
	left			:1vw;
	margin			:auto;
	height			:4vw;
	width			:4vw;
	color			:#ffffff;
	font-size		:3.5vw;
}

.comm_cnt{
	display			:inline-block;
	position		:absolute;
	top				:0.5vw;
	right			:1vw;
	bottom			:0.5vw;
	margin			:auto;
	height			:4vw;
	color			:#ffffff;
	font-size		:3.5vw;
	font-weight		:600;	
}

.p_page{
	position		:fixed;
	top				:0;
	left			:105vw;
	width			:99vw;
	height			:120vh;
	background		:#ffe0d0;
	margin-top		:6vh;
	margin-bottom	:2.5vh;
	z-index			:90;
}

.p_page_size{
	display			:inline-block;
	position		:absolute;
	width			:16vw;
	height			:5vw;
	border			:0.5vw solid #ffffff; 
	box-shadow		:1vw 1vw 1vw rgba(60,60,60,0.5);
	background		:#f17766;
	text-align		:left;	
	color			:#ffffff;
	cursor			:pointer;
}

.p_page_on{
	background		:#ffff80 !important;
	color			:#f17766 !important;
}


.info,.back,.p_del{
	display			:block;
	position		:absolute;
	top				:7vw;
	left			:13vw;
	width			:8.5vw;
	height			:8vw;
	line-height		:8vw;
	font-size		:4.5vw;
	background		:#f17766;
	text-align		:center;	
	color			:#ffffff;
	cursor			:pointer;
	border-radius	:2vw;
	z-index			:14;
}

.back{
	left			:2.5vw;
}

.p_del{
	display			:none;
	left			:88.5vw;
	top				:119vw;
	border-radius	:1vw;
	background		:linear-gradient(#d00000,#c00000);

}

.card_twitter{
	display			:none;
	left			:67vw;
	top				:119vw;
	width			:20vw;
	position		:absolute;
	height			:8vw;
	line-height		:8vw;
	font-size		:4.5vw;
	text-align		:center;	
	color			:#ffffff;
	cursor			:pointer;
	border-radius	:1vw;
	z-index			:14;
	background		:linear-gradient(#151515,#000000);
	font-family		:at_icon;
}


.info_list{
	display			:none;
	position		:absolute;
	top				:17vw;
	left			:12vw;
	width			:45vw;
	height			:28vw;
	background		:#f0f0f0;
	border			:0.5vw solid #f17766;
	color			:#303030;
	z-index			:13;
}

.info_list_flex{
	display			:flex;
	position		:absolute;
	top				:10vw;
	left			:1vw;
	width			:43vw;
}

.info_icon{
	display			:inline-block;
	position		:absolute;
	top				:0.5vw;
	left			:1vw;
	height			:8vw;
	line-height		:8vw;
	width			:6vw;
	color			:#f17766;
	font-weight		:700;
	font-size		:5vw;
	text-shadow		:1px 1px 0px #f0f0f0;
}

.info_list_code{
	display			:inline-block;
	position		:absolute;
	top				:0.5vw;
	left			:10vw;
	height			:8vw;
	line-height		:8vw;

	color			:#f17766;
	font-weight		:700;
	font-size		:5vw;
	text-shadow		:1px 1px 0px #f0f0f0;
}

.info_list_count{
	display			:inline-block;
	position		:absolute;
	top				:2vw;
	right			:1vw;
	height			:6vw;
	line-height		:6vw;
	width			:12vw;
	color			:#3040ff;
	font-weight		:700;
	font-size		:4vw;	
	text-shadow		:1px 1px 0px #f0f0f0;
	border			:1vw solid #3040ff;
	border-radius	:3vw 1vw 1vw 3vw;
	text-align		:right;
	padding-right:0.5vw;
}

.info_icon_count{
	display			:block;
	position		:absolute;
	top				:1.5vw;
	right			:13.5vw;
	height			:4vw;
	line-height		:4vw;
	width			:4vw;
	font-size		:4vw;
	text-shadow		:
	-2px -2px 0px #3040ff,
	0px -2px 0px #3040ff,
	2px -2px 0px #3040ff,
	2px 0px 0px #3040ff,
	-2px 0px 0px #3040ff,
	-2px 2px 0px #3040ff,
	0px 2px 0px #3040ff,
	2px 2px 0px #3040ff;

	color			:#fafafa;
	font-weight		:600;
}

.info_icon_signet{
	display			:inline-block;
	height			:5vw;
	line-height		:5vw;
	width			:15vw;
	text-align		:center;
	font-size		:3.5vw;
}

.info_list_signet{
	display			:inline-block;
	position		:absolute;
	top				:20vw;
	right			:1vw;
	height			:5vw;
	line-height		:5vw;
	color			:#666666;
	font-size		:3.5vw;
}


.info_list_tag{
	display			:inline-block;
	width			:10vw;
	flex-basis		:10vw;
	margin			:0.5vw;
	text-align		:center;
	height			:7vw;
	line-height		:7vw;
	font-size		:3.6vw;
	font-weight		:600;
	color			:#fafafa;
	background		:#ffa0e0;
	border-radius	:1vw;
}

.info_list_btn{
	display			:inline-block;
	position		:absolute;
	bottom			:2vw;
	left			:0;
	right			:0;
	margin			:auto;
	width			:40vw;
	text-align		:center;
	height			:7vw;
	line-height		:7vw;
	font-size		:4vw;
	color			:#fafafa;
	font-weight		:600;
	border-radius	:1vw;
	background		:linear-gradient(#60a060,#008000);
	text-decoration	:none;
}

.info_list_btn:active {
	background		:linear-gradient(#90c090,#00a000);

}

.p_date{
	display			:inline-block;
	position		:absolute;
	top				:7vw;
	left			:24vw;
	width			:30vw;
	height			:7vw;
	line-height		:7vw;
	font-weight		:600;
	text-align		:center;	
	background		:#f17766;
	color			:#fafafa;
	border			:1vw solid #f17766;
	border-radius	:2vw 0 0 0;
	font-size		:3.8vw;
}

.alert{
	position:absolute;
	display:inline-block;
	top:7vw;
	left:55.5vw;
	width:7vw;
	height:7vw;
	line-height:7vw;
	text-align:center;
	cursor:pointer;
	font-size:4.5vw;
	border:1vw solid #f17766;
}

.p_page_img{
	position:absolute;
	top:15.5vw;
	left:2vw;
	width:60.5vw;
	height:100.1vw;
	border:1vw solid #f17766; 
	background:#fff0e0;
}

.p_menu_del{
	position:absolute;
	bottom:0;
	left:0;
	display:inline-block;
	width:28vw;
	text-align:left;
	height:10vw;
	line-height:10vw;
	font-size:3.5vw;
	color:#ffffff;
	text-shadow:0.3vw 0.3vw 0 rgba(30,30,30,0.5);
	background:linear-gradient(#dd0000,#c00000);
	border-radius:0 0 2vw 2vw;
}

.alert_yet{
	color		:#666600;
	background	:#ffff80;
}

.alert_done,
.alert_mine{
	color		:#c0c0c0;
	background	:#e0e0e0;
}

.p_menu{
	position:absolute;
	display:inline-block;
	top:22vw;
	left:0vw;
	width:22vw;
	background:#f17766;
	flex-wrap:wrap;
}

.box_name{
	display		:inline-block;
	position	:absolute;
	top			:28vw;
	left		:0;
	width		:28vw;
	height		:6.5vw;
	line-height	:6vw;
	text-align	:center;
	font-size	:3.2vw;
	font-weight	:600;
	color		:#ffffff;
	text-shadow	:0.3vw 0.3vw 0 rgba(30,30,30,0.5);
	background	:linear-gradient(#ffa090,#f17766);
	overflow	:hidden;
}

.box_comm,.box_comm2{
	display		:block;
	left		:0;
	position	:absolute;
	width		:28vw;
	height		:9vw;
	text-align	:left;
	color		:#fafafa;
	background:linear-gradient(135deg, #6060d0, #0000d0);
	box-shadow:0vw 1vw 1vw rgba(0,0,0,0.5);
}

.box_comm{
	top			:33.5vw;
}

.box_comm2{
	top			:8vw;
}


.p_page_comment_on{
	background	:#009000 !important;
	top			:34.5vw !important;
	box-shadow	:0 0.3vw 0 rgba(0,0,0,0.5);
}

.p_page_comment_on2{
	background	:#009000 !important;
	top			:9vw !important;
	box-shadow	:0 0.3vw 0 rgba(0,0,0,0.5);
}

#cheer_ct{
	position		:absolute;
	display			:block;
	top				:0;
	bottom			:0;
	right			:0.5vw;
	margin			:auto;

	height			:9vw;
	line-height		:9vw;
	font-size		:4vw;
	font-weight		:600;
}


.iine_twitter{
	position:absolute;
	top:0vw;
	left:0vw;
	width:28vw;
	height:9vw;
	color:#fafafa;
	background:linear-gradient(#70b0ff,#55ACEE);
	text-align:center;
	line-height:9vw;
	font-size:5vw;
	text-decoration:none;
	border-radius:2vw 2vw 0 0;
}

.a_menu_list2{
	position:absolute;
	top:9vw;
	left:0vw;
	display:inline-block;
	width:28vw;
	text-align:left;
	height:9vw;
	line-height:9vw;
	font-size:3vw;
	color:#fafafa;
	text-shadow:0.3vw 0.3vw 0 rgba(30,30,30,0.5);
	background:linear-gradient(#ffa090,#f17766);
	cursor:pointer;
}


.box_iine_a{
	position		:absolute;
	top				:13.5vw;
	left			:67vw;
	width			:28vw;
	height			:111vw;
	border			:1vw solid #f17766; 
	background		:#ffe0f0;
	text-align		:center;
	border-radius	:3vw;
}

.box_iine{
	position		:absolute;
	top				:7vw;
	left			:67vw;
	width			:28vw;
	height			:109vw;
	border			:1vw solid #f17766; 
	background		:#ffe0f0;
	text-align		:center;
	border-radius	:3vw;
	z-index			:3;
}

.box_iine_face{
	position:absolute;
	top		:0vw;
	left	:0vw;
	width	:28vw;
	height	:28vw;
	border	:none; 
	border-radius:2vw 2vw 0 0;
}

.p_page_msg_a,.p_page_msg_a_my{
	position		:absolute;
	height			:12vw;
	width			:24vw;
	border-radius	:6vw 1vw 1vw 6vw;
	cursor			: pointer;
	display			:inline-block;
	color			:#ffffff;
	left			:1vw;
	background		:linear-gradient(#ffd0e0,#ffc0d0);
	box-shadow		:1vw 1vw 1vw rgba(0,0,0,0.5);
}

.p_page_msg_a_my{
	background:linear-gradient(#e0e0a0,#c0c090);
}

.ii_1{
	top:45vw;
}

.ii_2{
	top:61vw;
}

.ii_3{
	top:77vw;
}

.ii_4{
	top:93vw;
}


.my_1{
	top:30vw;
}

.my_2{
	top:46vw;
}

.my_3{
	top:62vw;
}

.my_4{
	top:78vw;
}

.iine_on{
	margin-top:1vw;
	background:linear-gradient(#ffc0d0,#f17766) !important;
	box-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.5);
}


/*
.ii_pretty{
	background:linear-gradient(#ffc0d0,#f17766) !important;
	top:46vw;
	box-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.5);
}

.ii_smart{
	background:linear-gradient(#ffc0d0,#f17766) !important;
	top:62vw;
	box-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.5);
}

.ii_funny{
	background:linear-gradient(#ffc0d0,#f17766) !important;
	top:78vw;
	box-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.5);
}

.ii_sexy{
	background:linear-gradient(#ffc0d0,#f17766) !important;
	top:94vw;
	box-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.5);
}
*/


.p_page_icon{
	position:absolute;
	top:1vw;
	left:1vw;
	font-size:8vw;
	width:10vw;
	height:10vw;
	line-height:10vw;
	text-align:center;
	text-shadow:0.3vw 0.3vw 0.3vw rgba(0,0,0,0.4);
	cursor:pointer;
}

.p_page_msg_b{
	position:absolute;
	text-align:center;
	top:1vw;
	left:10vw;
	width:14vw;
	height:5vw;
	display:inline-block;
	line-height:5vw;
	font-size:2.8vw;
	font-weight:700;
}

.p_page_msg_c{
	position:absolute;
	bottom:1vw;
	left:11vw;
	height:4vw;
	width:11vw;
	line-height:4vw;
	text-align:right;
	z-index:2;
	color:#f17766;
	background:#ffffff;
	border:0.5vw solid #ff80a0;
	overflow:hidden;
	border-radius:1vw;
	box-shadow:1vw 1vw 1vw rgba(60,0,0,0.2) inset;
	padding-right:0.3vw;
}

.iine_my_a{
	background:linear-gradient(#e0e0a0,#c0c090) !important;
}

.iine_my_c2{
	color:#a0a030 !important;
	border:0.5vw solid #a0a030 !important;
}

.iine_my_c1{
	color:#ffffff !important;
	background:#f17766!important;
}

.ck{
	color:#feeeee;
}

.ck1{
	color:#f17766;
}

.p_cheer{
	text-align		:center;
	position		:fixed;
	top				:105vh;
	left			:0.5vw;
	width			:66vw;
	min-height		:100vh;
	z-index			:91;
}

.p_cheer_cld0{
	margin			:0 auto 1vw auto;
	width			:62vw;
	margin			:0vw auto 1vw auto;
	border-top		:1px solid #303030;
	border-bottom	:3px solid #303030;
	background		:#e0e0e0;
}

.set_cheer,.cheer_no{
	margin			:0 auto 1vw 1vw;
	width			:63vw;
	text-align		:center;
	border			:0.5vw solid #0020d0;
	background		:linear-gradient(#4060ff,#0020d0);
	box-shadow		:1vw 1vw 1vw rgba(60,60,60,0.5);
	height			:8vw;
	line-height		:8vw;
	font-size		:5vw;
	font-weight		:600;
	color			:#ffffff;
	text-shadow		:0.3vw 0.3vw 0.3vw rgba(60,60,60,0.5);
}

.cheer_no{
	border			:0.5vw solid #c0c0c0;
	background		:linear-gradient(#e0e0e0,#c0c0c0);
}


.p_cheer_date{
	position		:absolute;
	top				:-4vw;
	right			:-1vw;
	width			:34vw;
	text-align		:center;
	font-size		:3vw;
	height			:5vw;
	line-height		:5vw;
	padding-left	:1vw;
	margin			:0 0 0 auto;
	font-weight		:700;
	color			:#fafafa;
	background		:#9090a0;
	border			:1px solid #9090a0;
}

.cheer_list{
	top				:1vw;
	left			:1vw;
	width			:66vw;
	height			:calc(100vh - 8vh - 20vw);
	overflow-y		:scroll;
	padding-bottom	:12vw;
}

.p_cheer_comm{
	width			:59vw;
	margin			:1vw auto;
	text-align		:left;
	padding			:1vw;
	font-size		:3.5vw;
	line-height		:5vw;
	min-height		:10vw;
}


.p_cheer_user{
	position		:relative;
	width			:59vw;
	height			:13vw;
	margin			:2vw;
	border			:1px solid #303030;
	background		:#e8e8f0;
	display			:block;
	text-decoration	:none;
}

.p_cheer_face{
	position		:absolute;
	top				:0vw;
	left			:0vw;
	height			:12vw;
	width			:12vw;
	margin			:0;
	border			:0.5vw solid #f17766;
}

.p_cheer_name{
	position		:absolute;
	bottom			:0;
	left			:14vw;
	width			:40vw;
	margin			:0;
	height			:6vw;
	line-height		:6vw;
	overflow		:hidden;
	font-size		:4vw;
	text-align		:left;
	color			:#303030;
	font-weight		:700;
}

.p_cheer_iine{
	position		:absolute;
	top				:1vw;
	height			:6vw;
	line-height		:6vw;
	left			:14vw;
	width			:38vw;
	margin			:0;
	overflow		:hidden;
	font-size		:5vw;
	text-align		:left;
	color			:#f17766;
	font-family		:at_icon;
}

.p_cheer_me{
	background		:#ffe8f8 !important;
}


.p_cheer_box{
	position		:relative;
	margin			:8vw auto 1vw 1vw;
	width			:63vw;
	background		:#fafafa;
	border			:1px solid #303030;
	padding			:0;
}


.ps1{
	position		:absolute;
	bottom			:2.5vw;
	left			:5vw;
}

.ps2{
	position		:absolute;
	bottom			:2.5vw;
	left			:0;
	right			:0;
	margin			:auto;
}

.ps3{
	position		:absolute;
	bottom			:2.5vw;
	right			:5vw;
}

#jump{
	display			:inline-block;
	width			:47vw;
	max-width		:47vw;
	word-wrap		:break-word;
}

.l_off{
	border			:0.5vw solid #e0e0e0 !important;
	background		:linear-gradient(#f3f3f3,#e0e0e0) !important;
}

.p_icon2{
	vertical-align	:top;
	display			:inline-block;
	width			:7vw;
	height			:9vw;
	line-height		:9vw;
	font-size		:5.5vw;
	text-align		:center;
}

.p_icon3{
	display			:inline-block;
	width			:9vw;
	height			:9vw;
	line-height		:9vw;
	font-size		:6vw;
	text-align		:center;
}

.p_icon_comment{
	vertical-align	:top;
	display			:inline-block;
	height			:9vw;
	line-height		:9vw;
	font-size		:4vw;
	font-weight		:600;
}

.msg_s1{
	position:absolute;
	top:0.5vw;
	left:3.5vw;
	height:3.5vw;
	width:30vw;
	font-size:3vw;
	text-align:left;
	color:#606060;
}

.msg_s3{
	position:absolute;
	top:4.5vw;
	left:2vw;
	height:6vw;
	width:46.5vw;
	line-height:5vw;
	color:#606060;
	font-weight:600;
	text-align:left;
	font-size:4vw;
	border-bottom:1vw solid #f17766;
	padding-left:1vw;
}

#pict_face{
	position:absolute;
	top:12.5vw;
	left:2vw;
	width:18vw;
	height:18vw;
	box-shadow:1vw 1vw 1vw rgba(0,0,0,0.5);
	border:1vw solid #ffffff;
}

.ai_fail_img{
	position	:absolute;
	top			:2vw;
	left		:0;
	right		:0;
	margin		:auto;
	width		:56vw;
	height		:42vw;
	border:1px solid #fafad0;
}


.ai_fail{
	display		:none;
	position	:fixed;
	top			:30vw;
	left		:14vw;
	margin		:auto;
	width		:60vw;
	height		:60vw;
	background	:#e8e8e8;
	border-radius:1vw;
}

.ai_fail_in{
	position	:absolute;
	top			:46vw;
	left		:0;
	right		:0;
	margin		:auto;
	width		:54vw;
	height		:10vw;
	background	:#fafafa;
	border		:1px solid #303030;
	padding		:1vw;
	font-size	:3.2vw;
	line-height	:5vw;
	text-align	:left;
}