@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Lato);
@import "./anim.css";

/*= Reset css
----------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
	;
}

body {
	line-height:1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:"";
	content:none;
}

a {
	margin:0;
	padding:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
	;
}

ins {
	background-color:#FF9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#FF9;
	color:#000;
	font-weight:bold;
	font-style:italic;
	;
}

del {
	text-decoration:line-through;
}

abbr[title],
dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-spacing:0;
	border-collapse:collapse;
	;
}

hr {
	display:block;
	margin:1em 0;
	padding:0;
	height:1px;
	border:0;
	border-top:1px solid #CCC;
	;
}

input,
select {
	vertical-align:middle;
}

.clearfix:before,
.clearfix:after {
	display:block;
	height:0;
	content:"";
	font-size:0;
	line-height:0;
	;
}

.clearfix:after {
	clear:both;
}

.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	;
}

.inline-block {
	display:inline-block;
}

html {
	font-size:62.5%;
}

body {
	color:#333;
	font-size:15px;
	font-size:1.5rem;
	font-family:"Gotham", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.7;
}

ul,
ol {
	list-style:none;
}

img {
	vertical-align:bottom;
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:none;
}


/*= Page layout
----------------------------- */
html,
body {
	height:100%;
}

html {
	font-size:62.5%;
}

body {
	background:#FFF;
	color:#333;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 320px) {
	* {
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		user-select:none;
	}
}

/*= Chocobo Container
--------------------------------*/
.chocobo {
	background:#335310;
}

.chb-container {
	position:relative;
	overflow:visible;
	margin:0 auto;
	padding:0 0 20px 0;
	width:960px;
	height:auto;
	background:#D0DDB1;
}

@media screen and (max-width: 480px) {
	.chb-container {
		overflow:hidden;
		overflow-y:visible;
		margin:0 auto;
		width:320px;
		box-shadow:0 0 7px rgba(0, 0, 0, .75);
	}

	.chocobo.isPopup {
		position:fixed;
		z-index:999999;
		overflow:hidden;
		width:100%;
		height:100%;
	}

	.chocobo.isPopup .chb-container .chb-contents,
	.chocobo.isPopup .chb-container .chb-header {
		-webkit-filter:blur(3px);
		filter:blur(3px);
	}
}

.chb-header {
	position:relative;
	z-index:0;
	overflow:hidden;
	width:960px;
	height:360px;
	background:url(../img/chb-bg-header_v2.png) no-repeat 0 0;
}

.chb-header .chb-header-viewport {
	position:relative;
	z-index:0;
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-ms-transition:opacity .3s ease;
	transition:opacity .3s ease;
}

.loading .chb-header-viewport {
	opacity:0;
}

@media screen and (max-width: 480px) {
	.chb-header {
		width:320px;
		height:265px;
		background-image:url(../img/chb-bg-header_v2@2x.png);
		-webkit-background-size:cover;
		background-size:cover;
	}

	.chb-header .chb-header-viewport {
		overflow:hidden;
		width:320px;
		height:271px;
	}
}

