@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements

# common classes

----------------------------------------*/


/* # 人気のもの
---------------------------------------------------------------------------- */
/* 2014/11/13
#top_hotlist.hotList li.alist_item9{
	display: none;
}
*/


.tophotArea ul.hotList>li{
	border: 6px solid #f2f2f2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;
	margin: 0 0 15px 15px;
	position: relative;
	width:192px;
}


.tophotArea ul.hotList li:hover div.hotbox {
	position: relative;
	top:-4px;
	left: -4px;
}


.tophotArea ul.hotList li div.listback {
	background: #00a6d6;
}


div.tophotArea h2{
	display: none;
}

div#sidebar h2.sidehot {
	margin-bottom: 6px;
}

ul.hotList {
	margin-left: -15px;
	/* 2014/11/13	margin-top: -18px;*/
}

ul.hotList li {
	/* 2015/03/09*/
	border-top: 1px solid #e8e8e8;
	float: left;
	margin: 0 0 4px 15px;
	position: relative;
	width:192px;
}

ul.hotList li.Fst {border-top:none;}

.tophotArea ul.hotList li {
	height: 276px;
}

ul.hotList li div.hotbox {
	background: #fff;
	width: 192px;

}

.tophotArea ul.hotList li div.hotbox {
	height: 278px;
}

ul.hotList li:hover div.hotbox {
	position: relative;
	/* 2015/03/06	top:-4px;
        left: -4px;*/
}
/* 2015/03/06 */
div.sideBox ul.hotList li:hover .textBox p{text-decoration:underline;}

ul.hotList li p.images {
	width:192px;
}

ul.hotList li p.images img {
	width: 100%;
}

ul.hotList li div.textBox {
	padding: 7px 10px 21px;
	width: 172px;
}

.tophotArea ul.hotList li div.textBox {
	height: 122px;
}

ul.hotList li div.textBox p.title {
	color: #333;
	font-size: 155%;
	line-height: 1.4;
}

ul.hotList li p.uni {
	position: absolute;
	right: -15px;
	top: -17px;
}

ul.hotList li ul.pointList {
	padding: 0 10px 7px;
	position: absolute;
	bottom: 0px;
	width: 90%;
}

div#content h2.sidehot {
	display: none;
}

div.sideBox p.more,
div.sideBox h2.contentTitle {
	display: none;
}

.contentBox  p.moer {
	text-align: center;
	padding: 15px 0 10px;
}

.contentBox  p.moer a {
	/*color: #808080;*/
	/*font-size: 200%;*/
	/*font-weight: bold;*/
}

.contentBox  p.moer a:hover {
	color: #ff9600 !important;
}
div.sideBox ul.hotList {
	margin-top: 0px;
}

div.sideBox ul.hotList li div.hotbox {
	position: relative;
}
div.sideBox ul.hotList li,
div.sideBox ul.hotList li div.hotbox {
	width: 292px;
}
div.sideBox ul.hotList li p.images {
	/* 2015/03/06 */width: 90px;
	margin-right: 0;
	float: left;
}

/* 2015/03/06 */
div.sideBox ul.hotList li div.hotbox{padding: 10px 0 0;}

div.sideBox ul.hotList li p.hotNumber {
	float: left;
	font-weight: bold;
	font-size: 190%;
	width: 30px;
	text-align: center;
	padding: 16px 0 0;
	color: #00a6d6;
}

div.sideBox ul.hotList li.Fst p.hotNumber{background:url(../../img/common/sdr_crown.gif) no-repeat 5px 8px;}

div.sideBox ul.hotList li div.leftcalam {
	/* 2015/03/06width: 110px; */
}
div.sideBox ul.hotList li div.textBox p.title {
	font-size: 105%;
	padding-bottom: 12px;
}
div.sideBox ul.hotList#social_ranking_list li div.textBox p.title{
	min-height:36px;
	padding-bottom:5px;
}

div.sideBox ul.hotList li div.textBox {
	padding: 0 11px 0 8px;
	width: 160px;
	background:url(../../img/common/sdr_ranking_arrow_g-r.gif) no-repeat;
	background-position: right 24px;
	min-height: 66px;
}

div.sideBox ul.hotList li div.textBox span{
	font-weight: bold;
	font-size: 100%;
	line-height: 15px;
	color: #FE4D4A;
}

div.sideBox ul.hotList li:hover div.textBox {
	background:url(../../img/common/sdr_ranking_arrow_g-r.gif) no-repeat;
	background-position: right -43px;
}

div.sideBox ul.hotList li ul.pointList{
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
}

