@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,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;font-size:100%;vertical-align:baseline;outline:0;border:0;background:transparent;
}

html{ overflow-y:scroll; }

body{
	min-width:100%;
	color: #000;
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Helvetica, Verdana, sans-serif;
	vertical-align: baseline;
	-webkit-text-size-adjust:none;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, div{ display: block; }
ul, li{ list-style: none; }
img, a img{ vertical-align:bottom;border:none;background-color:transparent; }
table{ border-spacing:0;empty-cells: show; }

hr{
	display: block;
	margin:12px 0;
	padding:0;
	height:0;
	border:0;
	border-top:1px solid #4c566c;
	border-bottom:1px solid #fff;
}

textarea, pre{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Helvetica, 'HelveticaNeue', Verdana, sans-serif; }

textarea,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"]{ font-size:14px; }


ins { text-decoration: none; }
del { text-decoration: line-through; }

a{ color:#011b8f; text-decoration:none; }
a, button, input, select{ -webkit-tap-highlight-color:rgba(0,0,0,0.3); }
em, strong { font-style: normal; }



section *{ 
	word-wrap:break-word;
	word-break:break-all;
}


#viewport{
    width:100%;
    position:relative;
 	overflow:hidden;
}

.dis#viewport{
	position:static;
}

#content{ 
	width:100%;
	position:relative;
}



/* SITE HEADER ELEMENTS +++++++++
+++++++++++++++++++++++++++++++++ */
#siteHd{
    border-top:4px solid #003a73;
    background:#f2f5f6;
    position:relative;
}
#siteHd h1{ padding:14px 0 12px 10px; }
#siteHd h1 img{ height:20px; }

#siteHd02{
  background:#f2f5f6;
  position:relative;
}
#siteHdTop{
  width:100%;
  border-top:4px solid #003a73;
  background:#f2f5f6;
}
#siteHdTopInner{
  position:relative;
}
#siteHd02 #siteHdTop h1{ padding:10px 0 8px 56px; }
#siteHd02 #siteHdTop h1 img{ height:27px; }

#siteHd > p,
#siteHd02 > p{
	display:block;
	width:100px;
	height:26px;
	position:absolute;
	right:64px;
	top:10px;
	background:#e2e5e6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#siteHd > p span,
#siteHd02 > p span{ 
	display:block;
	width:90px;
	height:20px;
	padding:3px;
	font-size:10px;
	line-height:2;
	font-weight:bold;

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
}

#siteHd > p b,
#siteHd02 > p b{
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:4px;
	vertical-align:top;
	background:#eee;
	overflow:hidden;
}

#siteHd > p img,
#siteHd02 > p img{
	width:20px;
	vertical-align:top;
}

#siteHd > p mark,
#siteHd02 > p mark{
	padding:4px;
	color:#fff;
	font-size:8px;
	font-weight:bold;

	position:absolute;
	right:-6px;
	top:-6px;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f774f6), to(#e73dea));
	background-image: -webkit-linear-gradient(top, #f774f6, #e73dea);
	background-image: -moz-linear-gradient(top, #f774f6, #e73dea);
	background-image: linear-gradient(to bottom, #f774f6, #e73dea);
}

#siteHd > a{
    display:block;
    position:absolute;
    top:10px;
    right:10px;

    width:40px;
    height:26px;
    font-size:0;
    line-height:0;
    text-indent:100%;
    white-space:nowrap;

    background:#044899 url(../../images/smartphone/icon_loupe.png) no-repeat 48% 48%;
    background-size:13px auto;
    overflow:hidden;
    text-shadow: #333 1px 1px 1px;

    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);
    
    zoom:1;
    overflow:hidden;
}

#siteHd02 #siteHdTopInner > a{
  display:block;
  position:absolute;
  top:12px;
  right:10px;

  width:20px;
  height:20px;
  font-size:0;
  line-height:0;
  text-indent:100%;
  white-space:nowrap;

  background:url(../../images/smartphone/icon_loupe02.png) no-repeat 100% 100%;
  background-size:20px auto;
  overflow:hidden;
  
  zoom:1;
  overflow:hidden;
}

