@charset "UTF-8";
/* l-gradient　 $base-start: 開始位置 left or top, -45deg, 45deg $colors    : 色のリスト $percents  : 位置リスト $android   : -webkit-gradientを使うかどうか */
/* r-gradient　 $colors    : 色のリスト $percents  : 位置リスト $android   : -webkit-gradientを使うかどうか */
.reset { border: 0; margin: 0; padding: 0; }
.reset * { border: 0; margin: 0; padding: 0; }

.fs80 { font-size: 80%; }

.fs85 { font-size: 85%; }

.fs120 { font-size: 120%; }

.fs150 { font-size: 150%; }

.fs200 { font-size: 200%; }

.fcRed { color: #b00; }

.fwBold { font-weight: bold; }

.txtC { text-align: center; }

.pl0 { padding-left: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.mt0 { margin-top: 0px !important; }

.mr0 { margin-right: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pl10 { padding-left: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pl20 { padding-left: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pl30 { padding-left: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pl40 { padding-left: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pr40 { padding-right: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pl50 { padding-left: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pr50 { padding-right: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.mt50 { margin-top: 50px !important; }

.mr50 { margin-right: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pl60 { padding-left: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pr60 { padding-right: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.mt60 { margin-top: 60px !important; }

.mr60 { margin-right: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pl80 { padding-left: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pr80 { padding-right: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

.mt80 { margin-top: 80px !important; }

.mr80 { margin-right: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pl100 { padding-left: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pr100 { padding-right: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.ml100 { margin-left: 100px !important; }

.mt100 { margin-top: 100px !important; }

.mr100 { margin-right: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.mc { margin: 0 auto; }

.per20 { width: 20% !important; }

.per40 { width: 40% !important; }

.per60 { width: 60% !important; }

.per80 { width: 80% !important; }

.per100 { width: 100% !important; }

.float-l { float: left; }

.float-r { float: right; }

.is-hidden { display: none; }

.is-split2 > li, .is-split2 > a { width: 50%; }

.is-split3 > li, .is-split3 > a { width: 33.3%; }

.is-split4 > li, .is-split4 > a { width: 25%; }

.is-split5 > li, .is-split5 > a { width: 20%; }

.is-marking { background: rgba(255, 255, 102, 0.5); }

.is-border--red { border-bottom: 1px solid #d00; }

.is-hidden { display: none; }

.is-disable { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }

.is-boxsizing { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.is-error { color: #f33; font-weight: bold; }
.is-error li { margin-left: 2em; margin-bottom: 3px; list-style: circle; }

.is-notpc { display: none; }

.is-sp { display: none; }

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

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

html { font-size: 62.5%; }

li { list-style: none; }

img { vertical-align: bottom; }

form { display: inline; }

.both { clear: both; }

.inline_block { display: inline-block; *display: inline; *zoom: 1; }

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

.cf { min-height: 1px; }

.tC { text-align: center !important; }

.tL { text-align: left !important; }

.tR { text-align: Right !important; }

.f120 { font-size: 120%; }

.f150 { font-size: 150%; }

.f180 { font-size: 180%; }

.f200 { font-size: 200%; }

.f220 { font-size: 220%; }

.f250 { font-size: 250%; }

.f280 { font-size: 280%; }

.tB { font-weight: bold; }

.w70 { width: 70%; margin-left: auto; margin-right: auto; }

.w80 { width: 80%; margin-left: auto; margin-right: auto; }

.dblock { display: block !important; }

.mtb10 { margin-top: 10px; margin-bottom: 10px; }

.mtb20 { margin-top: 20px; margin-bottom: 20px; }

.aco-class0 { background-image: url(../img_common/bar_class0.png); color: #3f3f3f; }

.aco-class1 { background-image: url(../img_common/bar_class1.png); color: #3f3f3f; }

.aco-class2 { background-image: url(../img_common/bar_class2.png); color: #3f3f3f; }

.aco-class3 { background-image: url(../img_common/bar_class3.png); color: #3f3f3f; }

.aco-class4 { background-image: url(../img_common/bar_class4.png); color: #3f3f3f; }

.aco-class5 { background-image: url(../img_common/bar_class5.png); color: #3f3f3f; }

.aco-class6 { background-image: url(../img_common/bar_class6.png); color: #3f3f3f; }

.aco-class7 { background-image: url(../img_common/bar_class7.png); color: #3f3f3f; }

.aco-class8 { background-image: url(../img_common/bar_class8.png); color: #3f3f3f; }

.aco-class9 { background-image: url(../img_common/bar_class9.png); color: #3f3f3f; }

.aco-class10 { background-image: url(../img_common/bar_class10.png); color: #3f3f3f; }

.aco-class11 { background-image: url(../img_common/bar_class11.png); color: #3f3f3f; }

.aco-class12 { background-image: url(../img_common/bar_class12.png); color: #3f3f3f; }

.aco-class13 { background-image: url(../img_common/bar_class13.png); color: #3f3f3f; }

.aco-class14 { background-image: url(../img_common/bar_class14.png); color: #ffffff; text-shadow: 1px 1px 1px #000000; }

.btColor-P, .btColor-P-b:hover { font-weight: bold; background: #489724; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #489724), color-stop(51%, #0f4900)); background: -webkit-linear-gradient(to bottom, #489724 50%, #0f4900 51%); background: -moz-linear-gradient(to bottom, #489724 50%, #0f4900 51%); background: linear-gradient(to bottom, #489724 50%, #0f4900 51%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }

.btColor-P-b { font-weight: bold; background: #5a6249; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5a6249), color-stop(51%, #232f13)); background: -webkit-linear-gradient(to bottom, #5a6249 50%, #232f13 51%); background: -moz-linear-gradient(to bottom, #5a6249 50%, #232f13 51%); background: linear-gradient(to bottom, #5a6249 50%, #232f13 51%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }

.btColor-P:hover { background: #80cf58; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80cf58), color-stop(50%, #6ac740), color-stop(51%, #2eac00), color-stop(100%, #56e12b)); background: -webkit-linear-gradient(to bottom, #80cf58 0%, #6ac740 50%, #2eac00 51%, #56e12b 100%); background: -moz-linear-gradient(to bottom, #80cf58 0%, #6ac740 50%, #2eac00 51%, #56e12b 100%); background: linear-gradient(to bottom, #80cf58 0%, #6ac740 50%, #2eac00 51%, #56e12b 100%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }

.btColor-pr-b { font-weight: bold; border: 1px solid #63380d; background: #be6b18; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #be6b18), color-stop(51%, #984c00)); background: -webkit-linear-gradient(to bottom, #be6b18 50%, #984c00 51%); background: -moz-linear-gradient(to bottom, #be6b18 50%, #984c00 51%); background: linear-gradient(to bottom, #be6b18 50%, #984c00 51%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }

.btColor-pr { border: 1px solid #63380d; background: #e38426; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e38426), color-stop(51%, #cb6600)); background: -webkit-linear-gradient(to bottom, #e38426 50%, #cb6600 51%); background: -moz-linear-gradient(to bottom, #e38426 50%, #cb6600 51%); background: linear-gradient(to bottom, #e38426 50%, #cb6600 51%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }

.btColor-pr { font-weight: bold; }

.btColor-G { border: 1px solid #595362; background: #61aa98; background: linear-gradient(to bottom, #61aa98 0%, #5faa9f 13%, #58aa9b 30%, #59a8a8 45%, #257287 50%, #308e99 66%, #2aaa97 84%, #5bb2a8 100%); }
.btColor-G:hover { border: 1px solid #595362; background: #77d1bc; background: linear-gradient(to bottom, #77d1bc 0%, #73d1c2 13%, #70d8c9 30%, #6dcece 45%, #2e89a7 50%, #3ab5bb 66%, #36db94 84%, #80fff4 100%); }

.btColor-G-b { border: 1px solid #595362; background: #77d1bc; background: linear-gradient(to bottom, #77d1bc 0%, #73d1c2 13%, #70d8c9 30%, #6dcece 45%, #2e89a7 50%, #3ab5bb 66%, #36db94 84%, #80fff4 100%); }

.btColor-P { border: 1px solid #595362; }

.btColor-P-b { border: 1px solid #595362; }

.btColor-black { border: 1px solid #3d2944; background: #7d7e7d; background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%); }

.cr-g { background: #282828; }

.gr-Black { background: #0d0d0d; background: linear-gradient(45deg, #0d0d0d 0%, #4e4e4e 46%, #383838 89%, #1b1b1b 100%); }

.gr-Black2 { background: black; background: linear-gradient(45deg, #000000 0%, #242628 100%); }

.gr-Gold { background: linear-gradient(135deg, rgba(195, 148, 47, 0.8) 0%, rgba(246, 237, 212, 0.8) 24%, rgba(231, 185, 85, 0.8) 44%, rgba(196, 144, 31, 0.8) 87%, rgba(63, 45, 15, 0.8) 100%); }

.gr-slv { background: linear-gradient(135deg, rgba(199, 199, 199, 0.8) 0%, rgba(245, 244, 240, 0.8) 13%, rgba(197, 195, 190, 0.8) 24%, rgba(197, 195, 190, 0.8) 49%, rgba(61, 60, 58, 0.8) 100%); }

.gr-bro { background: linear-gradient(135deg, rgba(174, 146, 132, 0.8) 0%, rgba(243, 203, 168, 0.8) 13%, rgba(211, 162, 135, 0.8) 24%, rgba(84, 64, 49, 0.8) 45%, rgba(85, 43, 9, 0.8) 100%); }

.gr-mg { background: rgba(151, 219, 120, 0.7); background: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(151, 219, 120, 0.7)), color-stop(25%, rgba(194, 243, 168, 0.8)), color-stop(45%, rgba(151, 219, 120, 0.5)), color-stop(100%, rgba(34, 88, 12, 0.5))); background: -webkit-linear-gradient(-45deg, rgba(151, 219, 120, 0.7) 0%, rgba(194, 243, 168, 0.8) 25%, rgba(151, 219, 120, 0.5) 45%, rgba(34, 88, 12, 0.5) 100%); background: -moz-linear-gradient(-45deg, rgba(151, 219, 120, 0.7) 0%, rgba(194, 243, 168, 0.8) 25%, rgba(151, 219, 120, 0.5) 45%, rgba(34, 88, 12, 0.5) 100%); background: linear-gradient(135deg, rgba(151, 219, 120, 0.7) 0%, rgba(194, 243, 168, 0.8) 25%, rgba(151, 219, 120, 0.5) 45%, rgba(34, 88, 12, 0.5) 100%); }

.gr-Green { background: #06312d; background: linear-gradient(45deg, #06312d 0%, #23fd8c 62%, #0f8479 100%); }

.gr-Yellow { background: #342600; background: linear-gradient(45deg, #342600 0%, #986f00 62%, #f4fa21 100%); }

.gr-Red { background: #340013; background: linear-gradient(45deg, #340013 0%, #a0003a 62%, #ff6726 100%); }

.gr-Purple { background: #0c0034; background: linear-gradient(45deg, #0c0034 0%, #1c007a 62%, #bd1fff 100%); }

.gr-green-st { background: #0a3f37; background: linear-gradient(to right, #0a3f37 0%, #14664d 26%, #09312d 67%, #010807 100%); }

.gr-yellow-st { background: #bd8a1e; background: linear-gradient(to right, #bd8a1e 0%, #dec62b 26%, #5a4309 67%, #080600 100%); }

.gr-red-st { background: #771a11; background: linear-gradient(to right, #771a11 0%, #b7263c 26%, #54021f 67%, #090003 100%); }

.gr-purple-st { background: #310e5b; background: linear-gradient(to right, #310e5b 0%, #591bc4 26%, #43108d 67%, #05000a 100%); }

.gr-blue-st { background: #1a536f; background: linear-gradient(to right, #1a536f 0%, #3093ba 26%, #1a536f 67%, #031723 100%); }

.l-footer { padding: 10px 0; width: 100%; color: #c6c6c6; background: #000; text-align: center; }
.l-footer a { color: #dbdbdb; }

.lf-share { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #222; }
.lf-share li { display: inline; padding: 0 10px; }

.lf-banner { margin-bottom: 10px; padding: 0 3px; }
@media only screen and (min-width: 788px) { .lf-banner__list li { display: inline; padding: 7px; } }
@media only screen and (min-width: 500px) and (max-width: 787px) { .lf-banner__list { min-height: 1px; }
  .lf-banner__list:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
  .lf-banner__list li { padding: 7px; display: block; float: left; width: 33.33333%; }
  .lf-banner__list li img { width: 100%; } }
@media only screen and (max-width: 499px) { .lf-banner__list { min-height: 1px; }
  .lf-banner__list:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
  .lf-banner__list li { padding: 7px; display: block; float: left; width: 50%; }
  .lf-banner__list li img { width: 100%; } }

.lf-corp__list { margin-bottom: 10px; font-size: 10px; font-size: 1rem; }
.lf-corp__list li { display: inline; }
.lf-corp__list li a:before { content: ""; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left: 7px solid #666; }
@media only screen and (min-width: 499px) { .lf-corp__list li { padding: 0 10px; } }
@media only screen and (max-width: 499px) { .lf-corp__list { border-bottom: 1px solid #222; min-height: 1px; }
  .lf-corp__list:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
  .lf-corp__list li { padding: 7px; padding-left: 10px; border-top: 1px solid #222; text-align: left; display: block; float: left; width: 50%; }
  .lf-corp__list li:nth-child(even) { border-left: 1px solid #222; }
  .lf-corp__list li a { display: block; vertical-align: middle; } }
.lf-corp__support { padding: 10px; text-align: center; font-size: 12px; font-size: 1.2rem; }
.lf-corp__support a, .lf-corp__support input { padding: 5px; display: block; width: auto; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.lf-corp__support a { max-width: 400px; margin: 0 auto; }
.lf-corp__copy { margin-bottom: 10px; color: #666; font-size: 10px; font-size: 1rem; }

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

html { font-size: 62.5%; }

li { list-style: none; }

.topBnrHeader { width: 900px; margin: 0 auto; }
.topBnrHeader img { width: 100%; vertical-align: bottom; }

.topBnrFooter { width: 900px; margin: 0 auto 30px; }
.topBnrFooter img { width: 100%; vertical-align: top; }

.bannerBlock { width: 898px; margin: 0 auto; padding: 0; min-height: 200px; overflow: hidden; background-color: rgba(254, 254, 241, 0.5); border-left: #841111 1px solid; border-right: #841111 1px solid; }

.bbList { width: 870px; margin: 0 auto; }
.bbList li { margin: 10px auto; list-style: none; border: 2px solid #841111; }
.bbList li a { display: block; border: 2px solid #841111; }
.bbList li a:hover { opacity: 0.8; border: 2px solid #b11717; }
.bbList li img { vertical-align: middle; width: 100%; }

.topBlock2nd { width: 950px; height: auto; margin: 15px auto; padding: 0; overflow: hidden; color: #ffffff; font-size: 16px; font-size: 1.6rem; }
.topBlock2nd .newsBlock .blockHeads { display: block; height: 45px; background: url(../img_web/news_header.png) no-repeat top left; position: relative; }
.topBlock2nd .newsBlock .blockHeads .btnBlock { width: 146px; height: 26px; background: url(../img_web/btn_more.png) no-repeat bottom left; display: block; position: absolute; top: 0; right: 0; text-indent: -9999px; }
.topBlock2nd .newsBlock .blockHeads .btnBlock:hover { background-position: top left; }
.topBlock2nd .newsBlock .blockBody { height: auto; background: url(../img_common/ptn_bk78.png) repeat; border-left: 1px solid #9053c5; border-right: 1px solid #9053c5; border-bottom: 1px solid #9053c5; padding: 10px 0; }
.topBlock2nd .newsBlock .entryBlock { width: 100%; height: 400px; margin: 0 auto; overflow-y: auto; line-height: 1.5em; font-size: 12px; font-size: 1.2rem; }
.topBlock2nd .twitterBlock .blockHeads { width: 336px; display: block; height: 45px; background: url(../img_web/twitter_header.png) no-repeat top left; position: relative; }
.topBlock2nd .twitterBlock .blockHeads .btnBlock { width: 120px; height: 26px; background: url(../img_web/btn_follow.png) no-repeat bottom left; display: block; position: absolute; top: 0; right: 0; text-indent: -9999px; }
.topBlock2nd .twitterBlock .blockHeads .btnBlock:hover { background-position: top left; }
.topBlock2nd .twitterBlock .blockBody { height: auto; background: url(../img_common/ptn_bk78.png) repeat; border-left: 1px solid #9053c5; border-right: 1px solid #9053c5; border-bottom: 1px solid #9053c5; padding: 10px 0; }
.topBlock2nd .twitterBlock .entryBlock { width: 95%; height: 400px; margin: 0 auto; line-height: 1.5em; }

.newsBlock { width: 576px; height: auto; float: left; }
.newsBlock .entryBlock p { text-align: right; color: #c1c1c1; margin-right: 5px; }
.newsBlock .entryBlock dt { padding: 10px 0; border-top: 1px solid #666; @includ clearfix; }
.newsBlock .entryBlock dt:first-child { border-top: 0; }
.newsBlock .entryBlock dd { margin: -5px 0 10px; padding: 10px; background: rgba(0, 0, 0, 0.3); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.newsBlock .entryBlock dd:empty { margin: 0; padding: 0; }

.twitterBlock { width: 336px; height: auto; margin-left: 30px; float: left; }

.entryBlock dl { margin: 0 15px 0 10px; overflow: hidden; }

.playHeader, .newsDetailHead h2 { padding: 10px 0; background: rgba(197, 85, 10, 0.2); border-top: 1px solid #642b05; border-bottom: 1px solid #642b05; text-align: center; width: 100%; margin: 20px auto 40px; color: #FFFFFF; font-weight: bold; line-height: 1.3; font-size: 24px; font-size: 2.4rem; }

.newsDetailHead { margin: 0 0 20px; text-align: center; }
.newsDetailHead h2 { color: #ffffff; margin: 40px auto; font-weight: bold; line-height: 1.2em; font-size: 24px; font-size: 2.4rem; }
.newsDetailHead h2 span { color: #ffffff; font-weight: normal; font-size: 12px; font-size: 1.2rem; }
.newsDetailHead img { max-width: 90%; margin: 0 auto; }

.newsDetail { width: 90%; margin: 0 auto 30px; color: #ffffff; overflow: hidden; font-size: 14px; font-size: 1.4rem; }

.entryLinkArrow { width: 20px; padding-right: 5px; vertical-align: middle; }

.entryLinkArrow-min { width: 16px; padding-right: 5px; vertical-align: middle; }

.l1stSub { width: 100%; padding: 5px 10px; border-bottom: 1px solid #ffa54a; background-color: #161616; line-height: 1.3em; }
.l1stSub li { list-style: none; display: inline-block; }
.l1stSub li a { margin: 5px; padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 18px; font-size: 1.8rem; }
.l1stSub li a:hover { background-color: #c5360a; }

.item-wrap { text-align: center; }
.item-wrap iframe { margin: 0 auto; }

.img-wrap { text-align: center; }
.img-wrap img { margin: 0 auto; max-width: 100%; height: auto; }

.btnFiled { width: 95%; margin: 20px auto 0; overflow: hidden; line-height: 1.3em; }
.btnFiled .playBackBtn { width: 600px; margin: 40px auto 40px; text-align: center; }
.btnFiled .playBackBtn a { padding: 25px 0; color: #fff; font-weight: bold; text-decoration: none; background-color: #8200cb; display: block; font-size: 20px; font-size: 2rem; }
.btnFiled .playBackBtn a:hover { text-decoration: none; background-color: #ae44ff; }

.backBtn { width: auto; height: auto; display: inline-block; text-align: center; float: right; }
.backBtn a { display: block; color: #fff; text-decoration: none; background-color: #c5360a; padding: 10px; font-size: 18px; font-size: 1.8rem; }
.backBtn a:hover { background-color: #f3450f; }

.playHeader { padding: 10px 0; text-align: center; background: rgba(197, 85, 10, 0.2); border-top: 1px solid #642b05; border-bottom: 1px solid #642b05; width: 100%; margin: 20px auto 40px; color: #fff; font-weight: bold; line-height: 1.3em; font-size: 24px; font-size: 2.4rem; }

.playDetail { line-height: 1.3em; font-size: 16px; font-size: 1.6rem; }
.playDetail img { vertical-align: bottom; margin: 0 auto; display: block; }
.playDetail a { color: #ff89fe; text-decoration: none; }

.playBackBtn a:hover { text-decoration: underline; }

.rkAlertBlock { width: 80%; margin: 50px auto; color: #53fbcb; text-align: center; font-size: 24px; font-size: 2.4rem; }

.rkAlertText { width: 80%; margin: 10px auto 20px; text-align: center; color: #b90000; padding: 10px; font-weight: bold; border: 1px #8f0000 solid; background-color: #220000; font-size: 18px; font-size: 1.8rem; }

.rkEvListTop { clear: both; margin: 0; padding: 0 !important; line-height: 1.5em; overflow: hidden; }
.rkEvListTop li { width: 48%; float: left; list-style: none; margin: 0 6px 20px; border: 2px solid #606060; border-radius: 2px; padding: 0 !important; }
.rkEvListTop .rkEvListTopCv { height: 130px; overflow: hidden; display: block; background-image: url(../img_common/bg_dot_gray.gif); color: #fff; text-decoration: none; padding: 5px 0; }
.rkEvListTop .rkEvListTopCv:hover { background-color: rgba(96, 96, 96, 0.5); }
.rkEvListTop .rkEvListTopCv img { width: 98%; display: block; margin: 0 auto 2px; }

.rkEvBnr { border-top: 1px solid #333333; border-bottom: 1px solid #333333; background-image: url(../img_common/bg_dots_key_line.png); margin: 10px 0 25px; }
.rkEvBnr img { width: 90%; display: block; margin: 5px auto; }

.rkEvBnrCv { background-color: rgba(43, 43, 43, 0.2); padding: 10px 0; }

.rkEvTopBnrStatus { padding: 2px 5px; margin-right: 10px; border-radius: 2px; }

.rkEvTopBnrText { width: 80%; margin: 0 auto; text-align: center; width: 98%; margin: 4px auto; text-align: left; font-size: 14px; font-size: 1.4rem; }
.rkEvTopBnrText .red { background-color: #d31616; }
.rkEvTopBnrText .green { background-color: #1f883d; }
.rkEvTopBnrText .blue { background-color: #2079e8; }
.rkEvTopBnrText .purple { background-color: #881f85; }
.rkEvTopBnrText .gray { background-color: #505050; }

.rkEvBnrText { width: 80%; margin: 0 auto; text-align: center; font-size: 14px; font-size: 1.4rem; }
.rkEvBnrText .red { background-color: #d31616; }
.rkEvBnrText .green { background-color: #1f883d; }
.rkEvBnrText .blue { background-color: #2079e8; }
.rkEvBnrText .purple { background-color: #881f85; }
.rkEvBnrText .gray { background-color: #505050; }

.rkEvBnrName { width: 80%; margin: 0 auto; text-align: center; font-weight: bold; font-size: 15px; font-size: 1.5rem; }

.rkEvTopBnrName { margin: 0 auto; text-align: center; width: 98%; margin: 4px auto; text-align: left; font-size: 14px; font-size: 1.4rem; }

.rkEvList li { width: 90%; margin: 10px auto 20px; padding: 0; line-height: 1.4em; position: relative; border-radius: 4px; list-style: none; }
.rkEvList .rkEvDetail { background-image: url(../img_common/bg_dot_gray.gif); width: 100%; min-height: 138px; border: 1px solid #353535; margin: 0; padding: 0; border-radius: 4px; }

.rkHiScoreList li { width: 90%; margin: 10px auto 20px; padding: 0; line-height: 1.4em; position: relative; border-radius: 4px; list-style: none; }
.rkHiScoreList .rkHiScoreDetail { background-image: url(../img_common/bg_dot_gray.gif); width: 100%; min-height: 143px; border: 1px solid #353535; margin: 0; padding: 0; border-radius: 4px; }

.rkHitChart li { width: 90%; margin: 10px auto 20px; padding: 0; line-height: 1.4em; position: relative; border-radius: 4px; list-style: none; }
.rkHitChart .rkHitChartDetail { background-image: url(../img_common/bg_dot_gray.gif); width: 100%; min-height: 100px; border: 1px solid #353535; margin: 0; padding: 0; border-radius: 4px; }
.rkHitChart .rkRightBlock { margin-top: 5px; }
.rkHitChart .rkIcon { width: 90px; height: auto; position: absolute; left: 100px !important; top: 5px !important; border: 1px #333333 solid; }
.rkHitChart .rkLocation { width: 30%; height: 75px; line-height: 1.3em; margin: 3px auto 0; padding: 0 0 8px 0; background-color: #2b2b2b; border-radius: 4px; border: 1px solid #3e3e3e; position: absolute; right: 4px; top: 2px; font-size: 16px; font-size: 1.6rem; }
.rkHitChart .rkName { width: 100%; font-size: 220%; padding: 0 0 10px 0; border-bottom: 1px solid #606060; }
.rkHitChart .rkAuther { padding: 0; font-size: 18px; font-size: 1.8rem; }
.rkHitChart .rkLt { margin: 10px 0 0; padding: 5px 0; font-size: 14px; font-size: 1.4rem; }
.rkHitChart .rkLt img { width: 12px; height: auto; margin: 0 2px; vertical-align: bottom; }

.rkHitChartDetail { background-image: url(../img_common/bg_dot_gray.gif); width: 100%; min-height: 143px; border: 1px solid #353535; margin: 0; padding: 0; border-radius: 4px; }

.rkEvRank { width: 755px; padding: 0; margin: 4px 5px 5px 100px; background-image: url(../img_web/ptn_bg1.gif); border-radius: 4px; position: relative; }
.rkEvRank .rkRank { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; font-size: 22px; font-size: 2.2rem; }
.rkEvRank .rkRank img { position: absolute; width: 28px; height: auto; bottom: 2px; left: 2px; }
.rkEvRank .rkRank-top1 { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy1.png); background-repeat: no-repeat; background-position: 8px center; font-size: 22px; font-size: 2.2rem; }
.rkEvRank .rkRank-top2 { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy2.png); background-repeat: no-repeat; background-position: 8px center; font-size: 22px; font-size: 2.2rem; }
.rkEvRank .rkRank-top3 { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy3.png); background-repeat: no-repeat; background-position: 8px center; font-size: 22px; font-size: 2.2rem; }
.rkEvRank .rankScore { text-shadow: 1px 1px 1px #000; border-left: 2px solid #000; padding: 5px 0; text-indent: 0.5em; margin-left: 90px; color: #53fbcb; font-weight: bold; border: none; margin-left: 0; font-size: 22px; font-size: 2.2rem; }
.rkEvRank .rankDate { font-size: 12px; font-size: 1.2rem; }
.rkEvRank .rankScorePt { color: #fff; font-size: 80%; }

.rkHiScoreRank { width: 755px; padding: 0; margin: 4px 5px 5px 100px; background-image: url(../img_web/ptn_bg1.gif); border-radius: 4px; position: relative; }
.rkHiScoreRank .rkRank { font-size: 220%; width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 0; font-weight: bold; position: absolute; top: 0; left: 0; }
.rkHiScoreRank .rkRank img { position: absolute; width: 28px; height: auto; bottom: 2px; left: 2px; }
.rkHiScoreRank .rkRank-top1 { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy1.png); background-repeat: no-repeat; background-position: 8px center; font-size: 22px; font-size: 2.2rem; }
.rkHiScoreRank .rkRank-top2 { width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy2.png); background-repeat: no-repeat; background-position: 8px center; font-size: 22px; font-size: 2.2rem; }
.rkHiScoreRank .rkRank-top3 { font-size: 220%; width: 90px; text-shadow: 1px 1px 1px #000; text-align: center; padding: 10px 0; font-weight: bold; position: absolute; top: 0; left: 0; background-image: url(../img_web/trophy3.png); background-repeat: no-repeat; background-position: 8px center; }
.rkHiScoreRank .rankScore { text-shadow: 1px 1px 1px #000; border-left: 2px solid #000; padding: 5px 0; text-indent: 0.5em; margin-left: 90px; color: #53fbcb; font-weight: bold; border: none; margin-left: 0; font-size: 22px; font-size: 2.2rem; }
.rkHiScoreRank .rankDate { padding: 5px 10px; float: right; color: #c1c1c1; font-size: 12px; font-size: 1.2rem; }
.rkHiScoreRank .rankScorePt { color: #fff; font-size: 80%; }

.rkEvRankCv { overflow: hidden; border-radius: 4px; margin: 0; padding: 0; border-radius: 0 4px 4px 0; }

.rkHiScoreRankCv { overflow: hidden; border-radius: 4px; margin: 0; padding: 0; border-radius: 0 4px 4px 0; }

.rkRank { position: absolute; top: 4px; left: 4px; width: 90px; text-align: center; font-weight: bold; border: 1px solid #606060; font-size: 34px; font-size: 3.4rem; -moz-border-radius: 2px 0 2px 2px; -webkit-border-radius: 2px; border-radius: 2px 0 2px 2px; }
.rkRank .rkRankCv { text-shadow: 1px 1px 1px #000; height: 100%; width: 100%; height: 127px; padding-top: 55px; position: relative; background: url(../img_web/rank_bg.png) no-repeat center center; }
.rkRPList .rkRank .rkRankCv { padding-top: 33px; height: 90px; }
.rkRank img { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.rkRPList .rkRank img { width: 80px; height: auto; top: -8px; left: 4px; }

.rkIcon { left: 5px; width: 90px; height: auto; position: absolute; left: 100px !important; top: 42px !important; border: 1px #333333 solid; }

.rkRightBlock { margin: 0 5px 0 196px; }

.rkEmb { padding: 0; height: 30px; line-height: 30px; text-indent: 0.5em; background-repeat: no-repeat; background-position: left center; font-size: 15px; font-size: 1.5rem; }

.rkName { width: 376px; padding: 8px 0; font-size: 22px; font-size: 2.2rem; }

.rkRp { font-size: 14px; font-size: 1.4rem; }
.rkRp img { width: 14px; vertical-align: middle; }
.rkRp span { padding-left: 10px; color: #53fbcb; }

.rkLocation { width: 30%; height: 90px; line-height: 1.3em; background-color: #2b2b2b; border: 1px solid #3e3e3e; position: absolute; right: 6px; top: 42px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; font-size: 1.6rem; }
.rkLocation .rkLocationHead { background: #000; padding: 5px 10px; border-bottom: 1px solid #3e3e3e; }
.rkLocation .rkLocationDetail { padding: 10px; }
.rkLocation span { font-size: 70%; }
.rkRPList .rkLocation { top: 5px; }

.rkRPhead { width: 90%; margin: 30px auto; background: rgba(197, 85, 10, 0.8); padding: 10px 10px 10px 20px; font-weight: bold; position: relative; font-size: 22px; font-size: 2.2rem; }
.rkRPhead .rkBtnSelect { width: 220px; height: 30px; position: absolute; top: 13px; right: 15px; }

.rkBtnSelect a { padding: 0 10px; width: 200px; display: block; text-align: left; color: #fff; text-decoration: none; font-weight: normal; background: #d49807 url(../img_web/arw_select_down.png) no-repeat; background-size: auto 15px; background-position: right center; font-size: 18px; font-size: 1.8rem; }
.rkBtnSelect a:hover { background: #f7b617 url(../img_web/arw_select_down.png) no-repeat; background-size: auto 15px; background-position: right center; }
.rkBtnSelect a.rkmenuActive { background-color: #f7b617; }

.rkBtnSelectList { width: 750px; position: absolute; top: 50px; right: 10px; z-index: 60; overflow: hidden; display: none; font-size: 14px; font-size: 1.4rem; }
.rkBtnSelectList li { width: 122px; list-style: none; float: left; border: 1px solid #434343; background-color: #272727; border-collapse: collapse; }
.rkBtnSelectList li a { display: block; color: #cccccc; text-decoration: none; text-align: center; padding: 5px; }
.rkBtnSelectList li a:hover { color: #fff; background-color: #a37505; }

.rkRPList li { width: 90%; margin: 10px auto 20px; padding: 0; line-height: 1.4em; position: relative; border-radius: 4px; list-style: none; }
.rkRPList .rkRPDetail { background-image: url(../img_common/bg_dot_gray.gif); width: 100%; min-height: 100px; border: 1px solid #353535; margin: 0; padding: 0; border-radius: 4px; }
.rkRPList .rkRightBlock { margin-top: 5px; }
.rkRPList .rkIcon { width: 90px; height: auto; position: absolute; left: 100px !important; top: 5px !important; border: 1px #333333 solid; }

.rkRPRank { width: 755px; padding: 0; margin: 4px 5px 5px 100px; background-image: url(../img_web/ptn_bg1.gif); border-radius: 4px; position: relative; }

.rkHitChartRank { width: 755px; padding: 0; margin: 4px 5px 5px 100px; background-image: url(../img_web/ptn_bg1.gif); border-radius: 4px; position: relative; }

.rkRPRankCv { overflow: hidden; border-radius: 4px; margin: 0; padding: 0; border-radius: 0 4px 4px 0; }

.rkHitChartCv { overflow: hidden; border-radius: 4px; margin: 0; padding: 0; border-radius: 0 4px 4px 0; }

.rkHiscoreList { width: 96%; margin: 0 auto; overflow: hidden; }
.rkHiscoreList .rkHiscoreCv { background-image: url(../img_common/bg_dot_gray.gif); position: relative; width: 100%; height: 100%; border-radius: 4px; border: 1px solid #606060; }
.rkHiscoreList .rkHiJk { position: absolute; top: 5px; left: 5px; width: 80px; height: auto; border: 1px solid #333333; }
.rkHiscoreList .rkHiStatus { margin: 5px 4px 10px 90px; min-height: 80px; }
.rkHiscoreList .rkHiStatus .rkHiName { padding: 0 5px 7px 2px; border-bottom: 1px solid #4b4b4b; line-height: 22px; font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.rkHiscoreList .rkHiStatus .rkHiAuther { padding: 5px 5px 5px 2px; color: #c1c1c1; font-size: 12px; font-size: 1.2rem; }
.rkHiscoreList .rkLinkList { overflow: hidden; margin: 0 auto; }
.rkHiscoreList .rkLinkList li { width: 48%; margin: 0 0 5px 5px; float: left; list-style: none; border-radius: 4px; border: 1px solid #333333; }
.rkHiscoreList .rkLinkList li a { display: block; color: #fff; text-align: center; padding: 0 8px; text-decoration: none; border-radius: 2px; background-image: url(../img_web/btn_linkarrow.png); background-repeat: no-repeat; background-position: 20px center; background-size: 10px auto; font-size: 14px; font-size: 1.4rem; }
.rkHiscoreList .rkLinkList li a:hover { background-image: url(../img_web/btn_linkarrow.png); background-repeat: no-repeat; background-position: 25px center; background-size: 10px auto; }
.rkHiscoreList li.hiscore { list-style: none; margin: 5px 0 10px 10px; width: 48%; min-height: 150px; float: left; padding: 0; line-height: 1.3em; border-radius: 4px; }

.rkDiffLink-easy { background-color: rgba(21, 109, 229, 0.5); }
.rkDiffLink-easy:hover { background-color: rgba(21, 109, 229, 0.9); }

.rkDiffLink-standard { background-color: rgba(30, 203, 52, 0.5); }
.rkDiffLink-standard:hover { background-color: rgba(30, 203, 52, 0.9); }

.rkDiffLink-hard { background-color: rgba(212, 172, 55, 0.5); }
.rkDiffLink-hard:hover { background-color: rgba(212, 172, 55, 0.9); }

.rkDiffLink-master { background-color: rgba(204, 41, 90, 0.5); }
.rkDiffLink-master:hover { background-color: rgba(204, 41, 90, 0.9); }

.rkDiffLink-unlimited { background-color: rgba(139, 35, 202, 0.5); }
.rkDiffLink-unlimited:hover { background-color: rgba(139, 35, 202, 0.9); }

.rkHiscoreMusic { width: 90%; height: auto; margin: 15px auto 5px; border: 1px solid #333333; line-height: 1.3em; }
.rkHiscoreMusic .rkHiScoreJk { top: 5px; left: 5px; height: auto; width: 120px; float: left; position: initial; padding: 8px 10px 8px 8px; }
.rkHiscoreMusic .rkHiscoreTxt { margin-top: 5px; margin-left: 70px; min-height: 60px; }

.rkHiscoreMusicCv { background-image: url(../img_common/bg_dot_gray.gif); position: relative; width: 100%; height: 100%; overflow: hidden; }

.rkHiscoreTxt .rkHiscoreName { padding: 5px 5px 5px 0; border-bottom: 1px solid #4b4b4b; font-weight: bold; font-size: 18px; font-size: 1.8rem; }
.rkHiscoreTxt .rkHiscoreAuther { padding: 5px 5px 5px 0; color: #c1c1c1; font-size: 14px; font-size: 1.4rem; }

.rkHiscoreBpm { margin: 5px auto; line-height: 1; font-size: 15px; font-size: 1.5rem; }
.rkHiscoreBpm img { width: 12px; height: auto; margin-right: 5px; vertical-align: middle; }

.rkHiscoreDiffBlock { width: 100%; border-top: 1px solid #606060; border-bottom: 1px solid #444444; padding: 5px 0; margin: 5px 0 0; overflow: hidden; background: #151515; font-size: 14px; font-size: 1.4rem; }
.rkHiscoreDiffBlock span { padding-left: 5px; padding-top: 5px; }

.rkHiscoreDiffImg { height: 14px; vertical-align: middle; }

.rkDifficulty { margin: 0 5px; }

.rkHitLvNote { width: 100%; background: #151515; overflow: hidden; }
.rkHitLvNote .rkHitLv { width: 50%; float: left; }
.rkHitLvNote .rkHitLv p { padding: 5px 0 5px 5px; font-size: 12px; font-size: 1.2rem; }
.rkHitLvNote .rkHitNote { width: 50%; float: left; }
.rkHitLvNote .rkHitNote p { padding: 5px 0 5px 5px; border-left: 1px solid #444444; font-size: 12px; font-size: 1.2rem; }

.rkHitChartHeader { width: 90%; margin: 0 auto; padding: 20px 5px; background: url(../img_common/ptn_purple20.png); overflow: hidden; line-height: 1.3em; }
.rkHitChartHeader .headTitle { font-weight: bold; float: left; margin: 0 0 0 5px; font-size: 24px; font-size: 2.4rem; }
.rkHitChartHeader .lastest { font-weight: normal; float: right; margin: 0 5px 0 0; font-size: 14px; font-size: 1.4rem; }

/*-------SHOP-----*/
.shopTxt { width: 95%; margin: 20px auto 40px; color: #ffffff; text-align: center; font-size: 16px; font-size: 1.6rem; }

.shopBlock { color: #ffffff; margin: 48px auto 10px; }

.shopdata { width: 90%; margin: 20px auto 20px; border: 1px solid #373737; line-height: 2; }
.shopdata th { padding: 5px; border: 1px solid #373737; background-color: #0a0a0a; font-size: 14px; font-size: 1.4rem; }
.shopdata td { padding: 5px; border: 1px solid #373737; background-color: #0a0a0a; font-size: 14px; font-size: 1.4rem; }

.shopheadline { width: 90%; margin: 20px auto 10px; font-weight: bold; background: rgba(197, 85, 10, 0.5); text-indent: 10px; padding: 5px 0; font-size: 18px; font-size: 1.8rem; }

.shopbtn { width: 92%; height: auto; margin: 15px auto 0; overflow: hidden; }
.shopbtn li { width: 23%; float: left; margin: 0 8px; list-style: none; line-height: 1.7; text-align: center; }
.shopbtn li a { text-decoration: none; color: #ccc; text-align: center; display: block; padding: 5px 0; background: rgba(197, 85, 10, 0.8); border: 1px solid #c5550a; font-size: 18px; font-size: 1.8rem; }
.shopbtn li a:hover, .shopbtn li a.active { color: #fff; background: rgba(197, 85, 10, 0.2); border: 1px solid #c5550a; }

.shopDetail { display: none; }
.shopDetail.list1 { display: block; }

.shopHeader th { background-color: #1e1e1e !important; font-size: 16px; font-size: 1.6rem; }

.modal1 { width: 100%; height: 100%; position: fixed; z-index: 2000; background-image: url(../img_common/bg_dots_black7.png); background-repeat: repeat; top: 0; display: none; }

.mvBlock { width: 560px; height: 310px; margin: 200px auto 0; position: relative; }

.closeBtn { width: 50px; height: 50px; position: absolute; overflow: hidden; right: -80px; top: -51px; }
.closeBtn a { width: 48px; height: 48px; padding-top: 0; padding-bottom: 20px; display: block; background: url(../img_common/ptn_black90.png); color: #fff; text-decoration: none; text-align: center; border: 1px solid #000; cursor: pointer; font-size: 34px; font-size: 3.4rem; }
.closeBtn a:hover { background: rgba(173, 173, 173, 0.5); color: #000; border: 1px solid #000; text-decoration: none; }
.closeBtn span { display: none; }

html { width: 100%; height: 100%; font-size: 62.5%; }

body { font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; line-height: 1.5; width: 100%; height: 100%; }
body:before { content: ""; z-index: -1; background-color: #ffffff; background-repeat: no-repeat; background-size: 110% auto; background-position: center top; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff url(../img_web/bg_main_pc.jpg) no-repeat center -190px fixed; }

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

caption, th { text-align: left; }

a { color: #d0c334; text-decoration: none; }
a:focus { outline: none; }

.both { clear: both; }

.inline_block { display: inline-block; *display: inline; *zoom: 1; }

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

.cf { min-height: 1px; }

.tC { text-align: center !important; }

.tL { text-align: left !important; }

.tR { text-align: Right !important; }

.f120 { font-size: 120%; }

.f150 { font-size: 150%; }

.f180 { font-size: 180%; }

.f200 { font-size: 200%; }

.f220 { font-size: 220%; }

.f250 { font-size: 250%; }

.f280 { font-size: 280%; }

.tB { font-weight: bold; }

.w70 { width: 70%; margin-left: auto; margin-right: auto; }

.w80 { width: 80%; margin-left: auto; margin-right: auto; }

.dblock { display: block !important; }

.mtb10 { margin-top: 10px; margin-bottom: 10px; }

.mtb20 { margin-top: 20px; margin-bottom: 20px; }

.layout-1st { width: 958px; margin: 8px 0 0 13px; overflow: hidden; min-height: 600px; border-top: 1px solid #ffa54a; background-image: url(../img_common/ptn_bk78.png); -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px; position: relative; }

.l1b-Blank { background-color: #c5360a; }
.l1b-Blank:hover { background-color: #f3450f !important; }

.btn1line { width: 50%; text-align: center; margin: 20px auto 50px; }
.btn1line a { display: block; color: #ffffff; background-color: #c5360a; font-weight: bold; text-decoration: none; padding: 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 18px; font-size: 1.8rem; }
.btn1line a:hover { background-color: #f3450f; }

#container { width: 100%; height: 100%; margin: 16px auto 0; position: relative; padding: 0; }

/*-- PAGE --*/
#column { width: 100%; position: absolute; top: 0; left: 0; }

.contents { width: 975px; min-height: 500px; margin: 20px auto; overflow: hidden; }

#top { width: 100%; height: auto; min-height: 1000px; }

h1 { width: 1000px; margin: 25px auto 10px; text-align: left; position: relative; z-index: 20; }
h1 img { width: 500px; height: auto; }

header { position: absolute; z-index: 1; top: 0; background-color: #000; width: 100%; height: auto; margin: 0; padding: 4px 0 0; overflow: hidden; border-bottom: 1px solid #393939; }

.headerBlock { width: 90%; margin: 0 auto; overflow: hidden; }

.headerLeft { float: left; margin: 0 auto; overflow: hidden; }
.headerLeft li { float: left; list-style: none; line-height: 22px; margin: 0 0 0 10px; }
.headerLeft img { width: 100px; height: auto; vertical-align: middle; }

.headerRight { float: right; margin: 0 auto; overflow: hidden; }
.headerRight li { float: left; list-style: none; margin: 0 0 0 10px; }
.headerRight img { width: 22px; height: auto; vertical-align: top; }

.hLinkAl { background: url(../img_web/btn_linkarrow.gif) no-repeat 0 center; padding-left: 15px; color: #dbdbdb; text-decoration: none; line-height: 22px; font-size: 14px; font-size: 1.4rem; }
.hLinkAl:hover { background-position: 2px center; text-decoration: underline; }

#footer { background: #000; width: 100%; min-height: 100px; border-top: 1px solid #373737; overflow: hidden; }

.footSns { text-align: center; border-bottom: 1px solid #373737; }
.footSns img { margin: 10px 20px; }

.bnrList { width: 750px; margin: 20px auto 0; overflow: hidden; }
.bnrList li { width: 250px; float: left; text-align: center; }
.bnrList li img { width: 80%; height: auto; }

.supportLink { text-align: center; width: 400px; margin: 30px auto; }
.supportLink a { padding: 5px; display: block; width: auto; color: #fff; background: #444; text-align: center; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; font-size: 1.4rem; }
.supportLink a:hover { text-decoration: underline; }

.copy { color: #666; text-align: center; margin: 0 auto 30px; font-size: 12px; font-size: 1.2rem; }

.capcom { text-align: center; margin: 20px auto 50px; }

.footBlock ul.sublink { width: 900px; margin: 20px auto; overflow: hidden; text-align: center; }
.footBlock ul.sublink li { display: inline-block; margin: 0 20px; list-style: none; font-size: 14px; font-size: 1.4rem; }
.footBlock ul.sublink li a { display: block; color: #dbdbdb; text-decoration: none; background: url(../img_web/btn_linkarrow.gif) no-repeat 0 center; padding-left: 20px; }
.footBlock ul.sublink li a:hover { text-decoration: underline; background-position: 2px center; }

#toTop { position: fixed; z-index: 500; bottom: 100px; right: 50px; display: none; }

#toTop a:hover { opacity: 0.7; }

.naviStatus { display: none; }

#gMenu { width: 100%; height: 183px; }
#gMenu .navi0 { background-image: url(../img_web/gnavi_default0.png?0428) !important; }
#gMenu .navi1 { background-image: url(../img_web/gnavi_default1.png?0428) !important; }
#gMenu .navi2 { background-image: url(../img_web/gnavi_default2.png?0428) !important; }
#gMenu .navi3 { background-image: url(../img_web/gnavi_default3.png?0428) !important; }
#gMenu .navi4 { background-image: url(../img_web/gnavi_default4.png?0428) !important; }
#gMenu .navi5 { background-image: url(../img_web/gnavi_default5.png?0428) !important; }

.naviBase { width: 1000px; height: 183px; margin: -60px auto 0 auto; background: url(../img_web/pc_bg_naviblock.png?0428) no-repeat center top; position: relative; }

.gnavistatus { width: 766px; height: 67px; background-image: url(../img_web/gnavi_default.png?0428); background-repeat: no-repeat; }

.fg { position: absolute; top: 0; left: 0; z-index: 200; }

.bg { position: absolute; top: 0; left: 0; }

.ph { position: relative; left: 20px; top: 84px; }

.mainNavi { width: 766px; height: 67px; }

.naviConnect { width: 152px; height: 152px; display: block; position: absolute; right: 37px; top: 13px; overflow: hidden; }

.naviConnect1 { width: 152px; height: 152px; display: block; position: absolute; right: 0; top: 0; background: url(../img_web/btn_connect_ring1.png?0428) no-repeat center; animation: spin1 10s linear infinite; }

@-webkit-keyframes spin1 {}
@-moz-keyframes spin1 {}
@-o-keyframes spin1 {}
@keyframes spin1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.naviConnect2 { width: 152px; height: 152px; display: block; background: url(../img_web/btn_connect_ring2.png) no-repeat center; animation: spin2 5s linear infinite; position: relative; }

@-webkit-keyframes spin2 {}
@-moz-keyframes spin2 {}
@-o-keyframes spin2 {}
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.naviConnectBtn { width: 152px; height: 152px; display: block; background: url(../img_web/btn_connect.png?0428) no-repeat center 1px; position: absolute; left: 0; top: 0; z-index: 300; }
.naviConnectBtn:hover { background: url(../img_web/btn_connect.png?0428) no-repeat center -151px; }

.subNaviHead { margin: -16px auto 0 auto; width: 1000px; height: 92px; display: block; background-image: url(../img_web/pc_subnavi_head.png?0428); background-repeat: no-repeat; background-position: right top; }

.sNaviText { padding: 30px 0 0; }

.newsBlock a { font-weight: bold; }

.entryHead { color: #d0c334; font-weight: normal; font-size: 14px; font-size: 1.4rem; }

.entryLink { color: #d0c334; text-decoration: none; font-size: 14px; font-size: 1.4rem; }
.entryLink a { font-weight: bold; }
.entryLink:hover { text-decoration: underline; }

.entryDay { color: #999; font-size: 11px; font-size: 1.1rem; }

.noList { text-align: center; margin: 20px auto 200px; color: #fff; font-size: 15px; font-size: 1.5rem; }

.n-mList { max-width: 800px; padding: 10px; margin: 0 auto; }
.n-mList li { margin: 0 auto 10px; list-style: none; position: relative; border: 2px solid #333; line-height: 1.7em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height: 144px; }
.n-mList li:last-child { margin: 0 auto; }
.n-mList .iconZone { height: 40px; position: absolute; top: -15px; left: -5px; z-index: 150; overflow: hidden; }
.n-mList .iconZone img { width: auto; height: 40px; margin-right: 0; }

.btnCommentMv { width: 200px; height: auto; position: absolute; bottom: 14px; right: 14px; }
.btnCommentMv a { width: 200px; height: 30px; display: block; background-color: #881f85; text-align: center; padding: 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.btnCommentMv a:hover { background-color: #e838e3; }

.n-mListImg { position: absolute; height: auto; top: 10px; left: 10px; border: #333333 1px solid; width: 120px; }

.n-mListLock { position: absolute; top: 20px; left: 15px; z-index: 100; width: 110px; height: auto; opacity: 0.8; }

.n-mDetail { color: #e9e9e9; margin-right: 10px; margin-left: 140px; }

.n-mTitle { font-weight: bold; border-bottom: 1px solid #333333; line-height: 1.1; margin-bottom: 8px; padding: 10px 0; font-size: 18px; font-size: 1.8rem; }

.n-mAuther { margin-bottom: 5px; padding-bottom: 5px; line-height: 1; color: #c1c1c1; font-size: 12px; font-size: 1.2rem; }

.n-mData { color: #e9e9e9; margin-left: 140px; margin-right: 10px; display: inline-block; margin-left: 140px; }

.n-mDataBpm { border-bottom: 1px solid #333333; line-height: 1.1; padding: 5px 0; font-size: 13px; font-size: 1.3rem; }
.n-mDataBpm span { color: #56debb; padding: 0 5px; font-size: 16px; font-size: 1.6rem; }

.n-mDataLv { overflow: hidden; border-bottom: 1px solid #333333; padding: 5px 0; line-height: 1.1; padding: 5px 0; font-size: 13px; font-size: 1.3rem; }
.n-mDataLv span { padding: 0 5px; font-size: 16px; font-size: 1.6rem; }
.n-mDataLv .easy { color: #438eff; }
.n-mDataLv .standard { color: #39ea11; }
.n-mDataLv .hard { color: #fff664; }
.n-mDataLv .master { color: #d11832; }
.n-mDataLv .unlimited { color: #c119d0; }

.n-mHd { height: auto; vertical-align: middle; width: 15px; }

.n2, .news1List, .news3List, .playList { width: 100%; padding: 10px; clear: both; overflow: hidden; line-height: 1.4; display: block; padding: 10px; font-size: 14px; font-size: 1.4rem; }

.news1List li, .news3List li, .playList li { position: relative; padding: 5px; width: 33.3%; float: left; }
.news1List li a, .news3List li a, .playList li a { padding-top: 50%; padding-bottom: 5px; display: block; text-decoration: none; color: #ffffff; overflow: hidden; }
.news1List li a:hover, .news3List li a:hover, .playList li a:hover { opacity: 0.9; }

.news1List .imageOv, .news3List .imageOv, .news3List .btn-n3Play, .playList .imageOv { padding-top: 50%; width: 100%; height: 0; overflow: hidden; position: absolute; top: 0; left: 0; }
.news1List .imageOv img, .news3List .imageOv img, .news3List .btn-n3Play img, .playList .imageOv img { position: absolute; top: 0; left: 0; padding: 6px; width: 100%; height: auto; }

.news1List .news1ListTxt, .news3List .news3ListTxt, .playList .playListTxt { margin: 0; padding: 0 5px; line-height: 1.3; }
@media only screen and (min-width: 788px) { .news1List .news1ListTxt, .news3List .news3ListTxt, .playList .playListTxt { min-height: 6em; font-size: 14px; font-size: 1.4rem; } }
@media only screen and (min-width: 500px) and (max-width: 787px) { .news1List .news1ListTxt, .news3List .news3ListTxt, .playList .playListTxt { min-height: 6em; font-size: 13px; font-size: 1.3rem; } }
@media only screen and (max-width: 499px) { .news1List .news1ListTxt, .news3List .news3ListTxt, .playList .playListTxt { min-height: 4em; font-size: 13px; font-size: 1.3rem; } }

.news1List .news1ListDay, .news3List .news3ListDay, .playList .playListDay { display: block; padding: 5px 0 0; color: #c1c1c1; font-size: 12px; font-size: 1.2rem; }

.news1List .news1ListNew, .news3List .news3ListNew, .playList .playListNew { position: absolute; top: 5px; left: 5px; width: 45px; height: 45px; z-index: 100; }

.newsNavi { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; }
.newsNavi li { width: 33.33%; float: left; list-style: none; overflow: hidden; margin: 0; }
.newsNavi li a { display: block; height: 40px; border-left: 1px solid #ff9932; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; line-height: 40px; text-shadow: 1px 1px 1px #000000; font-size: 11px; font-size: 1.1rem; }
.newsNavi li a.twoLine { height: 40px; line-height: 1; padding-top: 7px; }
.newsNavi li a.line2 { height: 40px; padding-top: 20px; line-height: 1.3; }
.newsNavi li:first-child a { border-left: none; }
.newsNavi li:last-child a { border-left: 1px solid #ff9932; }

.musicSubMenu { margin: 20px auto 0; width: 80%; max-width: 300px; height: 40px; display: block; color: #ffffff; appearance: button; text-indent: 1em; background: #d49807 url(../img_web/arw_select_down.png) no-repeat; background-size: auto 15px; background-position: right center; line-height: 40px; vertical-align: middle; border: 1px solid #60017c; font-size: 15px; font-size: 1.5rem; }

.n2 { color: #fff; marign: 0 auto; }

.n2List dt { padding: 10px 0; width: 100%; overflow: hidden; border-top: 1px solid #666; font-size: 14px; font-size: 1.4rem; }
.n2List dt a { font-weight: bold; }
.n2List dt .n2day { margin-right: 5px; color: #c1c1c1; font-size: 11px; font-size: 1.1rem; }
.n2List dt p { padding: 0 15px; color: #c1c1c1; }
.n2List dt .entryDate { text-align: right; }
.n2List dt:first-child { border-top: 0; }
.n2List dd { margin: 0 10px 10px; color: #ffffff; text-align: left; overflow: hidden; background: rgba(0, 0, 0, 0.3); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.n2List dd:empty, .n2List dd p:empty { margin: 0; padding: 0; display: none; }
.n2List dd p { padding: 15px; }
.n2List dd a { text-decoration: none; }
.n2List dd a:hover { text-decoration: underline; color: #f283ff; }
.n2List dt { margin: 0 0 10px; padding: 10px 15px 0; }
.n2List dd { margin: 10px 15px; padding: 15px; }

.news1List li a { border-top: 1px solid #752f00; border-bottom: 1px solid #752f00; background-color: rgba(117, 47, 0, 0.8); }
.news1List li a:hover { opacity: 0.9; }
@media only screen and (min-width: 788px) { .news1List .news1ListTxt { min-height: 8em; } }
@media only screen and (min-width: 500px) and (max-width: 787px) { .news1List .news1ListTxt { min-height: 6em; } }
@media only screen and (max-width: 499px) { .news1List a { height: auto; padding: 0 !important; display: block; color: #ffffff; text-decoration: none; background-image: url(../img_common/pdata_btnArrow.png); background-repeat: no-repeat; background-position: right center; background-size: 30px auto; overflow: hidden; }
  .news1List .imageOv { position: static; padding: 0; width: 38%; height: auto; overflow: hidden; float: left; }
  .news1List .imageOv img { position: relative; }
  .news1List .news1ListTxt { width: 60%; line-height: 1.3; display: block; float: left; vertical-align: top; padding: 5px 15px 5px 2px; font-size: 12px; font-size: 1.2rem; } }

.news3List li a { border: 1px solid #777; background: rgba(119, 119, 119, 0.6); }
.news3List li a:hover { background: rgba(119, 119, 119, 0.4); }
.news3List .btn-n3Play img { top: 50%; left: 50%; margin-top: -29px; margin-left: -55px; width: 110px; z-index: 1; }

.playList li { margin: 0 auto; height: auto; min-height: 200px !important; }
.playList li a { border: 1px solid #777; background: rgba(119, 119, 119, 0.6); }
.playList li a:hover { background: rgba(119, 119, 119, 0.4); }
@media only screen and (min-width: 500px) and (max-width: 787px) { .playList .playListTxt { min-height: 6em; } }

.mPager-top, .mPager { width: 85%; font-size: 0; }

.pageing, .pageing2 { margin: 0 4px 2px; padding: 5px 8px; display: inline-block; text-decoration: none; font-weight: bold; font-size: 16px; font-size: 1.6rem; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.mPager-top { text-align: right; margin: 20px auto; }

.mPager { text-align: center; margin: 35px auto; }

.pageing { color: #b7b7b7; background-image: url(../img_common/bg_dots_glay.png); }
.pageing:hover { color: #ffffff; background-color: #944008; }

.pageing2 { color: #fff; background-color: #c5550a; }

.m-ranking__archive { margin: 10px; padding: 10px; background: rgba(130, 0, 203, 0.3); border: 3px double rgba(130, 0, 203, 0.8); color: #dcd; text-align: center; font-size: 13px; font-size: 1.3rem; }