/* # compList
---------------------------------------------------------------------------- */

div#content ul.digCompList li.reqArea {
	margin-bottom: 20px !important;
}

.digCompList .digArticle .images {
	width: 90px;
}

.digCompList .digArticle .images {
	width: 90px;
}

div#content .digComp .digArticle .images {
	width: 90px;
}

div#content .digComp .digArticle .images img {
	max-width: 90px;
}

.digCompList .digArticle .images img {
	max-width: 90px;
}

.digCompList .digArticle .textBox {
	width: 515px;
}
.digCompList .digArticle .title {
	font-size: 130%;
	line-height: 1.8;
}

/* # push
---------------------------------------------------------------------------- */

div#push {
	background: url(../../img/common/bg_push.gif?1405419959) repeat left top;
	padding: 7px 20px 18px;
}

div#pushbottom {
	background: url(../../img/common/bg_push_bottm.gif?1405419959) repeat-x left bottom;
	padding-bottom:8px;
}

div#pushtop {
	background: url(../../img/common/bg_push_top.gif?1405419959) repeat-x left top;
	position: relative;
	padding-top:8px;
}

div#content h2.contentPushTitle {
	display: block;
	padding-bottom: 7px;
}

div#content h2.sidePushTitle {
	display: none;
}

section.pushSection {
	/*margin-top: -40px;*/
	padding-bottom: 30px;
}

div#push li,
div#push p {
	color: #fff;
}

div#push li.osusumeArea span.imgProvider {
	z-index: 20;
	max-width: 325px;
}

div#push a.plusLink{
	position: absolute;
	display: none;
	padding: 0;
	background: none;
	opacity: 1;
}

div#push:hover span.imgProvider,
div#push:hover a.plusLink{
	display: block;
}

div#push a.plusLink {
	z-index: 20;
	text-indent:-9999px;
}
div#push a.plusLink div {
	background: #fff;
	opacity: 0.4;
	height: 100%;
	width: 100%;
}

div#push p.uni {
	right: -6px;
	top: -9px;
}

div#push div.pushBox {
	float: left;
	padding: 0px 0px 8px 8px;
	width: 254px;
}

section.contentBox div#push div.textBox {
	width: 275px;
}

div#push ul.pointList {
	float: right;
	padding: 3px 0px 0 0;
	margin-right: -4px;
	width/***/: 100px\9;/* ie8 */
}

div#push div.images {
	float: left;
	min-height: 60px;
	margin-right: 15px;
	position: relative;
	width: 325px;
}

div#push p.date {
	float: left;
}

div#push p.title {
	clear: both;
	font-weight: bold;
}

div#content div#push p.title {
	font-size: 155%!important;
}

/* # フカボリして欲しい
---------------------------------------------------------------------------- */

div#content ul.reqList li.reqArea {
	margin-bottom: 15px;
}

div#content ul li div.reqTextBox {
	width: 527px;
}

div#content ul li div.reqTextBox p.title {
	font-size: 150%;
	line-height: 1.4;
}

.RequestBody a,
div.reqTextBox a {
	color: #00a6d6;
	position: relative;
	z-index: 21;
}

.pointBox dd.dig_reqest {
	background: url(../../img/common/bg_hote_req.png?1405419959) no-repeat left center;
	color: #fff;
	margin: 1px 2px 0 0;
	padding-top: 1px;
}

.pointBox dd.dig_reqest span {
	background: #7950b0;
	display: inline-block;
	height: 15px;
	padding-top: 1px;
	margin-top: 0px;
}

.reqimages {
	padding: 5px 0 4px;
}

.reqimages img {
	max-width: 100%;
	height: auto;
}

/* # request
---------------------------------------------------------------------------- */

div#request{
	background:#7fd300;
	margin: 0 auto 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-bottom: 10px;
	position: relative;
	z-index: 10;
	width: 100%;
}

div#popUpReqest div#request {
	width: 642px;
}

div#request div.loginrequest {
	float: left;
	width: 572px;
}


div#request h2{
	padding: 10px 0;
	margin: 0 auto;
	width: 303px;
}

div#request h2.loginrequest {
	padding-left: 40px;
}

div#form{
	position: relative;
	text-align:center;
	margin: 0 10px;
}

p.comentlogin {
	width:270px;
}

p.comentlogin,
div#form p.loginform {
	position: absolute;
	z-index: 10;
}

div#form p.loginform img {
	width: 285px;
}

div#form .plus{
	position: relative;
	float:left;
	text-align: center;
	line-height: 50px;
	margin-top: 6px;
	display:none; //20150924
}

