@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.font-thin { font-weight: 100; }

/* -- margin padding -- */
.mb0 { margin-bottom: 0 !important; }

.mb3 { margin-bottom: 3px !important; }

.mb5 { margin-bottom: 5px !important; }

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

.mb15 { margin-bottom: 15px !important; }

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

.mb25 { margin-bottom: 25px !important; }

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

.mb35 { margin-bottom: 35px !important; }

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

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

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

.mb70 { margin-bottom: 70px !important; }

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

.mb90 { margin-bottom: 90px !important; }

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

.mb110 { margin-bottom: 110px !important; }

.mb120 { margin-bottom: 120px !important; }

.mb130 { margin-bottom: 130px !important; }

.mb140 { margin-bottom: 140px !important; }

.mb150 { margin-bottom: 150px !important; }

.mb160 { margin-bottom: 160px !important; }

.mb170 { margin-bottom: 170px !important; }

.mb180 { margin-bottom: 180px !important; }

.mb190 { margin-bottom: 190px !important; }

.mb200 { margin-bottom: 200px !important; }

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

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

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

.mt15 { margin-top: 15px !important; }

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

.mt25 { margin-top: 25px !important; }

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

.mt35 { margin-top: 35px !important; }

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

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

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

.mt70 { margin-top: 70px !important; }

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

.mt90 { margin-top: 90px !important; }

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

.mt-3 { margin-top: -3px !important; }

.mt-5 { margin-top: -5px !important; }

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

.mt-15 { margin-top: -15px !important; }

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

.mt-25 { margin-top: -25px !important; }

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

.mt-35 { margin-top: -35px !important; }

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

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

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

.mt-70 { margin-top: -70px !important; }

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

.mt-90 { margin-top: -90px !important; }

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

.mt-110 { margin-top: -110px !important; }

.mt-120 { margin-top: -120px !important; }

.mt-130 { margin-top: -130px !important; }

.mt-140 { margin-top: -140px !important; }

.mt-150 { margin-top: -150px !important; }

.mt-160 { margin-top: -160px !important; }

.mt-170 { margin-top: -170px !important; }

.mt-180 { margin-top: -180px !important; }

.mt-190 { margin-top: -190px !important; }

.mt-200 { margin-top: -200px !important; }

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

.mr3 { margin-right: 3px !important; }

.mr5 { margin-right: 5px !important; }

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

.mr15 { margin-right: 15px !important; }

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

.mr25 { margin-right: 25px !important; }

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

.mr35 { margin-right: 35px !important; }

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

.mr45 { margin-right: 45px !important; }

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

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

.mr70 { margin-right: 70px !important; }

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

.mr90 { margin-right: 90px !important; }

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

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

.ml3 { margin-left: 3px !important; }

.ml5 { margin-left: 5px !important; }

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

.ml15 { margin-left: 15px !important; }

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

.ml25 { margin-left: 25px !important; }

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

.ml35 { margin-left: 35px !important; }

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

.ml45 { margin-left: 45px !important; }

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

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

.ml70 { margin-left: 70px !important; }

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

.ml90 { margin-left: 90px !important; }

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

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

.pb3 { padding-bottom: 3px !important; }

.pb5 { padding-bottom: 5px !important; }

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

.pb15 { padding-bottom: 15px !important; }

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

.pb25 { padding-bottom: 25px !important; }

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

.pb35 { padding-bottom: 35px !important; }

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

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

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

.pb70 { padding-bottom: 70px !important; }

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

.pb90 { padding-bottom: 90px !important; }

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

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

.pt3 { padding-top: 3px !important; }

.pt5 { padding-top: 5px !important; }

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

.pt15 { padding-top: 15px !important; }

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

.pt25 { padding-top: 25px !important; }

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

.pt35 { padding-top: 35px !important; }

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

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

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

.pt70 { padding-top: 70px !important; }

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

.pt90 { padding-top: 90px !important; }

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

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

.pl3 { padding-left: 3px !important; }

