@charset "UTF-8";

html {
    font-size: 62.5%;
}

body {
    font-family: sans-serif;
    color: #666666;
	background: #FFFFFF;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
	overflow-x: hidden;
}

body.android {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}

.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }


/* ボタン
------------------------------------------------------*/
.startBtn {
	display: block;
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
	border-radius: 4px;
	border:solid 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 1px white , inset 0 1px 1px rgba(255, 255, 255, 0.4);
	/*border: 1px solid #369108;*/
	background: -moz-linear-gradient(top, #55C40D, #3cac09);
	background: -webkit-gradient(linear, left top, left bottom, from(#55C40D), to(#3cac09));
}

.startBtn a {
	color: #FFFFFF;
}

.startBtn span {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.startBtn.tap {
	border:solid 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 1px white;
	background: -moz-linear-gradient(top, #3cac09, #55C40D);
	background: -webkit-gradient(linear, left top, left bottom, from(#3cac09), to(#55C40D));
}
.startBtn.tap span {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

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

common

--------------------------------------------------------*/
.category_title {
	padding: 3px 8px 2px;
	border-bottom: 1px dotted #DDD;
	background-color: #ECECEC;
	color: #888;
	font-size: 1.2rem;
}

.section_h1 {
	display: -webkit-box!important;
	display: box;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	flex-pack: justify;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 28px;
	padding: 1px 7px;
	border-top: solid 1px white!important;
	border-bottom: solid 1px #DDD;
	background-color: #F7F7F4;
	color: #888;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1;
	text-shadow: 0 1px 0 white;
}

.section_h1 .icon {

padding-right: 5px;
color: #888;
font-size: 15px;
vertical-align: -.15em;
line-height: 1;
font-family: 'AmebaSymbols';
text-shadow: 0 1px 0 white;
font-weight: normal;
font-style: normal;
}

.icon.a::before {
content: "a";
}

.icon.A::before {
content: "A";
}


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

index1,2,3,4

--------------------------------------------------------*/
#index01020304 {
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	overflow-x: hidden;
}

#index01020304 .botan_bg {
	background: #F7F7F4;
	padding: 9px 0;
	text-align: center;
	width: 100%;
	margin: 0;
}

#index01020304 .icon{
	width: 100%;
	background: #F7F7F4;
	margin: 0;
	padding: 9px 0;
}

#index01020304 .icon_text {
	color: #333333;
	float: left;
	margin-left: 9px;
	margin-right: 5px;
	width: 50%;
}

#index01020304 .icon_img {
	width: 30px;
	float: left;
	margin-right: 5px;
}

#index01020304 #footer {
	background: #F7F7F4;
	width: 100%;
	padding: 9px 0;
	text-align: center;
}

#index01020304 #footer .footer_table {
	border-bottom: dotted 1px #DDDDDD;
	width: 100%;
}

#index01020304 #footer .footer_table .left {
	border-right:solid 1px #DDD;
}

#index01020304 #footer .footer_table .right {
	border-left:solid 1px #FFF;
}

#index01020304 #footer td {
	width: 50%;
	background: #F7F7F4;
	text-align: center;
	font-size: 12px;
	padding: 9px 0;
}

#index01020304 #footer .copy {
	color: #AAAAAA;
	font-size: 10px;
	text-shadow:0 1px 0 #FFF;
	padding: 4px;
}

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

パターン１

------------------------------*/
#index01020304 #teiban {
	width: 100%;
}

#index01020304 #teiban td {
	width: 50%;
	/*padding: 5px;*/
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#index01020304 #teiban .td_l {
	border-right: dotted 1px #DDDDDD;
}

#index01020304 #teiban .text {
	margin: 5px;
	text-align: left;
	line-height: 1.5em;
}

#index01020304 #teiban .text .tt {
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 0;
}

#index01020304 .contens {
	width: 98%;
	border-bottom: solid 1px #DDDDDD;
}

