* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body#new_member_present { background-color: #ffdceb; }
body#bronze_member_present { background-color: #ffffd6; }

footer {
	margin-top: 4%;
	background: #000;
}

footer ul#copy {
	padding: 2%;
	clear: both;
}

footer ul#copy li.copy {
	color: #fff;
	list-style-type: none;
	line-height: 150%;
	font-size: 100%;
}

a.link {
	color: #0055ff;
	text-decoration: underline;
}

.obi_black {
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	color: #fff;
	text-align: center;
	margin-bottom: 4%;
	padding: 3%;
	font-size: 120%;
}
.tac {
	text-align: center;
}
.free_center {
	display: table;
	width: auto;
	margin: 20px auto;
}
.banner {
	margin-bottom: 3%;
}
	.banner img {
		width: 100%;
	}

/*　冒頭ニュース */

.m_news_message {
	width: 92%;
	margin: 0 auto 20px;
	padding: 1%;
	border-radius: 10px;
}
	.m_news_message .inner {
		padding: 12px;
		border-radius: 10px;
		background: -moz-linear-gradient(top,  #cac9b0 0%, #e9e8cf 10%, #fffee5 20%, #fffee5 50%, #e9e8cf 100%, #e9e7cf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cac9b0), color-stop(10%,#e9e8cf), color-stop(20%,#fffee5), color-stop(50%,#fffee5), color-stop(100%,#e9e8cf), color-stop(100%,#e9e7cf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cac9b0 0%,#e9e8cf 10%,#fffee5 20%,#fffee5 50%,#e9e8cf 100%,#e9e7cf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cac9b0 0%,#e9e8cf 10%,#fffee5 20%,#fffee5 50%,#e9e8cf 100%,#e9e7cf 100%); /* Opera 11.10+ */
		line-height: 1.5;
		text-align: center;
		font-size: 150%;
		color: rgb(250, 106, 0);
	}
.m_news_message.p_red {
	background: #ea2803; /* Old browsers */
	background: -moz-linear-gradient(top, #ea2803 0%, #ff6600 50%, #c72200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2803), color-stop(50%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ea2803 0%,#ff6600 50%,#c72200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ea2803 0%,#ff6600 50%,#c72200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ea2803 0%,#ff6600 50%,#c72200 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ea2803 0%,#ff6600 50%,#c72200 100%); /* W3C */
}
.m_news_message.p_green {
	background: #005700; /* Old browsers */
	background: -moz-linear-gradient(top, #005700 0%, #2faa35 50%, #005700 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005700), color-stop(50%,#2faa35), color-stop(100%,#005700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #005700 0%,#2faa35 50%,#005700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #005700 0%,#2faa35 50%,#005700 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #005700 0%,#2faa35 50%,#005700 100%); /* IE10+ */
	background: linear-gradient(to bottom, #005700 0%,#2faa35 50%,#005700 100%); /* W3C */
}

/*　運営キャラのトーク、宣伝等 */

.m_character_talk {
	width: 96%;
	margin-bottom: 20px;
}
	.m_character_talk .chara { width: 85px; }
	.m_character_talk.p_high .chara { width: 75px; } /*（新ページ等）130pxの画像を使用する時*/
		.m_character_talk .chara img {
			width: 100%;
		}

	.m_character_talk .comment {
		vertical-align: top;
		position: relative;
		text-align: left;
	}
		.m_character_talk .comment .fukidashi {
			line-height: 1.5;
		}
			.m_character_talk .comment .fukidashi {
				position: relative;
				margin-top: 3px;
				padding: 10px;
				border-radius: 10px;
			}
			/*（標準）線黒、背景白*/
			.m_character_talk.p_basic .comment .fukidashi {
				border: solid 3px #000;
				background-color: #fff;
			}
			/*（激熱）線赤、背景白*/
			.m_character_talk.p_bdred .comment .fukidashi {
				border: solid 3px #ff2828;
				background-color: #fff;
			}
			/*（クリスマス）線緑、背景深緑、文字白*/
			.m_character_talk.p_christmas .comment .fukidashi {
				border: solid 3px #c00000;
				background-color: #0e4f09;
				color: #fff;
			}
			/*（お正月）線紅、背景暗赤、文字薄黄*/
			.m_character_talk.p_newyear .comment .fukidashi {
				border: solid 3px #f95b5f;
				background-color: #8d1b1b;
				color: #fffebd;
			}
			/*（バレンタイン）線紅蓮、背景白*/
			.m_character_talk.p_valentine .comment .fukidashi {
				border: solid 3px #960000;
				background-color: #fff;
			}
			/*新春　線桜色、背景薄黄*/
			.m_character_talk.p_spring .comment .fukidashi {
				border: solid 3px #f7499b;
				background-color: #fff9c7;
			}
			/*ニュースカラー1薄水色*/
			.m_character_talk.p_news1 .comment .fukidashi {
				border: solid 1px #000;
				background-color: #e4fcff;
			}
			/*あっきーカラー*/
			.m_character_talk.p_akky .comment .fukidashi {
				border: solid 3px #000266;
				background-color: #c9f4ff;
			}
			/*紫*/
			.m_character_talk.p_bdpurple .comment .fukidashi {
				border: solid 3px #a532a9;
				background-color: #fff;
			}
			
			.m_character_talk .comment .fukidashi:before,
			.m_character_talk .comment .fukidashi:after {
				content: " ";
				position: absolute;
				width: 0;
				height: 0;
				border: solid transparent;
				pointer-events: none;
			}
			.m_character_talk .comment .fukidashi:before {
				top: -6px;
				margin-top: 12px;
				border-width: 10px;
			}
			.m_character_talk .comment .fukidashi:after {
				top: 6px;
				margin-left: 3px;
				border-width: 10px;
			}
				.m_character_talk .comment .fukidashi img {
					width: 100%;
				}
				.m_character_talk .comment .fukidashi　.object {
					position: absolute;
					z-index: 10;
				}
				/*強調標準赤*/
				.m_character_talk.p_basic .comment .fukidashi strong {
					color: #ff4040;
				}

.m_character_talk.p_left {
	margin-right: 4%;
}
	.m_character_talk.p_left .comment .fukidashi:before {
		left: -25px;
	}
	.m_character_talk.p_left .comment .fukidashi:after {
		left: -23px;
	}
	/*（標準）線黒、背景白*/
	.m_character_talk.p_basic.p_left .comment .fukidashi:before {
		border-right: solid 15px #000;	
	}
	.m_character_talk.p_basic.p_left .comment .fukidashi:after {
		border-right: solid 15px #fff;
	}
	/*（激熱）線赤、背景白*/
	.m_character_talk.p_bdred.p_left .comment .fukidashi:before {
		border-right: solid 15px #ff2828;	
	}
	.m_character_talk.p_bdred.p_left .comment .fukidashi:after {
		border-right: solid 15px #fff;
	}
	/*（クリスマス）線緑、背景深緑*/
	.m_character_talk.p_christmas.p_left .comment .fukidashi:before {
		border-right: solid 15px #c00000;	
	}
	.m_character_talk.p_christmas.p_left .comment .fukidashi:after {
		border-right: solid 15px #0e4f09;
	}
	/*（お正月）線紅、背景暗赤*/
	.m_character_talk.p_newyear.p_left .comment .fukidashi:before {
		border-right: solid 15px #f95b5f;	
	}
	.m_character_talk.p_newyear.p_left .comment .fukidashi:after {
		border-right: solid 15px #8d1b1b;
	}
	/*（バレンタイン）線紅蓮、背景白*/
	.m_character_talk.p_valentine.p_left .comment .fukidashi:before {
		border-right: solid 15px #960000;	
	}
	.m_character_talk.p_valentine.p_left .comment .fukidashi:after {
		border-right: solid 15px #fff;
	}
	/*新春　線桜色、背景薄黄*/
	.m_character_talk.p_spring.p_left .comment .fukidashi:before {
		border-right: solid 15px #f7499b;	
	}
	.m_character_talk.p_spring.p_left .comment .fukidashi:after {
		border-right: solid 15px #fff9c7;
	}
	/*ニュースカラー1薄水色*/
	.m_character_talk.p_news1.p_left .comment .fukidashi:before {
		top: -2px;
		left: -25px;
		border-right: solid 15px #000;	
	}
	.m_character_talk.p_news1.p_left .comment .fukidashi:after {
		top: 10px;
		left: -27px;
		border-right: solid 15px #e4fcff;
	}
	/*あっきーカラー*/
	.m_character_talk.p_akky.p_left .comment .fukidashi:before  {
		border-right: solid 15px #000266;	
	}
	.m_character_talk.p_akky.p_left .comment .fukidashi:after {
		border-right: solid 15px #c9f4ff;
	}
	/*紫*/
	.m_character_talk.p_bdpurple.p_left .comment .fukidashi:before  {
		border-right: solid 15px #a532a9;	
	}
	.m_character_talk.p_bdpurple.p_left .comment .fukidashi:after {
		border-right: solid 15px #fff;
	}
			

.m_character_talk.p_right {
	margin-left: 4%;
}
	.m_character_talk.p_right .comment .fukidashi:before {
		right: -25px;
	}
	.m_character_talk.p_right .comment .fukidashi:after {
		right: -20px;
	}
	/*（標準）線黒、背景白*/
	.m_character_talk.p_basic.p_right .comment .fukidashi:before {
		border-left: solid 15px #000;	
	}
	.m_character_talk.p_basic.p_right .comment .fukidashi:after {
		border-left: solid 15px #fff;
	}
	/*（激熱）線赤、背景白*/
	.m_character_talk.p_bdred.p_right .comment .fukidashi:before {
		border-left: solid 15px #ff2828;	
	}
	.m_character_talk.p_bdred.p_right .comment .fukidashi:after {
		border-left: solid 15px #fff;
	}
	/*（クリスマス）線緑、背景深緑*/
	.m_character_talk.p_christmas.p_right .comment .fukidashi:before {
		border-left: solid 15px #c00000;	
	}
	.m_character_talk.p_christmas.p_right .comment .fukidashi:after {
		border-left: solid 15px #0e4f09;
	}
	/*（お正月）線紅、背景暗赤*/
	.m_character_talk.p_newyear.p_right .comment .fukidashi:before {
		border-left: solid 15px #f95b5f;	
	}
	.m_character_talk.p_newyear.p_right .comment .fukidashi:after {
		border-left: solid 15px #8d1b1b;
	}
	/*（バレンタイン）線紅蓮、背景白*/
	.m_character_talk.p_valentine.p_right .comment .fukidashi:before {
		border-left: solid 15px #960000;	
	}
	.m_character_talk.p_valentine.p_right .comment .fukidashi:after {
		border-left: solid 15px #fff;
	}
	/*新春　線桜色、背景薄黄*/
	.m_character_talk.p_spring.p_right .comment .fukidashi:before {
		border-left: solid 15px #f7499b;	
	}
	.m_character_talk.p_spring.p_right .comment .fukidashi:after {
		border-left: solid 15px #fff9c7;
	}
	/*ニュースカラー1薄水色*/
	.m_character_talk.p_news1.p_right .comment .fukidashi:before {
		top: -2px;
		right: -25px;
		border-left: solid 15px #000;	
	}
	.m_character_talk.p_news1.p_right .comment .fukidashi:after {
		top: 10px;
		right: -24px;
		border-left: solid 15px #e4fcff;
	}
	/*あっきーカラー*/
	.m_character_talk.p_akky.p_right .comment .fukidashi:before  {
		border-left: solid 15px #000266;	
	}
	.m_character_talk.p_akky.p_right .comment .fukidashi:after {
		border-left: solid 15px #c9f4ff;
	}
	/*紫*/
	.m_character_talk.p_bdpurple.p_right .comment .fukidashi:before  {
		border-left: solid 15px #a532a9;	
	}
	.m_character_talk.p_bdpurple.p_right .comment .fukidashi:after {
		border-left: solid 15px #fff;
	}

/* 汎用吹き出し型でないメッセージbox */
	.m_character_msg {
		display: table;
		width: 95%;
		margin: 0 auto 20px;
		padding: 8px;
		border: solid 1px #000;
		background: #fff;
		border-radius: 8px;
	}
	.m_character_msg.p_mh { padding: 0 8px; }
		.m_character_msg p { 
			display: table-cell;
			vertical-align: middle;
		}
		.m_character_msg .chara { width: 72px; }
		.m_character_msg.p_left .chara { padding-right: 8px; }
		.m_character_msg.p_right .chara { padding-left: 8px; }
			.m_character_msg .chara img { 
				display:block;
				width: 100%;
			}
	.m_character_msg.p_red { border: solid 1px #ff0000;}

/*　キャラクター入りボックス */
.m_chara_inbox {
	position: relative;
	width: 92%;
	margin: 70px auto 20px;
	padding: 12px;
	border-radius: 10px;
	background: #c8edff;
}
	.m_chara_inbox .chara {
		width: 100px;
		height: 100px;
		position: absolute;
		top: -70px;
		right: 0;
	}
	.m_chara_inbox .title {
		margin-bottom: 15px;
		font-size: 130%;
		color: #ff4040;
		text-align: center;
	} 

/*　キャラクター入りメッセージBOX */
.m_character_massage_box { text-align: center; }
	.m_character_massage_box .inner {
		display: inline-block;
		text-align: left;
		width: auto;
		margin: 0 auto;
		padding: 12px 0 0 12px;
		border-radius: 20px;
	}
		.m_character_massage_box .title {
			margin-bottom: 8px;
			font-weight: bold;
		}
		.m_character_massage_box .text { padding-right: 12px; }
		.m_character_massage_box .fl_area {
			overflow: hidden;
		}
		.m_character_massage_box .toku_text {
			float: left;
		}
		.m_character_massage_box .chara {
			width: 73px;
    		float: right;
   			padding-right: 8px;
		}

/*　ボタン */
.m_button {
	display: block;
	width: 80%;
	margin: 10px auto;
	padding: 15px 3px;
	border-radius: 8px;
	text-align: center;
	font-weight: normal;
}
.m_button.p_black {
	background: -moz-linear-gradient(top, #808080 0%, #262626 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#262626));
	background: -webkit-linear-gradient(top, #808080 0%,#262626 100%);
	background: -o-linear-gradient(top, #808080 0%,#262626 100%);
}
.m_button.p_red {
	background: -moz-linear-gradient(top,  #ff7878 0%, #ff0000 40%, #ad0101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7878), color-stop(40%,#ff0000), color-stop(100%,#ad0101));
	background: -webkit-linear-gradient(top,  #ff7878 0%,#ff0000 40%,#ad0101 100%);
	background: -o-linear-gradient(top,  #ff7878 0%,#ff0000 40%,#ad0101 100%);
}
.m_button.p_orange {
	background: #f5b28e;
	background: -moz-linear-gradient(top, #f5b28e 0%, #ec691b 40%, #d13819 100%);
	background: -webkit-linear-gradient(top, #f5b28e 0%,#ec691b 40%,#d13819 100%);
	background: linear-gradient(to bottom, #f5b28e 0%,#ec691b 40%,#d13819 100%);
}
.m_button.p_green {
	background: -moz-linear-gradient(top,  #45d965 0%, #00a84a 40%, #004a21 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d965), color-stop(40%,#00a84a), color-stop(100%,#004a21));
	background: -webkit-linear-gradient(top,  #45d965 0%,#00a84a 40%,#004a21 100%);
	background: -o-linear-gradient(top,  #45d965 0%,#00a84a 40%,#004a21 100%);
}
.m_button.p_gold {
	background: -moz-linear-gradient(top,  #f2c933 0%, #c79900 40%, #332300 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c933), color-stop(40%,#c79900), color-stop(100%,#332300));
	background: -webkit-linear-gradient(top,  #f2c933 0%,#c79900 40%,#332300 100%);
	background: -o-linear-gradient(top,  #f2c933 0%,#c79900 40%,#332300 100%);
}
.m_button.p_skyblue {
	background: -moz-linear-gradient(top, #21c8f4 0%, #1246ea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21c8f4), color-stop(100%,#1246ea));
	background: -webkit-linear-gradient(top, #21c8f4 0%,#1246ea 100%);
	background: -o-linear-gradient(top, #21c8f4 0%,#1246ea 100%);
}
.m_button.p_purple {
	background: -moz-linear-gradient(top,  #de9ce0 0%, #a532a9 40%, #69366b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de9ce0), color-stop(40%,#a532a9), color-stop(100%,#69366b));
	background: -webkit-linear-gradient(top,  #de9ce0 0%,#a532a9 40%,#69366b 100%);
	background: -o-linear-gradient(top,  #de9ce0 0%,#a532a9 40%,#69366b 100%);
}
.m_button.p_disable {
	background: #777;
	color: #ccc;
}

/*　マージン調整 */
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}