.chb-section h2 {
	overflow:hidden;
	margin:20px auto;
	width:926px;
	height:86px;
	background-image:url(../img/chb-sprite-hd_v2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:transparent;
	text-indent:848px;
	white-space:nowrap;
	line-height:75px;
}

.chb-section h3 {
	overflow:hidden;
	margin:34px auto 10px;
	width:848px;
	height:88px;
	background-image:url(../img/chb-sprite-hd_v2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:848px;
	white-space:nowrap;
}

@media screen and (max-width: 480px) {
	.chb-section h2 {
		margin:10px auto;
		width:308px;
		height:35px;
		background-image:url(../img/chb-sprite-hd-sp_v2.png);
		-webkit-background-size:308px auto;
		background-size:308px auto;
	}

	.chb-section h3 {
		margin:0 auto 20px;
		width:282px;
		height:32px;
		background-image:url(../img/chb-sprite-hd-sp_v2.png);
		-webkit-background-size:308px auto;
		background-size:308px auto;
	}
}

.chb-section .chb-figure {
	display:flex;
	justify-content:space-between;
	margin:0 20px;
}

@media screen and (max-width: 480px) {
	.chb-section .chb-figure {
		display:block;
		margin:0 6px;
	}

	.chb-section .chb-figure > img {
		margin:0 0 10px 0;
		width:100%;
	}
}

.chb-section-01 h2 {
	background-position:0 0;
}

.chb-section-01 h3 {
	background-position:0 -174px;
}

.chb-section-02 h2 {
	background-position:0 -86px;
}

.chb-section-02 h3 {
	background-position:0 -263px;
}

@media screen and (max-width: 480px) {
	.chb-section-01 h2 {
		background-position:0 0;
	}

	.chb-section-01 h3 {
		background-position:0 -70px;
	}

	.chb-section-02 h2 {
		background-position:0 -35px;
	}

	.chb-section-02 h3 {
		background-position:0 -103px;
	}
}

.pagetop-handler {
	position:fixed;
	right:4px;
	bottom:10px;
	display:block;
	width:128px;
	height:128px;
	-webkit-transition:-webkit-transform .1s ease-out;
	-moz-transition:-moz-transform .1s ease-out;
	-ms-transition:-ms-transform .1s ease-out;
	transition:transform .1s ease-out;
	-webkit-transform:translate3d(0, 128px, 0);
	-moz-transform:translate3d(0, 128px, 0);
	-ms-transform:translate3d(0, 128px, 0);
	transform:translate3d(0, 128px, 0);
}

.pagetop-handler.active {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

.pagetop-handler > a {
	display:block;
	overflow:hidden;
	width:128px;
	height:128px;
	background:url(../img/chb-sprite-pagetop.png) no-repeat 0 0;
	text-indent:70px;
	white-space:nowrap;
	opacity:1;
	-webkit-transition:opacity .1s ease;
	-moz-transition:opacity .1s ease;
	-ms-transition:opacity .1s ease;
	transition:opacity .1s ease;
}

.pagetop-handler > a:hover {
	background-position:-128px 0;
}

.pagetop-handler > a.scrolling {
	background-position:128px 0;
}

@media screen and (max-width: 480px) {
	.pagetop-handler {
		display:none;
	}

	.pagetop-handler.active {
		display:none;
	}
}

.pagetop-target {
	position:absolute;
	top:0;
	left:0;
	z-index:-999;
}

@media screen and (max-width: 480px) {
	.pagetop-target {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	.touch-target {
		-webkit-transition:-webkit-transform .75s linear;
		transition:transform .75s linear;
	}
}

.touch-target.reset {
	-webkit-transition:-webkit-transform .1s ease;
	-moz-transition:-moz-transform .1s ease;
	-ms-transition:-ms-transform .1s ease;
	transition:transform .1s ease;
}

.touch-target.close {
	background:none;
	opacity:0;
	-webkit-transition:opacity .25s ease .1s;
	-moz-transition:opacity .25s ease .1s;
	-ms-transition:opacity .25s ease .1s;
	transition:opacity .25s ease .1s;
}

.touch-target::after {
	position:absolute;
	bottom:50%;
	left:50%;
	display:none;
	margin:0 0 -64px -64px;
	width:128px;
	height:128px;
	background:url(../img/crash.png) no-repeat 0 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	content:"";

	-ms-background-size:cover;
}

@media screen and (max-width: 480px) {
	.touch-target::after {
		bottom:10px;
		margin-bottom:0;
	}
}

.touch-target.close::after {
	display:block;
}

/*PC*/
@media screen and (min-width: 480px) {
	.news_cat {
		display:inline-block;
		margin:5px 10px 0 5px;
		padding:0 3px;
		min-width:7em;
		border-radius:2px;
		color:#FFF;
		text-align:center;
		letter-spacing:0;
		font-size:10px;
		line-height:1.5;
	}

	.news_cat.cat1 {
		background-color:#819BD5;
	}

	.news_cat.cat2 {
		background-color:#9DC668;
	}

	.news_cat.cat3 {
		background-color:#5FD8F7;
	}

	.news_cat.cat4 {
		background-color:#F7B15F;
	}

	.news_cat.cat5 {
		background-color:#A067C5;
	}

	.news_cat.cat6 {
		background-color:#ED5B60;
	}

	.news_content {
		clear:both;
		margin:0 0 0 97px;
	}

	.info_ml8 {
		margin-left:208px;
	}

	.info_ml7 {
		margin-left:244px;
	}

	.info_ml6 {
		margin-left:282px;
	}

	.info_ml5 {
		margin-left:320px;
	}

	.info_ml4 {
		margin-left:358px;
	}

	.info_ml3 {
		margin-left:396px;
	}

	.info_ml2 {
		margin-left:434px;
	}

	.info_ml1 {
		margin-left:472px;
	}

	.info_list span img {
		margin-right:3px;
		width:34px;
		height:17px;
	}

	.info_blk {
		color:#000;
		font-weight:bold;
	}

	.info_blu {
		color:#140CAA;
	}

	.info_detail1 {
		float:left;
		padding:10px 0;
		width:100%;
	}

	.info_detail2 {
		float:left;
		padding:10px 0;
		width:100%;
	}

	.info_detail3 {
		float:left;
		padding:10px 0;
		width:100%;
	}

	.info_detail4 {
		float:left;
		padding:10px 0;
		width:100%;
	}

	.info_detail5 {
		float:left;
		padding:10px 0;
		width:100%;
	}

	#overlay {
		position:fixed;
		top:0;
		left:0;
		z-index:99;
		display:none;
		width:100%;
		height:120%;
		background-color:rgba(0, 0, 0, .6);
	}

	.info-detail {
		position:fixed;
		z-index:100;
		display:none;
		margin:0;
		padding:9px 20px;
		min-height:104px;
		width:652px;
		border:2px solid #AAA;
		background:#FCF3DE;
	}

	.close-button {
		display:block;
		float:left;
		margin-top:15px;
		margin-left:201px;
		padding:17px 46px 15px 74px;
		width:145px;
		height:40px;
		background-image:url(../img/sprite_btn_woody.png);
		background-position:0 -56px;
		background-size:142%;
		background-repeat:no-repeat;
		color:#FFF;
		text-decoration:blink;
	}

	.close-txt {
		margin:0 0 0 31px;
		font-size:18px;
	}

	.hd11 {
		margin:-11px -6px 0 -22px;
		padding:5px 0 5px 46px;
		width:650px;
		border-bottom:1px solid #5B210E;
		background:url(../img/sprite_hd_texture_01@2x.png) 0 0 repeat-y;
		background-color:#F00;
		background-size:100%;
		color:#5F3029;
		line-height:43px;
	}

	.hd12 {
		float:left;
		width:100px;
		height:100px;
		background-color:#000;
	}

	span.hd11_popup {
		display:block;
		overflow:hidden;
		margin-left:30px;
		padding:6px 45px 3px 45px;
		max-width:453px;
		height:37px;
		border:3px solid #5B210E;
		border-radius:5px;
		background:#F9EBCC;
		color:#5F3029;
		text-align:center;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:23px;
	}

	.line {
		border-bottom:1px #000 dashed;
	}

	.onlinestore {
		margin:20px 0 0 22px;
		padding:20px 0;
		border-radius:10px;
		background-color:#D0DDB1;
	}

	.event-chara1,
	.event-chara2 {
		height:70px;
		background-image:url(../img/img_chara_01.png);
		background-position:center top;
		background-repeat:no-repeat;
	}

	.event-chara2 {
		height:76px;
		background-image:url(../img/img_chara_02.png);
	}

	.chb-applestore {
		margin:20px 0 0 60px;
		width:217px;
		height:58px;
		background-image:url(../img/applestore.png);
		background-size:90%;
		background-repeat:no-repeat;
	}

	.chb-applestore a {
		display:block;
		width:200px;
		height:57px;
	}

	.chb-googleplay {
		display:block;
		margin:15px 0 20px 60px;
		width:173px;
		height:53px;
	}

	.btn_google_size {
		margin-top:2px;
		width:194px;
	}

	.btn-list {
		position:absolute;
		top:612px;
		left:456px;
		float:left;
		width:293px;
		height:48px;
		background-image:url(../img/btn_info_pc.png);
		background-repeat:no-repeat;
	}

	.fb-page {
		margin-top:52px;
		margin-left:-7px;
	}

	.box2 {
		float:left;
		width:35%;
	}

	.body1 {
		float:left;
		overflow:auto;
		margin-top:29px;
		margin-left:19px;
		padding:5px;
		width:90%;
		height:299px;
		border:4px #D1B99C solid;
		background-color:#FFF;
		text-align:left;
	}

	.body2 {
		margin:30px 163px 0 19px;
		margin-top:25px;
		margin-left:-1px;
		width:276px;
	}
}

/*smartphone*/
@media screen and (max-width: 480px) {
	.news_cat {
		display:inline-block;
		margin:5px 95px 0 5px;
		padding:0 3px;
		min-width:7em;
		border-radius:2px;
		color:#FFF;
		text-align:center;
		letter-spacing:0;
		font-size:10px;
		line-height:1.5;
	}

	.news_cat.cat1 {
		background-color:#819BD5;
	}

	.news_cat.cat2 {
		background-color:#9DC668;
	}

	.news_cat.cat3 {
		background-color:#5FD8F7;
	}

	.news_cat.cat4 {
		background-color:#F7B15F;
	}

	.news_cat.cat5 {
		background-color:#A067C5;
	}

	.news_cat.cat6 {
		background-color:#ED5B60;
	}

	.info_ml8 {
		margin-left:17px;
	}

	.info_ml7 {
		margin-left:49px;
	}

	.info_ml6 {
		margin-left:81px;
	}

	.info_ml5 {
		margin-left:113px;
	}

	.info_ml4 {
		margin-left:145px;
	}

	.info_ml3 {
		margin-left:177px;
	}

	.info_ml2 {
		margin-left:209px;
	}

	.info_ml1 {
		margin-left:241px;
	}

	.info_ml8 img,
	.info_ml7 img,
	.info_ml6 img,
	.info_ml5 img,
	.info_ml4 img,
	.info_ml3 img,
	.info_ml2 img {
		margin-left:3px;
		width:27px;
		height:16px;
	}

	.info_ml1 img {
		margin-left:0;
	}

	.info_blk {
		color:#000;
		font-weight:bold;
	}

	#overlay {
		position:fixed;
		top:0;
		left:0;
		z-index:99;
		display:none;
		overflow:scroll;
		width:100%;
		height:120%;
		background-color:rgba(0, 0, 0, .6);
	}

	.info-detail {
		position:fixed;
		z-index:100;
		display:none;
		overflow:auto;
		margin:0;
		padding:9px 20px;
		min-height:114px;
		max-height:400px;
		width:267px;
		border:2px solid #AAA;
		background:#FCF3DE;
	}

	.close-button {
		display:block;
		float:left;
		margin-top:18px;
		margin-left:39px;
		padding:6px 5px 0 75px;
		width:145px;
		height:40px;
		background-image:url(../img/sprite_btn_woody.png);
		background-position:14px -34px;
		background-size:100%;
		background-repeat:no-repeat;
		color:#FFF;
		text-decoration:blink;
	}

	.hd11 {
		margin:-11px -6px 0 -22px;
		padding:5px 0 5px 46px;
		width:263px;
		border-bottom:1px solid #5B210E;
		background:url(../img/sprite_hd_texture_01@2x.png) 0 0 repeat-y;
		background-size:105%;
		color:#5F3029;
		line-height:25px;
	}

	.hd12 {
		float:left;
		width:100px;
		height:100px;
		background-color:#000;
	}

	span.hd11_popup {
		display:block;
		overflow:hidden;
		margin-right:23px;
		margin-bottom:-2px;
		margin-left:-22px;
		padding:6px 15px 4px 10px;
		border:2px solid #5B210E;
		border-radius:5px;
		background:#F9EBCC;
		color:#5F3029;
		text-align:center;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:12px;
	}

	.onlinestore {
		width:100%;
	}

	.chb-applestore {
		float:left;
		margin-top:0;
		margin-right:6px;
		margin-bottom:5px;
		margin-left:12px;
		width:150px;
		background-image:url(../img/applestore.png);
		background-position:0 3px;
		background-size:97%;
		background-repeat:no-repeat;
	}

	.chb-applestore a {
		display:block;
		margin-top:4px;
		width:200px;
		height:42px;
	}

	.chb-googleplay {
		margin-top:5px;
		margin-left:69px;
		padding-top:4px;
		width:328px;
		height:46px;
	}

	.btn_google_size {
		width:138px;
	}

	.page-introduction .twitter {
		display:block;
		margin-bottom:8px;
		width:100%;
		height:448px;
		background-color:transparent;
		background-image:url(../img/twitter_timeline_sm.png);
		background-size:100%;
		background-repeat:no-repeat;
	}

	.page-introduction section h2 {
		overflow:hidden;
		margin:0;
		width:100%;
		height:56px;
		color:transparent;
		text-indent:100%;
		white-space:nowrap;
	}

	.box2 {
		margin:0 2px 0 4px;
		height:54px;
	}

	.fb-page {
		margin-top:52px;
	}

	.btn-list {
		position:absolute;
		top:823px;
		left:14px;
		float:left;
		width:293px;
		height:48px;
		background-image:url(../img/btn_info_sm.png);
		background-repeat:no-repeat;
	}

	.body2 {
		margin:15px 14px 0 10px;
		margin-top:45px;
		width:auto;
	}
}

p.footer-copyright {
	text-align:center;
}

.footer-copyright:first-letter {
	vertical-align:-4PX;
	font-size:25px;
}

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

.chb-area {
	padding-bottom:10px;
	background-color:#D0DDB1;
}

.chb-area h2 {
	overflow:hidden;
	margin:20px auto;
	width:845px;
	height:75px;
	background-image:url(../img/chb-sprite-hd_v2.png);
	background-position:0 -350px;
	background-repeat:no-repeat;
	color:transparent;
	text-indent:848px;
	white-space:nowrap;
	line-height:75px;
}


@media screen and (max-width: 480px) {
	.chb-area h2 {
		margin:15px auto;
		width:308px;
		height:62px;
		background-image:url(../img/chb-sprite-hd-sp_v2.png);
		background-position:0 -136px;
		-webkit-background-size:308px auto;
		background-size:308px auto;
	}
}

.chb-area ul {
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:10px auto;
	padding:0;
	width:860px;
}

.chb-area li {
	position:relative;
	margin-bottom:25px;
	width:165px;
	height:55px;
	list-style:none;
}

.chb-area li a {
	display:block;
	height:100%;
	border-radius:8px;
	box-shadow:0 10px 14px -7px #303030;
	color:#444;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	text-shadow:rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0;
	font-weight:700;
	font-size:21px;
	font-family:"Zen Maru Gothic", sans-serif;
	line-height:2.1;
	cursor:pointer;
}

.chb-area li.gesoten::before {
	position:absolute;
	top:-20px;
	left:0;
	display:block;
	width:165px;
	height:36px;
	background-image:url(../img/img_pop_pc.png);
	background-position:center;
	background-size:120px;
	background-repeat:no-repeat;
	content:"";
	pointer-events:none;
}

.chb-area li::after {
	position:absolute;
	bottom:-2px;
	left:0;
	display:block;
	width:150px;
	color:#FFF;
	content:"で遊ぶ";
	text-align:right;
	font-size:14px;
	pointer-events:none;
}

li.gesoten a {
	background:linear-gradient(180deg, rgba(243, 238, 151, 1) 0%, rgba(243, 193, 0, 1)100%);
}

li.gesoten a:hover {
	background:linear-gradient(180deg, rgba(243, 193, 0, 1) 0%, rgba(243, 238, 151, 1)100%);
}

li.gree a {
	background:linear-gradient(180deg, rgba(119, 211, 245, 1) 0%, rgba(0, 160, 220, 1)100%);
}

li.gree a:hover {
	background:linear-gradient(180deg, rgba(0, 160, 220, 1) 0%, rgba(119, 211, 245, 1)100%);
}

li.yahoo a {
	background:linear-gradient(180deg, rgba(255, 0, 51, 1) 0%, rgba(220, 3, 47, 1)100%);
	letter-spacing:0;
}

li.yahoo a:hover {
	background:linear-gradient(180deg, rgba(220, 3, 47, 1) 0%, rgba(255, 0, 51, 1)100%);
}

li.mobage a {
	background:linear-gradient(180deg, rgba(8, 116, 217, 1) 0%, rgba(0, 79, 152, 1)100%);
}

li.mobage a:hover {
	background:linear-gradient(180deg, rgba(0, 79, 152, 1) 0%, rgba(8, 116, 217, 1)100%);
}

li.yamada a {
	background:linear-gradient(180deg, rgba(196, 23, 42, 1) 0%, rgba(151, 37, 66, 1)100%);
}

li.yamada a:hover {
	background:linear-gradient(180deg, rgba(151, 37, 66, 1) 0%, rgba(196, 23, 42, 1)100%);
}

li.tsutaya a {
	background:linear-gradient(180deg, rgba(2, 108, 255, 1) 0%, rgba(0, 63, 150, 1)100%);
	font-size:18px;
	line-height:1;
}

li.tsutaya a:hover {
	background:linear-gradient(180deg, rgba(0, 63, 150, 1) 0%, rgba(2, 108, 255, 1)100%);
}

li.mixi a {
	background:linear-gradient(180deg, rgba(255, 204, 121, 1) 0%, rgba(232, 162, 49, 1)100%);
}

li.mixi a:hover {
	background:linear-gradient(180deg, rgba(232, 162, 49, 1) 0%, rgba(255, 204, 121, 1)100%);
}

li.dmm a {
	background:linear-gradient(180deg, rgba(68, 68, 68, 1) 0%, rgba(29, 29, 29, 1)100%);
}

li.dmm a:hover {
	background:linear-gradient(180deg, rgba(29, 29, 29, 1) 0%, rgba(68, 68, 68, 1)100%);
}

li.ameba a {
	background:linear-gradient(180deg, rgba(69, 185, 87, 1) 0%, rgba(45, 140, 60, 1)100%);
}

li.ameba a:hover {
	background:linear-gradient(180deg, rgba(45, 140, 60, 1) 0%, rgba(69, 185, 87, 1)100%);
}

li.colopl a {
	background:linear-gradient(180deg, rgba(39, 186, 238, 1) 0%, rgba(38, 138, 245, 1)100%);
}

li.colopl a:hover {
	background:linear-gradient(180deg, rgba(38, 138, 245, 1) 0%, rgba(39, 186, 238, 1)100%);
}

@media screen and (max-width: 480px) {
	.chb-area {
		margin:0 auto;
		width:320px;
	}

	.chb-area ul {
		margin:0 auto;
		width:280px;
	}

	.chb-area li {
		margin-bottom:15px;
		width:135px;
	}

	.chb-area li.gree::before {
		position:absolute;
		top:-16px;
		left:0;
		display:block;
		width:135px;
		height:34px;
		background-image:url(../img/img_pop_sp.png);
		background-position:center;
		background-size:116px;
		background-repeat:no-repeat;
		content:"";
		pointer-events:none;
	}

	.chb-area li.gesoten::before {
		display:none;
	}

	li.yahoo a {
		font-size:16px;
	}

	.chb-area li::after {
		width:125px;
		font-size:14px;
	}
}