#index01020304 .contens .border {
	border-bottom: dotted 1px #DDDDDD;
}

#index01020304 .contens .box {
	/*width: 98%;*/
	padding: 7px 0px 7px 7px;
}

#index01020304 .contens .box .img {
	float: left;
	margin-right: 7px;
}

#index01020304 .contens .box .text {
	padding-right: 10px;
}

#index01020304 .contens .box .text span {
	font-weight: bold;
	font-size: 1.3em;
}

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

パターン２

------------------------------*/
#index01020304 .table_w {
	width: 100%;
}

#index01020304 .table_w td {
	width: 50%;
	text-align: center;
	padding: 7px 0;
	border-bottom: dotted 1px #DDDDDD;
	vertical-align: top;
}

#index01020304 .table_w .line_tate {
	border-right: dotted 1px #DDDDDD;
}

#index01020304 .table_w .line_none {
	border-bottom: none;
}

#index01020304 .table_w .page02_title_a {
	width: 150px;
	text-align: left;
	color: #666666;
	font-weight: bold;
	font-size: 1.2em;
	margin: 7px auto;
}

#index01020304 .table_w .game_icon {
	width: 30px;
	float: left;
	margin: 0 7px;
}

#index01020304 .table_w .page02_title_b {
	text-align: left;
	color: #666666;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	height: 2.5em;
}

#index01020304 .table_w .game_icon_genre {
	font-weight: bold;
	clear: both;
	color: #999999;
	text-align: left;
	margin: 3px 7px;
}

#index01020304 .table_w .bg {
	background: #FAFAFA;
}

#index01020304 .table_w.fixture {
	border-bottom: 1px solid #ddd;
}

#index01020304 .table_w.fixture .sub_text {
	text-align: left;
	width: 150px;
	margin: 0px auto 0px auto;
	font-size: 11px;
}
#index01020304 .table_w.fixture .page02_title_a {
	margin-bottom: 3px;
}

#index01020304 .table_w.fixture td {
	padding: 9px 0px;
	border-bottom: 0px;
}

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

パターン6

------------------------------*/
#index01020304 .botan_bg.wrap_121128 {
	background: #fff;
}

#index01020304 .icon.wrap_121128 {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

.startBtn.wrap_121128 {
	display: block;
	width: 89%;
	margin: 0 auto;
	text-align: center;
	padding: 12px 0;
	border-radius: 8px;
	border:solid 1px #409321;
	box-shadow:0 2px 3px #aaa ,0 5px 2px rgba(256, 256, 256, 0.5) inset;
	background: -moz-linear-gradient(top, #83D962, #408F21);
	background: -webkit-gradient(linear, left top, left bottom, from(#83D962), to(#408F21));
}

.startBtn.tap.wrap_121128 {
	border:solid 1px #409321;
	box-shadow:0 1px 1px white;
	background: -moz-linear-gradient(top, #3cac09, #55C40D);
	background: -webkit-gradient(linear, left top, left bottom, from(#3cac09), to(#55C40D));
}

.startBtn.wrap_121128 span {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}

.startBtn.tap.wrap_121128 span {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-shadow: 0 0px 1px rgba(0, 0, 0, 0.8);
}

/*-------------------------------
*
*	パターン7
*
*------------------------------*/
#wrap_121206 {
}

.icon.wrap_121206 {
	border-bottom: 1px solid #DDD;
}

/*-------------------------------
*
*	パターン6
*
*------------------------------*/
#index01020304 .botan_bg.wrap_121128 {
	background: #fff;
}

/*-------------------------------
*
*	パターン8
*
*------------------------------*/
#wrap_121221 {
}

.icon.wrap_121221 {
	border-bottom: 1px solid #DDD;
}

/*
*	section tit
*/

#wrap_121221 .section_h1 {
	display: -webkit-box!important;
	display: box;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	flex-pack: justify;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 7px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #F7F7F4;
	color: #888;
	font-weight: bold;
	text-shadow: 0 1px 0 white;
	font-size: 1.5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#wrap_121221 .section_h1 .icon_as {
	display: inline-block;
	color: #888;
	vertical-align: -.15em;
	font-family: 'AmebaSymbols';
	font-size: 1.6rem;
	line-height: 1;
	text-shadow: 0 1px 0 white;
}

/*
*	cat tit
*/

#wrap_121221 .category_title {
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
	background: #eee;
	color: #888;
	font-size: 1.4rem;
}

#wrap_121221 .category_title ul {
	letter-spacing: -0.4em;
}

