@charset "utf-8";

/* =============================================================

　　共通設定

============================================================= */


/* 全体 共通設定
---------------------------------------------*/

html,
body {
	height:100%;
}

#main {
	float: left;
	width: 700px;
	padding-top: 5px;
}



/* 画像 共通設定
-------------------------- */

img {
  vertical-align: bottom;
  border: none;
}


/* リンク 共通設定
-------------------------- */

a {
	outline: none;
  color: #544c4a;
  text-decoration: none;
}

a:hover {
	color: #ff8000;
}


/*  コンテナー　設定
---------------------------------------------*/


/* トップページ表示 _iframe
---------------------------------------------*/

body#topread {
	background: none;}

.readlist {
	width: 325px;
	padding-top: 1em;}

.readlist ul li {
	margin-bottom: 15px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999;}


.readlist ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;}

.readlist ul li span {
	float: left;
	display: block;
	width: 52px;
	height: 52px;}

.readlist span img {
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;}

.readlist ul li dl {
	float: right;
	width: 255px;}

.readlist ul li dl dt {
	line-height: 18px;
	padding-left: 50px;}

.readlist ul li dl dd {
	font-size: 14px;
	font-weight: bold;
	color: #f35c00;
	padding-top: 8px;}

.readlist ul li dl dd {
	line-height: 1.5em;}