#siteHd02 #siteHdTopInner > #menuBtn{
  display:block;
  width:34px;
  height:31px;
  position:absolute;
  left:11px;
  top:9px;
}

#siteHd02 #siteHdTopInner > #menuBtn a{
  display:block;
  height:31px;
}

#siteHd02 #siteHdTopInner > #menuBtn a#modal_sw{
  background:url(../../images/smartphone/menu02.png) no-repeat 50% center;
  background-size:auto 100%;
  font-size:0;
  line-height:0;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#siteHd02 #siteHdTopInner > #menuBtn a#modal_sw.notification{
    background-image:url(../../images/smartphone/menu_notification02.png);
}

#nav ul{
	border-top:1px solid #1f5fa8;
	border-bottom:1px solid #e9e9e9;
	overflow:hidden;

	background:#003a73;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1f5fa8), to(#003a73));
	background-image:-moz-linear-gradient(top, #1f5fa8, #003a73);
	background-image:-o-linear-gradient(top, #1f5fa8, #003a73);
	background-image:linear-gradient(top, #1f5fa8, #003a73);
}

#nav li{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	width:25%;
	text-align:center;
}

#nav li#fcs{
	background-color:#154666;
	-webkit-box-shadow:inset 2px 2px 2px 1px #00283f;
    -moz-box-shadow:inset 2px 2px 2px 1px #00283f;
	box-shadow:inset 2px 2px 2px 1px #00283f;
}

#nav a{
	display:block;
	height:26px;
	padding-top:10px;
	color:#fff;
	border-right:1px solid #004873;
	border-left:1px solid #3371a0;
}

#nav a#modal_sw{
	background:url(../../images/smartphone/menu.png) no-repeat 50% center;
	background-size:auto 50%;
	font-size:0;
	line-height:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#nav a#modal_sw.notification{
    background-image:url(../../images/smartphone/menu_notification.png);
}

#nav li:first-child a{ border-left:none; }
#nav li:last-child a{ border-right:none;}

#nav a:link,
#nav a:visited,
#nav a:hover { 
	color:#fff;
	font-weight:bold;
	font-size:14px;
}


/* CONTENTS AER +++++++++++++++++
+++++++++++++++++++++++++++++++++ */
.ctsBox{  
	margin-bottom:1px;
	overflow:hidden;
}

.ctsBox > header{ position:relative; }



/* relative link ++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++ */

#relBox{
	overflow:hidden;
	font-size:14px;
}

#relBox h3{	
	padding:8px 6px 6px;
	background:#a1a1a1;
	font-size:16px;
	color:#fff;
}

#relBox ul{ 
	margin-top:1px;
	font-size:14px;
	border-bottom:1px solid #bbb;
}

#relBox li{
	border-top:1px solid #bbb;
	font-weight:bold;
	overflow:hidden;
	background-color:#fff;
}


#relBox a{
	display:block;
	padding:14px 26px 12px 6px;
	overflow:hidden;
	cursor:pointer;
	color:#000;
}

#relBox a[href]{
	color:#011b8f;
	background:url(../../images/smartphone/icon_linkarrow.png) no-repeat right center;
	background-size:auto 16px;
}

#relBox a.link-pc[href]{
	background:url(../../images/smartphone/icon_pc-gray.png) no-repeat right center;
	background-size:auto 13px;
}




/* relative link ++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++ */

#ssBox{
	overflow:hidden;
	font-size:14px;
}

#ssBox h3{	
	padding:8px 6px 6px;
	background:#a1a1a1;
	color:#fff;
}

#ssBox ul{ 
	margin-top:1px;
	font-size:14px;
}

#ssBox li{
	border-top:1px solid #bbb;
	font-weight:bold;
	overflow:hidden;
	background-color:#fff;
}


#ssBox a{
	display:block;
	min-height:40px;
	margin:2px;
	padding:6px 26px 6px 72px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

#ssBox a[href]{
	color:#011b8f;
	background:url(../../images/smartphone/icon_linkarrow.png) no-repeat right center;
	background-size:auto 13px;
}

#ssBox a.link-pc[href]{
	background:url(../../images/smartphone/icon_pc-gray.png) no-repeat right center;
	background-size:auto 16px;
}