#wrap_121221 .category_title ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	letter-spacing: normal;
	padding: 4px 0 2px;
	vertical-align: top;
	text-align: center;
	width: 50%;
	position: relative;
	box-sizing: border-box;
	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
}

#wrap_121221 .category_title ul li::before {
	content: '';
	margin-right: 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
}

#wrap_121221 .category_title ul li#ct_man {
	background: #D2F1FF;
	/*border: 2px solid #00f;*/
}

#wrap_121221 .category_title ul li#ct_woman {
	background: #FFD9E3;
	/*border: 2px solid #f00;*/
}

#wrap_121221 .category_title ul li#ct_man::before {
	background: url(../img/icon_ct_man.png) 0 0 no-repeat;
	background-size: contain;
}

#wrap_121221 .category_title ul li#ct_woman::before {
	background: url(../img/icon_ct_woman.png) 0 0 no-repeat;
	background-size: contain;
}

/*
*	ameba symbol
*/

@font-face {
	font-family:"AmebaSymbols";
	src: url("../../../common/font/ameba_symbols.woff") format("woff"),
	url("../../../common/font/ameba_symbols.ttf") format("truetype"),
	url("../../../common/font/ameba_symbols.svg#webfont") format("svg");
}

i, b {
font-weight: normal;
font-style: normal;
}

.icon_as {
	padding-right: 2px;
	font-size: 15px;
	vertical-align: -.15em;
	line-height: 1;
	display: inline-block;
	font-family: 'AmebaSymbols';
	font-size: 1.4rem;
	line-height: 1;
	font-weight: normal;
}

/*
*	data_column: initial;
*/

[class*='data_column'] {
	letter-spacing: -0.4em;
}

[class*='data_column'] li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	letter-spacing: normal;
}

[class*='data_column'] li article {
	position: relative;
}

.thumbnail {
	display: inline-block;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	height: 80px;
	width: 80px;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: AmebaSymbols;
	font-size: 0;
	line-height: 0;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 1px 1px #aaa;
	box-shadow: 0 1px 1px #aaa;
}

