@charset "utf-8";
pre,p {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
}

*{
	margin:0;
	padding:0;
}
body {
	width:700px;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
/*リツイート*/
body#Tw {
	background:url("../images/common/bg_top.jpg"),url("../images/common/bg_repeat.jpg");
	background-repeat:no-repeat,repeat-y;
	background-position:center top,center 918px;
}

img{
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#wrapTop{
	width:700px;
	overflow-x:hidden;
	height:100%;
	margin:0 auto;
	background:url("../images/top/img_top.jpg"),url("../images/common/bg_repeat.jpg");
	background-repeat:no-repeat,repeat-y;
	background-position:center top,center 918px;
}
#topArea{
	position:relative;
	height:918px;
	margin-bottom:30px;
}
#topArea h1{
	position:absolute;
	top:464px;
	left:143px;
}
#topArea h2{
	position:absolute;
	top:476px;
	left:500px;
}
#topArea #text01{
	position:absolute;
	top:15px;
	left:15px;
}
#topArea #text02{
	position:absolute;
	top:3px;
	left:406px;
}
#topArea #text03{
	position:absolute;
	top:810px;
	left:0;
}
#topArea #date{
	position:absolute;
	top:663px;
	left:518px;
}
#land{
	text-align:center;
}

#contentArea .contentWrap{
	margin-bottom:30px;
}
#Tw #contentArea .contentWrap{
	margin-bottom:0;
	margin-top:30px;
}
#contentArea #menuArea{
	position:relative;
	height:305px;
	z-index:40;
}
#contentArea #menuArea .news{
	position:absolute;
	top:0px;
	left:17px;
}
#contentArea #menuArea .info{
	position:absolute;
	top:0px;
	left:185px;
}
#contentArea #menuArea .character{
	position:absolute;
	top:0px;
	left:354px;
}
#contentArea #menuArea .cast{
	position:absolute;
	top:0px;
	left:522px;
}
#contentArea #menuArea .special{
	position:absolute;
	top:165px;
	left:17px;
}
#contentArea #menuArea .list{
	position:absolute;
	top:165px;
	left:185px;
}
#contentArea #menuArea .movie{
	position:absolute;
	top:165px;
	left:354px;
}
#contentArea #menuArea .recipe{
	position:absolute;
	top:165px;
	left:522px;
}


#footer {
	width:700px;
	text-align:center;
}
#banner {
	overflow: hidden;
	width: 640px;
	margin: 0 auto;
}
#banner a {
	padding: 0 10px 20px;
	display: block;
	float: left;
	width: 300px;
}
#footer .billing{
	margin-top:30px;
}
.share {
	padding: 30px 0 40px;
	height: 40px;
	position: relative;
}
.share div {
	position: absolute;
}
.fb {
	transform:scale(2.8);
	-webkit-transform:scale(2.8);
	-moz-transform:scale(2.8);
	left: 370px;
	top: 25px;
}
.tw {
	transform: scale(2);
	-webkit-transform: scale(2);
	left: 220px;
	top: 40px;
}
#footer .line{
	margin-bottom:140px;
}
#pagetop{
	position:fixed;
	right:20px;
	bottom:50px;
	z-index:45;
}
/*topics*/
#contentArea .topics {
	position: relative;
	height: 364px;
	background: url("../images/top/img_topics_new.png") no-repeat;
}
#contentArea .topics .newsDetail {
	position: absolute;
	top: 213px;
	left:50px;
	width: 600px;
	height: 136px;
	overflow-y: scroll;
}
#contentArea .topics #divRss {
	padding-bottom:20px;
}
#contentArea .topics #divRss .updates {
	padding-top:0;
}
#contentArea .topics #divRss .updates li {
	width:580px;
	margin:0 auto 20px;
	background:url("../images/top/bg_newsttl.png") center bottom no-repeat;
}
#contentArea .topics #divRss .updates li p{
	padding:0 0 10px 55px;
}
#contentArea .topics #divRss .updates li span{
	display:block;
	color:#E95098;
	font-size:12px;
	font-weight:normal;
}
#contentArea .topics #divRss .updates li a{
	font-size:20px;
	font-weight:bold;
	color:#E95098;
	text-decoration:none;
}


/*second*/
#wrapSecond{
	width:700px;
	overflow-x:hidden;
	height:100%;
	margin:0 auto;
	background:url("../images/common/bg_top.jpg"),url("../images/common/bg_repeat.jpg");
	background-repeat:no-repeat,repeat-y;
	background-position:center 120px,center 1038px;
}
#wrapSecond #header{
	position:fixed;
	top:0;
	width:700px;
	height:120px;
	background:#F93075;
	z-index:2000;
}
#wrapSecond #header .headContent{
	position:relative;
}
#wrapSecond #header h1{
	position:absolute;
	top:0;
	left:0;
	z-index:2050;
}
#wrapSecond #contentArea{
	margin-top:150px;
}
#wrapSecond #contentArea #menuArea{
	margin-bottom:200px;
}
#wrapSecond #contentArea #news,
#wrapSecond #contentArea #movie{
	background: url(../images/common/img_frame_bottom.png) center bottom no-repeat;
	padding-bottom:14px;
}
#wrapSecond #contentArea .contentWrap .secondRepeat{
	background: url(../images/common/img_frame_repeat.png) center top repeat-y;
}

/* hamburger*/
#toggle,
#toggle span {
	transition: all .4s;
	box-sizing: border-box;
}
#toggle {
	position: absolute;
	width: 68px;
	height: 60px;
	top:30px;
	right:20px;
	z-index:2050;
}
#toggle span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	background-color:#FFF;
}
#toggle span:nth-of-type(1) {
	top: 0;
}
#toggle span:nth-of-type(2) {
	top: 25px;
}
#toggle span:nth-of-type(3) {
	bottom: 0;
}
#toggle.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-315deg);
	transform: translateY(25px) rotate(-315deg);
}
#toggle.active span:nth-of-type(2) {
	opacity: 0;
}
#toggle.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(315deg);
	transform: translateY(-25px) rotate(315deg);
}
#headMenu {
	position:absolute;
	width: 100%;
	margin: 0 auto;
	top:120px;
	z-index:2050;
}
#headMenu li {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#overLay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	background:#F93075;
	z-index:1500;
}
/*news*/
#news #divRss {
	padding-bottom:20px;
}
#news #divRss .updates {
	padding-top:20px;
}
#news #divRss .updates li {
	width:600px;
	margin:0 auto 20px;
	background:url("../images/news/bg_newsttl.png") center bottom no-repeat;
}
#news #divRss .updates li p{
	padding:0 0 10px 55px;
}
#news #divRss .updates li span{
	display:block;
	color:#E95098;
	font-size:12px;
	font-weight:normal;
}
#news #divRss .updates li a{
	font-size:20px;
	font-weight:bold;
	color:#E95098;
	text-decoration:none;
}

/*movie*/
#movie .movie_one{
	width: 634px;
	height: 470px;
	margin: 0 auto;
	padding-bottom:30px;
}
#movie .movie_one iframe {
	margin: 107px 0 0 27px;
}
#movie .yokoku {
	position:relative;
	margin-top:-50px;
	background: url(../images/movie/bg_yokoku.png) center top no-repeat;
}
#movie .tokubetu {
	background: url(../images/movie/bg_tokubetu.png) center top no-repeat;
}

/*recipe*/
#recipe .repeatArea{
	text-align:center;
	background:url("../images/recipe/bg_repeat.png") repeat-y center top;
}
#recipe .repeatArea li{
	padding:30px 0;
}