@charset 'UTF-8';
/************************************
 COMMON TAG
************************************/
body{
	font-family: "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}
h1{
	color:#666;
	font-size:0.75em;
	font-weight:normal;
	display:inline;
}
h2{
	font-size:1em;
	font-weight:normal;
}
h3{
	background:#000;
	color:#FFF;
	font-size:1.05em;
	margin:0;
	padding:2px 10px;
	font-weight:normal;
}
a:active {
	background:#CCC;
}

/* table */
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	width: 100%;
	font-size:0.8em;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th span{
	font-size:0.8em;
	color:#666;
}
th a {
	background:#f2f2f2;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}
/* clearFix */
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix{
	display: inline-block;
}
* html .clearFix{
	height:1%;
}
.clear{
	height:0;
	line-height:0;
	clear:both;
}

/************************************
 HEADER
************************************/
#siteId{
	font-size: 1.1em;
	min-height: 1.2em;
	text-align: center;
	display: block;
	margin: 0 30%;
	padding: .7em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0!important;
}
#siteId a{
	color:#FFF;
	text-decoration:none;
}
.ui-navbar{
	font-weight:bold;
}
#drawer{
	background: #32394a;
	-webkit-box-sizing: border-box;
}
/*
.ui-panel {
	width:10em;
}
*/
#drawer .ui-panel-inner{
	padding:6px 0;
}
#gcs{
	margin:10px;
}
#drawer dl{
	list-style-type:none;
	padding-left:0;
}
#drawer dt{
	background: #434b5c;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#434b5c), to(#394152));
	background-image: -webkit-linear-gradient(#434b5c, #394152);
	background-repeat: no-repeat;
	color: #999;
	line-height: 17px;
	padding-left: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
}
#drawer dd{
	margin-left:0;
	border-bottom:1px solid #242a37;
	position:relative;
}
#drawer dd.selected::after{
	content:none;
	display:none;
}
#drawer dd::after{
	background-color:rgba(255, 255, 255, .08);
	content:'';
	display:block;
	height:1px;
	left:0;
	position:absolute;
	right:-8px;
	top:0
}
#drawer dd a{
	display:block;
	padding:17px 0 17px 10px;
	color: #c4ccda;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
	text-decoration:none;
}
#drawerClose{
	padding:10px 0;
	display:block;
	margin:10px;
}

/************************************
 CONTENT
************************************/
.ui-content{
	padding:2px 0 10px;
}
.ui-content #description,
.ui-content #bioCareer,
.ui-content .ch2,
.ui-content .naMess,
.ui-content .note,
.h3Desc{
	padding-left:10px;
	padding-right:10px;
}
#summary{
	font-size:0.75em;
	color:#666;
	display:inline;
}

/************************************
 FOOTER
************************************/
#viewFooter{
	text-align:center;
	list-style-type:none;
	padding:0;
}
#viewFooter li{
	font-size:0.8em;
	display:inline-block;
	padding:0 0.5em;
}
.footerContentsLink{
	margin:0 auto;
	padding:0;
	width: 100%;
	list-style-type:none;
	letter-spacing:-0.4em;
	border-left:1px solid #CCC;
	text-align:center;
}
.footerContentsLink a{
	text-decoration:none;
	font-size:0.8em;
	display:inline-block;
	width:33%;
	letter-spacing:normal;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.footerContentsLink a li{
	text-decoration:none;
	text-align:center;
	background:#FFF;
	padding:10px 0;
}
.fclp{
	border-top:1px solid #CCC;
}
.fclp a{
	font-weight:bold;
}
.fclp a li{
	background:#edf1f8;
}
#footer{
	border:0;
	font-size:0.8em;
	background:#DDD;
	text-align:center;
	padding:6px 0 2px;
}
#footer p{
	margin:0;
}
#footer a{
	text-decoration:none;
}
#footerPolicyLink{
	list-style-type:none;
	padding:0;
	margin-top:12px;
}
#footerPolicyLink a:after{
	content:" - ";
	color:#000;
}
#footerPolicyLink a#fpll:after{
	content:none;
}
#footerPolicyLink li{
	display:inline;
}
#footerPolicyLink li:after{

}

/************************************
 TEXT VIEW
************************************/
.textView #tvContent{
	background:#EEE;
	padding:10px;
	margin:6px 0 2px;
}
.textView #tvContent h2{
	font-size:1.5em;
	margin:0;
}
.textView #tvContent h2#lh2{
	font-size:1.1em;
}
.textView #tvContent h2 span{
	font-size:0.5em;
	color:#666;
}
.textView #tvContent p{
	margin:0;
}
.textView #vLead{
	text-align:center;
	margin-bottom:0;
}
.textView #mPhoto,
.textView .mPhoto{
	margin:0 auto;
	display:block;
}
.textView #manDetail,
.textView .manDetail{
	padding:0 10px;
	margin:6px 0;
}
.textView #manDetail dt,
.textView .manDetail dt{
	text-align:center;
	font-size:1.2em;
}
.textView #manDetail dd,
.textView .manDetail dd{
	text-align:left;
	font-size:0.9em;
	margin:12px 0 0;
}

