@charset "utf-8";
/* CSS Document */

.right{position:relative;}
.right #sns{position:absolute; top:8px; right:8px;}
.right #sns .twitter{ float:left;}
.right #sns .facebook{float:left; margin-right:5px;}

.contentsBox .InBox h4 span.maker{display: inline-block;padding: 7px 0 0 13px;font-weight:normal; font-size:12px;}

.contentsBox .InBox .title_img{margin:7px 0; text-align: center; padding: 4px 0; background-color: #E7E7E7;}

.contentsBox .InBox .icon_btn{height:25px; margin:0 0 7px 0;}
.contentsBox .InBox .icon_btn ul.genre li{float:left; margin-right:5px; padding:5px 10px; font-weight:bold; letter-spacing:2px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color: #ffffff;text-decoration: none;background: #52C784;-webkit-box-shadow: inset 0px 0px 5px rgba(169, 255, 219, 1);-moz-box-shadow: inset 0px 0px 5px rgba(169, 255, 219, 1);box-shadow: inset 0px 0px 5px rgba(169, 255, 219, 1);border: 1px solid #2D8B5D;}

.contentsBox .InBox .icon_btn ul.linkBtn{float:right;}
.contentsBox .InBox .icon_btn ul.linkBtn li{float:left;}
.contentsBox .InBox .icon_btn ul.linkBtn li.official{width:94px; height:25px;}
.contentsBox .InBox .icon_btn ul.linkBtn li.official a{background-image:url(../../common/images/btn/btn_official.gif);}
.contentsBox .InBox .icon_btn ul.linkBtn li.pay{width:153px; height:25px; margin:0 7px 0 0;}
.contentsBox .InBox .icon_btn ul.linkBtn li.pay a{background-image:url(../../common/images/btn/btn_paynetcafe.gif);}
.contentsBox .InBox .icon_btn ul.linkBtn li.necor{width:94px; height:25px; margin:0 7px 0 0;}
.contentsBox .InBox .icon_btn ul.linkBtn li.necor a{background-image:url(../../common/images/btn/btn_necor.gif);}
.contentsBox .InBox .icon_btn ul.linkBtn li.netcafe{width:121px; height:25px; margin:0 7px 0 0;}
.contentsBox .InBox .icon_btn ul.linkBtn li.netcafe a{background-image:url(../../common/images/btn/btn_netcafe.gif);}

.contentsBox .InBox dl.tokuten{margin:10px 7px;}
.contentsBox .InBox dl.tokuten dt{font-weight:bold; color:#E37431; margin-bottom:7px;}
.contentsBox .InBox dl.tokuten dd{background:url(../img/star.png) no-repeat left top; padding-left:20px; margin-top:7px; line-height:1.4;}
.contentsBox .InBox dl.tokuten dd.kara{ background:none; padding-left:0; margin-top:7px;}
.contentsBox .InBox dl.tokuten dd.hr {margin-bottom:14px; padding-bottom:7px; border-bottom:1px dotted #333333;}
.contentsBox .InBox dl.tokuten p{line-height:15px; margin-top:3px;}
.contentsBox .InBox dl.tokuten .lt {text-decoration:line-through;} /* 打消し線 */
.contentsBox .InBox dl.tokuten .em{color:#cc0000;}
.contentsBox .InBox dl.tokuten .fw{font-weight:bold;}
.contentsBox .InBox dl.tokuten .marker{display:inline-block; margin:0 0 3px 0; padding:0 6px 0 4px; background:linear-gradient(transparent 60%, #fff000 60%); color:#cc0000; font-weight:bold; font-size:15px;}

.contentsBox .InBox .titleinfo_search{margin:7px auto;border: 1px solid #c9c9c9;background-color: #f8f8f8;
-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
.contentsBox .InBox .titleinfo_search .area{background: url(../../common/images/icon/icon_arrowright.gif) no-repeat;background-position: 3px 5px;margin: 5px 3px;padding-left: 20px;}
.contentsBox .InBox .titleinfo_search .terms{display:inline-block;background: url(../../common/images/icon/icon_arrowright.gif) no-repeat;background-position: 3px 0;margin: 3px 3px 5px 3px;padding-left: 20px;}
.contentsBox .InBox .titleinfo_search .terms .termsBtn a{display:none;/*display:inline-block; border:1px solid #999; padding:2px 5px; margin-left:5px; text-decoration:none; font-weight:normal;*/}
.contentsBox .InBox .titleinfo_search .keyword{background: url(../../common/images/icon/icon_arrowright.gif) no-repeat; background-position: 3px 4px;margin: 3px;padding: 0 0 0 20px;}
.contentsBox .InBox .titleinfo_search .area span,
.contentsBox .InBox .titleinfo_search .terms span,
.contentsBox .InBox .titleinfo_search .keyword span{font-weight: bold;}
.contentsBox .InBox .titleinfo_search .keyword #tbArea{width:180px;}
.contentsBox .InBox .titleinfo_search .keyword #tbKeyword{width: 300px;}
.contentsBox .InBox .titleinfo_search .note{font-size: 11px;margin: 0 0 5px 7px; padding-top:3px; color:#747474; clear:both;}

.contentsBox .InBox .titleinfo_search .searchBtn{margin:0 auto 5px; width:613px;}
.contentsBox .InBox .titleinfo_search .searchBtn .btn_near{display:inline-block; width:297px; height:27px;}
.contentsBox .InBox .titleinfo_search .searchBtn .btn_near a{background-image:url(../../common/images/btn/near_search_l.gif);}
.contentsBox .InBox .titleinfo_search .searchBtn .btn_search{display: inline-block; width:297px; height:27px; margin-left:10px;}
.contentsBox .InBox .titleinfo_search .searchBtn .btn_search a{background-image:url(../../common/images/btn/search_l.gif);}

.contentsBox .InBox .titleinfo_search #insertTitle{margin:0 10px;}
.contentsBox .InBox .titleinfo_search #insertTitle div{display:inline-block; margin-right:5px;}
.contentsBox .InBox .titleinfo_search .resultTitle{display:inline-block;}
.contentsBox .InBox .titleinfo_search .resultTitle div{display:inline-block; margin-right:5px;}

.contentsBox .InBox .title_event{height:116px; margin:7px auto;border: 1px solid #c9c9c9;background-color: #fafafa; padding:8px 7px 0 7px; overflow:auto;}
.title_event .shop_event .date{position: relative;display: inline-block;padding: 0 15px;width: auto;min-width: 115px;height: 30px; margin:0 15px 8px 0; color: #f6f6f6;line-height: 30px;text-align: center;background:#5f8fa7; z-index: 0;}
.title_event .shop_event .date:after {display:block; position:absolute; top:50%; right:-10px; width:0px; height: 0px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 10px; border-color: transparent transparent transparent #5f8fa7; content: "";}

.contentsBox .InBox .title_movie{width:640px; height:360px; background-color:#CCC; margin:8px auto;}

.contentsBox .InBox .title_txt{overflow:hidden;margin:0 0 15px 0;padding:8px 8px 0;line-height:1.4;}
.contentsBox .InBox .title_txt .t_img{float:left;width:250px;vertical-align:top;}
.contentsBox .InBox .title_txt .t_img img{margin-bottom:8px;}
.contentsBox .InBox .title_txt .t_imgBox {margin-top:16px; font-size:0; text-align:center;}
.contentsBox .InBox .title_txt .t_imgBox li {display:inline-block; padding:0 6px 12px; text-indent:0;}
.contentsBox .InBox .title_txt .t_txt, .contentsBox .InBox .title_txt .t_txt_s{float:left; width:430px; padding-left:8px; line-height:1.4; vertical-align:top;}
.contentsBox .InBox .title_txt .t_txt_s{width:400px; padding-left:20px;}
.contentsBox .InBox .title_txt p{font-size:13px;}
.contentsBox .InBox .title_txt .fs{font-size:12px;}
.contentsBox .InBox .title_txt .fw{font-weight:bold;}
.contentsBox .InBox .title_txt .dot{border-bottom:1px dotted #cccccc; padding-bottom:15px;}
.contentsBox .InBox .title_txt .dot + .dot{padding-top:15px;}
.contentsBox .InBox .title_txt .paragraph{margin:10px 0 0 0;line-height:1.4;}
.contentsBox .InBox .title_txt .paragraphMini{margin:5px 0 0 0;line-height:1.4;}
.contentsBox .InBox .title_txt .paragraphLarge{margin:20px 0 0 0;line-height:1.4;}
.contentsBox .InBox .title_txt .ttl{font-weight:bold;}
.contentsBox .InBox .title_txt .red{color:#cc0000;font-weight:bold;}
.contentsBox .InBox .title_txt .att{color:#cc0000;}
.contentsBox .InBox .title_txt dl{margin:0 0 10px 0;padding:0;}
.contentsBox .InBox .title_txt dl dt{font-size:13px;font-weight:bold;}
.contentsBox .InBox .title_txt dl dd{font-size:13px;}
.contentsBox .InBox .title_txt ul{margin:0 0 -3px 0;padding:0;}
.contentsBox .InBox .title_txt .ttl + ul {margin-top:6px;}
.contentsBox .InBox .title_txt ul li{font-size:13px;padding:0 0 3px 1em;text-indent:-1em;}
.contentsBox .InBox .title_txt ul li.txt_s{font-size:11px;padding:0 0 3px 1em;text-indent:-1em;}
.contentsBox .InBox .title_txt ul + p {margin-top:16px;}
.contentsBox .InBox .title_table {width:100%; margin:4px 0 5px; line-height:1.4; border-collapse:collapse;}
.contentsBox .InBox .title_table td, .contentsBox .InBox .title_table th {padding:5px 10px; border:1px solid #b0b0b0; font-size:11px;}
.contentsBox .InBox .title_table th {border-color:#555555; background:#555555; font-weight:normal; color:#ffffff;}
.contentsBox .InBox .title_table tr td:nth-of-type(1){width:30%;}
.contentsBox .InBox .title_table .tdBg {background:#f3f3f3;}

.contentsBox .InBox .copyright{border-top:2px solid #E4E4E4; padding:15px 0 3px 0; margin-top:5px; text-align:center; font-size:12px; color:#666; line-height:1.4;}

/* キャンペーンお知らせ枠 */
.waku_campaign{padding:10px; margin:22px 0; border:1px solid #cc0000; line-height:1.4; font-size:13px; word-wrap:break-word;}
.waku_campaign h5{position:relative; margin-bottom:8px; padding-left:9px; color:#cc0000; font-size:15px; font-weight:bold; line-height:1.3;}
.waku_campaign h5::before{position:absolute; left:0; width:3px; height:95%; background:#cc0000; content:'';}
.waku_campaign p + p{margin-top:8px;}
.waku_campaign span{color:#cc0000;}
.waku_campaign .date{margin-bottom:3px; padding-bottom:3px; border-bottom:1px dotted #999; font-weight:bold;}

/*-------------モバイル用----------------------------*/ 
#titlelist_mobile #contents .titlelist{margin:0 5px 5px 5px;}
#titlelist_mobile #contents .titlelist .category a{ display:block; margin-top:6px; padding:17px 15px 17px 32px; border:1px solid #7C868A; background:url(../../common/images/icon/arrow_b.png)no-repeat,#7F9EA7; background-position:9px 50%; background-size:16px 9px; color:#FFF; font-weight:bold; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#titlelist_mobile #contents .titlelist ul li.ttl{padding:7px 2px 7px 7px; margin: 5px 1px 0 1px;background:#FAFAFA; border:1px solid #E4E4E4;}
#titlelist_mobile #contents .titlelist ul li.ttl a{display:table; width:100%;text-decoration: none; font-size:14px; background:url(../../common/images/icon/arrow_r.png)no-repeat; background-position:right 50%; background-size:10px 14px;}
#titlelist_mobile #contents .titlelist ul li.ttl img{ display:table-cell;width: 30px; margin-right:5px; max-width: none;vertical-align: middle;}
#titlelist_mobile #contents .titlelist ul li.ttl span{ display:table-cell;width:100%;vertical-align: middle; padding-right:10px;}

/*各タイトルページ*/
#default_mobile #contents #sns{display:none;}

#default_mobile #contents .contentsBox .InBox h4 .maker{display:none;}
#default_mobile #contents .contentsBox .InBox .icon_btn .genre{display:none;}
#default_mobile #contents .contentsBox .InBox .titleinfo_search .area{display:none;}
#default_mobile #contents .contentsBox .InBox .titleinfo_search .terms{display:none;}
#default_mobile #contents .contentsBox .InBox .titleinfo_search .keyword{display:none;}
#default_mobile #contents .contentsBox .InBox .titleinfo_search .note{display:none;}
#default_mobile #contents .contentsBox .InBox .titleinfo_search .searchBtn{display:none;}
#default_mobile #contents .contentsBox #termsBox{display:none;}
#default_mobile #contents .contentsBox .title_txt .t_img{display:none;}
#default_mobile #contents .contentsBox .InBox .title_txt .t_imgBox{display:none;}
#default_mobile #contents .contentsBox .InBox h4.movie{display:none;}
#default_mobile #contents .contentsBox .InBox .title_movie{display:none;}
#default_mobile .title_event .shop_event .date:after{display:none;}

#default_mobile #contents .contentsBox .InBox .title_img{margin:0;}
#default_mobile #contents .contentsBox .InBox h4{margin-top:8px;}
#default_mobile #contents .contentsBox .InBox h4 + dl.tokuten {margin-bottom:20px;}
#default_mobile #contents .contentsBox .InBox #spMobile a{ display:block; width:50%; margin:0 auto 20px; padding:11px; border-radius:8px; background:#ea8916; background:-webkit-linear-gradient(top, #f7941f 0%,#ea8916 100%); background:linear-gradient(to bottom, #f7941f 0%,#ea8916 100%); font-weight:bold; color:#ffffff; font-size:14px; text-decoration:none; text-align:center; letter-spacing:0.1em; text-shadow:0 1px 3px rgba(0,0,0,0.5);}
#default_mobile #contents .contentsBox .InBox #spMobile a:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
#default_mobile #contents .contentsBox .InBox #spMobile a:before {content:''}
#default_mobile #contents .contentsBox .InBox #spMobileList a{ display:block; width:50%; margin:12px auto 16px; padding:11px; border-radius:8px; background:#95c60b; background:-webkit-linear-gradient(top, #95c60b 0%,#87b20b 100%); background:linear-gradient(to bottom, #95c60b 0%,#87b20b 100%); font-weight:bold; color:#ffffff; font-size:14px; text-align:center; text-decoration:none; text-align:center; letter-spacing:0.1em; text-shadow:0 1px 3px rgba(0,0,0,0.5);}
#default_mobile #contents .contentsBox .InBox #spMobileList a:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}

#default_mobile .contentsBox .InBox .icon_btn {height:auto; margin:0;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn {float:none; margin:0 0 10px 8px; font-size:0; text-align:right;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn li {display:inline-block; float:none; max-height:25px; margin:10px 10px 0 0;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn li.official a{background-image:url(../../common/images/btn/btn_official_sp.gif); background-size:94px 50px;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn li.pay a{background-image:url(../../common/images/btn/btn_paynetcafe_sp.gif); background-size:153px 50px;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn li.necor a{background-image:url(../../common/images/btn/btn_necor_sp.gif); background-size:94px 50px;}
#default_mobile .contentsBox .InBox .icon_btn ul.linkBtn li.netcafe a{background-image:url(../../common/images/btn/btn_netcafe_sp.gif); background-size:121px 50px;}

#default_mobile #contents .contentsBox .InBox .resultTitle{margin:3px 3px 0 3px;}
#default_mobile #contents .contentsBox .InBox .searchBtnMobile .inBox a{display:block; width:70%; margin:3px auto 6px; background-color:#C66;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color:#ffffff;text-decoration:none;background: #ff8f47;-webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);-moz-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1);box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 1); border:1px solid #cc6929;}
#default_mobile #contents .contentsBox .InBox .searchBtnMobile .inBox a:hover{opacity: 0.8;filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
#default_mobile #contents .contentsBox .InBox .searchBtnMobile .inBox span{display:block;height:30px; width:128px; margin:0 auto; padding:16px 0 0 30px; font-size:15px; font-weight:bold; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); background:url(../../common/images/icon/w_compass.png) no-repeat;background-size:25px 25px; background-position:0% 50%;}
#default_mobile #contents .contentsBox .t_txt, #default_mobile #contents .contentsBox .t_txt_s{ float:none; width:auto; padding:5px;}
#default_mobile #contents .contentsBox .t_txt p{line-height:1.5;}
#default_mobile #contents .contentsBox .t_txt p.paragraph{margin-top:8px;}
#default_mobile .contentsBox .InBox .title_table td, #default_mobile .contentsBox .InBox .title_table th {display:block; width:auto; border-bottom-width:0;}
#default_mobile .contentsBox .InBox .title_table tr:last-child td:last-child { border-bottom-width:1px;}
#default_mobile #contents .contentsBox .InBox dl.tokuten {margin:10px;}
#default_mobile #contents .contentsBox .InBox dl.tokuten dt{font-weight: bold;color: #E37431;margin-bottom: 7px;}
#default_mobile #contents .contentsBox .InBox dl.tokuten dd{background: url(../img/star.png) no-repeat left top;padding-left: 20px;margin-top: 7px;line-height: 15px;}
#default_mobile #contents .contentsBox .InBox dl.tokuten dd.kara{background:none;padding-left:0px;}
#default_mobile #contents .contentsBox .InBox .title_event{height:auto;margin: 5px;border: 1px solid #c9c9c9;background-color: #fafafa;padding: 8px 7px 0 7px;overflow: auto;}
#default_mobile #contents .contentsBox .InBox .title_event .shop_event .date{display:block; height:100%; margin: 0 0 4px 0;color: #F6F6F6;text-align: center;background:5f8fa7; line-height: 25px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}
#default_mobile #contents .contentsBox .InBox .title_event .shop_event .shop{display:inline-block; margin-bottom:9px;}
#default_mobile #contents .contentsBox .InBox .title_event div a{display:inline-block; padding:3px 6px;background: #5f8fa7; color:#FFF; text-decoration:none; font-size:12px;-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;} 
#default_mobile #contents .contentsBox .InBox .copyright{font-size:11px; padding:3px; text-align:center; border:1px solid #CCC; margin:3px 8px 0 8px;}

/* キャンペーンお知らせ枠 */
#default_mobile .waku_campaign{margin:10px 10px 12px 10px;}