.thumbnail.radius {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/*
*	column_preview
*/

.data_column_preview li {
	width: 50%;
	position: relative;
	padding-bottom: 6px;
	padding-top: 6px;
	box-sizing: border-box;
	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
	/*border-right: 1px dotted #ccc;*/
	border-bottom: 1px dotted #ccc;
}

.data_column_preview li .title {
	width: 150px;
	margin: 0 auto 4px;
	min-width: 0;
	color: #666;
	-webkit-box-flex: 1;
	box-flex: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.3rem;
	text-align: left;
	/*text-shadow: 1px 0 1px black*/
}

.data_column_preview li .text {
	padding: 0 0 8px;
	margin: 0 auto;
	width: 150px;
	color: #666;
	text-align: left;
	height: 6em;
}

.data_column_preview .thumbnail {
	width: 150px;
	height: 71px;
	margin-bottom: 4px;
	border: 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* meta */

.data_column_preview .meta {
	width: 150px;
	margin: 0 auto 6px;
	text-align: left;
}

.data_column_preview .meta p {
	padding: 2px 4px;
	display: inline-block;
	text-align: left;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	text-shadow: 0 1px 0 #555;
	-webkit-box-shadow: 0 1px 1px #aaa;
	box-shadow: 0 1px 1px #aaa;
}

/* rank */

.data_column_preview li:nth-child(1),
.data_column_preview li:nth-child(4),
.data_column_preview li:nth-child(5) {
	background: #FAFAFA;
}

.data_column_preview li:nth-child(5),
.data_column_preview li:nth-child(6) {
	border-bottom:0;
}

.data_column_preview li:nth-child(1) .meta p,
.data_column_preview li:nth-child(2) .meta p {
	background: #FF3365;
}
.data_column_preview li:nth-child(3) .meta p,
.data_column_preview li:nth-child(4) .meta p {
	background: #91C337;
}
.data_column_preview li:nth-child(5) .meta p,
.data_column_preview li:nth-child(6) .meta p {
	background: #009BCB;
}

.data_column_preview li:nth-child(1) .meta .rank::after,
.data_column_preview li:nth-child(2) .meta .rank::after {
	content: '1';
}
.data_column_preview li:nth-child(3) .meta .rank::after,
.data_column_preview li:nth-child(4) .meta .rank::after {
	content: '2';
}
.data_column_preview li:nth-child(5) .meta .rank::after,
.data_column_preview li:nth-child(6) .meta .rank::after {
	content: '3';
}

.data_column_preview li:nth-child(2n-1) .meta .gender::after {
	content: ' 男性';
}
.data_column_preview li:nth-child(2n) .meta .gender::after {
	content: ' 女性';
}

/* icon_gender */
.data_column_preview li .meta::after {
	content: '';
	margin-left: 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}

.data_column_preview li:nth-child(2n-1) .meta::after {
	background: url(../img/icon_man.png) 0 0 no-repeat;
	background-size: contain;
}

.data_column_preview li:nth-child(2n) .meta::after {
	background: url(../img/icon_woman.png) 0 0 no-repeat;
	background-size: contain;
}

/*-------------------------------
*
*	index9
*
*------------------------------*/

p[class^="rank"] {
	padding: 2px 4px;
	display: inline-block;
	text-align: left;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	text-shadow: 0 1px 0 #555;
	-webkit-box-shadow: 0 1px 1px #aaa;
	box-shadow: 0 1px 1px #aaa;
	font-size: 1rem !important;
}

.rank1 {
	background: #FF3365;
}
.rank2 {
	background: #91C33C;
}
.rank3 {
	background: #009BCC;
}

#index01020304 .contens .box .text span.tit {
	font-weight: bold;
	font-size: 1.0em;
	display: inline-block;
	margin-bottom: 8px;
}

.frame {
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

.frame h1 {
	padding: 4px 8px;
	border-bottom: 1px solid #ddd;
	background: #efefee;
	border-top: solid 1px #fff!important;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#f7f7f4));
	background: -webkit-linear-gradient(top,#eee 0,#f7f7f4 100%);
	background: linear-gradient(top,#eee 0,#f7f7f4 100%);
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.5rem;
	color: #888;
}

#recommend {
	padding: 7px 5px 0;
	background: #f7f7f4;
}

#recommend .body {
	padding: 7px;
}

#recommend .body h2 {
	margin-bottom: 7px;
}

#recommend .body h2 .icon_reco {
	padding: 4px 4px;
	margin-right: 8px;
	display: inline-block;
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	text-shadow: 0 1px 0 #555;
	-webkit-box-shadow: 0 1px 1px #aaa;
	-moz-box-shadow: 0 1px 1px #aaa;
	box-shadow: 0 1px 1px #aaa;
	font-size: 1rem !important;
	background: #FF3365;
}

#page_header img {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/*-------------------------------
*
*	index10
*
*------------------------------*/

#ranking {
	padding: 12px;
}

#ranking .thumbnail {
	box-shadow: none;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#ranking .title span {
	display: inline-block;
	max-width: 70%;
}

#ranking #rank2 {
	margin: 0 auto 10px;
	width: 80px;
}