/************************************
 TOP
************************************/
#catch{
	font-size:0.8em;
	color:#666;
}
#catch span{
	font-size:2.4em;
	font-weight:bold;
	color:#B70E00;
	padding-right:0.3em;
}

/************************************
 MEN INDEX
************************************/
#index #description{
	margin-left:0;
	margin-right:0;
	font-size:0.9em;
}
#index h2{
	font-size:1.8em;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0;
}
#index #lead{
	font-size:0.9em;
	margin-top:4px;
	margin-bottom:0;
	color:#777;
}
#rNum{
	display:inline;
}
#refine{
	padding-left:4px;
}
#iDetail{
	font-size:0.7em;
	margin:0;
	padding-top:1px;
	line-height:1.2;
}
#iDetail dd{
	color:#666;
	margin:0;
}

/************************************
 MEN VIEW
************************************/

#adminEditLink{
	background-color:#F9C2C4;
	padding:5px;
	text-align:center;
	font-size:2em;
}
#view .ui-grid-a>.ui-block-a{
	width:100px;
	margin-right:10px;
}
#view .ui-grid-a>.ui-block-b{
	width:190px;
}
#biography{
	width:300px;
	margin:10px auto 0;
}
#biography h2{
	margin-top:10px;
	font-size:1.4em;
	font-weight:normal;
	display:inline;
}
#kana{
	color:#888;
	font-size:0.85em;
	display:inline;
}
#biography dl,
#biography img{
	margin:10px 0 0;
}
#biography dl{
	font-size:0.8em;
}
#biography dt{
	clear:left;
	float:left;
	margin:0 0 0.4em;
	width:5em;
}
#biography dd {
	margin-bottom:0.4em;
	margin-left:5em;
}
#bioCareer{
	font-size:0.8em;
}
.cH2{
	background:#DB1303;
	color:#FFF;
	font-size:1em;
	margin-bottom:0;
	padding:4px 10px;
	font-weight:normal;
}
.h3Desc{
	color:#444;
	font-size:0.6em;
	margin:4px 0 4px 0;
}
article.carCtr{
	margin:0 -12px;
	overflow-y:hidden;
}
article.carCtr2{ /* ranking and otherSiteList */
	margin:0;
	overflow-y:hidden;
}
div.carCtrM{
	padding:0 28px;
	display:inline-block;
}
div.carCtrM2{ /* ranking and otherSiteList */
	padding:0 12px;
	display:inline-block;
}
ul.menCarousel,
ul.textCarousel,
ul.imagesCarousel,
ul.menCarouselMini,
ul.refineList{
	list-style-type:none;
	display:flex;
	margin:0;
	padding:0;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
ul.refineList{
	margin:0 12px;
}
ul.menCarousel li,
ul.textCarousel li,
ul.imagesCarousel li,
ul.menCarouselMini li,
ul.refineList li{
	/*margin:0 2px 10px 6px;*/
	margin:0 0 10px 8px;
	box-shadow:0 1px 6px rgba(32, 33, 36, 0.28);
	border-radius:8px;
	background:#FFF;
	width:100px;
	border:1px solid #DDD;
	border-bottom:1px hidden #fff;
}
ul.menCarousel li:first-child,
ul.textCarousel li:first-child,
ul.imagesCarousel li:first-child,
ul.menCarouselMini li:first-child,
ul.refineList li:first-child{
	margin-left:0;
}
ul.menCarousel li a,
ul.textCarousel li a,
ul.imagesCarousel li a,
ul.menCarouselMini li a,
ul.refineList li a{
	text-decoration:none;
}
ul.textCarousel li,
ul.menCarouselMini li{
	min-width:155px;
	font-size:0.95em;
}
ul.refineList li{
	min-width:90px;
	border-radius:20px;
	padding:6px 0;
	text-align:center;
}
ul.menCarouselMini li {
	height:50px;
	border-left:1px solid #DDD;
}
.titleThumb img{
	border-radius:8px 8px 0 0;
}
ul.menCarouselMini .titleThumb{
	display:inline-block;
	margin-right:6px;
}
ul.menCarouselMini .titleThumb img{
	border-radius:8px 0 0 8px;
	margin-right: 4px;
}
.wreThumb{
	margin:12px 10px 14px;
}
.wreThumb img{
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
	padding-right:5px;
}
.wreThumb p,
ul.menCarouselMini .titleThumb dl.mcmDetail,
ul.refineList li a{
	font-size:0.9em;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:calc(100% - 45px);
}
ul.refineList li a{
	width:80px;
}
ul.menCarouselMini .titleThumb dl.mcmDetail{
	vertical-align:top;
	margin-top:6px;
	width:90px;
}
ul.menCarousel li dl,
ul.textCarousel li dl,
ul.imagesCarousel li dl,
ul.imagesCarousel li p{
	color:#000;
	font-size:0.85em;
	margin:8px;
}
ul.imagesCarousel p{
	display:inline-block;
}
ul.menCarousel li dl dd,
ul.textCarousel li dl dd,
ul.imagesCarousel li dl dd,
ul.menCarouselMini .titleThumb dl.mcmDetail dd{
	color:#70757A;
	margin:0;
	font-size:0.85em;
}

#cTable{
	font-size:0.9em;
}
#cTable dd{
	margin:0 0 0.5em 0;
}
#relatedPrefectureList{
	margin-left:2px;
}
#relatedPrefectureList td{
	width:75px;
	padding:0 2px 10px 0;
	vertical-align:top;
}
#relatedPrefectureList td a{
	display:block;
}
#relatedPrefectureList p{
	font-size:0.8em;
	margin:0;
	padding-top:1px;
	line-height:1.2;
}
.sameGeMan{
	font-size:0.8em;
	width:100px;
	float:left;
	margin-right:2px;
}
.sameGeMan dl{
	-webkit-margin-before:0;
	-webkit-margin-after:1em;
}
.sameGeMan dd{
	font-size:0.7em;
	-webkit-margin-start: 0;
	color:#666;
}

