@charset utf-8;

/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */

#html { height:100%; background:url(../../../../img/images/column/maishilo/bgHtml.gif) repeat-x 0 0; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;  letter-spacing:0; color:#333; background:url(../../../../img/images/column/maishilo/bgBody.gif) repeat-x 0 bottom; position:relative; }
div.hidden { overflow-x:hidden; }

a { color:#878787; text-decoration:none; }
a:hover { color:#FF8C00; }
a.opalink:hover { opacity:0.7; }

/* WRAP */
#wrap { margin:0 auto; width:970px; position:relative; }

/* HEADER */
#header .seoArea { background-color: #ff8c00; padding: .5em; color: #fff; font-size: 85%; }

#header .seoArea .inner { display: table; }

#header .seoArea .seoTxt { display: table-cell; width: 20%; }

#header .seoArea .numbers { display: table-cell; width: 80; text-align: right; }

#header #headerMiddle { display: table; border-spacing: 8px; border-collapse: separate; }
#header #headerMiddle > h1, #header #headerMiddle > div, #header #headerMiddle > ul { display: table-cell; vertical-align: middle; width: 20%; }
#header #headerMiddle .bannerBox { width: 60%; }
#header #headerMiddle .snsNav { text-align: right; }
#header #headerMiddle .snsNav li { display: inline-block; }
.snsNav li { margin: 0 4px; }
.inner { width: 1060px; margin: 0 auto; }
.bannerBox img { display: block; }

#header #headNav { background-color: #eee; margin-bottom: 1em; }
#header #headNav ul { display: table; }
#header #headNav ul::after { content: ""; display: block; clear: both; }
#header #headNav li { display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #fff; }
#header #headNav li a { display: block; padding: 1.5em 1em 1em; border-bottom: 4px solid #eee; }
#header #headNav li:first-child { border-left: 1px solid #fff; }
#header #headNav li.active a, #header #headNav li:hover a { border-color: #ff8c00; }
#header #headNav li.livefansPush a{ padding: 8px 1em 4px; }

/* HERO IMAGE */
#heroImage { text-align: center; margin-bottom: 1em; }

/* BillboardLIVE */
#wrap #header h6 { position:absolute; bottom:10px; right:0; }
#wrap #header h6 a { display:block; }

#wrap #header h6 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; zoom: 1; }

/* BillboardLIVE */
/* HEADER */

/* CONTAINER */
#container { width:970px; overflow:hidden; }

/* SEARCHBOX */
#searchBox { margin-bottom:15px; width:970px; overflow:hidden; }
#searchBox > form { margin:0 5px 0 0; padding:5px 5px 5px 35px; width:660px; background:#EEE url(../../../../img/images/column/maishilo/icon_search.gif) no-repeat 0 0; border-radius:5px; float:left; overflow:hidden; }
#searchBox form select,
#searchBox form input { display:inline; padding:0 5px; font-size:93%; line-height:25px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left; border-radius:5px;}
#searchBox form select { margin:0 5px 0 0; width:155px; }
#searchBox form input[type="text"] { display:inline; margin:0 8px 0 0; padding:0 5px; font-size:93%; line-height:25px; width:300px; height:25px; vertical-align:middle; background:#FFF; border:none; float:left; border-radius:5px; }
#searchBox form input[type="submit"] { display:inline-block; font-weight:bold; line-height:1.25; color:#FFF; width:85px; background:#FF8C00; }
#searchBox form p.narrowBtn { padding-right:5px; font-size:93%; line-height:25px; color:#FF8C00; text-decoration:underline; width:auto; float:right; cursor:pointer; }
#searchBox form p.narrowBtn:after { content:"▼"; }
#searchBox form p.selected:after { content:"▲"; }

/* searchBoxIn */
#searchBox .searchBoxIn { clear:both; display:none; margin:0 0 -5px -35px; padding:5px 10px 40px; height:55px; width:680px; background:#EEE url(../../../../img/images/column/maishilo/bgNarrow.gif) no-repeat 50% bottom; position:relative; }
#searchBox .searchBoxIn form { margin:0; padding:0; width:680px; height:auto; float:none; }
#searchBox form .searchBoxIn select { width:225px; }
#searchBox form .searchBoxIn dl { padding:0 0 0 10px; width:auto; overflow:hidden; }
#searchBox form .searchBoxIn dl dt { padding:10px 0 0; float:left; font-size:100%; line-height:25px; width:100px; }
#searchBox form .searchBoxIn dl dd { padding:10px 0 0; }
#searchBox form .searchBoxIn select { width:225px; float:none; }
#searchBox form .searchBoxIn dl dd.dateSelect select { width:110px; }
#searchBox form .searchBoxIn ul { position:absolute; top:20px; left:370px; }
#searchBox form .searchBoxIn ul li { margin:0 0 5px; font-size:100%; line-height:1.25; }
#searchBox form .searchBoxIn p { position:absolute; right:20px; bottom:40px; float:none; }
#searchBox form .searchBoxIn input[type="submit"] { width:120px; }
/* searchBoxIn */

/* btnBox */
#searchBox #btnBox { width:250px; float:right; overflow:hidden; }
#searchBox #btnBox p { margin:0 5px 0 0; font-size:123.1%; font-weight:bold; line-height:25px; text-align:center; width:auto; float:left; } #searchBox #btnBox p + p { margin-right:0; }
#searchBox #btnBox p.btn a { display:block; padding:5px; color:#FFF; width:135px; height:25px; background:#FF8C00; border-radius:5px; }
#searchBox #btnBox p.login a { padding:3px; color:#FF8C00; width:90px; border:2px solid #FF8C00; background:#FFF; }
#searchBox #btnBox p.logout a { background:#DDD; width:90px; }
/* btnBox */
/* SEARCHBOX */

/* mainimage */
#container h3.mainimage { margin-bottom:30px; text-indent:600%; white-space:nowrap; width:970px; height:330px; overflow:hidden; background:url(../../../../img/images/column/maishilo/head_L.jpg?verupdate=20200120) no-repeat center 50%; }
/* mainimage */


/* CONTENT */
#content { width:670px; float:left; }

/* topBox */
#content div.topBox { margin-bottom:40px; padding:14px; border:1px dashed #ea026e; overflow:hidden; }
#content div.topBox > img { width:auto; float:left; }
#content div.topBox div { width:auto; }
#content div.topBox div dl dt { font-size:131%; font-weight:bold; line-height:1.25; color:#ea026e; }
#content div.topBox div dl dd { margin:5px 0; font-size:131%; font-weight:bold; line-height:1.25; }
#content div.topBox div p { font-size:108%; line-height:1.25;  }
#content div.topBox div p.date { margin-bottom:10px; font-weight:bold; line-height:1.25; color:#ea026e; }
#content div.topBox div p a { display:block; margin-top:10px; font-size:116%; font-weight:bold; line-height:40px; color:#FFF; text-align:center; width:auto; height:40px; background:#BBB; }
#content div.topBox div p a:hover { opacity:0.7; }
/* topBox */

/* listBlock */
#content div.listBlock { margin-bottom:40px; }
#content div.listBlock h3 {height: 50px;margin-bottom:15px;font-size:9px;text-align:center;/* border-bottom: 1px solid #ea026e; *//* padding-bottom: 10px; */background-color: #F9F9F9;}
#content div.listBlock h3 img { height:50px; }
#content div.listBlock div { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ea026e; background:url(../../../../img/images/column/maishilo/cursor_list.png) no-repeat right 50%; overflow:hidden; padding-bottom: 10px;}
#content div.listBlock div> img { width:auto; float:left; }
#content div.listBlock div dl {margin-left: 130px;padding:15px 40px 15px 0;width:auto;overflow:hidden;}
#content div.listBlock div dl dt { font-size:131%; font-weight:bold; line-height:1.25; color:#ea026e; width:60px; float:left; }
#content div.listBlock div dl dd { margin-left:75px; font-size:131%; font-weight:bold; line-height:1.25; }
#content div.listBlock div dl dd a { color:#333; }
#content div.listBlock div > p {margin-left: 130px;font-size:108%;font-weight:bold;line-height:1.25;color:#ea026e;}
#content div.listBlock div.bl-hover { opacity:0.7; }
#content div.listBlock > p { font-size:116%; font-weight:bold; line-height:1.25; text-align:right; }
#content div.listBlock > p a { color:#ea026e; } #content div.listBlock > p a:hover { opacity:0.7; }
/* listBlock */

/* titleBox */
#content div.titleBox { margin-bottom:20px; }
#content div.titleBox h3 { margin-bottom:10px; font-size:167%; font-weight:bold; line-height:1.25; }
#content div.titleBox p { font-size:108%; font-weight:bold; line-height:1.25; color:#ea026e; }
#content div.titleBox p:first-child { margin-bottom:5px; font-size:146.5%; }

#content div.titleBox ul.shareLink { margin:0; padding-top:9px; width:auto; overflow:hidden; }
#content div.titleBox ul.shareLink li { margin-left:5px; width:auto; float:right; }
/* titleBox */

/* entryBox */
#content div.entryBox { padding-bottom:20px; font-size:116%; }
#content div.entryBox > div.entryBox { font-size:13px; }
#content div.entryBox h4 { font-size:146.5%; line-height:1.25; border-width: 0 0 2px 0; border-style:solid; border-color:#ea026e; margin:40px 0 10px; }
#content div.entryBox p { margin-bottom:20px; line-height:1.75; overflow:hidden; }
#content div.entryBox p img.alC { display:block; margin:0 auto; }
#content div.entryBox p img.alR { margin:0 0 20px 20px; float:right; }
#content div.entryBox p img.alL { margin:0 20px 20px 0; float:left; }
#content div.entryBox p span { font-size:85%; }
#content div.entryBox h3.exTitle { margin:0 0 5px; font-size:146.5%; font-weight:bold; line-height:1.25; color:#555; padding-top:25px; border-top:1px solid #CCC; }
#content div.entryBox ul.relList { margin:0 0 20px 2em; }
#content div.entryBox ul.relList li { padding:10px 0 10px; line-height:1.25; color:#FF8C00; list-style:disc; font-size:116%; border-bottom:1px solid #CCC;}

/* entryBox */

/* pageNav */
#content p.pageNav { margin:0 auto 40px; width:180px; overflow:hidden; }
#content p.pageNav a { display:block; width:70px; height:70px; } #content p.pageNav a:hover { opacity:0.7; }
#content p.pageNav a.prev { float:left; } #content p.pageNav a.next { float:right; }
/* pageNav */

/* CONTENT */


/* SIDE */
#side { width:250px; float:right; }

/* profBox */
#side div.profBox { margin-bottom:30px; }
#side div.profBox h4 { display:none; }
#side div.profBox dl { margin-bottom:20px; text-align:center; }
#side div.profBox dl dt { margin-bottom:10px; }
#side div.profBox dl dd { font-size:167%; font-weight:bold; line-height:1.25; }
#side div.profBox p { margin:20px 0; font-size:108%; line-height:1.5; }
#side div.profBox ul { padding-bottom:10px; }
#side div.profBox ul li { margin-bottom:10px; font-size:116%; font-weight:bold; line-height:1.25; color:#ea026e; }
#side div.profBox ul li:before { content:">> "; }
#side div.profBox div.imageBox { width: 250px; text-align: center; display: table-cell; vertical-align: middle;}
#side div.profBox div.imageBox img { width: auto; height: auto; max-width: 250px; padding-bottom:10px; }
/* profBox */

/* movieBlock */
#side div.movieBlock { margin-bottom:40px; }
#side div.movieBlock h4 {margin-bottom:15px; font-size:167%;font-weight:bold;line-height:30px;color: #FFF; background-color: #ea026e; padding: 4px 5px 0px;}
#side div.movieBlock dl { margin-bottom:15px; }
#side div.movieBlock dt { margin-bottom:5px; font-size:116%; font-weight:bold; line-height:1.25; }
#side div.movieBlock p a { display:inline-block; font-size:116%; font-weight:bold; line-height:40px; color:#FFF; text-align:center; width:250px; height:40px; border-radius:8px; background:#BBB; }
#side div.movieBlock a:hover { opacity:0.7; }
/* movieBox */

/* liveBlock */
#side div.liveBlock { margin-bottom:40px; }
#side div.liveBlock h4 {margin-bottom:15px; font-size:167%;font-weight:bold;line-height:30px;color: #FFF; background-color: #ea026e;padding: 5px 5px 0px; }
#side div.liveBlock h5 { margin-bottom:15px; padding-left:8px; font-size:131%; font-weight:bold; line-height:2.0; color:#FFF; background:#ea026e; }
#side div.liveBlock div.liveitem dl { margin-bottom:15px; }
#side div.liveBlock div.liveitem dl dt { margin-bottom:5px; padding-bottom:3px; font-size:131%; font-weight:bold; font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝','MS PMincho','メイリオ',Meiryo, serif; line-height:1.25; color:#ea026e; border-bottom:1px solid #ea026e; }
#side div.liveBlock div.liveitem dl dd { font-size:108%; line-height:1.25; color:#ea026e; }
#side div.liveBlock div.liveitem p { margin-bottom:15px; font-size:108%; line-height:1.5; }
#side div.liveBlock div.liveitem p a { word-break:break-all; }
#side div.liveBlock div.liveitem ul { padding-bottom:10px; }
#side div.liveBlock div.liveitem ul li { margin-bottom:10px; font-size:116%; font-weight:bold; line-height:1.25; color:#ea026e; }
#side div.liveBlock div.liveitem ul li:before { content:">> "; }
#side div.liveBlock > div { width:auto; overflow:hidden; }
#side div.liveBlock > p a { display:inline-block; font-size:116%; font-weight:bold; line-height:40px; color:#FFF; text-align:center; width:250px; height:40px; border-radius:8px; background:#BBB; }
#side div.liveBlock > a:hover { opacity:0.7; }
/* liveBlock */

/* setlistBlock */
#side div.setlistBlock { margin-bottom:40px; }
#side div.setlistBlock h4 { margin-bottom:15px; padding-left:32px; font-size:167%; font-weight:bold; line-height:30px; color:#ea026e; background:url(../../../../img/images/column/maishilo/cursor_sideB.png) no-repeat 0 0; }
#side div.setlistBlock div.miniBox { margin-bottom:15px; padding-bottom:15px; width:auto; overflow:hidden; border-bottom:1px dashed #555; }
#side div.setlistBlock div.miniBox > a:first-child { display: block; float:left; width:auto; background:#FFF; }
#side div.setlistBlock div.miniBox a + dl { float:right; margin:0; width:170px; }
#side div.setlistBlock dl dt { margin-bottom:5px; font-size:116%; font-weight:bold; line-height:1.25; }
#side div.setlistBlock div.miniBox dl dd { font-size:108%; font-weight:bold; line-height:1.25; width:auto; }
#side div.setlistBlock div.miniBox dl + .icons { margin-top:10px; width:170px; float:right; }
#side div.setlistBlock div.miniBox dl + .icons .icon { margin-right:10px; width:72px; height:20px; float:left; }
span.icon a { display:block; margin:0; text-indent:100%; white-space:nowrap; width:72px; height:20px; border-radius:3px; background:url(../../../../img/images/column/maishilo/icons.png) no-repeat 0 0; overflow:hidden; }
#side div.setlistBlock div.miniBox span.clip a { background-position:0 -80px; }
#side div.setlistBlock div.miniBox span.cliped a { background-position:0 -100px; }
#side div.setlistBlock div.miniBox span.golive a { background-position:0 0; }
#side div.setlistBlock div.miniBox span.golived a { background-position:0 -20px; }
#side div.setlistBlock div.miniBox span.gonelive a { background-position:0 -40px; }
#side div.setlistBlock div.miniBox span.gonelived a { background-position:0 -60px; }
#side div.setlistBlock div.miniBox .icons + .icons { clear:left; margin:0; padding-top:10px; width:70px; }
#side div.setlistBlock div.miniBox .icons span.ticon,
#side div.setlistBlock div.miniBox .icons span.ticon a { display:block; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:auto; height:20px; border-radius:3px; }
#side div.setlistBlock div.miniBox .icons span.list a { width:70px; background:#FFA500; }
#side div.setlistBlock > p a { display:inline-block; font-size:116%; font-weight:bold; line-height:40px; color:#FFF; text-align:center; width:250px; height:40px; border-radius:8px; background:#BBB; }
#side div.setlistBlock > a:hover { opacity:0.7; }
/* setlistBlock */

/* amazonBlock */
#side div.amazonBlock { margin-bottom:40px; }
#side div.amazonBlock h4 {margin-bottom:15px; font-size:167%;font-weight:bold;line-height:30px;color: #FFF; background-color: #ea026e;padding: 5px 5px 0px; }
#side div.amazonBlock h5 { margin-bottom:15px; padding-left:8px; font-size:131%; font-weight:bold; line-height:30px; color:#ea026e; }
#side div.amazonBlock dl { margin-bottom:15px; padding:0 10px; }
#side div.amazonBlock dl dd { padding-top:5px; font-size:153.9%; font-weight:bold; font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝','MS PMincho','メイリオ',Meiryo, serif; line-height:1.25; color:#ea026e; }
#side div.amazonBlock dl dd a.image { display:inline-block; margin:10px 0 0 50px; width:127px; }
#side div.amazonBlock dl dd p a.itunes { line-height:100px; margin:10px 0 0 25px; clear:both; padding:40px 0 0 185px; width:auto; background:url(../../../../img/common/icon_ExBuy.png?verupdate=20180119) no-repeat; background-position:0 0; position:relative;}
#side div.amazonBlock dl dd p a.recochoku { margin-bottom:0px; line-height:12px; margin:10px 0 0 25px; clear:both; padding:35px 0 0 185px; width:auto; background:url(../../../../img/common/icon_ExBuy.png?verupdate=20180119) no-repeat; background-position:0 -62px; position:relative;}
#side div.amazonBlock dl dd p { font-size:68%; line-height:30px; color:#ea026e; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
#side div.amazonBlock p { font-size:108%; line-height:1.25; }
#side div.amazonBlock p a.link{ display:inline-block; font-size:116%; font-weight:bold; line-height:40px; color:#FFF; text-align:center; width:250px; height:40px; border-radius:8px; background:#BBB; }
#side div.amazonBlock a:hover { opacity:0.7; }
#side div.amazonBlock br { letter-spacing:normal }
/* amazonBox */

/* userBox */
#side div.userBox { margin:0 0 5px; padding:9px; border:1px solid #DDD; }
#side div.userBox dl { margin:0 auto 9px; text-align:center; }
#side div.userBox dl dt { margin:0 0 5px; }
#side div.userBox dl dt a:hover img { opacity:0.7; }
#side div.userBox dl dd a { font-size:116%; font-weight:bold; line-height:1.25; color:#555; } #side div.userBox dl dd a:hover { color:#FF8C00; }
#side div.userBox p { margin:0 0 9px; padding:9px 0 0; text-align:left; border-top:1px solid #DDD; }
#side div.userBox p.mynav { font-size:116%; }
#side div.userBox p span { color:#555; }
#side div.userBox ul { }
#side div.userBox ul li { margin:0 0 5px -9px; font-size:93%; line-height:1.25; text-align:left; border-bottom:none; padding:5px 0 5px 5px; color:#555; border-left:9px solid #DDD; }
#side div.userBox ul li span { color:#FF8C00; }
/* userBox */
/* SIDE */
/* CONTAINER */


/* FOOTER */
#footer { margin-top: 4em; padding: 2em 0 0; background-color: #e2e2e2; }
#footer::after { content: ""; display: block; clear: both; }
#footer .goTop { text-align: right; margin-bottom: 2em; }
#footer .footerLf { width: 50%; float: left; margin-bottom: 4em; }
#footer .footerLf ul { display: inline-block; width: 30%; margin-right: 1em; }
#footer .footerLf ul li { margin-bottom: 1em; }
#footer .footerRt { width: 50%; float: right; text-align: right; margin-bottom: 4em; }
#footer .footerRt ul { margin-bottom: 1em; }
#footer .footerRt ul li { display: inline-block; }
#footer #copy { clear: both; padding: .5em; background-color: #ff8c00; color: #fff; line-height: 1.5; font-size: 93%; text-align: center; }

div#right { text-align: right; }


/* FOOTER */

#wrap #header p.menubnr {position: absolute; bottom: 10px; right: 0px;}