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

body { line-height: 1; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Arial, Helvetica, sans-serif, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

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

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

del { text-decoration: line-through; }

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

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

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

input, select { vertical-align: middle; }

a:link { color: #2757a3; }

a:active { color: #0e2bf1; }

a:visited { color: #941d55; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt45 { margin-top: 45px !important; }

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

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

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

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

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

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

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

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

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

.mt55 { margin-top: 55px !important; }

.mr55 { margin-right: 55px !important; }

.ml55 { margin-left: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

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

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

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

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

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

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

.mt65 { margin-top: 65px !important; }

.mr65 { margin-right: 65px !important; }

.ml65 { margin-left: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

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

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

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

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

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

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

.mt75 { margin-top: 75px !important; }

.mr75 { margin-right: 75px !important; }

.ml75 { margin-left: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

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

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

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

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

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

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

.mt85 { margin-top: 85px !important; }

.mr85 { margin-right: 85px !important; }

.ml85 { margin-left: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

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

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

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

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

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

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

.mt95 { margin-top: 95px !important; }

.mr95 { margin-right: 95px !important; }

.ml95 { margin-left: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

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

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

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

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

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

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

.textS { font-size: 12px; font-size: 0.75rem; }

.textRed, #contentInquiry01 dt strong { color: #8c0000; }

.textGray { color: #666; }

.clear { clear: both; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.flR { float: right; }

.flL { float: left; }

.center { text-align: center; }

body { font-size: 14px; font-size: 0.875rem; color: #333; -webkit-text-size-adjust: 100%; }

#wrapper { position: relative; overflow: hidden; background-color: #fff; padding-bottom: 17%; }

#contents { clear: both; background-color: #fff; }

#contents h2 {
	margin-top: 3%;
}

#footer { clear: both; zoom: 1; background-color: #eee; border-top: 1px solid #ccc; padding: 3.28% 3.75%; -position: fixed; bottom: 0; width: 92.5%; }
#footer:before, #footer:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#footer:after { clear: both; }
#footer .btnDrawer { width: 12.5%; float: left; position: relative; z-index: 5001; }
#footer .btnDrawer img { width: 100%; height: auto; display: block; }
#footer address { font-size: 73%; color: #ccc; font-weight: bold; font-style: normal; letter-spacing: .025em; text-align: center; padding: 5% 0 5% 0; }
#footer address.center { text-align: center; padding-bottom: 1.5em; }

.noMenu #wrapper { padding-bottom: 0; }
.noMenu #footer { position: inherit; }

#pageHeader { color: #fff; text-align: center; background: url(../img/bgNavi02.jpg) center center; background-size: 50px auto; padding: 8% 3.75% 3% 3.75%; font-size: 125%; }
#pageHeader h1 { font-weight: normal; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.64); }

#naviHeader a { width: 1px; height: 1px; font-size: 1pt; overflow: hidden; display: block; text-indent: -9999px; padding: 2.8% 1.5%; background-repeat: no-repeat; background-size: 100% auto; }
#naviHeader .back, #naviHeader .slideCloseBtn { float: left; background-image: url(../img/imgIcon06.png); }
#naviHeader .next { float: right; background-image: url(../img/imgIcon07.png); }

#listNavi ul { font-size: 135%; list-style: none; }
#listNavi li { border-bottom: 1px dotted #b4b4b4; }
#listNavi a { display: block; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; text-decoration: none; padding: 7.2% 3.75%; -webkit-tap-highlight-color: transparent; }
#listNavi a.active { background-color: #e9e9e9; }

#listNavi02 { margin-bottom: 5%; }
#listNavi02 ul { font-size: 115%; list-style: none; }
#listNavi02 li { border-bottom: 1px dotted #b4b4b4; }
#listNavi02 a { display: block; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; text-decoration: none; padding: 6.8% 7.5%; -webkit-tap-highlight-color: transparent; font-weight: bold; }
#listNavi02 a.active { background-color: #e9e9e9; }

#slideWrapper { position: absolute; top: 0; right: 0; width: 100%; margin-right: -110%; background-color: #fff; -moz-box-shadow: -1px 1px 3px #999; -webkit-box-shadow: -1px 1px 3px #999; box-shadow: -1px 1px 3px #999; z-index: 7000; }
#slideWrapper address { margin-bottom: 5%; }
#slideWrapper #footer { position: inherit; }
#slideWrapper.on { box-shadow: none; }

#slideWrapper02 { position: relative; }

.open #slideWrapper #footer { position: fixed; }

#overlay { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: .7; z-index: 6000; display: none; }

#headerTop img { width: 100%; height: auto; display: block; }

#naviAdmission { padding: 7.3% 3.75% 9.1% 3.75%; }
#naviAdmission a { display: block; font-weight: bold; text-decoration: none; color: #fff; text-align: center; background: #600 no-repeat url(../img/imgIcon05.png) 94% 50%; background-size: 8.5% auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 11.4% 13% 11.4% 0; font-size: 100%; letter-spacing: .08em; }

#topContents01 { line-height: 160%; }
#topContents01 h2 { color: #fff; background-color: #222; padding: 1.7% 3.75%; font-weight: normal; }
#topContents01 ul { font-weight: bold; margin-bottom: 7.3%; list-style: none; }
#topContents01 li { border-bottom: 1px dotted #828282; font-size: 105%; line-height: 160%; }
#topContents01 li a { padding: .5% 3.75% 4.3% 3.75%; text-decoration: none; display: block; color: #666; }
#topContents01 li .date { font-size: 70%; font-weight: bold; padding: 3% 0 0 0; line-height: 200%; color: #b70000; }
#topContents01 .btnMore { padding: 0 3.75%; margin-bottom: 8.7%; }
#topContents01 .btnMore a { display: block; text-decoration: none; color: #fff; font-size: 125%; text-align: center; background: #222; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5.5% 0; letter-spacing: .05em; }

#topContents02 h2 { color: #fff; background-color: #222; padding: 3% 3.75%; margin-bottom: 8%; font-weight: normal; font-size: 102%; }
#topContents02 section { padding: 0 3.75%; font-size: 115%; font-weight: bold; color: #666; }
#topContents02 section p { margin-bottom: 2em; }

#contentNews01 ul { font-weight: bold; margin-bottom: 7.3%; list-style: none; }
#contentNews01 li { border-bottom: 1px dotted #828282; font-size: 105%; line-height: 160%; }
#contentNews01 li a { padding: .5% 13.2% 4.3% 3.75%; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; text-decoration: none; display: block; color: #666; font-size: 95%; }
#contentNews01 li .date { font-size: 70%; font-weight: bold; padding: 3% 0 0 0; line-height: 200%; color: #b70000; }

#contentNews02 { padding: 3.2% 3.75% 3.75% 3.75%; line-height: 140%; color: #666; }
#contentNews02 .date { font-size: 70%; font-weight: bold; padding: 0; line-height: 190%; color: #b70000; }
#contentNews02 .title { font-size: 105%; line-height: 150%; margin-bottom: 7.5%; }
#contentNews02 .img { text-align: center; padding: 0 23.25%; margin-bottom: 7.5%; }
#contentNews02 .img img { margin: 0 auto; max-width: 100%; height: auto; display: block; }
#contentNews02 .detail { font-size: 87%; margin-bottom: 10%; }
#contentNews02 .detail p { margin-bottom: 2em; }

#mainImage img { width: 100%; height: auto; display: block; }
#mainImageMin img { width: 30%; margin: auto auto; height: auto; display: block; }

#gNavi { zoom: 1; }
#gNavi:before, #gNavi:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#gNavi:after { clear: both; }
#gNavi li { float: left; width: 25%; }
#gNavi a { color: #fff; display: block; text-align: center; text-decoration: none; background: url(../img/bgNavi02.jpg); background-size: 50px auto; border-right: 1px solid #888; padding: 24% 0 29% 0; -webkit-tap-highlight-color: transparent; }
#gNavi a.active { color: #ccc; background: url(../img/bgNavi01.jpg); }
#gNavi i { width: 38.5%; height: 1px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-size: 100% auto; padding: 20% 0; margin-bottom: 18%; }
#gNavi p { text-shadow: 0 2px 4px #000; font-size: 12px; font-size: 0.75rem; }
#gNavi #gNavi04 a { border-right: 1px solid #0c0c0c; }
#gNavi #gNavi01 i { background-image: url(../img/imgNavi01.png); }
#gNavi #gNavi01 .active i { background-image: url(../img/imgNavi01_on.png); }
#gNavi #gNavi02 i { background-image: url(../img/imgNavi02.png); }
#gNavi #gNavi02 .active i { background-image: url(../img/imgNavi02_on.png); }
#gNavi #gNavi03 i { background-image: url(../img/imgNavi03.png); }
#gNavi #gNavi03 .active i { background-image: url(../img/imgNavi03_on.png); }
#gNavi #gNavi04 i { background-image: url(../img/imgNavi04.png); }
#gNavi #gNavi04 .active i { background-image: url(../img/imgNavi04_on.png); }

#drawerNavi { position: relative; }
#drawerNavi nav { width: 100%; display: none; position: absolute; background: url(../img/bgNavi02.jpg); background-size: 50px auto; left: 0; bottom: -1px; border-top: 1px solid #868686; border-left: 1px solid #868686; border-bottom: 1px solid #868686; z-index: 5000; }
#drawerNavi nav li { float: left; width: 25%; }
#drawerNavi nav a { color: #fff; display: block; text-align: center; text-decoration: none; padding: 40% 0; border-right: 1px solid #868686; -webkit-tap-highlight-color: transparent; position: relative; z-index: 9000; }
#drawerNavi nav a.active { color: #ccc; background: url(../img/bgNavi01.jpg); }
#drawerNavi nav i { width: 41.5%; height: 1px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-size: 100% auto; padding: 20% 0; margin-bottom: 23%; }
#drawerNavi nav p { text-shadow: 0 2px 4px #000; font-size: 12px; font-size: 0.75rem; }
#drawerNavi nav #dNavi01 i { background-image: url(../img/imgNavi01.png); }
#drawerNavi nav #dNavi01 .active i { background-image: url(../img/imgNavi01_on.png); }
#drawerNavi nav #dNavi02 i { background-image: url(../img/imgNavi02.png); }
#drawerNavi nav #dNavi02 .active i { background-image: url(../img/imgNavi02_on.png); }
#drawerNavi nav #dNavi03 i { background-image: url(../img/imgNavi03.png); }
#drawerNavi nav #dNavi03 .active i { background-image: url(../img/imgNavi03_on.png); }
#drawerNavi nav #dNavi04 i { background-image: url(../img/imgNavi04.png); }
#drawerNavi nav #dNavi04 .active i { background-image: url(../img/imgNavi04_on.png); }
#drawerNavi nav #dNavi05, #drawerNavi nav #dNavi06 { width: 50%; display: table; }
#drawerNavi nav #dNavi05 a, #drawerNavi nav #dNavi06 a { padding: 11% 0; display: table-cell; vertical-align: middle; border-top: 1px solid #868686; }
#drawerNavi nav #dNavi05 a.active i, #drawerNavi nav #dNavi06 a.active i { background-image: url(../img/imgNavi05_on.png); }
#drawerNavi nav #dNavi05 i, #drawerNavi nav #dNavi06 i { width: 20.4%; padding: 10% 0; margin: 0 5.12% 0 0; vertical-align: middle; background-image: url(../img/imgNavi05.png); }
#drawerNavi nav #dNavi05 p, #drawerNavi nav #dNavi06 p { display: inline; }
#drawerNavi nav #dNavi06 i { margin-left: -8%; }

#bannerArea { padding: 5% 3.75% 6.25% 3.75%; }
#bannerArea ul { list-style: none; }
#bannerArea li { margin-bottom: 3.75%; }
#bannerArea li:last-child { margin-bottom: 0; }
#bannerArea img { width: 100%; height: auto; display: block; }

.subTitle01 { clear: both; background: url(../img/bgSubtitle01.jpg); color: #fff; text-align: center; padding: 2.8% 0; font-size: 110%; }

#naviApp { padding: 6.25% 0; margin-bottom: 5%; list-style: none; zoom: 1; }
#naviApp:before, #naviApp:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#naviApp:after { clear: both; }
#naviApp li { width: 44.375%; float: left; margin: 0 3.75%; }
#naviApp li:first-child { margin-right: 0; }
#naviApp img { width: 100%; height: auto; display: block; }

#naviGenre { padding: 3% 3.75% 4.1% 3.75%; }
#naviGenre a, #naviGenre select { width: 92.5%; border: none; background: #7d7d7d url(../img/imgIcon02.png) 96.25% 50% no-repeat; background-size: 2.7% auto; color: #fff; -moz-appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; font-size: 130%; text-align: center; padding: 4.2% 3.75%; cursor: pointer; border-radius: 0; text-decoration: none; display: block; }
#naviGenre select::-ms-expand { display: none; }
#naviGenre option { display: block; background-color: #fff; color: #333; text-align: left; }

#listMovie01 { clear: both; border-top: 1px solid #b4b4b4; margin-bottom: 5%; }
#listMovie01 li { position: relative; display: block; border-bottom: 1px dotted #b4b4b4; }
#listMovie01 a { text-decoration: none; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; display: block; zoom: 1; padding: 4.7% 3.75% 3.5% 3.75%; }
#listMovie01 a:before, #listMovie01 a:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#listMovie01 a:after { clear: both; }
#listMovie01 .movieLeft { width: 30%; float: left; margin-right: 4.2%; }
#listMovie01 .movieLeft img { width: 100%; height: auto; }
#listMovie01 .movieRight { width: 59.55%; float: left; padding-right: 4.75%; }
#listMovie01 .movieRight .title { font-weight: normal; margin-bottom: 1em; font-size: 80%; }
#listMovie01 .movieRight .detail { margin-bottom: .6em; font-size: 85%; line-height: 120%; }
#listMovie01 .movieRight .icon { list-style: none; display: inline; vertical-align: text-bottom; }
#listMovie01 .movieRight .icon span { border: none; min-width: 20%; min-height: .5em; color: #fff; font-size: 60%; text-align: center; line-height: .9; padding: 2.3% 2% 2.2% 2%; display: inline-block; margin: 0 2% 3.5% 0; }
#listMovie01 .movieRight .icon p { font-size: 60%; color: #666; display: inline; }
#listMovie01 .movieRight .icon .free01 { background: #b40000; }
#listMovie01 .movieRight .icon .free02 { background: #0056b5; }
#listMovie01 .movieRight .icon .due-in { background: #777; }
#listMovie01 .movieRight .icon .expected-end { background: #db6d00; }
#listMovie01 .movieRight .icon .arrival-soon { background: #85b200; }
#listMovie01 .movieRight .icon .free02-end-soon { background: #0080ff; }
#listMovie01 .movieRight .icon .public-end-soon { background: #8000ff; }
#listMovie01 .badge { width: 9.38%; position: absolute; top: 0; left: 0; }
#listMovie01 .badge span { height: 1px; display: block; background-repeat: no-repeat; background-size: 100% auto; text-indent: -9999px; overflow: hidden; padding: 49% 0; }
#listMovie01 .badge .new { background-image: url(../img/imgBadge01.png); }

#naviOrganization { zoom: 1; padding: 0.6em; }
#naviOrganization:before, #naviOrganization:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#naviOrganization:after { clear: both; }
#naviOrganization li { width: 50%; float: left; text-align: center; padding: 1.2em 0; }
#naviOrganization li:first-child { border-right: 1px solid #b4b4b4; }
#naviOrganization li:last-child { margin-left: -1px; }
#naviOrganization a, #naviOrganization span { font-size: 120%; }
#naviOrganization a { text-decoration: none; color: #999; }
#naviOrganization span { color: #333; }

#movieCover img { width: 100%; height: auto; display: block; }

#movieDetail01 { padding: 5% 3.75% 0 3.75%; position: relative; zoom: 1; }
#movieDetail01:before, #movieDetail01:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#movieDetail01:after { clear: both; }
#movieDetail01 .badge { width: 9.38%; position: absolute; top: 0; left: 0; }
#movieDetail01 .badge span { height: 1px; display: block; background-repeat: no-repeat; background-size: 100% auto; text-indent: -9999px; overflow: hidden; padding: 49% 0; }
#movieDetail01 .badge .new { background-image: url(../img/imgBadge01.png); }

#movieDetail02 { width: 63.5%; float: left; }
#movieDetail02 .title { font-size: 80%; line-height: 130%; margin-bottom: .7em; font-weight: normal; }
#movieDetail02 .title02 { font-size: 85%; line-height: 130%; margin-bottom: .8em; font-weight: normal; }
#movieDetail02 .detail { font-size: 110%; margin-bottom: .7em; font-weight: normal; }
#movieDetail02 .icon { list-style: none; display: inline; vertical-align: text-bottom; }
#movieDetail02 .icon span { border: none; min-width: 20%; min-height: .5em; color: #fff; font-size: 60%; text-align: center; line-height: .9; padding: 2.3% 2% 2.2% 2%; display: inline-block; margin: 0 1% 3.5% 0; }
#movieDetail02 .icon p { font-size: 60%; color: #333; display: inline; }
#movieDetail02 .icon .free01 { background: #b40000; }
#movieDetail02 .icon .free02 { background: #0056b5; }
#movieDetail02 .icon .due-in { background: #777; }
#movieDetail02 .icon .expected-end { background: #db6d00; }
#movieDetail02 .icon .arrival-soon { background: #85b200; }
#movieDetail02 .icon .free02-end-soon { background: #0080ff; }
#movieDetail02 .icon .public-end-soon { background: #8000ff; }

#movieDetail03 { width: 36.5%; float: left; padding-top: 1.8em; }
#movieDetail03 .price { text-align: center; font-size: 90%; margin-bottom: .7em; }
#movieDetail03 .button { margin-bottom: 1.3em; }
#movieDetail03 .button a { font-size: 100%; color: #fff; display: block; background: #0053b8; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.68em 0; -webkit-tap-highlight-color: transparent; }
#movieDetail03 .button a:hover { background: #006aec; }

#movieDetail04 { padding: 0 3.5%; }
#movieDetail04 .detail { font-size: 85%; line-height: 160%; height: 6.1em; overflow: hidden; position: relative; }
#movieDetail04 .detail.off:before { padding: 0 .15em; background-color: #fff; position: absolute; }
#movieDetail04 .detail.off:before { content: "..."; top: 4.46em; right: 0; }
#movieDetail04 .more { display: block; padding: 5% 0 7% 0; margin-top: 7%; border-top: 1px solid #ddd; background: url(../img/imgIcon03.png) 50% 45% no-repeat; background-size: 4.39% auto; }
#movieDetail04 .more.on { background-image: url(../img/imgIcon04.png); }
#movieDetail04.short { padding-bottom: 7%; }
#movieDetail04.short .detail { height: auto; overflow: inherit; }
#movieDetail04.short .detail:before { display: none; }
#movieDetail04.short .more { display: none; }

#naviMovie { background: #222; zoom: 1; }
#naviMovie:before, #naviMovie:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#naviMovie:after { clear: both; }
#naviMovie li { float: left; width: 33.333%; }
#naviMovie li:last-child a { border-right: 1px solid #222; }
#naviMovie li.on a { color: #fff; }
#naviMovie a { display: block; color: #999; text-decoration: none; font-size: 120%; text-align: center; border-right: 1px solid #8a8a8a; padding: .9em 0; -webkit-tap-highlight-color: transparent; }

#movieDetail05 { clear: both; position: relative; /* use tab
>section { display: none;
}
*/ }

#movieDetail06 { font-size: 85%; line-height: 160%; padding: 5% 3.75% 10% 3.75%; }

#movieDetail07, #movieDetail08 { padding: 0 0 10% 0; }
#movieDetail07 #listMovie01 .title, #movieDetail08 #listMovie01 .title { font-size: 85%; margin-bottom: .8em; }
#movieDetail07 #listMovie01 .detail, #movieDetail08 #listMovie01 .detail { margin-bottom: .7em; }

#movieDetailToggle { clear: both; padding: 8% 3.75%; }
#movieDetailToggle ul { list-style: none; }
#movieDetailToggle h2 { font-weight: normal; margin-bottom: 4.1%; }
#movieDetailToggle h2 a { display: block; font-size: 130%; color: #fff; text-decoration: none; padding: .8em 7.5% .8em 3.75%; background: #555 url(../img/imgIcon08.png) 96.25% 50% no-repeat; background-size: 5.2% auto; }
#movieDetailToggle h2.on a { background-image: url(../img/imgIcon09.png); }
#movieDetailToggle section { display: none; clear: both; margin-bottom: 4.1%; border-top: 1px solid #dbdbdb; padding: 3.75% 0; }
#movieDetailToggle .detail01 { line-height: 130%; margin-bottom: 0; padding-bottom: 2%; }
#movieDetailToggle .detail01 .img { width: 35.6%; float: left; margin: 0 3% 9% 3%; }
#movieDetailToggle .detail01 .img img { max-width: 100%; height: auto; text-align: center; }
#movieDetailToggle .detail01 .text { float: left; width: 57.4%; padding-right: 1%; margin-bottom: 9%; color: #333; }
#movieDetailToggle .detail01 .text h3 { font-size: 85%; margin-bottom: .7em; }
#movieDetailToggle .detail01 .text p { font-size: 80%; }
#movieDetailToggle .detail02 { color: #333; line-height: 160%; font-size: 80%; border-bottom: 1px solid #dbdbdb; }
#movieDetailToggle .detail03 { color: #333; line-height: 160%; font-size: 80%; border-bottom: 1px solid #dbdbdb; }
#movieDetailToggle .detail03 h3 { font-size: 105%; margin-bottom: .8em; }
#movieDetailToggle .detail03 p { margin-bottom: 1.4em; }
#movieDetailToggle .detail03 p:last-child { margin-bottom: .6em; }
#movieDetailToggle .detail04, #movieDetailToggle .detail05 { padding: 0 0 3% 0; color: #333; line-height: 150%; font-size: 80%; }
#movieDetailToggle .detail04 li, #movieDetailToggle .detail05 li { zoom: 1; border-bottom: 1px solid #dbdbdb; padding: 4.2% 0; }
#movieDetailToggle .detail04 li:before, #movieDetailToggle .detail04 li:after, #movieDetailToggle .detail05 li:before, #movieDetailToggle .detail05 li:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#movieDetailToggle .detail04 li:after, #movieDetailToggle .detail05 li:after { clear: both; }
#movieDetailToggle .detail04 .img, #movieDetailToggle .detail05 .img { float: left; width: 17.57%; margin: 0 5% 0 3%; }
#movieDetailToggle .detail04 .img img, #movieDetailToggle .detail05 .img img { width: 100%; height: auto; display: block; }
#movieDetailToggle .detail04 .text, #movieDetailToggle .detail05 .text { float: left; width: 73.03%; padding-right: 1.4%; color: #333; }
#movieDetailToggle .detail04 .text h3, #movieDetailToggle .detail05 .text h3 { margin-bottom: .1em; }
#movieDetailToggle .detail04 .text p, #movieDetailToggle .detail05 .text p { font-size: 90%; }

#movieDetail09 { clear: both; color: #666; font-size: 70%; margin-bottom: 4%; }

#movieDetailList01 { clear: both; padding-top: 3.2%; border-top: 1px solid #dbdbdb; }
#movieDetailList01 li { margin-bottom: 3%; }
#movieDetailList01 a, #movieDetailList01 span { font-size: 85%; display: inline-block; padding: .3em .67em; text-decoration: none; color: #fff; background: #747474; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#movieDetailList01 a:hover { background: #949494; }

#listPicture01 { clear: both; border-top: 1px dotted #b4b4b4; margin: 3.4% 0 5% 0; }
#listPicture01 li { position: relative; display: block; border-bottom: 1px dotted #b4b4b4; }
#listPicture01 a { text-decoration: none; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; display: block; zoom: 1; padding: 6% 3.75% 3.75% 3.75%; }
#listPicture01 a:before, #listPicture01 a:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#listPicture01 a:after { clear: both; }
#listPicture01 .pictureLeft { width: 32%; float: left; margin-right: 4.2%; }
#listPicture01 .pictureLeft img { width: 100%; height: auto; }
#listPicture01 .pictureRight { width: 57.55%; float: left; padding-right: 4.75%; }
#listPicture01 .pictureRight .title { font-weight: bold; margin-bottom: .6em; font-size: 85%; }
#listPicture01 .pictureRight .detail { height: 5.12em; overflow: hidden; margin-bottom: .6em; font-size: 70%; line-height: 130%; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

#pictureDetail01 { text-align: center; }
#pictureDetail01 .img { padding: 4.5% 11.25% 4% 11.25%; }
#pictureDetail01 img { max-width: 100%; height: auto; }
#pictureDetail01 .title { font-size: 110%; font-weight: bold; padding: 0 3.75%; margin-bottom: 1.2em; line-height: 120%; }
#pictureDetail01 .detail { font-size: 80%; text-align: left; padding: 0 3.75%; line-height: 130%; margin-bottom: 3em; }

#pictureDetail02 { text-align: center; padding: 0 3.75% 8% 3.75%; }
#pictureDetail02 h3 { font-size: 135%; margin-bottom: 1em; font-weight: normal; }

#pictureDetail03 { text-align: center; position: relative; }
#pictureDetail03 .button { font-size: 90%; color: #fff; background: #0053b8; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.73em 1.1em; display: inline-block; -webkit-tap-highlight-color: transparent; }
#pictureDetail03 .button:hover { background: #006aec; }
#pictureDetail03 .size { width: 25%; font-size: 80%; display: inline-block; position: absolute; top: 30%; right: 0; text-align: left; }

#listPicture02 { border-top: 1px solid #b4b4b4; margin-bottom: 5%; }
#listPicture02 li { padding: 3.75%; zoom: 1; border-bottom: 1px solid #b4b4b4; }
#listPicture02 li:before, #listPicture02 li:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#listPicture02 li:after { clear: both; }
#listPicture02 .pictureLeft { width: 27.25%; float: left; margin-right: 4.5%; text-align: center; }
#listPicture02 .pictureLeft img { max-width: 100%; height: auto; margin: 0 auto; }
#listPicture02 .pictureLeft img.portrait { max-width: 80%; height: auto; margin: 0 11.25%; }
#listPicture02 .pictureRight { width: 68.25%; float: left; }
#listPicture02 .pictureRight .title { font-size: 90%; margin-bottom: 2em; }
#listPicture02 .pictureRight .purchase { text-align: right; }
#listPicture02 .pictureRight .detail { display: inline; font-size: 80%; font-weight: bold; }
#listPicture02 .pictureRight .detail.buy-yet { font-size: 70%; }
#listPicture02 .pictureRight .button { min-width: 52%; font-size: 90%; color: #fff; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.68em 0; display: inline-block; margin-left: 2%; -webkit-tap-highlight-color: transparent; }
#listPicture02 .pictureRight .button.download { background: #b40000; }
#listPicture02 .pictureRight .button.download:hover { background: #db0000; }
#listPicture02 .pictureRight .button.buy { background: #0053b8; }
#listPicture02 .pictureRight .button.buy:hover { background: #006aec; }

#listMusic01 { clear: both; border-top: 1px dotted #b4b4b4; margin-top: 1.8%; margin-bottom: 5%; }
#listMusic01 li { position: relative; display: block; border-bottom: 1px dotted #b4b4b4; }
#listMusic01 a { text-decoration: none; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; display: block; zoom: 1; padding: 3.8% 3.75% 3.4% 3.75%; }
#listMusic01 a:before, #listMusic01 a:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#listMusic01 a:after { clear: both; }
#listMusic01 .musicLeft { width: 17.5%; float: left; margin-right: 4.2%; }
#listMusic01 .musicLeft img { width: 100%; height: auto; }
#listMusic01 .musicRight { width: 73.05%; float: left; padding-right: 4.75%; }
#listMusic01 .musicRight .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin-bottom: .9em; font-size: 85%; line-height: 120%; }
#listMusic01 .musicRight .detail { margin-bottom: .6em; font-size: 65%; line-height: 120%; display: inline; }
#listMusic01 .musicRight .icon { list-style: none; display: inline; vertical-align: text-bottom; }
#listMusic01 .musicRight .icon span { border: none; min-width: 17%; min-height: .5em; color: #fff; font-size: 60%; text-align: center; line-height: .9; padding: 2.3% 2% 2.2% 2%; display: inline-block; margin: 0 2% 3.5% 0; }
#listMusic01 .musicRight .icon p { font-size: 60%; color: #666; display: inline; }
#listMusic01 .musicRight .icon .free01 { background: #b40000; }
#listMusic01 .musicRight .icon .free02 { background: #0056b5; }
#listMusic01 .musicRight .icon .due-in { background: #777; }
#listMusic01 .musicRight .icon .expected-end { background: #db6d00; }
#listMusic01 .musicRight .icon .arrival-soon { background: #85b200; }
#listMusic01 .musicRight .icon .free02-end-soon { background: #0080ff; }
#listMusic01 .musicRight .icon .public-end-soon { background: #8000ff; }
#listMusic01 .badge { width: 9.38%; position: absolute; top: 0; left: 0; }
#listMusic01 .badge span { height: 1px; display: block; background-repeat: no-repeat; background-size: 100% auto; text-indent: -9999px; overflow: hidden; padding: 49% 0; }
#listMusic01 .badge .new { background-image: url(../img/imgBadge01.png); }

#musicDetail01 { text-align: center; }
#musicDetail01 .img { padding: 4% 15.31% 3% 15.31%; }
#musicDetail01 img { max-width: 100%; height: auto; }
#musicDetail01 .title { font-size: 105%; font-weight: bold; padding: 0 3.75%; margin-bottom: 2.1em; line-height: 120%; }
#musicDetail01 .detail { font-size: 80%; text-align: left; padding: 0 3.75%; line-height: 130%; margin-bottom: 3em; }

#musicDetail02 { text-align: center; padding: 0 3.75% 8% 3.75%; }
#musicDetail02 h3 { font-size: 135%; margin-bottom: 1em; font-weight: normal; }

#musicDetail03 { text-align: center; position: relative; }
#musicDetail03 .button { font-size: 90%; color: #fff; background: #0053b8; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.73em 2.1em; display: inline-block; -webkit-tap-highlight-color: transparent; }
#musicDetail03 .button:hover { background: #006aec; }
#musicDetail03 .size { width: 25%; font-size: 80%; display: inline-block; position: absolute; top: 30%; right: 0; text-align: left; }

#listMusic02 { border-top: 1px dotted #b4b4b4; margin-bottom: 5%; }
#listMusic02 li { padding: 3.75%; zoom: 1; border-bottom: 1px dotted #b4b4b4; }
#listMusic02 li:before, #listMusic02 li:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#listMusic02 li:after { clear: both; }
#listMusic02 .musicLeft { width: 17.25%; float: left; margin-right: 4.5%; text-align: center; }
#listMusic02 .musicLeft img { max-width: 100%; height: auto; margin: 0 auto; }
#listMusic02 .musicRight { width: 78.25%; float: left; }
#listMusic02 .musicRight .title { width: 88%; font-size: 85%; line-height: 120%; margin-bottom: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; }
#listMusic02 .musicRight .purchase { text-align: right; }
#listMusic02 .musicRight .detail { display: inline; font-size: 80%; font-weight: bold; }
#listMusic02 .musicRight .detail.buy-yet { font-size: 70%; }
#listMusic02 .musicRight .button { min-width: 47%; font-size: 90%; color: #fff; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.68em 0; display: inline-block; margin-left: 2%; -webkit-tap-highlight-color: transparent; }
#listMusic02 .musicRight .button.download { background: #b40000; }
#listMusic02 .musicRight .button.download:hover { background: #db0000; }
#listMusic02 .musicRight .button.buy { background: #0053b8; }
#listMusic02 .musicRight .button.buy:hover { background: #006aec; }

#naviGenreList { margin-bottom: 5%; }
#naviGenreList li { border-bottom: 1px dotted #b4b4b4; }
#naviGenreList a { font-size: 117%; color: #333; text-decoration: none; padding: 6.5% 7%; display: block; font-weight: bold; }

#liveList { list-style: none; line-height: 110%; color: #333; margin-bottom: 5%; }
#liveList li { position: relative; display: block; border-bottom: 1px dotted #b4b4b4; }
#liveList a { text-decoration: none; color: #333; background: url(../img/imgIcon01.png) 96.25% 50% no-repeat; background-size: 3% auto; display: block; zoom: 1; padding: 4.7% 3.75% 3.5% 3.75%; }
#liveList a:before, #liveList a:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#liveList a:after { clear: both; }
#liveList .liveLeft { width: 30%; float: left; margin-right: 4.2%; }
#liveList .liveLeft img { width: 100%; height: auto; }
#liveList .liveRight { width: 59.55%; float: left; padding-right: 4.75%; }
#liveList .liveRight .date { margin-bottom: 1em; font-size: 65%; font-weight: bold; }
#liveList .liveRight .title { font-weight: normal; margin-bottom: .8em; font-size: 80%; }
#liveList .liveRight .detail { margin-bottom: .6em; font-size: 65%; }
#liveList .liveRight .icon { list-style: none; display: inline; vertical-align: text-bottom; }
#liveList .liveRight .icon span { border: none; min-width: 20%; min-height: .5em; color: #fff; font-size: 60%; text-align: center; line-height: .9; padding: 2.3% 2% 2.2% 2%; display: inline-block; margin: 0 2% 3.5% 0; }
#liveList .liveRight .icon p { font-size: 60%; color: #666; display: inline; }
#liveList .liveRight .icon .start { background: #b40000; }
#liveList .liveRight .icon .before { background: #0056b5; }

#liveCover { position: relative; }
#liveCover .button { position: absolute; width: 1px; height: 1px; line-height: 1px; overflow: hidden; background: url(../img/imgIcon10.png) no-repeat; background-size: 100% auto; padding: 14.8% 25.3%; display: block; text-indent: -9999px; top: 50%; left: 50%; margin: -14.8% 0 0 -25.3%; }
#liveCover img { width: 100%; height: auto; display: block; }

#liveDetail01 { padding: 5% 3.75% 3% 3.75%; color: #333; line-height: 120%; }
#liveDetail01 .date { font-weight: bold; font-size: 80%; margin-bottom: .7em; }
#liveDetail01 .title { font-weight: normal; font-size: 90%; margin-bottom: .8em; }
#liveDetail01 .icon { list-style: none; display: inline; vertical-align: text-bottom; }
#liveDetail01 .icon span { border: none; min-width: 11%; min-height: .5em; color: #fff; font-size: 60%; text-align: center; line-height: .9; padding: 2% 2% 1.9% 2%; display: inline-block; margin: 0 2% 0 0; }
#liveDetail01 .icon p { font-size: 60%; color: #666; display: inline; }
#liveDetail01 .icon .start { background: #b40000; }
#liveDetail01 .icon .before { background: #0056b5; }

#liveDetail02 { padding: 0 3.75%; color: #333; line-height: 130%; margin-bottom: 5%; }
#liveDetail02 .detail { font-size: 85%; margin-bottom: 2.1em; }
#liveDetail02 .button { text-align: center; }
#liveDetail02 .button a { margin: 0 auto; font-size: 95%; color: #fff; display: inline-block; background: #0053b8; text-decoration: none; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.5em 3.4em; -webkit-tap-highlight-color: transparent; }
#liveDetail02 .button a:hover { background: #006aec; }

#contentDevice h2 { font-size: 120%; margin: 1.5em 0 1.5em 0; }

#contentLaw { padding: 7% 4.375%; font-size: 70%; line-height: 160%; color: #444; }
#contentLaw h2 { font-size: 120%; margin-bottom: 1.5em; color: #222; }
#contentLaw h3 { margin-bottom: 0em; color: #222; }
#contentLaw p { margin-bottom: 1em; }
#contentLaw dl { font-size: 110%; margin: 1.5em 0 2em 0; }
#contentLaw dt { font-weight: bold; margin-bottom: 1em; }
#contentLaw dd { margin-bottom: 2em; }
#contentLaw ol { margin: 1em 0 2em 2.7em; }
#contentLaw ol ol { margin-left: 0; padding: 0; text-indent: 0; }
#contentLaw li { margin-bottom: 1em; }
#contentLaw .indent01 { padding-left: 3em !important; text-indent: -3em !important; }
#contentLaw table { font-size: 90%; width: 100%; margin-bottom: 2em; }
#contentLaw th { padding: 1em .7em; border: 1px solid #ddd; font-weight: normal; }
#contentLaw td { padding: 1em 2em; border: 1px solid #ddd; }
#contentLaw th { text-align: left; background-color: #eee; }
#contentLaw .listLaw01 { list-style: none; }
#contentLaw .listLaw01 ol { margin-left: 1.5em; }
#contentLaw .c_name { margin-top: 2em; }

#contentLaw dl.dlsub01 { font-size: 100%; margin: 1.5em 0 2em 1em; }
#contentLaw dl.dlsub01 dt { font-weight: bold; margin-bottom: 1em; color:#555;}
#contentLaw dl.dlsub01 dd { margin-bottom: 2em; }

#contentAgreement { padding: 7% 4.375%; font-size: 70%; line-height: 160%; color: #444; }
#contentAgreement h2 { font-size: 120%; margin-bottom: 1.5em; color: #222; }
#contentAgreement h3 { margin-bottom: 0em; color: #222; }
#contentAgreement p { margin-bottom: 1em; }
#contentAgreement dl { margin-bottom: 2em; }
#contentAgreement dt { margin-bottom: 1em; }
#contentAgreement dd { margin-bottom: 2em; }
#contentAgreement ol { margin: 1em 0 2em 2.7em; }
#contentAgreement ol ol { margin-left: 0; padding: 0; text-indent: 0; }
#contentAgreement li { margin-bottom: 1em; }
#contentAgreement .indent01 { padding-left: 3em !important; text-indent: -3em !important; }
#contentAgreement table { font-size: 90%; width: 100%; margin-bottom: 2em; }
#contentAgreement th { padding: 1em .7em; border: 1px solid #ddd; font-weight: normal; }
#contentAgreement td { padding: 1em 2em; border: 1px solid #ddd; }
#contentAgreement th { text-align: left; background-color: #eee; }
#contentAgreement .listAgreement01 { list-style: none; }
#contentAgreement .listAgreement01 ol { margin-left: 1.5em; }
#contentAgreement .c_name { margin-top: 2em; }

#contentAgreement ul {
list-style:none;
padding-left:1em;
}
#contentAgreement h3 {
margin-bottom:1em;
}
#contentAgreement h4 {
margin-bottom:1em;
}
#contentAgreement h5 {
margin-bottom:0.5em;
}
#contentAgreement table { font-size: 90%; width: 100%; margin-bottom: 2em; }
#contentAgreement th { padding: 1em .7em; border: 1px solid #ddd; font-weight: normal; }
#contentAgreement td { padding: 1em 2em; border: 1px solid #ddd; }
#contentAgreement th { text-align: center; background-color: #eee; }

#contentAgreement p.pindent01 {
	padding-left:1em;
}
#contentAgreement p.pindent02 {
	padding-left:2em;
}

#contentPrivacy01 { padding: 4.5% 4.375%; font-size: 70%; line-height: 160%; color: #444; }
#contentPrivacy01 h2 { font-size: 120%; margin-bottom: 1em; color: #2757a3; font-weight: normal; line-height: 160%; }
#contentPrivacy01 h3 { margin-bottom: 1.3em; color: #2757a3; font-weight: normal; }
#contentPrivacy01 p { margin-bottom: 1em; }
#contentPrivacy01 ol { margin: 1em 0 2em 1.5em; }
#contentPrivacy01 ol ol { margin-left: 0; padding: 0; text-indent: 0; }
#contentPrivacy01 ol ul { margin: 1em 0 0 0; padding: 0; text-indent: 0; }
#contentPrivacy01 ul { list-style: none; }
#contentPrivacy01 li { margin-bottom: 1em; }
#contentPrivacy01 .indent01 { padding-left: 3em !important; text-indent: -3em !important; }
#contentPrivacy01 .indent01 ul { margin-left: 0; }
#contentPrivacy01 .indent02 { padding-left: 1.1em !important; text-indent: -1.1em !important; }
#contentPrivacy01 .listPrivacy01 { list-style: none; }
#contentPrivacy01 .listPrivacy01 ol { margin-left: 1.5em; }
#contentPrivacy01 .c_name { margin-top: 3em; text-align: right; }

#contentPrivacy01 h4 { margin-bottom: 1.3em; color: #333; font-weight: bold; }

#contentPrivacy01 .sublist01 li {
	margin-left: 2em;
}

#contentPrivacy01 ul li {
	margin-left: 2em;
	list-style: circle;
}

#contentPrivacy03 { padding: 4.5% 4.375%; font-size: 70%; line-height: 160%; color: #444; }
#contentPrivacy03 h2 { font-size: 120%; margin-bottom: 1em; color: #2757a3; font-weight: normal; line-height: 160%; }
#contentPrivacy03 h3 { margin-bottom: 1.3em; color: #2757a3; font-weight: normal; }
#contentPrivacy03 p { margin-bottom: 1em; }
#contentPrivacy03 ol { margin: 1em 0 2em 1.5em; }
#contentPrivacy03 ol ol { margin-left: 0; padding: 0; text-indent: 0; }
#contentPrivacy03 ol ul { margin: 1em 0 0 0; padding: 0; text-indent: 0; }
#contentPrivacy03 ul { list-style: none; }
#contentPrivacy03 li { margin-bottom: 1em; }
#contentPrivacy03 .indent01 { padding-left: 3em !important; text-indent: -3em !important; }
#contentPrivacy03 .indent01 ul { margin-left: 0; }
#contentPrivacy03 .indent02 { padding-left: 1.1em !important; text-indent: -1.1em !important; }
#contentPrivacy03 .listPrivacy01 { list-style: none; }
#contentPrivacy03 .listPrivacy01 ol { margin-left: 1.5em; }
#contentPrivacy03 .c_name { margin-top: 3em; text-align: right; }

#contentPrivacy03 h4 { margin-bottom: 1.3em; color: #333; font-weight: bold; }

#contentPrivacy03 .sublist01 li {
	margin-left: 2em;
}

#contentPrivacy03 ul li {
	margin-left: 1em;
	/*list-style: circle;*/
}

#contentPrivacy02 { margin: 4.5% 4%; font-size: 70%; line-height: 160%; border: 1px solid #ddd; padding: 1.7em 1.2em; margin-bottom: 5%; }
#contentPrivacy02 h2 { font-weight: normal; }

#contentInquiry01 { color: #444; padding: 7.9% 3.75%; }
#contentInquiry01 h2 { font-weight: bold; font-size: 85%; margin-bottom: 1.3em; }
#contentInquiry01 p { margin-bottom: 2.4em; font-size: 80%; }
#contentInquiry01 dl { margin-bottom: 1.95em; }
#contentInquiry01 dt { font-weight: bold; margin-bottom: .9em; font-size: 90%; }
#contentInquiry01 dt strong { font-size: 90%; margin-left: .3em; }
#contentInquiry01 dd { margin-bottom: 1.7em; }
#contentInquiry01 dd input, #contentInquiry01 dd textarea, #contentInquiry01 dd select { font-size: 95%; padding: 2.3% 2%; border-radius: 0; }
#contentInquiry01 dd input, #contentInquiry01 dd textarea { width: 96%; border: 1px solid #b4b4b4; -webkit-appearance: none; background-color: #fff; color: #444; }
#contentInquiry01 dd input:focus, #contentInquiry01 dd textarea:focus { background-color: #ffffec; }
#contentInquiry01 dd select { width: 100%; padding: 2.3% 2%; }

#contentInquiry02 { text-align: center; zoom: 1; }
#contentInquiry02:before, #contentInquiry02:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#contentInquiry02:after { clear: both; }
#contentInquiry02 .btnInquiry01, #contentInquiry02 .btnInquiry02 { width: 48%; color: #fff; border: none; font-size: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; display: inline-block; padding: 2.1% 0; cursor: pointer; -webkit-appearance: none; float: left; }
#contentInquiry02 .btnInquiry01 { background-color: #777; margin-right: 4%; }
#contentInquiry02 .btnInquiry02 { background-color: #0053b8; }
#contentInquiry02 .btnInquiry03 { color: #fff; border: none; font-size: 95%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; display: inline-block; padding: 3.1% 8.5%; text-decoration: none; background-color: #0053b8; }

#contentInquiry03 { color: #444; padding: 6.8% 3.75%; }
#contentInquiry03 h2 { font-weight: normal; font-size: 85%; margin-bottom: 2.1em; line-height: 160%; }
#contentInquiry03 p { margin-bottom: 2em; line-height: 160%; font-size: 95%; }
#contentInquiry03 dl { margin-bottom: 2.4em; }
#contentInquiry03 dt { font-weight: bold; padding-bottom: .8em; margin-bottom: .6em; font-size: 90%; border-bottom: 1px solid #eee; }
#contentInquiry03 dd { margin-bottom: 1.6em; font-size: 85%; line-height: 160%; }

#contentInquiry04 { color: #444; padding: 6.5% 3.75%; }
#contentInquiry04 h2 { font-size: 90%; margin-bottom: 1.5em; line-height: 160%; }
#contentInquiry04 p { margin-bottom: 2.6em; line-height: 170%; font-size: 85%; }

#contentFaq { color: #444; padding: 6% 3.75%; line-height: 130%; }
#contentFaq h2 { font-weight: bold; font-size: 95%; margin-bottom: 1em; }
#contentFaq dl { margin-bottom: 5%; }
#contentFaq dt { font-weight: normal; font-size: 85%; color: #2757a3; padding-bottom: .7em; margin-bottom: .7em; border-bottom: 1px solid #eee; }
#contentFaq dd { font-size: 80%; margin-bottom: 1.7em; }

#contentFaq dl.faq dt {
  cursor: pointer;
}
#contentFaq dl.faq dt:hover {
  text-decoration: underline;
}
#contentFaq dl.faq dd {
  display: block;
  background: #f2f2f2;
  margin-left: 1em;
  padding: 10px;
}