#ssBox a img{
	display:block;
	width:60px;
	position:absolute;
	left:4px;
	top:6px;
}

#ssBox a span{
	display:block;
	margin-top:4px;
	font-weight:normal;
	color:#555;
	font-size:12px;
}



/* FOOTER ELEMENTS ++++++++++++++
+++++++++++++++++++++++++++++++++ */
.siteFt{ 
	background:#f2f5f6;
	border-top:1px solid #9c9c9c;
}

.siteFt:before {
	display:block;
	content:"";
	height:4px;
	margin-bottom:18px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#f2f5f6));
	background-image:-moz-linear-gradient(top, #aaa, #f2f5f6);
	background-image:-ms-linear-gradient(top, #aaa, #f2f5f6);
	background-image:-o-linear-gradient(top, #aaa 0%, #f2f5f6 100%);
	background-image:linear-gradient(top, #aaa, #f2f5f6);
}

.ftBtns{
	padding:10px 10px 20px;
	font-size:10px;
	border-bottom: 1px solid #bbb;
	overflow:hidden;
}

.ftBtns li{
	width:32%;
	margin-right:2px;
	float:left;
	text-align:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #bbb;
	background:#dbdbdb;
	background-image:linear-gradient(top, #dbdbdb 0%, #fff 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb));
	background-image:-moz-linear-gradient(top, #fff, #dbdbdb);
	background-image:-o-linear-gradient(top, #fff, #dbdbdb);
}

.ftBtns li:last-child { margin-right:0;}
.ftBtns a{
	display:block;
	height:18px;
	padding:10px 4px 4px 6px;
}

.ftBtns li:first-child a{ background:url(../../images/smartphone/icon_home.png) no-repeat right 44%;background-size:auto 16px; }
.ftBtns li:last-child a { background:url(../../images/smartphone/icon_pc.png) no-repeat right 44%;background-size:auto 16px; }
.ftBtns li:nth-child(2) a{background:url(../../images/smartphone/icon_pgtop.png) no-repeat right 44%;background-size:auto 16px; }


.ftSubLink{
	text-align:center;
	border-top: 1px solid rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #bbb;
	font-size:12px;
}
	
.ftSubLink li{
	display:inline;
	border-left:1px solid #bbb;
}

.ftSubLink li:first-child{ border:none; }

.ftSubLink li a{
	display:inline-block;
	padding:10px 10px 8px;
}

.copy{ 
	padding:10px 0;
	font-size:12px;
	text-align:center;
}




/* ad ++++++++++++++++++++++++

++++++++++++++++++++++++++++++ */
.adBox-a {
    width: 320px;
    height: 50px;
    margin: 0 auto;
	padding:8px 0;
	background:rgba(225,229,230,1.0);
}
.adBox-a iframe {
    border: 0 none;
}

.inst-match{
	margin-top:1px;
	padding:6px 0 0;
	position:relative;
}

.inst-match iframe{ width:100%; }

p.ads {
	font-size:10px;
	position : absolute;
	bottom: 6px;
	right: 10px;
	color: #aaa;
}
p.ads a {
	color: #aaa;
	text-decoration: underline;
}

.thumbList + .inst-match { border:none; padding-top:0; }
.revRnk + .inst-match{ border:none; padding-top:0; }
.toggleList + .inst-match{ border:none;}


#sb { padding:14px 6px 6px; }
#sb ul {
    overflow: hidden;
}
#sb li {
    display: block;
    float: left;
    height: 24px;
}
#bt_twitter {
    margin-right: 15px;
}
#bt_facebook{
    margin-right: 15px;
}

#checkinBox {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
}

#allOpen {
    cursor: pointer;
}


#sBox{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index: 10001;
}

#sBox form{
    height:60px;
    position:relative;
    border-bottom:1px solid #283651;
    border-top:1px solid #ccd6e2;
    background:#023d65;
    line-height:1;
}

#sBox input[type="search"]{
    width:66%;
    height:30px;
    position:absolute;
    top:15px;
    left:10px;
    padding-left:8px;
}

