@charset "utf-8";

/*---------------------------------------------------------------------------------------------
  matome
---------------------------------------------------------------------------------------------*/
/* 検索窓
==================================================== */
.matomeSearchBox {
	position: relative;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 12px;
	border-radius: 7px;
	border: 2px solid #DDDDDD;
	behavior: url("/pie/PIE.htc");
}
.matomeSearchBox h3 {
	margin: 0 5px 5px;
	padding: 10px 0 10px 40px;
	background: url(../img/common/icoSearch-1.gif) no-repeat 0 5px;
	font-size: 123%;
	font-weight: bold;
}
.matomeSearchBox ul {
	overflow: hidden;
}
.matomeSearchBox ul li {
	display: inline;
	float: left;
	height: 24px;
	margin: 0 10px 0 0;
}
.matomeSearchBox ul li.keywordField {
	margin: 0 10px 0 0;
}
.matomeSearchBox ul li input.keywordSearch {
	line-height: 20px;
	width: 600px;
	height: 20px;
	*margin: -1px 0 0;
	padding: 1px 5px;
	border: 1px solid #819CBC;
}
.matomeSearchBox ul li input.btnSearch {
	width: 80px;
}
.matomeSearchBox ul li input.btnSearch:hover {
	filter: alpha(Opacity=85);#topBox
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/* 共通タイトル
==================================================== */
.matomeCmnTitBox {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 5px;
	background: #3A465A;
	border-radius: 5px;
	*zoom: 1;
	behavior: url(/pie/PIE.htc);
}
.matomeCmnTitBox span {
	display: block;
	float: left;
	margin: 2px 10px 0 0;
}
.matomeCmnTitBox h2 {
	color: #FFFFFF;
	font-size: 162%;
	text-shadow: 1px 1px #4B556B;
}
.matomeCmnSubTitBox {
	margin: 0 0 15px;
	padding: 5px;
	background: #BBBBBB;
	border-left: 10px solid #3A465A;
}
.matomeCmnSubTitBox h3 {
	font-size: 124%;
	font-weight: bold;
	color: #FFFFFF;
}

/* 一覧リンク
==================================================== */
.matomeListLink {
	width: auto;
	text-align: right;
}
.matomeListLink a {
	display: block;
	float: right;
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	background: url(../img/common/csr11.gif) no-repeat 0 2px;
}

/* TOP
==================================================== */
#matomeTopBox {
	width: auto;
	margin: 0 0 20px;
}

/* PVランキング */
#matomeTopBox #topRankBox {
	width: 759px;
	overflow: hidden;
	margin: 0 0 0 -20px;
}
#matomeTopBox #topRankBox .rankBox {
	float: left;
	width: 233px;
	height: 125px;
	overflow: hidden;
	margin: 0 0 20px 20px;
}
#matomeTopBox #topRankBox .rankBox .icoRank {
	width: 233px;
	overflow: hidden;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #CCCCCC;
	*zoom: 1;
}
#matomeTopBox #topRankBox .rankBox .icoRank .rank {
	float: left;
}
#matomeTopBox #topRankBox .rankBox .icoRank .view {
	float: right;
	margin: 3px 0 0;
	color: #FF8306;
	font-size: 85%;
}
#matomeTopBox #topRankBox .rankBox .img {
	float: left;
	width: 70px;
	height: 70px;
}
#matomeTopBox #topRankBox .rankBox .img a {
	display: table-cell;
	width: 70px;
	height: 70px;
	background: #F6F6F6;
	text-align: center;
	vertical-align: middle;
}
#matomeTopBox #topRankBox .rankBox dl {
	float: right;
	width: 150px;
}
#matomeTopBox #topRankBox .rankBox dl.imgNone {
	float: none;
	width: 233px;
}
#matomeTopBox #topRankBox .rankBox dl dt {
	margin: 0 0 5px;
	font-size: 115%;
}
#matomeTopBox #topRankBox .rankBox dl dt a {
	display: block;
}
#matomeTopBox #topRankBox .rankBox dl dd {
	color: #999999;
	font-size: 85%;
}