div.plus{
	height: 35px;
	text-align: center;
	width: 60px;
}

div.comeBox {
	position: relative;
	background: #e6e6e6;
	padding: 10px;
	min-height: 36px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div.comeBox form {
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
}

div.comeBox p {
	position: absolute;
	top: 11px;
	left: 10.5px;
}

div.nologin{
	display: none;
}

div.comeBox input#comment,
div#form .input{
	width: 612px;
	float:left;
	background:#fff;
	margin-top:0px;
	padding: 5px;
	border-radius: 3.5px;
	-webkit-border-radius: 3.5px;
	-moz-border-radius: 3.5px;
	text-align: left;
	border: none;
	min-height: 40px;
}


div.comeBox textarea.commentBox {
	width: 184px !important;
}

div.comeBox textarea.commentBox,
div.comeBox textarea#comment {
	padding: 0 5px;
	border-radius: 3.5px;
	-webkit-border-radius: 3.5px;
	-moz-border-radius: 3.5px;
}

div.comeBox textarea.commentBox,
div.comeBox input#comment,
textarea#comment{
	outline: 0;
	background:#FFF;
	border: none;
	float: left;
	padding: 8px 0 0 0;
	height: 32px;
	margin: 0;
	width: 535px;
	font-size: 160%;
	font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	resize: none;
}

div.comeBox textarea.commentBox {
	height: 23px;
	width: 525px;
	font-size: 110%;
	resize: none;
}

div.comeBox input#comment {
	width: 185px;
	min-height: 15px;
	padding: 1px 5px;
	margin-left:5px;
}
div.comeBox input#commentB,
div#form input#reqbtn {
	background:url(../../img/common/btn_request_send.gif?1405419959) no-repeat 0 0;
	background-size: 100%;
	border:none;
	text-indent:-9999px;
	display:block;
}
div.comeBox input#commentB {
	background:url(../../img/common/btn_coment_send.gif?1405419959) no-repeat 0 0;
}

div#form input#reqbtn:hover {
	background:url(../../img/common/btn_request_send_o.gif?1405419959) no-repeat 0 0;
	background-size: 100%;
}


div.comeBox input#reqbtn:hover {
	background:url(../../img/common/btn_comment_send_o.gif?1405419959) no-repeat 0 0;
	background-size: 100%;
}
div.comeBox input#commentB,
div#form input#reqbtn {
	float: right;
	width: 77px;
	height: 40px;
	background-size: 100%;
}

div.comeBox input#commentB {
	height: 26px;
	width: 50px;
}

div.comeBox input#commentB:hover {
	background: url(../../img/common/btn_request_send_o.gif?1405419959) no-repeat 0 0;
	background-size: 100%;
}

/* # requestRe
---------------------------------------------------------------------------- */
div#requestRe{
	background:url(../../img/common/request_re_bg.png) repeat-y #f2f2f2;
	margin: 0 auto 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 14px;
	position: relative;
	z-index: 10;
}

#requestRe .title h2 {
	padding: 0 0 10px;
	margin: 0 auto;
	text-align: center;
}

#requestRe .readText{
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
}

#requestRe .reBtn{text-align: center;}

#requestRe .reBtn a{
	background-color: #ffe000;
	display:inline-block;
	padding: 16px 60px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1;
}

#requestRe .reBtn a:hover{
	background-color: #feee77;
}


input[type="submit"]:-moz-focus-inner{border:0;}

