@charset "UTF-8";
/** Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

/* add a little bit rules */
html { overflow-y: scroll; }

sup, img, object, embed { vertical-align: top; }

input, select { vertical-align: middle; }

html { font-size: 62.5%; }

body { font-size: 18px; font-size: 1.8rem; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

.splite-sprite { background-image: url('../img/../img/splite.png'); background-repeat: no-repeat; }

/*  CLASSES  */
.alpha img { -webkit-transition: all .4s linear; transition: all .4s linear; }
.alpha img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

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

.aR { text-align: right !important; }

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

.fL { float: left !important; }

.fR { float: right !important; }

.dI { display: inline !important; }

.dIb { display: inline-block !important; }

.dB { display: block !important; }

p, li, dt, dd, h2, h3, h4, span { background: url("../img/common/spacer.gif") 0 0 no-repeat; }

.textFix { background: url("../img/common/spacer.gif") 0 0 no-repeat !important; }

.m0 { margin: 0 !important; }

.m0a { margin: 0 auto !important; }

.mT-4 { margin-top: -4px !important; }

.mB-4 { margin-bottom: -4px !important; }

.mR-4 { margin-right: -4px !important; }

.mL-4 { margin-left: -4px !important; }

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

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

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

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

.mT4 { margin-top: 4px !important; }

.mB4 { margin-bottom: 4px !important; }

.mR4 { margin-right: 4px !important; }

.mL4 { margin-left: 4px !important; }

.mT8 { margin-top: 8px !important; }

.mB8 { margin-bottom: 8px !important; }

.mR8 { margin-right: 8px !important; }

.mL8 { margin-left: 8px !important; }

.mT12 { margin-top: 12px !important; }

.mB12 { margin-bottom: 12px !important; }

.mR12 { margin-right: 12px !important; }

.mL12 { margin-left: 12px !important; }

.mT16 { margin-top: 16px !important; }

.mB16 { margin-bottom: 16px !important; }

.mR16 { margin-right: 16px !important; }

.mL16 { margin-left: 16px !important; }

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

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

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

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

.mT24 { margin-top: 24px !important; }

.mB24 { margin-bottom: 24px !important; }

.mR24 { margin-right: 24px !important; }

.mL24 { margin-left: 24px !important; }

.mT28 { margin-top: 28px !important; }

.mB28 { margin-bottom: 28px !important; }

.mR28 { margin-right: 28px !important; }

.mL28 { margin-left: 28px !important; }

.mT32 { margin-top: 32px !important; }

.mB32 { margin-bottom: 32px !important; }

.mR32 { margin-right: 32px !important; }

.mL32 { margin-left: 32px !important; }

.mT36 { margin-top: 36px !important; }

.mB36 { margin-bottom: 36px !important; }

.mR36 { margin-right: 36px !important; }

.mL36 { margin-left: 36px !important; }

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

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

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

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

.mT44 { margin-top: 44px !important; }

.mB44 { margin-bottom: 44px !important; }

.mR44 { margin-right: 44px !important; }

.mL44 { margin-left: 44px !important; }

.mT48 { margin-top: 48px !important; }

.mB48 { margin-bottom: 48px !important; }

.mR48 { margin-right: 48px !important; }

.mL48 { margin-left: 48px !important; }

.mT52 { margin-top: 52px !important; }

.mB52 { margin-bottom: 52px !important; }

.mR52 { margin-right: 52px !important; }

.mL52 { margin-left: 52px !important; }

.mT56 { margin-top: 56px !important; }

.mB56 { margin-bottom: 56px !important; }

.mR56 { margin-right: 56px !important; }

.mL56 { margin-left: 56px !important; }

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

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

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

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

.mT64 { margin-top: 64px !important; }

.mB64 { margin-bottom: 64px !important; }

.mR64 { margin-right: 64px !important; }

.mL64 { margin-left: 64px !important; }

.mT68 { margin-top: 68px !important; }

.mB68 { margin-bottom: 68px !important; }

.mR68 { margin-right: 68px !important; }

.mL68 { margin-left: 68px !important; }

.mT72 { margin-top: 72px !important; }

.mB72 { margin-bottom: 72px !important; }

.mR72 { margin-right: 72px !important; }

.mL72 { margin-left: 72px !important; }

.mT76 { margin-top: 76px !important; }

.mB76 { margin-bottom: 76px !important; }

.mR76 { margin-right: 76px !important; }

.mL76 { margin-left: 76px !important; }

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

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

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

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

.mT84 { margin-top: 84px !important; }

.mB84 { margin-bottom: 84px !important; }

.mR84 { margin-right: 84px !important; }

.mL84 { margin-left: 84px !important; }

.mT88 { margin-top: 88px !important; }

.mB88 { margin-bottom: 88px !important; }

.mR88 { margin-right: 88px !important; }

.mL88 { margin-left: 88px !important; }

.mT92 { margin-top: 92px !important; }

.mB92 { margin-bottom: 92px !important; }

.mR92 { margin-right: 92px !important; }

.mL92 { margin-left: 92px !important; }

.mT96 { margin-top: 96px !important; }

.mB96 { margin-bottom: 96px !important; }

.mR96 { margin-right: 96px !important; }

.mL96 { margin-left: 96px !important; }

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

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

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

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

.p0 { padding: 0 !important; }

.pT0 { padding-top: 0 !important; }

.pB0 { padding-bottom: 0 !important; }

.pT24 { padding-top: 24px !important; }

.pB24 { padding-bottom: 24px !important; }

.pT48 { padding-top: 48px !important; }

.pB48 { padding-bottom: 48px !important; }

.cf:after, .clearfix:after, header:after, #content:after, #tab:after, footer:after { content: ""; clear: both; display: block; }

/*  BASE STYLE  */
body { background: #dedede; color: black; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; -webkit-text-size-adjust: 100%; word-wrap: break-word; max-height: 9999999px; }

a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }
a:link { text-decoration: none; color: black; }
a:visited { text-decoration: none; color: black; }
a:hover { text-decoration: none; color: black; }
a:active { text-decoration: none; color: black; }

header { position: relative; width: 640px; margin: 0 auto; background: white; border-bottom: #bfc1c3 2px solid; }
header .logo { float: left; }
header .logo a { display: block; padding: 26px 10px 25px 19px; }
header .logo img { pointer-events: none; }
header .pagetitle { float: left; padding: 30px 0 26px 0; }
header .openSearch { float: right; text-indent: -9999px; width: 102px; height: 80px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 0; }
header .openSearch.close { width: 102px; height: 80px; background: url('../img/../img/splite.png') no-repeat; background-position: -102px 0; }

#content { position: relative; width: 640px; margin: 0 auto; background: #dedede; line-height: 1.8; font-size: 2.4rem; max-height: 9999999px; }
#content .cBtnBack { width: 640px; line-height: 1.4; font-size: 2.6rem; }
#content .cBtnBack a { position: relative; display: block; padding: 30px 30px 30px 60px; }
#content .cBtnBack a:after { content: ''; display: block; position: absolute; left: 22px; top: 50%; width: 16px; height: 26px; background: url('../img/../img/splite.png') no-repeat; background-position: -16px -364px; margin-top: -13px; pointer-events: none; }
#content .btnPagetop { border-top: 2px solid silver; }
#content .btnPagetop a { border-top: 2px solid #fff; display: block; text-align: right; padding: 48px 30px 49px; font-size: 0; line-height: 0; }
#content .btnPagetop.type2 { border-top: 2px solid #969696; }
#content .btnPagetop.type2 a { border-top: 2px solid #e9e9e9; }
#content .searchArea { padding: 42px 20px 40px; background-color: #cccccc; background-image: url("../img/bg_indexarea.png"), url("../img/bg_indexarea2.png"); background-repeat: no-repeat; background-position: 0 0,0 100%; }
#content .searchArea dt { float: left; padding-right: 20px; }
#content .searchArea dt .textBox { width: 414px; height: 84px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 1px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 1px inset; border: 2px solid #969696; }
#content .searchArea dd { float: left; }

#picupArea { background: white; }
#picupArea a { display: block; width: 100%; height: 100%; }
#picupArea .img1 { text-align: center; }
#picupArea .img1 img { width: 624px; height: 350px; }
#picupArea dl { position: relative; padding: 40px 68px 40px 40px; }
#picupArea dl:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 23px; height: 36px; background: url('../img/../img/splite.png') no-repeat; background-position: -64px -364px; margin-top: -18px; pointer-events: none; }
#picupArea dl .ttl1 { position: relative; z-index: 10; padding-bottom: 20px; font-size: 2.8rem; font-weight: bold; line-height: 1.4; color: #06c; }
#picupArea dl .txt1 { font-size: 2.8rem; line-height: 1.6; }

#tab li { float: left; }
#tab li a { display: block; text-indent: -9999px; }
#tab li:nth-of-type(1) a { width: 198px; height: 172px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -572px; }
#tab li:nth-of-type(1) a.active { width: 198px; height: 172px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -400px; }
#tab li:nth-of-type(2) a { width: 148px; height: 172px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -744px; }
#tab li:nth-of-type(3) a { width: 148px; height: 172px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -916px; }
#tab li:nth-of-type(4) a { width: 146px; height: 172px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -1088px; }

#indexArea { background-color: #cccccc; background-image: url("../img/bg_indexarea.png"), url("../img/bg_indexarea2.png"); background-repeat: no-repeat; background-position: 0 0,0 100%; }
#indexArea .ttl { font-size: 2.8rem; font-weight: bold; padding: 20px 0; margin-left: 40px; }
#indexArea .slideList { width: 578px; margin: 0 auto 20px; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid silver; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 0; }
#indexArea .slideList li { background: white; border-bottom: 2px solid silver; line-height: 1.4; font-size: 2.6rem; }
#indexArea .slideList li.last { border-bottom: none; }
#indexArea .slideList li a { position: relative; display: block; padding: 30px 40px 30px 30px; }
#indexArea .slideList li a:after { content: ''; display: block; position: absolute; right: 30px; top: 50%; width: 16px; height: 26px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -364px; margin-top: -13px; pointer-events: none; }
#indexArea .btnOhter { width: 578px; margin: 60px auto 0; background: white; border: 2px solid silver; line-height: 1.4; font-size: 2.6rem; }
#indexArea .btnOhter.last { border-bottom: none; }
#indexArea .btnOhter a { position: relative; display: block; padding: 30px 40px 30px 30px; }
#indexArea .btnOhter a:after { content: ''; display: block; position: absolute; right: 30px; top: 50%; width: 16px; height: 26px; background: url('../img/../img/splite.png') no-repeat; background-position: -48px -364px; margin-top: -13px; pointer-events: none; }
#indexArea .btnClose { text-align: right; padding: 54px 44px; }

.acTtl { position: relative; box-sizing: border-box; border-bottom: 2px solid white; height: 100px; font-size: 2.8rem; cursor: pointer; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(bottom, white 0%, #e6e6e6 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); }
.acTtl:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 42px; height: 42px; margin-top: -21px; background: url("../img/ico_index.png") 50% 50% no-repeat; pointer-events: none; }
.acTtl.active:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 42px; height: 42px; margin-top: -21px; background: url("../img/ico_index_on.png") 50% 50% no-repeat; pointer-events: none; }
.acTtl span { padding-left: 106px; padding-top: 28px; display: block; }
.acTtl img { position: absolute; left: 0; top: 0; }

.acDetail { border-top: 4px solid #606060; }

#rankArea { background: url("../img/bg_rankarea.png") 0 0 no-repeat; }
#rankArea .ttl { text-align: center; padding: 74px 0 60px; }
#rankArea .btnSwitch { padding: 0 30px 40px; border-bottom: 2px solid silver; text-align: center; }
#rankArea .btnSwitch dt { float: left; width: 110px; text-align: right; padding-top: 14px; display: inline-block; font-size: 2.2rem; }
#rankArea .btnSwitch dd { width: 230px; float: left; line-height: 0; font-size: 0; }
#rankArea .btnSwitch dd:nth-of-type(1) { width: 230px; height: 71px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -293px; text-indent: -9999px; }
#rankArea .btnSwitch dd:nth-of-type(1).active { width: 230px; height: 71px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -222px; }
#rankArea .btnSwitch dd:nth-of-type(2) { width: 231px; height: 71px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -151px; text-indent: -9999px; }
#rankArea .btnSwitch dd:nth-of-type(2).active { width: 231px; height: 71px; background: url('../img/../img/splite.png') no-repeat; background-position: 0 -80px; }
#rankArea #rankDetailArea { border-top: 2px solid white; }
#rankArea #rankDetailArea ol { display: none; }
#rankArea #rankDetailArea ol.active { display: block; }
#rankArea #rankDetailArea ol li { position: relative; width: 560px; margin: 58px auto 0; }
#rankArea #rankDetailArea ol li a { display: block; overflow: hidden; width: 560px; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 1px; }
#rankArea #rankDetailArea ol li .ttl1 { position: relative; z-index: 10; min-height: 100px; padding-top: 30px; padding-right: 30px; padding-left: 118px; padding-bottom: 28px; font-size: 2.8rem; font-weight: bold; line-height: 1.4; color: #06c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(bottom, white 0%, #e6e6e6 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 1px; }
#rankArea #rankDetailArea ol li .ttl1.noIco { padding-left: 30px; }
#rankArea #rankDetailArea ol li .img1 { position: relative; z-index: 1; margin-bottom: 18px; }
#rankArea #rankDetailArea ol li .img1 img { width: 560px; height: 315px; }
#rankArea #rankDetailArea ol li .txt1 { line-height: 1.6; padding: 0 30px 30px; }
#rankArea #rankDetailArea ol li .ico1 { position: absolute; left: 18px; top: -16px; z-index: 100; width: 76px; height: 118px; padding-top: 46px; padding-right: 8px; background: url("../img/ico_rank_silver.png") 0 0 no-repeat; text-align: center; line-height: 1; color: #646464; font-weight: bold; font-size: 2.6rem; }
#rankArea #rankDetailArea ol li .ico1 span { font-size: 4rem; }
#rankArea #rankDetailArea ol li .ico1.gold { background: url("../img/ico_rank_gold.png") 0 0 no-repeat; color: #7c5a05; }
#rankArea #rankDetailArea ol li .ico2 { position: absolute; left: 18px; top: -16px; z-index: 100; width: 84px; height: 164px; background: url("../img/ico_new.png") 0 0 no-repeat; text-indent: -9999px; }
#rankArea .btnMore { width: 566px; margin: 0 auto; padding-top: 46px; }
#rankArea .btnPagetop { margin: 76px 0 0; }

#movieArea { background-color: #ccc; background-image: url("../img/bg_indexarea.png"), url("../img/bg_indexarea2.png"); background-repeat: no-repeat; background-position: 0 0,0 100%; }
#movieArea .ttl { padding: 80px 0 0; margin-left: 40px; }
#movieArea .btnMore { width: 566px; margin: 0 auto; padding: 46px 0 76px; }

#movies li { position: relative; width: 560px; margin: 58px auto 0; }
#movies li a { display: block; width: 560px; padding: 0 0 48px; background: white; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px; border-radius: 0px 0px 10px 10px; box-shadow: rgba(105, 105, 105, 0.65) 0px 0px 8px 2px; -webkit-box-shadow: rgba(105, 105, 105, 0.65) 0px 0px 8px 2px; }
#movies li .img1 { background: url("../img/bg_movie.png") 0 0 no-repeat; }
#movies li .img1 img { display: block; width: 444px; height: 250px; margin: 0 auto; }
#movies li .ttl1 { margin: 0 20px; padding: 26px 10px 28px; font-size: 2.8rem; line-height: 1.4; font-weight: bold; border-bottom: 2px dashed silver; }
#movies li .txt1 { line-height: 1.6; padding: 28px 30px 0; }

.infos .ttl1 { background: #252525; padding: 6px 20px; color: white; }
.infos .details .btnList { width: 566px; margin: 0 auto; padding: 60px 0 57px; }
.infos .details .btnList li { margin-bottom: 23px; }

#newsArea { padding-bottom: 80px; }
#newsArea .newsTopic { position: relative; width: 560px; margin: 0 auto; padding: 32px 20px; border-bottom: 2px dotted silver; }
#newsArea .newsTopic:after { content: ''; display: block; position: absolute; left: 0; bottom: -4px; width: 600px; border-top: 2px dotted white; }
#newsArea .newsTopic a:link, #newsArea .newsTopic a:visited, #newsArea .newsTopic a:hover, #newsArea .newsTopic a:active { color: #0066cc; text-decoration: underline; }
#newsArea .newsTopic dt { font-size: 2rem; color: #606060; }
#newsArea .btnMore { margin-top: 36px; padding-right: 40px; text-align: right; font-size: 2.8rem; }
#newsArea .btnMore a { position: relative; display: inline-block; padding-left: 30px; }
#newsArea .btnMore a:after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 26px; background: url('../img/../img/splite.png') no-repeat; background-position: -32px -364px; margin-top: -13px; pointer-events: none; }

#otherInfoArea .list1 li { position: relative; padding: 32px 20px; border-bottom: 2px solid silver; }
#otherInfoArea .list1 li:before { content: ''; display: block; position: absolute; left: 0; bottom: -4px; width: 640px; border-top: 2px solid white; }
#otherInfoArea .list1 li:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; width: 16px; height: 26px; background: url('../img/../img/splite.png') no-repeat; background-position: -32px -364px; margin-top: -13px; pointer-events: none; }
#otherInfoArea .bannerArea { padding: 70px 0 60px; text-align: center; }
#otherInfoArea .bannerArea li { margin-bottom: 20px; }
#otherInfoArea .bannerArea li img { border: 2px solid silver; }

.btnPcsite { background: white; border-top: 2px solid silver; text-align: center; }
.btnPcsite a { display: block; width: 100%; padding: 48px 0; line-height: 0; }
.btnPcsite img { pointer-events: none; }

#shareArea { background-color: #cccccc; background-image: url("../img/bg_indexarea.png"), url("../img/bg_indexarea2.png"); background-repeat: no-repeat; background-position: 0 0,0 104%; }

.btnShare { width: 390px; margin: 0 auto; padding: 80px 28px 80px 0; }
.btnShare dt { float: left; width: 160px; text-align: right; padding-top: 24px; font-size: 2.8rem; }
.btnShare dd { width: 94px; padding: 0 10px; float: left; line-height: 0; font-size: 0; }

footer { position: relative; width: 640px; margin: 0 auto; background: #232323; }
footer nav { font-size: 1.8rem; padding: 36px 0; text-align: center; }
footer nav li { display: inline-block; border-left: 2px solid black; }
footer nav li a { display: inline-block; border-left: 2px solid #353535; padding: 0 13px; }
footer nav li a:link, footer nav li a:visited, footer nav li a:hover, footer nav li a:active { color: white; }
footer nav li:nth-of-type(1) { border: none; }
footer nav li:nth-of-type(1) a { border: none; }
footer .copyright { padding: 18px 0; text-align: center; color: #e9e8e8; }