/* 「続きを見る」クリックランキング */
#matomeTopBox #topRankBox-2 {
	width: 759px;
	overflow: hidden;
	margin: 0 0 0 -20px;
}
#matomeTopBox #topRankBox-2 .rankBox {
	float: left;
	width: 233px;
	height: 125px;
	overflow: hidden;
	margin: 0 0 20px 20px;
}
#matomeTopBox #topRankBox-2 .rankBox .icoRank {
	width: 233px;
	overflow: hidden;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #CCCCCC;
	*zoom: 1;
}
#matomeTopBox #topRankBox-2 .rankBox .icoRank .rank {
	float: left;
}
#matomeTopBox #topRankBox-2 .rankBox .icoRank .click {
	float: right;
	margin: 3px 0 0;
	color: #FF0033;
	font-size: 85%;
}
#matomeTopBox #topRankBox-2 .rankBox .img {
	float: left;
	width: 70px;
	height: 70px;
}
#matomeTopBox #topRankBox-2 .rankBox .img a {
	display: table-cell;
	width: 70px;
	height: 70px;
	background: #F6F6F6;
	text-align: center;
	vertical-align: middle;
}
#matomeTopBox #topRankBox-2 .rankBox dl {
	float: right;
	width: 150px;
}
#matomeTopBox #topRankBox-2 .rankBox dl.imgNone {
	float: none;
	width: 233px;
}
#matomeTopBox #topRankBox-2 .rankBox dl dt {
	margin: 0 0 5px;
	font-size: 115%;
}
#matomeTopBox #topRankBox-2 .rankBox dl dt a {
	display: block;
}
#matomeTopBox #topRankBox-2 .rankBox dl dd {
	color: #999999;
	font-size: 85%;
}




/* 新着 */
#matomeTopBox .topDgtBox {
	overflow: hidden;
	margin: 0 0 20px;
}

/* キーワード */
#matomeTopBox #topKwCtsBox {
	width: 760px;
	overflow: hidden;
	margin: 0 0 0 -20px;
}
#matomeTopBox #topKwCtsBox .matomeCmnTitBox {
	margin-left: 20px;
}
#matomeTopBox #topKwCtsBox h3 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 3px solid #E84231;
	font-size: 124%;
}
#matomeTopBox #topKwCtsBox .ctsBox {
	float: left;
	width: 360px;
	overflow: hidden;
	margin: 0 0 20px 20px;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn {
	height: 80px;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn .img {
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn .img a {
	display: table-cell;
	width: 70px;
	height: 70px;
	background: #F6F6F6;
	text-align: center;
	vertical-align: middle;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn dl {
	float: right;
	width: 280px;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn dl.imgNone {
	float: none;
	width: 360px;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn dl dt {
	margin: 0 0 5px;
	font-size: 115%;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn dl dt a {
	display: block;
}
#matomeTopBox #topKwCtsBox .ctsBox .inn dl dd {
	color: #999999;
	font-size: 85%;
}

/* 一覧
==================================================== */
#matomeDgtBox {
	width: auto;
	margin: 0 0 20px;
}
#matomeDgtBox .sortBox form {
	float: right;
}
#matomeDgtBox .sortBox form select {
	padding: 3px;
	border: 1px solid #A8A8A8;
}
.dgtCtsBox {
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.dgtCtsBox .img {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.dgtCtsBox .img a {
	display: table-cell;
	width: 100px;
	height: 100px;
	background: #F6F6F6;
	text-align: center;
	vertical-align: middle;
}
.dgtCtsBox dl {
	float: right;
	width: 620px;
}
.dgtCtsBox dl.imgNone {
	float: none;
	width: 740px;
}
.dgtCtsBox dl dt {
	margin: 0 0 5px;
	font-size: 154%;
}
.dgtCtsBox dl dt a {
	display: block;
}
.dgtCtsBox dl dd {
	margin: 0 0 5px;
	font-size: 100%;
}
.dgtCtsBox dl dd p {
	display: inline;
	padding: 0 10px 0 0;
	color: #999999;
	font-size: 85%;
}
.dgtCtsBox dl dd span {
	padding: 0 5px 0 0;
	color: #555555;
}

/* 詳細
==================================================== */
#matomeDtlBox {
	width: auto;
	margin: 0 0 20px;
}

/* メイン画像・コメント */
#matomeDtlBox .matomeMainBox {
	overflow: hidden;
	margin: 0 0 20px;
	*zoom: 1;
}
#matomeDtlBox .matomeMainBox .topBox {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 8px;
	border-bottom: 3px solid #E84231;
	*zoom: 1;
}
#matomeDtlBox .matomeMainBox .topBox ul {
	overflow: hidden;
	*zoom: 1;
}
#matomeDtlBox .matomeMainBox .topBox ul li {
	float: left;
	margin: 0 12px 0 0;
}
#matomeDtlBox .matomeMainBox .topBox ul li span {
	padding: 0 5px 0 0;
	font-family: Verdana;
	font-size: 151%;
	font-weight: bold;
}
#matomeDtlBox .matomeMainBox .topBox ul li.snsBtn {
	float: right;
}
#matomeDtlBox .matomeMainBox .btmBox {
	overflow: hidden;
	*zoom: 1;
}
#matomeDtlBox .matomeMainBox .btmBox .matomeDtlMainImg {
	float: left;
	width: 374px;
}
#matomeDtlBox .matomeMainBox .btmBox .matomeDtlMainImg #mainMatome {
	margin: 0 0 10px;
}
#matomeDtlBox .matomeMainBox .btmBox .matomeDtlMainImg #mainFlow {
	margin: 0 0 15px;
}
#matomeDtlBox .matomeMainBox .btmBox .matomeDtlMainImg img.mainImg {
	display: block;
	margin: 0 0 10px;
	border: 1px solid #CCCCCC;
}

