@charset "UTF-8";
/* CSS Document */
html { font-size: 62.5% }
body {
    font-size: 16px;
    font-size: 1.6rem;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;
    -moz-background-size: cover;
    background-size: cover;
}
p {
    line-height: 2;
    color: #222;
}
ul {
    margin: 0;
    padding: 0;
}
li { list-style: none }
.clr { clear: both }
.green { color: #13b5b1 }
.pink { color: #ff8cbe }
.red {color: #F00; font-weight: bold; }
/*リンク設定*/
a { color: #F9C; }
a:visited { color: #F9C; }
a:hover { color: #F39; }
/*---top---*/
/*header*/
header.top {
    width: 1077px;
    height: auto;
    margin: 20px auto 0 auto;
}
header.top nav {
    width: 1077px;
    height: 688px;
}
/*contents*/
div.favo {
    width: 1077px;
    height: auto;
    margin: -10px auto 10px auto;
    padding: 0;
}
section.top {
    width: 1077px;
    height: auto;
    margin: 0 auto;
}

section.top ul {
    width: 620px;
    height: 250px;
    float: left;
    overflow: auto;
    padding: 0 30px 0 0;
}
section.top ul li {
    width: 100%;
    height: auto;
    border-bottom: dotted #333 1px;
    margin: 10px 0 20px 0;
    padding-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}
section.top ul li span { margin: 0 70px 0 5px }
/*---page---*/
/*header*/
header.page {
    width: 100%;
    height: 188px;
    position: relative;
}
header.page div#navi {
    width: 1080px;
    height: 188px;
    margin: 0 auto;
    background: url(../images/navi_bg.png) no-repeat;
}
header.page div#navi img { margin-top: 113px }
/*content*/
div.content {
    width: 100%;
    height: auto;
}

div.content div.ribbon {
  width:1070px;
  height:228px;
  margin:20px auto -197px auto;
  left:-11px;
  background: url(../images/ribbon.png) no-repeat;
  position:relative;
  z-index:2;}
  
div.content div.content_bottom {
    width: 1047px;
    height: 23px;
    margin: 0 auto;
    background: url(../images/content_bottom.png) no-repeat;
}
div.content article {
    width: 927px;
    height: auto;
    min-height: 600px;
    margin: 20px auto 0 auto;
    padding: 20px 60px;
    background: url(../images/content_bg.png) repeat-y;
    position:relative;
    z-index:1
}
div.content article h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1;
    color: #F36;
}
div.content article h3 {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1;
    color: #F36;
    text-align: center;
}
div.content article h1 { line-height: 1 }
div.content article section {
    width: auto;
    height: auto;
    margin: 20px;
    padding:0;
}
div.content article section h2 img { margin-top: 50px }
div.content article section.cast {
    width: auto;
    height: auto;
    padding-bottom: 20px;
    border-bottom: #222 dotted 2px;
}

div.content article div.colorbox a {opacity:1;}

div.content article div.colorbox a:hover {opacity:0.8;}

div.content article section.staff {
    width: auto;
    height: auto;
}
div.content article div.colorbox {
    width: 240px;
    height: auto;
    text-align: center;
    float: left;
}
div.content article div.colorbox p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

div.content article.cmp {
  text-align:center;}
  
div.content article.cmp p {
  text-align:left;}
  
div.content article.cmp h1 {
  margin-top:105px;}
  
div.content article.cmp h2 {
  text-align:center;}
  
div.content article.cmp a.group1{
  margin-left:405px;
  font-size:24px; font-size:2.4rem;}

div.content article.cmp p.simekiri {
  text-align:center;
  font-weight: bold;
  font-size:24px; font-size:2.4rem;
  color:#FFF; background:#F39;}

div.content article.cmp section.live {  
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    padding:10px 20px;
    background:  #039;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #6CF 0%,  #039 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #6CF 0%,  #039 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #6CF 0%,  #039 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6CF), color-stop(1,  #039));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #6CF 0%,  #039 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #6CF 0%,  #039 100%);}

div.content article.cmp section.live h2 {
  text-align:center;
  color:#FFF;
  text-shadow:
		-1px -1px #006,
		1px -1px #006,
		-1px 1px #006,
		1px 1px #006;
    font-size:28px; font-size:2.8rem;}
    
div.content article.cmp section.live p {
  color:#FFF; font-weight:bold;
  font-size:20px; font-size:2.0rem;
  line-height:1.4;}
    
div.content article.cmp section.live div {
  border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    padding:5px 40px;
    background:  #eee;}
    
div.content article.cmp section.live div p {
  font-weight:bold;
  color:#039;}
  
div.content article.cmp section.notes {
  	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    padding:0 20px 20px;
    border:#f39 solid 3px;}
    
div.content article.cmp section.notes li {
  margin-bottom:8px;
  text-align:left;}
  
div.content article section.special {
    font-size: 20px;
    font-size: 2.0rem;
    height: auto;
    width: auto;
}

div.content article section.special ul {
    width: 850px;
    margin: 0 auto;
}
div.content article section.special li {
    float: left;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 110px;
    display: inherit;
}

div.content article section.quiz {
    background: #fffeff;
    border: #F09 solid 3px;
    text-align: center;
}

div.content article section.quiz h3 {
    background:#F09;
    color: #FFF;
    margin: 0;
    padding: 10px 0;
    font-size: 28px;
    font-size: 2.8rem;
}

div.content article section.quiz p { margin: 15px 10px }
.twitter-hashtag-button { margin: 30px 370px }

div.content article section.products img {
  float:left;
  margin-right:30px;}
  
div.content article section.products a {
  float:right; font-size:16px; font-size:1.6rem;
  margin-right:100px;}
  
div.content article section.products h2 {
  margin:35px 0 10px 0; padding:0 10px; line-height:1.5;
  	font-size:28px; font-size:2.8rem;
    	color:#FFF; text-align:center;width:120px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;}
  
div.content article section.products h3 {
  text-align:left;}
  
h2.bd {background-color: #069;}
h2.dvd {background-color:#F06;}
div.content article section.products h3.bd {color:#069;}
div.content article section.products h3.dvd {color:#F06;}
  
div.content article section.products h4 {
  margin:0; padding:0; font-size:16px; font-size:1.6rem;}
  
div.content article section.products p {
  font-size:16px; font-size:1.6rem;}
  
div.content article section.products ul {
  padding:0 5px; margin:5px;}

div.content article section.products li {
  font-size:12px; font-size:1.2rem;}

div.content article section.products li span {
  color: #F06;}
  
div.content article section.products strong {
  font-size:42px; font-size:4.2rem;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color:#F0C;}
  
div.content article section.products p {
  line-height:1.2; margin:10px 0; padding:0;}
  
div.content article section.products div.products {
  float:left; width:440px; height:auto;}

  
  
/*--footer--*/
footer {
    width: 1077px;
    height: auto;
    margin: 40px auto 0 auto;
    text-align: center;
}
footer img { margin: 1px 0 0 0;}
footer p {
    font-size: 14px;
    font-size: 1.4rem;
}
/*facebook*/
div.facebook {
    width: 100%;
    background: url(../images/bg_facebook.gif) repeat-x;
    height: 280px;
    padding-top: 20px;
}
div.facebook iframe {
    width: 940px;
    margin: 0 auto;
    display: block;
    background: #FFF;
}