.naMess{
	font-size:0.8em;
}

/************************************
 AD
************************************/
#aIndH{
	margin:4px auto;
	text-align:center;
}
#aIndM{
	border-top:1px solid #CCC;
	padding:3px 0;
	margin:0 auto;
	text-align:center;
}
#aIndF{
	margin:4px auto;
	text-align:center;
}
#aviHR{
	text-align:center;
	width:100%;
	margin:20px auto 10px auto;
}
.aviHR{
	text-align:center;
	width:100%;
	margin:20px auto 10px auto;
}

/************************************
 ELEMENTS
************************************/
.relatedContentsHeadline{
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	background:#000;
	margin-bottom:0;
	padding:2px 4px;
}
.postArr{
	margin:0;
	padding:0;
	background:#FFF;
	border-bottom:1px solid #CCC;
}
.postArr li{
	font-size:0.85em;
	line-height:1.3;
	border-top:1px solid #CCC;
	table-layout:fixed;
	width:100%;
}
.postArr li .postDetail{
	vertical-align:top;
	padding:6px 6px 0 0;
	margin:0;
}
.postArr li .postDetail dt{
	font-weight:bold;
	margin-bottom:0;
}
.postArr li .postDetail dt span{
	font-weight:normal;
	font-size:0.8em;
	color:#999;
	padding-left:1em;
}
.postArr li .postDetail dd{
	margin:0;
	color:#666;
	font-size:0.9em;
}
.postArr li a {
	display:block;
	position: relative;
	padding-right:16px;
	text-decoration:none;
}
.postArr li a:after {
	display:block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 7px;
	height: 7px;
	margin-top: -8px;
	border-top: solid 2px #AAA;
	border-right: solid 2px #AAA;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.textListArr li .postDetail{
	padding:10px 8px 8px 10px;
}
.textListArr li a:after {
	margin-top: -8px;
}
.thumbListArr li{
	display:table;
}
.thumbListArr li .titleThumb{
	display:table-cell;
	width:100px;
	padding:3px 12px 3px 3px;
}
.thumbListArr li .titleThumb img{
	margin:0;
}
.thumbListArr li .titleThumb div{
	text-align:center;
	height:75px;
	padding-top:30px;
	font-size:0.8em;
	background:#EEE;
	color:#444;
}
.thumbListArr li .postDetail{
	display:table-cell;
}
dd.inlineInfo{
	display:inline;
}


/* タグ関連 */
#index .tags{
	font-size:1.6em;
	margin:4px 10px 0;
}
#view .tags{
	margin:4px 10px 0;
}
.tags{
	margin-bottom:6px;
	padding-left:0;
}
.tags li{
	display:inline-block;
	margin-bottom:0.7em;
	margin-right:8px;
	font-size:0.7em;
}
.tags li a{
	text-decoration:none;
	color:#4B4B4B;
	display:block;
	background:#E8EEF9;
	border:1px solid #DDD;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	font-weight:bold;
	white-space:nowrap;
	padding:4px 6px;
}
#tagsBottom p{
	margin:0 0 0 10px;
}
#tagsBottom li{
	font-size:1em;
	margin-bottom:1em;
}