.FormArea input[type="text"], .FormArea input[type="password"], .FormArea select{border:#999 1px solid; padding:3px 5px;}
.FormArea input[type="text"]:focus, .FormArea input[type="password"]:focus, .FormArea select:focus{
	background: #fbfbfb;
	border:#999 2px solid;
	outline: 0; /*safariの自動フォーカスを切る*/
	-webkit-appearance: none;
}

.FormArea input[type="checkbox"] {
	-webkit-appearance: checkbox;
	box-sizing: border-box;
}

.FormArea textarea{border:#999 1px solid; padding:3px 5px;}
.FormArea textarea:focus{background: #fbfbfb;
	border:#999 2px solid;
	outline: 0; /*safariの自動フォーカスを切る*/
}

.FormArea input[type="text"],
.FormArea input[type="password"],
.FormArea select{
	font-size: 15px;
	height: 28px;
}

.FormArea{
	width: 704px;
	height: 452px;
	background:url(../../img/common/request_formbg_g.png) no-repeat;
	padding: 20px 20px 80px 20px;
}

.FormArea .FormSection .Question{
	font-weight: bold;
	font-size: 130%;
	line-height: 1.6;
	padding-left: 4px;
}

.FormArea .FormSection .RTextArea{
	margin-top:8px;
	height: 240px !important;
	width: 692px;
	font-size: 130%;
	overflow:auto !important;
	resize: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.FormArea .FormSection .Question span{
	font-size: 86%;
	color: #B90000;
}

.FormArea .FormSection.PenName {width: 460px; margin: 13px auto;}

.FormArea .FormSection.PenName .Question,.FormArea .FormSection.PenName .Answer{
	display: inline-block;
	vertical-align: top;
}

.FormArea .FormSection.PenName .Question{padding: 4px 10px 0 0;}
.FormArea .FormSection.PenName .Answer .em1{
	width: 300px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#CheckMod{
	margin-bottom: 10px;
	text-align: center;
}

#CheckMod .check_conf {
	padding: 9px 0;
	font-size: 130%;
}
#CheckMod .check_conf .checkbox_img{vertical-align: middle; margin-right: 6px;}
#CheckMod .check_conf .CheckBoxLabelClass a{color: #00a6d6;}

.SubmitButtonArea .SubmitButton{text-align: center;}
.SubmitButtonArea .SubmitButton .Issue{
	background-color: #ffe000;
	padding: 16px 80px 16px 76px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.SubmitButtonArea .SubmitButton .Issue:hover{background-color: #feee77;}

.cancel.close {
	position: absolute;
	top: -16px;
	right: -16px;
	z-index: 10;
	cursor: pointer;
}

/* thankyou page
---------------------------------------------------------------------------- */
#thankyouTitle{text-align: center; padding: 70px 0;}

.PlaneTextBlock {text-align: center; margin-bottom: 60px;}
.PlaneTextBlock p {font-size: 200%;}

.officialSns{
	border: 6px solid #f2f2f2;
	margin: 0 auto 60px;
	width: 700px;
	padding: 20px;
	text-align: center;
}

.officialSns .officialSnsList{font-size: 140%;}
.officialSns .officialSnsList li{
	display: inline-block;
	width: 49%;
	vertical-align: bottom;
}
.officialSns .officialSnsList li:first-child{border-right: 1px solid #ccc;}
.officialSns .officialSnsList li p.officialTw{padding-top: 12px;}
.officialSns .officialSnsList li .fb-like{padding: 6px 0;}

.answerList{text-align: center; margin-bottom: 60px;}
.answerList p a{
	background-color: #00a6d6;
	display: inline-block;
	padding: 16px 60px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.answerList p a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

/* # pointList
---------------------------------------------------------------------------- */
ul.pointList,
ul.pointList li {
	background: none;
	color: #a7a7a7;
	float: left;
	font-size: 90%;
	line-height: 12px;
	height: 12px;
	padding: 0 7px 0 0;
	margin: 0;
	border: none;
	vertical-align: top;
	width: auto !important;
}

ul.pointList li {
	display: table-cell;
}

ul.pointList li img {
	padding-right: 2px;
	vertical-align: top;
	float: left;
	width: auto;
}

ul.pointList li span {
	line-height: 13px;
	height: 13px;
}


/* # relevanceList
---------------------------------------------------------------------------- */

ul.relevanceList li {
	position: relative;
	background: #fff;
	border: 7px solid #f2f2f2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 10px;
	width: 628px;
}

ul.relevanceList li .listback {
	background: #00a6d6;
}

ul.relevanceList .hotbox {
	background: #fff;
}

ul.relevanceList li:hover div.hotbox {
	position: relative;
	top:-4px;
	left: -4px;
}

ul.relevanceList li div.leftcalam {
	width: 446px;
}

ul.relevanceList li div.textBox {
	padding-top: 9px;
	width: 446px;
}

ul.relevanceList li p.title {
	color: #333;
	font-size: 150%;
	padding-bottom: 10px;
}

ul.relevanceList li p.images {
	width: 150px;
}

ul.relevanceList li ul.pointList {
	position: absolute;
	bottom: 9px;
}

ul.relevanceList li li {
	border: none;
	background: none;
	width: auto;
}



/* # pagerNav
---------------------------------------------------------------------------- */

div#pagerNav {
	margin: 30px auto 20px;
	text-align: center;
}

div#pagerNav ul {
	display: inline-block;
}


div#pageBody div#pagerNav p.back {
	margin-left: -1px;
}

div#pageBody div#pagerNav ul li,
div#pageBody div#pagerNav p {
	margin: 0 2px;
	background: none;
	padding: 0;
	display: inline-block;
	width: auto;
	vertical-align: top;
	border: none;
}


div#pagerNav ul li a,
div#pagerNav p a {
	background: #00a6d6;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 31px;
}

div#pagerNav ul li a {
	height: 37px;
	line-height: 37px;
	padding-top: 3px;
}