#ranking #rank3 {
	margin: 0 auto;
	width: 80px;
	text-align: left;
}

/* top3 */

#ranking #top3 {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

#ranking #top3 #rank1 {
	margin-right: 12px;
	-webkit-box-flex: 1;
	text-align: center;
}

#ranking #top3 #top3_right {
	-webkit-box-flex: 1;
	text-align: center;
}

#ranking #top3 #rank1 #rank1-inner {
	width: 202px;
	margin: 0 auto;
	text-align: left;
}

#ranking #top3 #rank1 .body,
#ranking #top3_right > .unit > .body {
	position: relative;
}

#ranking #top3 #rank1 .thumbnail {
	width: 204px;
	height: 204px;
}

#ranking #top3_right .unit .title {
	width: 80px;
}

/* data_column_3 */

#ranking .data_column_3 {
	text-align: center;
}

#ranking .data_column_3 {
display: box;
display: -webkit-box;
display: -moz-box;
}

#ranking .data_column_3 li {
	position: relative;
	display: block;
}

#ranking .data_column_3 li .body {
	width: 80px;
	position: relative;
	margin: 0 auto;
}

#ranking .data_column_3 li:nth-child(2) {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

#ranking .data_column_3 li h1 {
	width: 80px;
	padding-left: 2px;
	text-align: left;
	margin: 0 auto;
}

/* title */

#ranking .title {
	padding-right: 1em;
	line-height: 1.3;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#ranking #rank1 .title {
	font-size: 1.6rem;
}


/*  */

.icon_rank_change {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	font-family: 'AmebaSymbols';
	font-size: 1.6rem;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
}

.icon_rank_change.up {
	color: #f36;
}

.icon_rank_change.arrow_down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #39c;
}

.icon_rank_change.stay {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #fc6;
}

/* icon_rank_num */

#ranking .icon_rank_num {
	position: absolute;
	top: -8px;
	left: -8px;
}

#ranking .data_column_3 .icon_rank_num {
	position: absolute;
	top: -6px;
	left: -6px;
}

/*-------------------------------
*
*	14.html: 2013.05.08
*
*------------------------------*/

.index14 {
	background: #f7f7f4;
	padding-top: 41px;
}

.index14 .section_h1 {
	font-size: 1.4rem;
}

/* basic_service */

.index14 .container.base {
margin: 9px 7px;
}

.index14 .basic_service .service_item {
padding-bottom: 6px;
}

.index14 .basic_service .service_item:last-child {
padding-bottom: 0;
}
.index14 .basic_service .ad_frame {
margin-bottom: 2px;
}

.index14 .basic_service .ad_frame img {
width: 100%;
}

.index14 .tx_link {
	font-size: 1.3rem;
color: #666!important;
font-weight: bold;
word-wrap: break-word;
}

/* ranking */

.index14 .list_item {
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 7px;
border-bottom: dotted 1px #ddd;
background: #fff;
}

.index14 .list_item:nth-child(2n) {
	background: #fafafa;
}