#sBox a{
    width:6em;
    height:22px;
    font-size:12px;
    line-height:1.8;
    text-align:center;
    cursor:pointer;
    color:#000;
    
    background:#dbdbdb;
    background:linear-gradient(top, #dbdbdb 0%, #fff 100%);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb));
    background:-moz-linear-gradient(top, #fff, #dbdbdb);
    background:-o-linear-gradient(top, #fff, #dbdbdb);

    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius:40px;

    position:absolute;
    right:10px;
    top:22px;
}

#sBox .s-tbl{
    width:100%;
    height:100%;
    position:absolute;
    top:60px;
    background:white;
}

#sBox .s-tbl td{
    height:50px;
    border-bottom: 1px solid #ccc;
}

#rect_ad {
    width: 300px;
    height: 250px;
    margin: 0 auto 20px auto;
}
#rect_ad iframe {
    border: 0 none;
}


.yads_ad{
    clear:both;
    margin-bottom:1px !important;
    overflow:hidden;
    border:0 none !important;
    border-top:1px solid #DDDDDD !important;
}
.yads_ad_item{
    border:0 none !important;
    border-bottom:1px solid #DDDDDD !important;
    font-weight:normal !important;

    display:block;
    padding:8px 12px !important;
    overflow:hidden;
    text-decoration:none !important;
    background:none !important;
    font-weight:normal !important;
}
.yads_ad_item:hover {
    background-color:#D8EEFC !important;
}
.yads_ad_title{
	display:inline;
    color:#0000DD !important;
    font-size:14px;
    font-weight:bold !important;
    text-decoration:underline !important;
}
.yads_ad_title strong{
	background-color:#ff0;
}
.yads_ad_adv{
	display:inline;
    color:#009900 !important;
    font-size:13px;
    font-style:normal !important;
	white-space:nowrap;
}
.yads_ad_desc{
    color:#666666 !important;
    font-size:13px;
}
.yads_ad_desc strong{
	background-color:#ff0;
}
.yads_ad_info{
    text-align:right !important;
}
.yads_ad_info a{
    display:inline-block;
    color:#666666 !important;
    font-size:12px;
    padding:8px 12px !important;
    background:none !important;
}
.yads_ad_info a:link,
.yads_ad_info a:visited {
    text-decoration:none !important;
}
.yads_ad_info a:hover,
.yads_ad_info a:active {
    color:#666666 !important;
    text-decoration:underline !important;
    background-color:transparent !important;
}
.yads_hide{
    display:none;
}

#app-notice{
    height:53px;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    line-height:1;
    position:relative;
    background:#2b2d2e;
    overflow:hidden;
    display: table;
    width: 100%;
    vertical-align: top;
}
#app-notice a{
    display:table-cell;
}
#app-notice a:first-child{
    padding: 12px 0 0 52px
}
#app-notice a:first-child span{
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 4px;
}
#app-notice a:last-child{
    width:30px;
    text-indent: -9999px;
}
#app-notice a:first-child:before,
#app-notice a:first-child:after,
#app-notice a:last-child:before{
    content: '';
    background: url(../../images/smartphone/app_bg.png) no-repeat;
    background-size:88px auto;
    position: absolute;
    display: block;
    overflow: hidden;
}
#app-notice a:first-child:before{
    width: 29px;
    height: 29px;
    background-position: 0 0;
    left: 12px;
    top: 12px;
}
#app-notice a:first-child:after{
    width: 88px;
    height: 27px;
    background-position: 0 -29px;
    right: 31px;
    top: 13px;
}
#app-notice a:last-child:before{
    width: 15px;
    height: 15px;
    background-position: -29px 0;
    right: 7px;
    top: 6px;
}
#app-notice a:link,
#app-notice a:visited,
#app-notice a:hover,
#app-notice a:active{
	color:#fff;
}