#matomeDtlBox .matomeMainBox .btmBox .innR {
	float: right;
	width: 350px;
}
#matomeDtlBox .matomeMainBox .btmBox .innFull {
	width: auto;
}
#matomeDtlBox .matomeMainBox .btmBox .innR p.commentTxt,
#matomeDtlBox .matomeMainBox .btmBox .innFull p.commentTxt {
	line-height: 1.8;
	font-size: 108%;
}
#matomeDtlBox #ctsNaviBox {
	margin: 0 0 20px;
}
#matomeDtlBox #ctsNaviBox ol {
	list-style-position: inside;
	margin: 0 0 0 25px;
}
#matomeDtlBox #ctsNaviBox ol li {
	list-style: decimal;
	margin: 0 0 3px 10px;
	font-size: 108%;
}
#matomeDtlBox #ctsNaviBox ol li a {
	color: #0059B2;
}

/* まとめコンテンツ */
#matomeCtsBox {
	width: auto;
	overflow: hidden;
	*zoom: 1;
}
#matomeCtsBox .ctsBox {
	overflow: hidden;
	margin: 0 0 30px;
}
#matomeCtsBox .ctsBox .img {
	float: left;
	width: 250px;
}
#matomeCtsBox .ctsBox .img .imgViwe {
	margin: 0 0 10px;
}
#matomeCtsBox .ctsBox .img p {
	font-size: 85%;
}
#matomeCtsBox .ctsBox .img a {
	width: 250px;
}
#matomeCtsBox .ctsBox dl {
	float: right;
	width: 470px;
}
#matomeCtsBox .ctsBox dl.imgNone {
	float: none;
	width: 740px;
}
#matomeCtsBox .ctsBox dl dd.inyou-2 {
	padding: 0 0 5px;
	color: #777777;
}
#matomeCtsBox .ctsBox dl dd.inyou {
	margin: 0 0 15px;
	font-size: 150%;
	font-weight: bold;
	color: #999999;
	padding: 0 28px 0 28px;
	background-image: url(../img/matome/icoInyou.gif),
					  url(../img/matome/icoInyou-2.gif);
	background-repeat: no-repeat,
					   no-repeat;
	background-position: top left,
						 bottom right;
}
#matomeCtsBox .ctsBox dl dd.inyou a {
	color: #999999;
	text-decoration: none;
}
#matomeCtsBox .ctsBox dl dd.inyou a:hover {
	text-decoration: underline;
}
#matomeCtsBox .ctsBox dl dd.link p {
	margin: 0 0 10px;
}
#matomeCtsBox .ctsBox dl dd.link a {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}
#matomeCtsBox .ctsBox dl dd.lastMatome {
	margin: 0 0 10px;
	font-size: 135%;
}
#matomeCtsBox .ctsBox dl dd p a:hover {
	text-decoration: underline;
}
#matomeCtsBox .ctsBox p.comment {
	clear: both;
	font-size: 124%;
	font-weight: bold;
}

/* 続きを見るボタン */
#matomeCtsBox .codebtn {
	width: 500px;
	margin: 0 auto 20px;
	background: #FFA64D;
	padding: 20px 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	cursor: pointer;
}