.index14 .list_body {
display: -webkit-box!important;
display: box;
}

	.index14 .list_img {
	line-height: 0;
	}

	.index14 .thumbnail.app {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 80px;
	width: 80px;
	border: 1px solid #ccc;
	box-shadow: none;
	-webkit-box-shadow: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

	.index14 .list_main {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-left: 5px;
	}

		.index14 .list_main>.heading {
		color: #333;
		font-weight: bold;
		font-size: 1.4rem;
		}

		.index14 .disclosure .list_main .sub_msg {
		display: block!important;
		display: block;
		-webkit-box-flex: 1;
		box-flex: 1;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		}

		.index14 .app_list .sub_msg {
		width: 100%;
		text-overflow: normal!important;
		white-space: normal!important;
		overflow: visible;
		}

		.index14 .list_main .sub_msg {
		margin: 3px 0 0;
		font-size: 1.2rem;
		color: #666;
		display: -webkit-box!important;
		display: box;
		-webkit-box-align: center;
		box-align: center;
		}

/* community_service */

.community_service {
border-bottom: 1px solid #ddd;
background-color: #fff;
overflow: hidden;
}

.community_service .list_container {
padding: 8px 2px 0 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.community_service .list_container .service_item:nth-child(1), #top.noauth .community_service .list_container .service_item:nth-child(4) {
padding-left: 0;
}

.community_service .list_container .service_item {
float: left;
width: 33%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
position: relative;
}

.community_service .commentFrame {
padding-bottom: 8px;
}

	.community_service > h1 {
	border-top: solid 1px #fff!important;
	}

	.community_service .commentFrame .comment {
	position: relative;
	padding: 2px 6px;
	padding-right: 0;
	color: #666;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #ddd;
	background: #ffd;
	font-size: 1.2rem;
	text-shadow: 0 1px 0 #fff;
	background: #ffd;
	}

	.community_service .commentFrame .comment::before,
	.community_service .commentFrame .comment::after {
	position: absolute;
	display: block;
	content: '';
	top: 37px;
	height: 0;
	width: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: solid 7px #ddd;
	left: 50%;
	margin-left: -7px;
	}

	.community_service .commentFrame .comment::after {
	border-top-color: #ffd;
	top: 35px;
	}

	.community_service .commentFrame .comment .heading {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 2.7em;
	margin: 0;
	padding: 0;
	line-height: 1.35em;
	line-height: 16px;
	height: 2.7em;
	}

.community_service .list_container .service_item .list_img {
text-align: center;
margin-bottom: 5px;
}

.thumbnail.smaller.app {
height: 60px;
width: 60px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.community_service .list_container .service_item .tx_link {
font-size: 1rem;
text-align: center;
color: #666!important;
font-weight: bold;
word-wrap: break-word;
}

/* login_other_title */

.login_other_title.container.base {
margin: 7px;
}

.row {
display: -webkit-box!important;
display: box;
-webkit-box-align: center;
box-align: center;
}

.login_other_title > .row > .list_main:nth-child(1) {
font-size: 1.2rem;
font-weight: bold;
padding-left: 0;
}

.login_other_title > .row > .list_main:nth-child(2) {
font-size: 1.2rem;
text-align: right;
padding-right: 2px;
}

/* login_and_register_for_ameba */

.login_and_register_for_ameba button {
padding: 0;
line-height: 43px;
}

.login_and_register_for_ameba > a {
	display: block;
}

.login_and_register_for_ameba > a:nth-child(1) {
margin-bottom: 10px;
}

.btn.large,
.input_text.search>.search.large,
.select_container .pseudo_value::after.large {
display: block;
width: 100%;
min-height: 35px;
font-size: 1.5rem;
}

.btn.primary,
.input_text.search>.search.primary,
.select_container .pseudo_value::after.primary {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#55c40d),color-stop(100%,#3bab09));
background: -webkit-linear-gradient(#55c40d,#55c40d 0,#3bab09 100%);
background: linear-gradient(#55c40d,#55c40d 0,#3bab09 100%);
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}

.btn.tap {
  border: solid 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px #fff;
  background: -moz-linear-gradient(top, #c1c1c1, #d7d7d7);
  background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#d7d7d7));
}

.btn.primary.tap {
  border: solid 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px #fff;
  background: -moz-linear-gradient(top, #3cac09, #55c40d);
  background: -webkit-gradient(linear, left top, left bottom, from(#3cac09), to(#55c40d));
}

#index01020304 .login_and_register_for_ameba button.primary i {
font-size: 30px !important;
text-shadow: none;
vertical-align: middle;
margin-right: 10px;
font-family: 'AmebaSymbols';
font-size: 2rem;
line-height: 1;
background: none;
}

/* login_other_top */

.login_other_top.container.base {
margin: 7px;
}

.menu_btn {
display: -webkit-box!important;
display: box;
-webkit-box-pack: justify;
box-pack: justify;
flex-pack: justify;
width: 100%;
}

.login_other_top .btn_item {
padding: 7px 0 5px;
}

.menu_btn >a {
display: block;
-webkit-box-flex: 1;
box-flex: 1;
width: 33%;
margin: 0 7px 0 0;
padding: 0px 0 0;
color: #666;
font-size: 1.4rem;
border-color: bdc-btn-negative;
}

.menu_btn > a:last-child {
margin-right: 0;
}

.menu_btn >a .btn_item {
	width: 100%;
}

.login_other_top .btn_item p {
font-size: 1rem;
color: #333;
font-weight: bold;
}

.btn {
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 28px;
padding: 3px 10px 3px;
border: solid 1px rgba(0,0,0,0.2);
-webkit-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#e1e1e1));
background: -webkit-linear-gradient(#f7f7f7,#f7f7f7 0,#e1e1e1 100%);
background: linear-gradient(#f7f7f7,#f7f7f7 0,#e1e1e1 100%);
-webkit-box-shadow: 0 1px 1px #fff,inset 0 1px 1px rgba(255,255,255,0.4);
box-shadow: 0 1px 1px #fff,inset 0 1px 1px rgba(255,255,255,0.4);
text-align: center;
font-size: 1.4rem;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
color: #4dac26;
}

.login_other_top .btn_item .service_icon {
margin: 0 auto 4px;
}

.service_icon.twitter {
background-position: -36px 0;
}
.service_icon.google {
background-position: -70px -1px;
}
.service_icon.facebook {
background-position: -105px -1px;
}
.service_icon.mixi {
background-position: -140px -1px;
}
.service_icon {
display: block;
overflow: hidden;
background-image: url("../img/14/amb_service_sprite.png");
background-size: 225px 60px;
background-repeat: no-repeat;
text-indent: 100%;
height: 32px;
width: 32px;
}

/* button */

.index14 .startBtn {
	display: block;
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 4px 0;
	border-radius: 4px;
	border:solid 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 1px white , inset 0 1px 1px rgba(255, 255, 255, 0.4);
	/*border: 1px solid #369108;*/
	background: -moz-linear-gradient(top, #55C40D, #3cac09);
	background: -webkit-gradient(linear, left top, left bottom, from(#55C40D), to(#3cac09));
}

.index14 .startBtn a {
	color: #FFFFFF;
}

.index14 .startBtn span {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

.index14 .startBtn.tap {
	border:solid 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 1px white;
	background: -moz-linear-gradient(top, #3cac09, #55C40D);
	background: -webkit-gradient(linear, left top, left bottom, from(#3cac09), to(#55C40D));
}

.index14 .startBtn.tap span {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* login_notes */

#login_notes.container.frame {
margin: 9px 7px;
border: solid 1px #ddd;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

#login_notes .list_item {
	border: 0;
}

#login_notes .tx_link {
color: #5885a7!important;
font-weight: normal;
word-wrap: break-word;
}

/*
#login_notes .tx_link:hover {
background:;
}
*/

/* gh */

#global_header {
  position: absolute;
  top: 0;
  left: 0;
display-webkit-box
  display: box;
  -webkit-box-align: top;
  box-align: top;
  height: 44px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e6e4e4));
  background: -webkit-linear-gradient(top, #fff 0, #e6e4e4 100%);
  background: linear-gradient(top, #fff 0, #e6e4e4 100%);
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  z-index: 500;
}
.header_item.header_title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  flex-order: 2;
  border-right: solid 1px #c6c6c2;
  border-left: solid 1px #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 15px 5px 0 !important;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ci {
  display: block;
  height: 18px;
  width: 85px;
  background-position: 0 0;
  margin: 0 auto;
  overflow: hidden;
  background-image: url("../img/14/ameba_logo.png");
  background-size: 85px 18px;
  background-repeat: no-repeat;
  text-indent: 100%;
}