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

html, body { height:100%; width:100%; }
body				{	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%; font-size:11pt; color:#333; background:#eaeaea url(../images/bg_main.png) repeat; }

/* ===================================
	General
==================================== */
a					{text-decoration:none; color:#00A8FF;}
p, ul, li			{padding:0; margin:0;}
img				{border:none;}
h1,h2,h3,h4		{margin:0; padding:0; font-weight:normal;}
.clear			{clear:both;}
div, p			{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
button			{ border:none; cursor:pointer; font-size:14px; line-height:20px; }
em { font-weight:bold; font-style:normal; }

.br_t_ss			{margin-top:4px;}
.br_t_s				{margin-top:15px;}
.br_t					{margin-top:30px;}
.br_t_l				{margin-top:60px;}
.br_t_ll				{margin-top:90px;}
.br					{display:inline-block;}
.sect_head { margin-top: 60px; }

.txt_em				{ font-weight:bold; }
.txt_c	{text-align:center; }
.txt_r { text-align:right; }
.txt_l { text-align: left; }
.txt_sub 			{ font-size:12px; line-height:1.5; }

/*clearfix*/
.clearfix:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height: 1px; /*\*//*/ height:auto; overflow:hidden; /**/}

/* Layout
======================================= */
#wrap 			{  min-width:980px; margin:0 auto; position: relative;}
#main { padding-bottom:50px;}
#page_head { padding:30px 0; color:#fff; }
#page_head h1{ font-size:3em; font-weight:bold; font-family: 'Quicksand', sans-serif; }

/* Common Parts
======================================= */
.backtotop { position:fixed; right:20px; bottom:20px !important; z-index: 10; }
.backtotop a { color: #ff60c0; }
.break01_in, .break02_in { display:none; }
.img100 { width:100%; height:auto; display:block; }
.br_sm_in br { display: none; }

.col_goods { color:#6AC000; }
.col_music { color:#FF9100; }
.col_event { color:#FF60C0; }
.col_mobile { color:#4874E1; }
.col_chara { color:#15C0BD; }
.col_link { color:#C83D3D; }

.heading { font-weight:bold; font-size:2.5em; padding-right:30px; position:relative; text-shadow:0px 3px 0 #CDCDCD; color:#333; }
.heading_s { font-size:0.8em; border-bottom:1px solid #333; color:#333; padding:2px 10px; } /* search option title */

.midashi_m { font-size:2em; }
.heading:before {position:absolute; font-family:"ico_pi"; font-size:3em; text-shadow:none; left:-50px; top:-20px; font-weight:normal; /* transform:rotate(-10deg); */ z-index:-1; opacity:0.4;}
.heading_sub { text-shadow:0 0 5px #EAEAEA, 0 0 5px #EAEAEA, 0 0 5px #EAEAEA, 0 0 5px #EAEAEA, 0 0 5px #EAEAEA, 0 0 5px #EAEAEA, 0 0 5px #EAEAEA; margin-top: 10px; }

.h_event:before { content:"\e603"; color:#ff60c0; }
.h_news:before { content:"\e606"; color:#15C0B0;}
.h_goods:before { content:"\e600"; color:#6ac000;}
.h_music:before { content:"\e602"; color:#ff9100;}
.h_mobile:before { content:"\e601"; color:#4874e1;}
.h_link:before { content:"\e605"; color:#c83d3d;}
.h_chara:before { content:"\e604"; color:#15c0bd; }

.flexiblebox_whole { padding:0 6%; }
.set_width { margin-right:auto; margin-left:auto;}

.more_blog { color:#15c0b0; border:1px solid #15c0b0; display:inline-block; padding:2px 10px; }
.more_blog:hover { background:#15c0b0; color:#333;}
.more_goods { color:#6ac000; border:1px solid #6ac000; display:inline-block; padding:2px 10px; }
.more_goods:hover { background:#6ac000; color:#333;}
.more_music { color:#ff9100; border:1px solid #ff9100; display:inline-block; padding:2px 10px; }
.more_music:hover { background:#ff9100; color:#333;}
.more_event { color:#ff60c0; border:1px solid #ff60c0; display:inline-block; padding:2px 10px; }
.more_event:hover { background:#ff60c0; color:#333;}

.attach { display:inline-block; vertical-align:top; }
.attach { width:calc( 100% / 3 - 15px); margin-right:15px; margin-top:20px; }
.attach p{ width:100%; }
.bnr_box .attach:nth-of-type(3n) { margin-right:0; }
.fullsize_movie { width:100%; min-height:350px;}
@media (max-width: 680px) {
		.attach { width:100%; }
		.fullsize_movie { height:250px;}
}

.errorpage { max-width: 336px; margin: 4em auto; padding: 0 30px;}

/* Search Option Parts ==================== */
.search_option_open {display:inline-block; text-align:right; float:right; cursor: pointer;}
.goodspage .search_option_open:hover { color: #6ac000; }
.musicpage .search_option_open:hover { color: #ff9100; }
.search_option select { font-size:larger; }
.rearrange { text-align:right; margin:20px 0; }
.rearrange select { font-size:larger; }

.search_option_box { background: #fff; float: right; display: none; }
.search_option { display: inline-block; margin:5px 10px 5px 10px; position: relative; white-space: nowrap; }
.searchbox input[type="search"] { border:1px solid #ccc; font-size:1em; width:13em; box-shadow:1px 1px 1px #eee inset; height:28px; border-radius: 4px; }
.search_option_btn {display:inline-block; float:right; margin:5px;}
.goodspage .search_option_btn button { background: #6ac000; border-bottom: 2px solid #4b8800; }
.musicpage .search_option_btn button { background: #ff9100; border-bottom: 2px solid #bf6d00; }
.rearrange { float:left; margin: 25px 0 15px; }

@media screen and (max-width: 768px) {
    .search_option_box { width: 100%; margin-bottom: 20px; }
    .rearrange { float:none; text-align: left; }
    .search_option_btn { float: none; display: block;}
    .search_option_btn button { width: 100%; }
}

.pagehead { width:100%; position:relative; background-position:center center; }
.pghd_goods { background-image:url(../images/bg_hd_green.png); }
.pghd_mobile { background-image:url(../images/bg_hd_blue.png); }
.pghd_music { background-image:url(../images/bg_hd_orange.png); }
.pghd_event { background-image:url(../images/bg_hd_pink.png); }
.pghd_link { background-image:url(../images/bg_hd_red.png); }
.pghd_about { background-image:url(../images/bg_hd_migreen.png); }

/* Mini MENU
====================================== */
.mini_menu { display:inline-block; }
.mini_menu li { display:inline-block; margin-right:5px; margin-top:5px; }
.mini_menu li.now { background-color:#00A8FF; color:#fff; position:relative; }
.mini_menu li a {  border:1px solid #00A8FF; padding:0 10px; line-height: 1.8em; display:block; }
.mini_menu li a:hover { background:#00A8FF; }
.mini_menu .now a { color:#fff; position:relative; }

.goodspage .mini_menu a { border:1px solid #6ac000; color:#6ac000; }
.goodspage .mini_menu a:hover, .goodspage .now a { background:#6ac000; color:#fff; }
.musicpage .mini_menu a { border:1px solid #ff9100; color:#ff9100; }
.musicpage .mini_menu a:hover, .musicpage .now a { background:#FF7E00; color:#fff; }
.mobilepage .mini_menu a { border:1px solid #4874e1; color:#4874e1; }
.mobilepage .mini_menu a:hover, .mobilepage .now a { background:#4874e1; color:#fff; }
.eventpage .mini_menu a { border:1px solid #ff60c0; color:#ff60c0; }
.eventpage .mini_menu a:hover, .eventpage .now a { background:#ff60c0; color:#fff; }

/* Main Navigation
======================================= */
#g_menu { width:100%; background:#fff; min-width:890px; box-shadow:0 3px 0 rgba(0,0,0,0.4); box-sizing:border-box;
 background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }
#siteid { display:inline-block; }
#siteid img { width:150px; vertical-align:middle; }
.menu_box li { min-width:80px; font-size:0.8em; text-align:center; display:inline-block; position:relative; height:70px; overflow:hidden; }
.menu_box a { display:block; padding:8px 10px; min-width:60px; z-index:1; position:relative; color: #000; }
.menu_box i 	{ font-size:3.5em; display:block; position:relative; bottom:0; -moz-transition-property:all; -webkit-transition-property:all; transition-property:all;
-moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; transition-timing-function:ease-in; }
.menu_box li:hover i { bottom:8px; }
.menu_fold { display:inline-block; }

/* NEWS(BLOG) BOX
======================================= */
#news { }
.news_box_whole { margin-right:auto; margin-left:auto; padding-top:20px; position:relative; }
.news_box_whole a{ width:calc(100% / 3 - 2%); float:left; margin-right:3%; margin-bottom:1.4em; box-shadow:3px 3px 0 rgba(0,0,0,0.1); color:#333; display: block; }
.news_box_whole a:hover { box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:3px 3px 0 rgba(0,0,0,1);}
.news_box_whole a:nth-child(3n) { margin-right:0; }
.news_box { background:#fff;}
.news_box .space{ padding:1em;}
.news_box_img { position: relative; width: 100%; padding-top: 35%;/* 34.5% */ overflow: hidden; background-color: #000; }
.news_box_img img		{ position: absolute; top: 0; width:auto; height: 100%; left: -50%; right: -50%; margin: 0 auto; }

.news_box h2			{ font-size:0.9em; }
.news_box .date		{ color:#666; font-size:0.7em; padding-top:10px; }
#head_news { padding:40px 0; background:#ddd; }
.headnews_space { padding:15px; }

/* Pagination
===================================== */
.pagination{ list-style: none; text-align: center; font-size: 1.4em; margin-top: 10px; }
.pagination li { display: inline-block; padding: 0 3px; }
.pagination a,.pagination span { display: block; text-align: center; cursor: pointer; border-radius:1em; height: 1.5em; min-width: 1.5em; line-height: 1.5em; transition: all 0.2s ease;}

.goodspage .pagination a { color: #6ac000; }
.musicpage .pagination a { color: #ff9100; }
.eventpage .pagination a { color: #ff60c0; }

.pagination .now span { background: #333; color: #fff;}
.pagination a:hover { background: #ff60c0; color: #fff;}
.pagination .dum { background: #ddd; color: #ccc; cursor: default; }

.goodspage .pagination .now span { background-color: #6ac000; }
.musicpage .pagination .now span { background-color: #ff9100; }
.eventpage .pagination .now span { background-color: #ff60c0; }
.pagination_show { font-size: 0.8em; margin-top: 10px; text-align: center; color: #666;}

/* Index page ONLY
===================================== */
.site_menu { position:absolute; display:block; right: 0; bottom:0; border-radius:4px 4px 0 0; font-size:0.75em; width:130px; background: #666; z-index: 2;}
.site_now { padding:3px 5px; cursor:pointer; color: #fff; height: 20px; text-align: center; }
.site_select { display:none; background: #fff; border:1px solid #000; position: absolute; top: 20px; right: 0; width: 240px; box-shadow:3px 3px 0 rgba(0,0,0,0.3); }
.site_select li { list-style-type:none; border-top:1px solid #000; }
.site_select p { width: 110px; display: inline-block; text-align: center; }
.site_select a { padding: 3px 0 3px 5px; color:#000; display: block; border-left: 5px solid transparent; }
.site_select a:hover { border-color: #ffaed9; }
.site_select .now a { border-left:5px solid #ff60c0; }
.site_select img{ height: 30px; vertical-align:middle; }
/*
.site_select .now { position: relative; }
.site_select .now:before { content: ""; display: block; position: absolute; left: 0; top: 18px; border-left: 10px solid #ff60c0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
*/
.lang_menu { font-size: 0.7em; position: absolute; top: 10px; right: 0; }
.lang_menu li { display: inline-block; height: 12px; border-right: 1px solid #999; }
.lang_menu li:last-child { border: none; }
.lang_menu a, .lang_menu span { padding: 0 5px 0 3px; display: inline-block; }

/* GOODS
===================================== */
.goods_box_whole { margin-right:-15px; margin-top:20px; }
.goods_box		{ display:inline-block; width:200px; margin-right:10px; vertical-align:top;  margin-bottom:15px;  position:relative; background:#fff; position:relative;  }
.goods_box img		{ width:100%; }
.goods_box .space	{ padding:1em; word-break:break-all; word-wrap:break-word; }
.goods_box .category{ font-size:0.7em; color:#fff; padding:0px 5px; background:#6ac000; display:inline-block; margin-bottom:3px; }
.goods_box h2		{ font-size:16px; color:#6ac000; line-height:1.2em; margin-bottom:3px; }
.goods_box .price{ }
.goods_box .date { color:#999; margin-top:10px; font-size:0.8em; }
.goods_box .text { font-size:0.9em; margin-top:10px; }
.goods_box .maker { color:#999; font-size:0.7em; margin-top:3px; }
.goods_box .link a{ background:#999; color:#fff; padding:2px 5px; text-align:center; display:block; font-size:10pt; transition:background 0.5s; }
.goods_box .link a:hover { background:#6ac000; color: #000; }
/* 新着マークを付けるなら */
/* .new .goods_imgbox:before { display:block; position:absolute; left:0; top:0; width:60px; height:60px; content:url(../images/goods/goods_new.png); }  */

/* MUSIC
===================================== */
#music		{}
.music_box_whole { margin-right:-15px; margin-top:20px; }
.music_box		{ display:inline-block; width:200px; margin-right:10px; vertical-align:top;  margin-bottom:15px; position:relative; background:#fff; position:relative; }
.music_box img			{ width:100%;}
.music_box .space	{ padding:1em; word-break:break-all; word-wrap:break-word;}
.music_box .category { font-size:0.7em; color:#fff; padding:0px 5px; background:#ff9100; display:inline-block; margin-bottom:3px; }
.music_box h2				{ font-size:16px; color:#ff9100; line-height:1.2em; margin-bottom:3px; }
.music_box a { color:#ff9100; }
.music_box .aritst	{}
.music_box .date { color:#999; margin-top:10px; font-size:0.8em; }
.music_box .maker { color:#999; font-size:0.7em; margin-top:3px; }
.music_box .link a { background:#999; color:#fff; padding:2px 5px; text-align:center; display:block; font-size:10pt; transition:background 0.3s; }
.music_box .link a:hover { background:#ff9100; color: #000; }
.musicpage .link_ext a { border-color:#ff9100; color:#ff9100; }
.musicpage .link_ext a:hover { color:#fff; background-color:#ff9100; }

/* MOBILE
===================================== */
#app	{}
.mobile_bnrbox { width: 60%; margin: 0 auto; max-width: 700px; }
.mobile_bnrbox .flexslider { box-shadow: 3px 3px 0 rgba(0,0,0,0.1); border-radius: 0; }
.mobile_news { }
.news_list { text-align:left; list-style-type:none; margin-top:10px; }
.news_list a { display:block; width:100%; overflow:hidden; color:#4874e1; white-space:nowrap; text-overflow:ellipsis; padding:5px; border-bottom:1px solid #ccc;
-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.news_list a:hover { background:#56C5FF; color:#fff;}
.news_date { padding-right:15px; }

.app_box_whole { margin-right:-15px; margin-top:20px; }
.app_box		{ width:200px; margin-right:10px; margin-bottom:15px; position:relative; display:inline-block; vertical-align:top; background:#fff; position:relative; }
.app_box img	{ width:100%;}
.app_box .space	{ padding:1em; word-break:break-all; word-wrap:break-word; }
.app_box .category { font-size:0.7em; color:#fff; padding:0px 5px; background:#4874E1; display:inline-block; margin-bottom:3px; }
.app_box h2		{ font-size:16px; /* color:#4874e1; */ line-height:1.2em; margin-bottom:3px; }
.app_box .date { color:#999; margin-top:10px; font-size:0.8em; }
.app_box .maker { color:#999; font-size:0.7em; margin-top:3px; }
.app_box .app_link { margin-top:5px; }
.app_box .app_link a { margin-right:10px; color:#00da00; }
.app_box .link a { background:#83ACC0; color:#fff; padding:2px 5px; text-align:center; display:block; font-size:10pt; transition:background 0.3s; border-top:1px solid #333; }
.app_box .link a:hover { background:#00abff; }
.app_box .app_link .fa { font-size:1.4em; }
.app_box .fa-apple { color:#aaa; }
.app_box .fa-android { color:#9BC855; }
.app_box .fa-comment { color:#00da00; }

/* EVENTS
===================================== */
/* サムネが付く場合 */
/* .event_box { overflow:hidden; background:#fff; border:1px solid #333; margin-top:15px; }
.event_box .event_img { float:left; width:200px; height:200px; }
.event_box .space { padding-left:210px; padding:1em;  }
.event_box .category { font-size:0.7em; color:#fff; padding:0px 5px; background:#ff60c0; display:inline-block; margin-bottom:3px; }
.event_box h2 { font-size:18px; color:#ff60c0; line-height:1.2em; margin-bottom:3px; }
.event_box .date { margin-top:10px; }
.event_box .venue { font-size:0.9em; }
.event_box .web { margin-top:5px; }
.eventpage .link_ext a { border-color:#ff60c0; color:#ff60c0; }
.eventpage .link_ext a:hover { color:#fff; background-color:#ff60c0; } */

.event_list { margin:0 auto 20px; max-width: 1200px; position: relative; }
.event_list li { margin-top:20px; background:#fff; padding:20px; list-style-type:none; box-shadow:3px 3px 0 rgba(0,0,0,0.1); }
.event_ctgl { font-size:9px; background:#ff60c0; color:#fff; display:inline-block; padding:0 5px; }
.event_text { margin-bottom:20px; }
.event_venue { word-break: break-all; word-wrap: break-word; }
.event_link { word-break: break-all; word-wrap: break-word; }

.tst { border:1px solid #f00;}
.tile { box-shadow: 3px 3px 0 #c0c0c0; }


/* SITE LINKS
===================================== */
.site_box_whole { margin-right:-15px; margin-top:20px; }
.site_box		{ float:left; width:200px; margin-right:15px; margin-bottom:15px; position:relative; background:#fff; position:relative; box-shadow: 3px 3px 0 rgba(0,0,0,0.1); }
.site_ss     { position: relative; width: 100%; height: 200px; overflow: hidden; background: #000; }
.site_ss img		{ }
.site_box .space	{ padding:1em; word-break:break-all; word-wrap:break-word;}
.site_box .category { font-size:0.7em; color:#fff; padding:0px 5px; background:#c83d3d; display:inline-block; margin-bottom:3px; }
.site_name				{ font-size:16px; color:#c83d3d; line-height:1.2em; margin-bottom:3px; }
.site_box a { color:#c83d3d; }
.site_desc	{ color:#333; margin-top:10px; font-size:0.8em; }
.site_box .link a { background:#c83d3d; color:#333; padding:2px 5px; text-align:center; display:block; font-size:10pt; transition:background 0.3s; border-top:1px solid #333; }
.site_box .link a:hover { background:#EAB775; }
.linkspage .link_ext a { border-color:#c83d3d; color:#ff9100; }
.linkspage .link_ext a:hover { color:#fff; background-color:#c83d3d; }


/* ForTOP PAGE ONLY
====================================== */
.top_bnrbox { width:60%;  float:left; margin-top:10px; position: relative; padding-bottom: 36%; }
.top_bnrbox .flexslider { box-shadow:3px 3px 0 rgba(0,0,0,0.1); border-radius: 0; position: absolute; left: 0; right: 0; width: 100%; }
#top_id { width:50%; padding-top:10px; max-width:470px; }
.catchtxt { font-weight:bold; /* text-shadow:1px 1px 5px #eaeaea, -1px 1px 5px #eaeaea, 1px -1px 5px #eaeaea, -1px -1px 5px #eaeaea; */
}
.topeventinfo { background:rgba(255,255,255,.9); width:35%; box-sizing:border-box; padding:20px; float:right; font-size:0.9em; margin-top:10px; box-shadow:3px 3px 0 rgba(0,0,0,0.2); }
.topeventinfo i { font-size: 1.3em; color: #ff60c0; vertical-align: text-bottom; }
.event_ticker li { list-style-type:none; margin-top:15px; overflow:hidden; }
.event_ticker .status { width:7em; background:#ff60c0; float:left; text-align:center; margin-right:10px; color:#fff; display:inline-block; font-weight:bold; font-size:0.8em; }
.event_ticker a { font-weight:bold; color:#333; }
.event_ticker .place { color:#666; font-weight:normal; }

.youtubebox { position: relative; padding-top: 83%; width: 100%; }
.youtubebox iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.snsbox_top { text-align: center; margin-top: 40px; }
.snsbtn { display: inline-block; text-align: center; vertical-align: top; line-height: 1; }

/* footer ======================== */
.footer				{ padding:10px 45px; color:#999; font-size:11px; background:#333; text-align:center; }
.footer_menu { background:#15c0b0; color:#ddd; text-align:center; padding:5px; font-size:0.8em; }
.footer_menu a { color:#333; }
.copy_piapro:after { content: url(../images/logo_piapro.png); position: relative; left: 7px; top: 3px;}

#aboutus { background:rgba(0,0,0,0.6); color:#fff; border-top:1px solid #333; padding:40px 0;}
#aboutus article { width:90%; margin:0 auto; }
.aboutbox { width:30%; display:inline-block; margin-right:4%; margin-top:20px; vertical-align:top; }
.aboutbox:last-child { margin-right:0; }
.aboutbox h3 { font-size:1.2em; font-weight:bold; margin-bottom:10px; color:#15c0b0; }
.aboutbox p { font-size:0.9em; }
.aboutbox a { color:#6FE7DB; }

.corporate { background:rgba(0,0,0,0.65); color:#fff; text-align: center; padding: 15px 0; }
.corporate p { font-size:0.8em; }
.corporate a { color:#6FE7DB; }
.corporate span { margin: 0 5px; display: inline-block;}

/* ====================================
　RESPONSIVE
===================================== */
@media screen and (min-width: 768px) {
.btn_smart_menu { display:none; }
#g_menu .set_width { position: relative; }
#siteid { vertical-align:top; height:70px; }
#siteid a { line-height:70px; padding:0 20px 0 0; display:block; height:70px; position:relative; }
.top_page #siteid a:before, #siteid a:hover:before { border-bottom:3px solid #ff60c0; z-index:1; position:absolute; bottom:-3px;  content:""; display:block; width:150px; }
#wrap.top_page:before { content:""; display:block; background:url(../images/bg_chara.png) no-repeat center top; position:fixed; width:100%; height:100%; z-index:-1; margin: 0 auto; background-size:cover; }

.menu_box { display:inline-block; }
.menu_box  	{ padding:0 20px 0; vertical-align:middle; display:inline-block; font-weight:bold; height:70px; }
.menu_box li:after{ content:""; position:absolute; bottom:-70px; background:#000; display:block; width:80px; height:70px; -moz-transition-property:all; -webkit-transition-property:all; transition-property:all;
-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s; z-index:0; }
.menu_box li:hover:after { bottom:0; }
.menu_box .now:after { bottom:0; }
.menu_box li:nth-of-type(1):after { background:#ff9100; }
.menu_box li:nth-of-type(2):after { background:#6ac000; }
.menu_box li:nth-of-type(3):after { background:#ff60c0; }
.menu_box li:nth-of-type(4):after { background:#4874e1; }
.menu_box li:nth-of-type(5):after { background:#15c0b0; }
.menu_box li:nth-of-type(6):after { background:#c83d3d; }
.menu_box li a:hover, .menu_box .now a  { color:#fff; }
#top_id { position: relative; right: 20px; }
.goods_box > a:hover:after { content:"\f00e"; display: block; font-family: 'FontAwesome'; color: #666; position: absolute; right: 10px; top: 160px; z-index: 1; font-size: 2em; }
.music_box > a:hover:after { content:"\f00e"; display: block; font-family: 'FontAwesome'; color: #666; position: absolute; right: 10px; top: 160px; z-index: 1; font-size: 2em; }

}
/* Transform Mobile view ################################ */
@media screen and (max-width: 767px) {
	.break01_in { display:block; }
	#wrap { width:100%; min-width:320px; }
	#g_menu { min-width:inherit; height:45px; }
	#siteid { line-height:45px; }
	#mainbox { width:auto; }
	.menu_fold { display:none; position:absolute; top:45px; right:0; width:100%; background:rgba(255,255,255,0.9); padding:10px; z-index:20; box-shadow: 0 3px 0 rgba(0,0,0,0.5); }
	.menu_box { text-align:center; }
	.menu_box li { padding:0; height:70px; }
	.menu_box li:nth-child(2) a { color:#6AC000; }
	.menu_box li:nth-child(1) a { color:#FF9100; }
	.menu_box li:nth-child(3) a { color:#FF60C0; }
	.menu_box li:nth-child(4) a { color:#4874E1; }
	.menu_box li:nth-child(5) a { color:#15C0BD; }
	.menu_box li:nth-child(6) a { color:#C83D3D; }

	.btn_smart_menu { position:absolute; top:0; right:0; padding:0 20px; display:block; line-height:45px; }
	.btn_smart_menu i { position:relative; top:5px; color: #000; }
	.menu_on .btn_smart_menu { box-sizing:border-box; background:#e2e2e2; }

	.site_menu { position:static; top:auto; background:none; margin:2%; width: 95%; border: 1px solid #666; border-radius: 4px; }
	.site_now { color: #000;}
	.site_select { position: static; width: auto; border: 0; background: none; }
	.lang_menu { position: static; padding: 10px; text-align: center; }
	.lang_menu a, .lang_menu span { padding: 0 8px; }

	#top_id { margin:0 auto; width:70%; padding-top:10px; }
	#wrap.top_page:before { content:""; display:block; background:url(../images/img_chara.png) no-repeat right top; position:absolute; width:100%; height:740px; z-index:-1; right:0; top:60px; background-size:contain; }

	.top_bnrbox { margin-left:0; float:none; width:100%; margin-top:20px; padding-bottom: 60%; }
	.topeventinfo { width:100%; float:none; }
	.event_ticker .status { height:18px; line-height:18px; width:8em; }
	.catchtxt { text-align:center; margin-top: 50%; background: rgba(255,255,255,0.7); }

	#aboutus article { width:auto; margin:20px; }
	.aboutbox { width:auto; display:block; margin-right:0; margin-top:30px; vertical-align:top; }

	.heading { font-size:2em; line-height:1em; }
	.heading span { white-space:nowrap; }
	.heading:before { font-size:2em; left:-20px; top:-10px; }
	    .top_page .h_news { margin-top: 30px; }
	.backtotop { display:none; }
	.resp_hide { display:none; }
	/* }
	@media screen and (max-width: 480px) {  */
	.break02_in { display:block;}
	    .sect_head { margin-top: 30px; }
	#main_l { max-width:280px; margin:0 auto; }
	#aboutus { padding:10px 0;}
	/* #head_news { padding:20px 30px; } */
	.news_box_whole { margin-right:0; padding:10px 0 0; }
	.news_box_whole a { float:none; width:100%; padding-right:0; }

	#page_head { padding:20px 0;}
	#page_head h1 { font-size:1.8em; }

	.goods_box_whole { margin-right:0; }
	.goods_box { overflow:hidden; float:none; width:100%; }
	.goods_box img { width:150px; height:150px; float:left; }
	.goods_box .space { margin-left:160px; min-height:150px; }

	.music_box_whole { margin-right:0 }
	.music_box  { overflow:hidden; float:none; width:100%; }
	.music_box img { width:150px; height:150px; float:left; }
	.music_box .space { margin-left:150px; min-height:150px;}

	.site_box_whole { margin-right:0; }
	.site_box { overflow:hidden; float:none; width:100%; }
	.site_ss { width:150px; height:150px; float:left; }
	.site_ss img { }
	.site_box .space  { margin-left:150px; min-height:150px; }

	.mobile_bnrbox { width: 100%; padding: 0 10px; }
	.app_box_whole { margin-right:0; }
	.app_box  { overflow:hidden; float:none; width:100%; }
	.app_box img { width:150px; height:150px; float:left; }
	.app_box .space { margin-left:150px; min-height:150px; }

	.search_option_half { float:none; width:100%; }
	.search_option_half:last-child { border:none; padding:0; }
	.btn_decide { margin-top:10px; text-align:center; }
	.option_box { margin-left:0; }
	.search_option_half { border:none; }

	.goods_box > a:after { content:"\f00e"; display: block; font-family: 'FontAwesome'; color: #666; position: absolute; left: 7px; top: 7px; z-index: 1; font-size: 1.2em; }
	.music_box > a:after { content:"\f00e"; display: block; font-family: 'FontAwesome'; color: #666; position: absolute; left: 7px; top: 7px; z-index: 1; font-size: 1.2em; }

	@media screen and (max-width: 480px) {
	    .br_sm_in br { display: inline; font-size: 0.8em; }
	}
}