.pl5 { padding-left: 5px !important; }

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

.pl15 { padding-left: 15px !important; }

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

.pl25 { padding-left: 25px !important; }

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

.pl35 { padding-left: 35px !important; }

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

.pl45 { padding-left: 45px !important; }

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

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

.pl70 { padding-left: 70px !important; }

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

.pl90 { padding-left: 90px !important; }

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

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

.pr3 { padding-right: 3px !important; }

.pr5 { padding-right: 5px !important; }

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

.pr15 { padding-right: 15px !important; }

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

.pr25 { padding-right: 25px !important; }

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

.pr35 { padding-right: 35px !important; }

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

.pr45 { padding-right: 45px !important; }

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

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

.pr70 { padding-right: 70px !important; }

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

.pr90 { padding-right: 90px !important; }

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

/* -- layout -- */
.f_left { float: left; }

.f_right { float: right; }

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

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

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

.clear { clear: both; }

.hide { display: none; }

/* file name : default.css */
/* ================================================================== Browser Style Reset ================================================================== */
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-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

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

html, body { width: 100%; min-height: 100%; }

blockquote, q { quotes: none; }

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

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; }

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

caption, th { text-align: left; }

object, embed { border: 0; vertical-align: bottom; outline: none; }

img { border: none; vertical-align: middle; }

a { outline: 0; }

a img { border: none; text-decoration: none; outline: 0; }

a:focus { outline: none; }

section, div { box-sizing: border-box; }

/* ================================================================== 	 ================================================================== */
body { font: 14px/1.231 arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; }

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

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/* ================================================================== Link ================================================================== */
a { display: inline-block; }

a:link { color: #920606; text-decoration: underline; }

a:active { color: #920606; text-decoration: underline; }

a:visited { color: #920606; text-decoration: underline; }

a:hover { color: #920606; text-decoration: none; }

@-moz-keyframes rotateAnimation { from { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotateAnimation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotateAnimation { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes floatAnimation { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(6px); transform: translateY(6px); }
  100% { -moz-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes floatAnimation { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes floatAnimation { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(6px); -ms-transform: translateY(6px); -webkit-transform: translateY(6px); transform: translateY(6px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
body, html { font-family: 'Noto Sans Japanese', '游ゴシック', -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, sans-serif; width: 100%; height: 100%; font-weight: 100; font-size: 22px; -webkit-text-size-adjust: 100%; color: #4c4c4c; }

#wrapper { display: block; width: 750px; overflow: hidden; background: #FFF; position: relative; }
#wrapper section #benesse-header { display: block; width: 375px; position: absolute; top: 0; left: 0; -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
#wrapper section #benesse-footer { border-top: solid 6px #006ad2; display: block; width: 375px; position: absolute; bottom: 0; left: 0; -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
#wrapper section #benesse-footer .benesse-footer__copyright { float: left !important; margin: 0 !important; }
#wrapper section #benesse-footer .benesse-footer__copyright .copy { font-size: 1.6em !important; vertical-align: -3px; }
#wrapper.no-scroll { height: 100%; overflow: hidden; }
#wrapper.heightFix { height: 100%; }
#wrapper #page-top img { margin: 0 auto; }
#wrapper #player-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3000000', endColorstr='#B3000000'); background: transparent; background: rgba(0, 0, 0, 0.7); }
:root #wrapper #player-container { filter: none\0/IE9; }
#wrapper #player-container .player { width: 750px; height: 422px; margin: -211px 0 0 -375px; position: absolute; top: 50%; left: 50%; z-index: 10; }
#wrapper #player-container .player .container { display: block; width: 100%; height: 100%; position: relative; }
#wrapper #player-container .player .container .closeBtn { position: absolute; top: -55px; right: 15px; cursor: pointer; }
#wrapper #player-container .player .container .closeBtn span { display: block; width: 41px; height: 40px; overflow: hidden; text-align: left; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/top/btn_close.png); position: relative; }