@charset "utf-8";
/* 
CSS Information
 File name:      profile.css
 Author:         Administrator
 Style Info:     /profile/
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/
.title01 small {
	content: "NEW!";
	margin-left: 1em;
	color: #f00;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
	font-size: 93%;
}

#content > section {
	clear: both;
	margin-bottom: 20px;
}

/* #profile
***********************************/
.otherpage {
	margin-bottom: 10px;
}

.otherpage li {
	text-align: right;
	font-size: 12px;
}

.otherpage li dl {
	font-size: 0;
}

.otherpage li dt,
.otherpage li dd {
	display: inline-block;
	font-size: 12px;
}

.otherpage li dd::before {
	content: "｜";
}

.photobox {
	float: left;
	margin: 0 20px 20px 0;
}

.mainphoto {
	width: 320px;
	padding: 10px;
	margin-bottom: 10px;
	background: rgba(23,24,75,1) 0%, rgba(79,81,197,1); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(144,146,229,1) 0%, rgba(23,24,75,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(144,146,229,1) 0%, rgba(23,24,75,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(144,146,229,1) 0%, rgba(23,24,75,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mainphoto img {
	max-width: 100%;
}
.mainphoto .platinum {
	background: url("../img/common/platinum02.png") left bottom no-repeat;
}
.mainphoto .icon_wakaba {
	background: url("../img/common/icon_new.png") right bottom no-repeat;
}
.photo {
	padding-left: 10px;
}

.photo li {
	float: left;
	margin-right: 5px;
}

.photo li img {
	max-width: 58px;
	border: 1px solid #9092e5;
}

.detail {
	overflow: hidden;
	margin-bottom: 20px;
}

.detail dt {
	clear: both;
	float: left;
	width: 12em;
	margin-bottom: 10px;
	color: #8c6b4a;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	font-weight: bold;
}

.detail dd {
	margin: 0 0 10px 12em;
}

.detail dd.comment {
	clear: both;
	margin-left: 1em;
}

.skill table {
	width: 100%;
	margin-bottom: 5px;
}

.skill table img {
	vertical-align: middle;
}

.skill th,
.skill td {
	width: 20%;
	padding: 5px;
	border: 1px solid #CCC0B7;
	text-align: center;
	vertical-align: middle;
}

.skill th {
	background: #f7f7f7;
	color: #8c6b4a;
	font-weight: bold;
}

.schedule table {
	width: 100%;
	margin-bottom: 5px;
}

.schedule th,
.schedule td {
	width: 14%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.schedule th {
	border-bottom: 1px solid #2f318f;
	font-weight: bold;
	font-size: 93%;
}

.schedule td {
	font-size: 85%;
}

.tabs li {
	float: left;
	overflow: hidden;
	width: 18%;
	width: -webkit-calc((100% - 15px) / 4);
	width: calc((100% - 15px) / 4);
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	border-radius: 3px 3px 0 0;
	background: #c8c9ed;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

.tabs li.current {
	position: relative;
	bottom: -1px;
	background: rgb(255,186,248); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(196,137,255,1) 0%, rgba(255,186,248,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(196,137,255,1) 0%,rgba(255,186,248,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,137,255,1) 0%,rgba(255,186,248,1) 100%);
	border-bottom: 1px solid rgba(255,186,248,1);
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

.tabs + .view {
	position: relative;
	padding: 40px 15px 20px;
	margin-bottom: 20px;
	border: 1px solid #17184B;
	background: #9092e5;
}

.view .btn.enquete {
	position: absolute;
	top: 10px;
	right: 10px;
}

.view .btn.enquete a small {
	margin-left: 5px;
	font-size: 85%;
	font-weight: normal;
}

.view .box .ttl {
	margin-bottom: 15px;
	color: #2f318f;
	font-weight: bold;
	font-size: 108%;
}

#interview ol {
	padding: 15px;
	border: 1px solid #ccc;
	background: #fff;
}

#interview ol li:not(:first-child) {
	margin-top: 20px;
}

#interview ol li dt {
	margin-bottom: 5px;
	font-weight: bold;
	color: #f60;
}

#interview ol li dd {
	padding: 3px 10px;
	background: #eef;
}

#interview ol li dd:first-of-type {
	margin-bottom: 3px;
	background: #fee;
}

#voice .msg_list li {
	padding: 10px 15px;
	border: 1px solid #ccc;
	background: #fff;
}

#voice .msg_list li:not(:first-child) {
	margin-top: 20px;
}

#voice .msg_list li small {
	display: block;
	font-size: 93%;
}

#voice .msg_list li small.date {
	margin-bottom: 10px;
	color: #f60;
}

#voice .msg_list li small.writer {
	text-align: right;
}

#photoblog .list_blog {
	overflow: auto;
	max-height: 500px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	background: #fff;
}

#photoblog .list_blog li:not(:first-child) {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #DAD7BE;
}

#photoblog .list_blog li .date {
	margin-bottom: 10px;
}

#photoblog .list_blog li figure {
	margin-bottom: 10px;
}

#photoblog .list_blog li figure img {
	max-width: 100%;
}