#app-foot {
    bottom: 28px;
    margin: 0 auto;
    position: fixed;
    z-index: 110;
    width: 100%;
}
#app-foot div{
    width: 150px;
    height: 40px;
    margin: 0 auto;
    -webkit-border-radius:20px ;
    border-radius:20px;
    background: -webkit-linear-gradient(360deg,#285ebf,#5050b4);
    background: linear-gradient(90deg,#285ebf,#5050b4);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
    position: relative;
}
#app-foot div a{
    display:table-cell;
}
#app-foot div a:first-child{
    padding: 11px 0 0 37px;
    letter-spacing: -0.05em;
    height: 30px;
    width: 84px;
}
#app-foot div a:last-child{
    text-indent: -9999px;
    height: 30px;
    width:29px;
}
#app-foot div a:first-child:before,
#app-foot div a:last-child:before{
    content: '';
    background: url(../../images/smartphone/app_bg.png) no-repeat;
    background-size:88px auto;
    position: absolute;
    display: block;
    overflow: hidden;
}
#app-foot div a:first-child:before{
    width: 20px;
    height: 20px;
    background-position: -44px 0;
    left: 10px;
    top: 10px;
}
#app-foot div a:last-child:before{
    width: 17px;
    height: 19px;
    background-position: -64px 0;
    right: 10px;
    top: 10px;
}
#app-foot a:link,
#app-foot a:visited,
#app-foot a:hover,
#app-foot a:active{
	color:#fff;
}

#selectmovie{
    font-size:18px;
    color:#fff;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#selectmovie h2{
    margin-top:10px;
    padding:8px 10px;
    font-size:16px;
    background:rgba(25,49,74,1.0);
    color:#fff;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    
    border-top:3px double rgba(255,255,255,0.2);
    border-bottom:3px double rgba(255,255,255,0.2);
}

#selectmovie h2 strong{
    margin:0 0 0 4px;
    padding:4px;
    font-size:10px;
    background-color:#c00;
    color:#fff;

    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    position:relative;
    top:-4px;
    
}

#selectmovie .bnr img{
    width:100%;
}

#selectmovie ul{
    width:100%;
    overflow:hidden;
}

#selectmovie li{
    float:left;
    width:50%;
    margin:0 0 10px 0;
}

#selectmovie li img{
    width: 100%;
}

.fixed{
  position:fixed;
  top:0;
  z-index:9998;
  -moz-box-shadow:0px 0px 3px #aaaaaa;
  -webkit-box-shadow:0px 0px 3px #aaaaaa;
  box-shadow:0px 0px 3px #aaaaaa;
}

.adArea {
	text-align:center;
	margin:20px auto;
}


.no-copy-all,
.no-copy-all *,
.no-copy {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -webkit-touch-callout: none;
}
.no-copy{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

#yad_1{
	height:75px;
}
.yads_infeed .yads_ad{
	padding:7px;
	position:relative;
}
.yads_infeed .yads_ad_info{
	position:absolute;
	right:0;
	bottom:0;
}
.yads_infeed .yads_ad_img{
	float:left;
	width:60px;
	margin-right:7px;
}
.yads_infeed .yads_ad_img a{
	display:block;
	background-size:auto 60px;
	width:60px;
	height:60px;
}
.yads_infeed .yads_ad_title,
.yads_infeed .yads_ad_adv{
    display:block;
}
.ctsBox .yads_ad_info{
    display:none;
}
.ctsBox .yads_infeed .yads_ad_info{
    display:block;
}

#video_ad{
  background-color:#000;
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:1000;
}
#video_ad_el{
  height:130px;
  display:block;
  margin:0 auto;
}
#video_ad > .title{
  position: absolute;
  top:5px;
  left:5px;
  width:159px;
  height:13px;
  background: url(../../images/smartphone/select_title.png) no-repeat left top;
  background-size: 159px 13px;
}
#video_ad_unmute{
  position:absolute;
  left:0;
  bottom:0;
  width:32px;
  height:32px;
  background:transparent url(../../images/smartphone/sound_icon_white_off.png) no-repeat center center;
  background-size:20px 20px;
}
#video_ad_mute{
  position:absolute;
  left:0;
  bottom:0;
  width:32px;
  height:32px;
  background:transparent url(../../images/smartphone/sound_icon_white_on.png) no-repeat center center;
  background-size:20px 20px;
  display:none;
}
#video_ad_unmute[style*="display: none"] + #video_ad_mute{
  display:block;
}
#video_ad_close{
  position:absolute;
  right:0;
  top:0;
  color:#fff;
  width:28px;
  height:28px;
  background:transparent url(../../images/smartphone/close.png) no-repeat center center;
  background-size:18px 18px;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}