@charset "UTF-8";

#profile h2.blank{
	display:table;
	width:100%;
	background-color:#c00;
}

#profile h2.blank div.left{
	display:table-cell;
	width:15%;
	vertical-align:middle;
}

#profile h2.blank div.ttx{
	display:table-cell;
	width:70%;
	vertical-align:middle;
	
	background-image:url(../images/h2-blank-body.jpg);
	background-repeat:repeat-x;
	background-size:contain;
	
	text-align:center;
}

#profile h2.blank div.right{
	display:table-cell;
	width:15%;
	vertical-align:middle;
}

#ranking div.container{
	background-image:url(../images/bg-flower.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
}

#profile h2 p.name{
	font-size:1.5rem;
	line-height:1.0em;
	font-weight:bold;
	margin-bottom:10px;
}

#profile h2 p.name span.age{
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:normal;
}

#profile h2 p.size{
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:bold;
}

#profile-slider{
	background-color:#a00;
	padding-bottom:10px;
	border-top:solid 5px #fff;
}

#profile-slider ul li img{
	width:100%;
	vertical-align:bottom;
}

#profile div.qa div.content{
	padding:10px;
}

#profile div.qa div.content div.row{
	display:table;
	width:100%;
	padding-bottom:10px;
	border-bottom:solid 1px #fff;
	margin-bottom:20px;
}

#profile div.qa div.content div.lastchild{
	margin-bottom:10px;
}

#profile div.qa div.content div.row p.que{
	display:table-cell;
	width:80px;
	padding-left:40px;
	
	background-image:url(../images/icon-uchiwa.png);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:center left;
}

#profile div.qa div.content div.row p.ans{
	display:table-cell;
	width:auto;
	font-weight:bold;
}

#profile div.sm-ratio{
	margin:5px;
	border:solid 2px #fff;
	padding:10px;
	border-radius:5px;
	margin-bottom:20px;
	
	background-image:url(../images/bg-smratio.jpg);
	background-size:contain;
}

#profile div.sm-ratio div.row{
	display:table;
	width:100%;
}

#profile div.sm-ratio div.row p.ttx{
	display:table-cell;
	width:20%;
}

#profile div.sm-ratio div.row p.ttx img{
	width:100%;
	vertical-align:bottom;
}

#profile div.sm-ratio div.row ul.ratio{
	display:table-cell;
	width:80%;
}

#profile div.sm-ratio div.row ul.ratio li{
	width:20%;
	float:left;
}

#profile div.sm-ratio div.row ul.ratio li img{
	width:100%;
	vertical-align:bottom;
}

#profile div.weekly h3{
	margin-bottom:0;
}

#profile div.weekly div.content{
	background-color:#c00;
	padding:5px;
}

#profile div.weekly div.content div.row{
	display:table;
	width:100%;
	text-align:center;
}

#profile div.weekly div.content div.row p.date{
	display:table-cell;
	width:50%;
	padding:5px 0;
	background-color:#a00;
	border-bottom:solid 2px #fff;
	
}

#profile div.weekly div.content div.row p.time{
	display:table-cell;
	width:50%;
	padding:5px 0;
	background-color:#fff;
	color:#c00;
	font-weight:bold;
	border-bottom:solid 2px #c00;
}

#profile div.weekly div.content div.noborder p.date{
	border-bottom:none;
}

#profile div.weekly div.content div.noborder p.time{
	border-bottom:none;
}

#profile h3.blank{
	position:relative;
}

#profile h3.blank p.ttx{
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	font-size:1.15rem;
	line-height:2.0em;
	font-weight:bold;
	text-align:center;
}

#profile div.torisetsu div.content{
	padding:10px;
}

#profile div.torisetsu div.content div.row{
	display:table;
	width:100%;
	background-color:#fff;
	box-sizing:border-box;
	border:solid 2px #c00;
	color:#000;
	margin-bottom:10px;
}

#profile div.torisetsu div.content div.row img.icon-left{
	display:table-cell;
	width:50px;
	height:50px;
	vertical-align:middle;
}

#profile div.torisetsu div.content div.row img.icon-right{
	display:table-cell;
	width:60px;
	height:50px;
	vertical-align:middle;
}

#profile div.torisetsu div.content div.row p{
	display:table-cell;
	width:auto;
	vertical-align:middle;
	overflow:hidden;
	
	font-size:0.8rem;
	line-height:1.5em;
	padding:0 5px;
	font-weight:bold;
}

#profile div.myevent{
	background-image:url(../images/bg-flower.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
}

#profile div.myevent div.content{
	padding:10px;
}

#profile div.myevent article{
	margin:10px;
	border:solid 2px #c00;
	padding:10px;
	
	background-color:#fff;
	color:#000;
	border-radius:5px;
}

#profile div.myevent article div.inner{
	display:table;
	width:100%;
}

#profile div.myevent article div.inner p.thum{
	display:table-cell;
	width:100px;
	vertical-align:top;
}

#profile div.myevent article div.inner p.thum img{
	width:100%;
	vertical-align:bottom;
}

#profile div.myevent article div.inner div.text{
	display:table-cell;
	width:auto;
	vertical-align:top;
	
	font-size:0.8rem;
	line-height:1.75em;
}

#profile div.myevent article div.inner div.text p.date{
	background-color:#09f;
	padding:0 10px;
	border-radius:2.5px;
	color:#fff;
}

#profile div.myevent article div.inner div.text p.ttx{
	font-size:1.0rem;
	line-height:2.0em;
	font-weight:bold;
	color:#c00;
}

#profile div.review div.scroll{
	height:400px;
	padding:5px;
	overflow:scroll;
}

#profile div.review article{
	margin:10px;
	margin-bottom:20px;
}

#profile div.review article div.table-parent{
	display:table;
	width:100%;
}

#profile div.review article div.table-parent p.thum{
	display:table-cell;
	width:70px;
	vertical-align:top;
}

#profile div.review article div.table-parent p.thum img{
	width:60px;
	height:60px;
	object-fit:cover;
	object-position:top;
	
	border:solid 1px #fff;
	border-radius:5px;
}

#profile div.review article div.table-parent div.text{
	display:table-cell;
	width:auto;
	vertical-align:top;
	padding:10px;
	
	font-size:0.8rem;
	line-height:1.75em;
	
	background-color:#fff;
	color:#444;
	border-radius:5px;
}

#profile div.review article div.table-parent div.text p.date{
	font-size:0.6rem;
	line-height:1.0em;
	font-weight:bold;
	color:#c00;
	margin-bottom:5px;
}

#profile div.review article div.table-parent div.text p.date span{
	display:inline-block;
	margin:0 5px;
}

#profile div.review article div.table-parent div.text p.judge img{
	display:inline;
	width:20px;
}

#profile div.movie div.content{
	padding:10px;
}

#profile div.movie div.content p.noentry{
	text-align:center;
}

#recommend{
	margin-bottom:20px;
}

#recommend article{
	width:33.25%;
	float:left;
}