#contentHistory { margin-bottom: 5%; font-size: 80%; line-height: 125%; }
#contentHistory table { width: 100%; border-bottom: 1px dotted #b4b4b4; }
#contentHistory th, #contentHistory td { vertical-align: top; text-align: left; }
#contentHistory th { width: 18%; white-space: nowrap; font-weight: bold; padding: 0 2.5% 3.75% 3.75%; }
#contentHistory td { padding: 0 0 3.75% 0; }
#contentHistory tr:first-child th, #contentHistory tr:first-child td { padding-top: 3.75%; }
#contentHistory .title th, #contentHistory .title td { font-size: 115%; }

#contentWithdrawal { color: #444; line-height: 170%; padding: 6.5% 3.75%; font-size: 85%; }
#contentWithdrawal h2 { font-weight: bold; font-size: 110%; margin-bottom: 1.5em; }
#contentWithdrawal p { margin-bottom: 1.2em; }
#contentWithdrawal ul { list-style: none; }
#contentWithdrawal ul li { margin-bottom: 1em; }
#contentWithdrawal ul .indent01 { padding-left: 2em; text-indent: -2em; }
#contentWithdrawal .detail { margin-bottom: 2.6em; }
#contentWithdrawal .button { text-align: center; }
#contentWithdrawal .button a { color: #fff; border: none; font-size: 110%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; display: inline-block; padding: 2% 11%; text-decoration: none; background-color: #0053b8; }

@media screen and (min-width: 350px) { body { font-size: 100%; } }
@media screen and (min-width: 640px) { body { font-size: 160%; }
  #gNavi p, #drawerNavi nav p { font-size: 22px; font-size: 1.375rem; }
  #wrapper { width: 640px; margin: 0 auto; padding-bottom: 120px; overflow-x: hidden; }
  #footer { width: 640px; left: 50%; -margin-left: -320px; padding: 21px 0; }
  #footer address { padding: 5% 3.75% 5% 3.75%; font-size: 20px; font-size: 1.25rem; }
  #footer address.center { padding-top: 30px; padding-bottom: 30px; }
  #footer .btnDrawer { margin-left: 3.75%; }
  #listPhoto01 .detail:before { padding: 0 .5em; background-color: #fff; position: absolute; }
  #listPhoto01 .detail:before { content: "..."; top: 4em; right: 0; } }
/* END CSS */

ul#commonlist ul {
	font-size: 135%;
	list-style: circle;
}

ul#commonlist li {
	border-bottom: 1px dotted #b4b4b4;
	margin-bottom: 3px;
}

######################