/* キーワードリンク */
#matomeCtsBox #matomeKwBox {
	margin: 0 0 20px;
	overflow: hidden;
}
#matomeCtsBox #matomeKwBox h4 {
	line-height: 2;
	margin: 0 0 15px;
	font-size: 124%;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
}
#matomeCtsBox #matomeKwBox ul {
	overflow: hidden;
	margin: 0 0 5px;
}
#matomeCtsBox #matomeKwBox ul li {
	float: left;
	margin: 0 15px 10px 0;
	background: #EEEEEE;
	font-size: 108%;
}
#matomeCtsBox #matomeKwBox ul li a {
	display: block;
	padding: 7px 10px;
	text-decoration: none;
}
#matomeCtsBox #matomeKwBox ul li a:hover {
	background: #E0E0E0;
}

/* 投稿者情報 */
#matomeDtlBox #clientInfoBox {
	width: auto;
	margin: 0 0 20px;
	padding: 15px;
	border: 3px solid #CCCCCC;
	border-radius: 5px;
	behavior: url("/pie/PIE.htc");
}
#matomeDtlBox #clientInfoBox .infoBoxU {
	overflow: hidden;
	margin: 0 0 10px;
	*zoom :1;
}
#matomeDtlBox #clientInfoBox .infoBoxU .icoClassification {
	float: left;
	width: 37px;
	margin: 2px 10px 0 0;
}
#matomeDtlBox #clientInfoBox .infoBoxU h2 {
	float: left;
	width: 690px;
	font-size: 139%;
	font-weight: bold;
}
#matomeDtlBox #clientInfoBox .infoBoxU .btnAddFavorite {
	float: right;
	line-height: 27px;
	width: 147px;
	height: 27px;
	_margin: 0;
	background: url(../img/client/btnAddFavorite.jpg) no-repeat;
	font-weight: bold;
	text-align: left;
	text-indent: 36px;
}
#matomeDtlBox #clientInfoBox .infoBoxU .btnAddFavorite a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#matomeDtlBox #clientInfoBox .infoBoxU .btnAddFavorite:hover {
	filter: alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#matomeDtlBox #clientInfoBox .infoBoxU .btnAddFavoriteRegistered {
	float: right;
	line-height: 27px;
	width: 147px;
	height: 27px;
	_margin: 0;
	background: url(../img/client/btnAddFavoriteRegistered.jpg) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	text-indent: 36px;
}
#matomeDtlBox #clientInfoBox .infoBoxC {
	overflow: hidden;
	margin: 0 0 10px;
	*zoom :1;
}
#matomeDtlBox #clientInfoBox .infoBoxC .logoBox {
	float: left;
	width: 236px;
	margin: 0 10px 0 0;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul {
	float: left;
	width: auto;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul li {
	margin: 0 0 3px;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul li span {
	padding: 0 0 0 10px;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul li.btnClientLink {
	width: 190px;
	padding: 7px;
	background: #6AA745;
	font-weight: bold;
	text-align: center;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul li.btnClientLink a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#matomeDtlBox #clientInfoBox .infoBoxC ul li.btnClientLink:hover {
	filter: alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#matomeDtlBox #clientInfoBox p.mainTxt {
	margin: 0 0 10px;
}
#matomeDtlBox #clientInfoBox h4 {
	font-size: 108%;
	font-weight: bold;
}

/* サイド
==================================================== */
#matomeSideBox {
	width: 200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
#matomeSideBox .ctsBox {
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px;
	padding: 0 0 7px;
	background: #F9F9F9;
	border-bottom: 1px solid #A5A596;
}
#matomeSideBox .ctsBox .titBox {
	position: relative;
	width: 200px;
	height: 35px;
	background: #3A465A;
	border-radius: 5px 5px 0 0;
	behavior: url("/pie/PIE.htc");
}
#matomeSideBox .ctsBox .titBox h3 {
	line-height: 35px;
	padding: 0 0 0 7px;
	color: #FFFFFF;
	font-weight: bold;
}
#matomeSideBox .ctsBox ul {
	margin: 7px auto 0;
}
#matomeSideBox .ctsBox ul li {
	line-height: 1.8;
}
#matomeSideBox .ctsBox ul li a {
	display: block;
	margin: 0 0 7px;
	padding: 0 18px 7px 10px;
	background: url(../img/common/csr12.gif) no-repeat 185px 6px;
	border-bottom: 1px dotted #333333;
	*zoom: 1;
}
#matomeSideBox .ctsBox p.listLink {
	float: right;
	margin: 0 5px 0 0;
	padding: 0 0 0 20px;
	background: url(../img/common/csr11.gif) no-repeat 0 0px;
	font-size: 85%;
}

/* サイド
==================================================== */

.copy-guard {
  pointer-events: none;
}