div#pagerNav p a:hover,
div#pagerNav ul li a:hover,
div#pagerNav ul li.here a {
	border: 3px solid #66cae6;
	height: 32px;
	line-height: 30px;
	width: 25px;
	padding-top: 3px;
}

div#pagerNav p a:hover,
div#pagerNav ul li a:hover {

}

div#pagerNav ul li span {
	color: #fff;
	display: block;
	height: 37px;
	line-height: 37px;
	padding-top: 3px;
	margin: 0 6px;
	text-align: center;
}

div#pagerNav p.back {
	margin-left: 0px;
}

div#pagerNav ul li span img,
div#pagerNav p a img {
	vertical-align: middle;
}



/* # clearfix
---------------------------------------------------------------------------- */

.pointList,
div#pageBody {
	zoom: 1;
}

.pointList:after,
div#pageBody:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* # common classes
---------------------------------------------------------------------------- */
.resultTitle {
	font-size: 180%;
	color: #00a6d6;
}

.resultTitle span {
	font-size: 55%;
	position:absolute;
	right: 0;
	bottom: 17px;
	color: #666;
}

div#noresult {
	padding: 20px;
	background: #f1f1f1;
}

div#noresultInner {
	background: #fff;
	border-radius: 6px;
	color: #80d2ea;
	font-weight: bold;
	font-size: 180%;
	text-align: center;
	padding-top: 50px;
	height: 200px;
}

div#noresult img {
	margin-bottom: 40px;
}

.article_hot {
	margin-bottom:20px;
}

.article_hot h3.mh_article_hot_list {
	border-top: none;
	margin-bottom: 0;
	padding-top: 0;
}

.article_hot_list li {
	border-bottom: solid 1px #d9d9d9;
	padding: 10px 0;
	position: relative;
}
.adv_list li:first-child {
	border-top: solid 2px #00a6d6;
}

.adv_list li .pointList {
	float: none;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.adv_list li .pointList li {
	border-top: none;
}

.adv_list li div.textBox {
	max-width: 471px;
	padding-bottom: 15px;
}

.adv_list li .pointList li.pr_viwe{
	font-size: 115%;
}

.article_hot_list li:last-child {
	border-bottom: none;
}

.article_hot_list li .uni {
	top: 1px;
}
.article_hot_list li .images {
	max-width: 120px;
}
.article_hot_list li .img_thumb {
	float: left;
	min-height: 60px;
	margin-right: 15px;
	position: relative;
	width: auto;
	max-width: 120px;
}

.article_hot_list li .title {
	font-size: 170%;
	font-weight: bold;
	padding-top: 10px;
	max-width: 490px;
}

.article_hot_list li .viwe_count {
	display: none;
}

.keyword_list_all li {
	display: inline-block;
	margin: 0 15px 15px 0;
	width: auto;
	font-size: 135%;
}

/*-----------------------------------
The number of rows limit
-----------------------------------*/
/*共通*/
.tophotArea ul#top_hotlist.hotList li div.textBox p.title {
	overflow: hidden;
	height: 101px;
	position: relative;
}

/*safari / chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tophotArea ul#top_hotlist.hotList li div.textBox p.title{
		-webkit-line-clamp: 4;
		-moz-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		white-space: normal;
		text-overflow: ellipsis;
	}
}
/*-----------------------------------
List renewal
-----------------------------------*/
.recommend_article .listback .view_count {
	color: #a7a7a7;
	font-size: 100%;
	font-weight: normal;
}
.recommend_article .listback a:hover .view_count span {
	text-decoration: none;
}
.recommend_article .listback .view_count img {
	padding-right: 2px;
	vertical-align: -1px;
	width: auto;}
.recommend_article .listback .view_count {position: absolute;
	bottom: 9px;
	left: 170px
}
.recommend_article .listback .writerPc  .profilephoto {
	width: 32px;
	padding-right: 10px;
	float: left;
}
.recommend_article .listback .writerPc  .profilephoto a {
	display: block;
}
.recommend_article .listback .writerPc .name a {
	color: #a7a7a7;
	font-weight: bold;
	font-size: 60%;
	line-height: 2;
}


/*-----------------------------------
リクエストボックス　PC/SP出し分け
-----------------------------------*/
#requestRe .requestRePc {
	display: inline-block !important;
}
#requestRe .requestReSp {
	display: none !important;
}