.readlist ul a {
	color: #333 !important;}

.readlist ul dd:hover {
	text-decoration: underline;}

dt.canime {background: url(../img/icn_anime_s.gif) left center no-repeat !important;}
dt.cgame {background: url(../img/icn_game_s.gif) left center no-repeat !important;}
dt.ccomic {background: url(../img/icn_comic_s.gif) left center no-repeat !important;}
dt.cmovie {background: url(../img/icn_movie_s.gif) left center no-repeat !important;}
dt.cinfo {background: url(../img/icn_info_s.gif) left center no-repeat !important;}
dt.cstaffblog {background: url(../img/icn_staffblog_s.gif) left center no-repeat !important;}
dt.cinterview {background: url(../img/icn_interview_s.gif) left center no-repeat !important;}


/*  コンテンツ・メイン　設定
---------------------------------------------*/

.movie {
	width: 960px;
}

.topicPath {
	width: 680px;
	white-space: nowrap;  
	overflow: hidden;
	text-overflow: ellipsis; }



/* -------- タイトル -------- */

/* -------- タイトル下説明文 -------- */

.txtMsg {
	font-size:  13px;
	margin-bottom: 2.5em;
	padding: 18px 15px 0px 15px;
	background-color: #fef2dd;}

.txtLarge {
	font-size: 1.13em;}

/* トップページ用 */

.caraMsg {
	min-height: 201px;}

.cara01 {background: url(../img/img_msg01.png) right top no-repeat;}
/*
.cara02 {background: url(../img/img_msg02.png) right top no-repeat;}
.cara03 {background: url(../img/img_msg03.png) right top no-repeat;}
.cara04 {background: url(../img/img_msg04.png) right top no-repeat;}
.cara05 {background: url(../img/img_msg05.png) right top no-repeat;}
.cara06 {background: url(../img/img_msg06.png) right top no-repeat;}
*/

.caraMsg .txtMsg {
	font-size: 15px;
	width: 445px;
	min-height: 176px;
	margin-bottom: 1.5em;
	border-radius: 8px;}


/* メインタイトル  */

.moviettl {
	margin-bottom: 30px;
	padding-top: 15px;
	border-top: 4px solid #ff5500;}

/* リストボックスタイトル  */

.movie .movieListbox h4 {
	position: relative;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: none !important;
	background-image: none !important;}

.movie .movieListbox h4 a {
	position: absolute;
	right: 12px;
	top: 10px;
	display: block;
	width: 67px;
	height: 26px;}

/* 基本タイトル  */

h4.moviebaseTtl {
	font-size: 20px !important;
	margin-bottom: 30px !important;
	padding: 15px 0 !important;
	border-top: 3px dotted #ff4b00 !important;
	border-bottom: 3px dotted #ff4b00 !important;
	background-image: none !important;}

/* 詳細タイトル（アイコン付き）  */

/* 詳細タイトル（アイコン付き）  */

h4.detailTtl {
	line-height: 1.5em;
	font-size: 20px !important;
	margin-top: 1em;
	margin-bottom: 30px !important;
	padding: 15px 0 15px 0 !important;
	border-top: 3px dotted #ff4b00 !important;
	border-bottom: 3px dotted #ff4b00 !important;
	background-image: none !important;}

h4.detailTtl span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #ff4a00;}

h4.detailTtl span img {
	vertical-align: middle;
	margin-right: 8px;}


/* -------- 動画リストボックス -------- */

.listWrap {
	position: relative;
	width: 720px;}

.movieListbox {
	float: left;
	width: 340px;
	margin-right: 20px;
	margin-bottom: 20px;}

.movieListbox ul {
	padding: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}

.movieListbox ul li,
.sidemovielist ul li {
	margin-bottom: 15px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999;}

.movieListbox ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;}

.ranking ul li dt {
	line-height: 18px;
	padding-top: 2px;
	padding-left: 45px;}

.ranking ul li dt.rank01 {background: url(../img/icn_no1.png) left top no-repeat;}
.ranking ul li dt.rank02 {background: url(../img/icn_no2.png) left top no-repeat;}
.ranking ul li dt.rank03 {background: url(../img/icn_no3.png) left top no-repeat;}
.ranking ul li dt.rank04 {background: url(../img/icn_no4.png) left top no-repeat;}
.ranking ul li dt.rank05 {background: url(../img/icn_no5.png) left top no-repeat;}


.movieListbox ul a,
.sidemovielist ul a {
	color: #333 !important;}

.movieListbox ul a:hover,
.sidemovielist ul a:hover {
	color: #ff7f00 !important;}

.movieListbox ul dd:hover,
.sidemovielist ul dd:hover {
	text-decoration: underline;}

.movieListbox ul li span,
.sidemovielist ul li span {
	float: left;
	display: block;
	width: 52px;
	height: 52px;}

.movieListbox ul li span img,
.sidemovielist ul li span img {
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;}

.movieListbox ul li dl {
	float: right;
	width: 240px;}

.movieListbox ul li dl dt,
.sidemovielist ul li dl dt {
	color: #ff7f00;
	line-height: 1em;
	padding-bottom: 0.5em;}

.movieListbox ul li dl dd,
.sidemovielist ul li dl dd {
	font-size: 14px;
	font-weight: bold;}

.movieListbox ul li dl dd {
	line-height: 1.5em;}


/* -------- 動画カテゴリーリスト -------- */

.categoryStyleList li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;}

.categoryStyleList li span {
	float: left;
	display: block;
	width: 102px;
	height: 102px;}

.categoryStyleList li span img {
	width: 100px;
	height: 100px;
	border: 1px solid #ccc;}

.categoryStyleList li dl {
	float: right;
	width: 580px;}

.categoryStyleList li dl dt {
	color: #ff7f00;
	line-height: 1em;
	padding-bottom: 0.5em;}

.categoryStyleList li dl dd {
	font-size: 16px;
	font-weight: bold;}

.categoryStyleList a {
	color: #333 !important;}

.categoryStyleList a:hover {
	color: #ff7f00 !important;}

.categoryStyleList dd:hover {
	text-decoration: underline;}

/* -------- 個別ページ -------- */

.entryBox {
	font-size: 14px;}

.entryBox iframe {
	margin: 0 auto 20px auto;}



/* -------- 最下部ページング -------- */

.nextprev {
	position: relative;
	font-size: 14px;
	margin-top: 30px;
	padding: 15px 0 20px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.nextprev span a {
	font-weight: bold;
	text-decoration: none;}

.nextprev span a:hover {
	text-decoration: underline;}

.nextprev span.prev {
	position: absolute;
	left: 0; top: 15px;}

.nextprev span.next {
	position: absolute;
	right: 0; top: 15px;}

.box-pager {
	text-align: center;}

.box-pager p {
	display: inline;
	margin: 0 10px 0 0;
}

.box-pager ul {
	display: inline;
}

/* PAGE NAVI */

.wp-pagenavi {
	overflow: hidden;
	text-align: center;
	margin-top: 25px;
}

.wp-pagenavi span.pages {
	border: none;}

.wp-pagenavi span.current,
.wp-pagenavi a.page,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.extend {
	display: inline-block;
	margin: 0 3px;
	padding: 5px 8px;
}

.wp-pagenavi span.extend {border: none;}

.wp-pagenavi span.current {
	text-align: center;
	color: #fff;
	border: 1px solid #f1331b !important;
	background-color: #ff4800;
}

.wp-pagenavi a {
	text-align: center;
	background-color: #fff;
}

.wp-pagenavi a:hover {
	text-align: center;
	color: #fff;
	text-shadow: none;
	border: 1px solid #f1331b !important;
	background-color: #f1331b;
}

/* -------- 記事 -------- */


/*  サイド　設定
---------------------------------------------*/

#movieside {
	float: right;
	width: 240px;
	padding-top: 5px;
	padding-bottom: 40px;}

/* -------- 新着 -------- */

.sidemovielist ul {
	padding: 15px 0 15px 0;}

.sidemovielist ul li dl {
	float: right;
	width: 170px;}

.sidemovielist ul li dl dd {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;}


/* -------- カテゴリー -------- */

.categorylist {
	margin-bottom: 25px;
	padding-top: 15px;}

.categorylist ul li {
	font-size: 14px;
	color: #ff7f00;
	margin-left: 0.5em;
	padding-left: 12px;
	background: url(../img/arw_category.gif) left 0.5em no-repeat;}

.categorylist ul li a:hover {
	text-decoration: none;}

/* -------- アーカイブ -------- */

.archiveslist {margin-bottom: 25px;}

.archiveslist select {
	width: 100%;
	font-size: 14px !important;
	margin-top: 15px;
	padding: 8px 0 !important;}

.archiveslist select option {
	font-size: 14px;}


/* WP STYLE
---------------------------------------------*/

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 1em;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 1em 2px 0;
	display: inline;}

.alignright {float: right;}
.alignleft {float: left;}

/* =======================================
	CLEARFIX
==========================================*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */


.box_hover {
	cursor:pointer;
	text-decoration: underline;}

.box_hover dd {
	color: #ff7f00;
	text-decoration: underline;}

.none {display: none;}


/* -------- SNSボタン -------- */

.box-sns {
	text-align: left;
	overflow: hidden;
	padding: 0 1em;
	margin-top: 2em;
	background-color: #efefef;}

.box-sns ul {
	display: inline-block;
	margin: 0 auto;
	padding: 15px 0 15px;
}

.box-sns ul li {
	display: inline-block;
	margin: 0 5px;
}

/* Twitter */
.box-sns ul .btn-tw {
	width: 100px;
}

/* Facebook */
.box-sns ul .btn-fb {
	width: 110px;
}

/* Google+ */
.box-sns ul .btn-gp {
	width: 60px;
}

/* -------- YouTubeチャンネル -------- */

.youtube {
	margin-right: 10px;
	padding: 15px 15px 15px 75px;
	border: 2px solid #cf0d00;
	border-radius: 4px;
	background: #f9f4df url(../img/bg_youtube.png) 12px center no-repeat;}

.youtube dt,
.youtube dd {
	font-weight: bold;
	font-size: 14px;}

.youtube dd a {
	color:#cf0d00; }

.youtube dd a:hover {
	text-decoration: none;}

/* -------- 関連記事表示 -------- */

.yarpp-related h3 {
	text-indent: -9999px;
	width: 692px;
	height: 48px;
	margin-top: 25px !important;
	background: #f9f4df url(../img/ttl_related.png) left top no-repeat;}

.yarpp-thumbnails-horizontal {
	position: relative;
	width: 730px;
	overflow: hidden;}

.yarpp-thumbnails-horizontal a {
	float: left;
	display: block;
	margin-right: 15px !important;
	width: 220px !important;
	border: none !important;}

.yarpp-thumbnails-horizontal a img {
	width: 95%;
	height: auto;}

.yarpp-thumbnails-horizontal a span {width: 95%!important;}