@charset "UTF-8";

#profile h2{
	background-image:url(../images/h2-main-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	
	padding:0 10px;
	margin-bottom:10px;
	height:50px;

}

#profile h2 p.name{
	display:inline-block;
	font-size:1.5rem;
	line-height:50px;
	font-weight:bold;
	color:#fff;
}

#profile h2 p.name span{
	font-size:1.2rem;
	line-height:40px;
}

#profile h2 p.size{
	display:inline-block;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	margin-left:10px;
}

#profile h3{
	background-color:#7e836c;
	color:#fff;
	
	font-size:1.2rem;
	line-height:1.0em;
	font-weight:bold;
	margin-bottom:10px;
	padding:1px;
	
}

#profile h3 div.ol{
	
	border:solid 1px #fff;
	padding:10px 5px;
}

#summary div.portfolio{
	width:380px;
	float:left;
    margin-left: 20px;
}

#slider{
	background-size:100px;
}

#photo{
	width:380px;
	float:left;
	position:relative;
}

#photo li{
	position:absolute;
}

#photo li img{
	width:100%;
	vertical-align:bottom;
}

#thum{
	width:132px;
	float:left;
    margin-left: 388px;
    margin-bottom: 13px;
}

#thum li{
	cursor:pointer;
}

#thum li img{
	width:96%;
	vertical-align:bottom;
}

#summary{
	margin-bottom:20px;
}

#summary div.portfolio ul.btn-link{
}

#summary div.portfolio ul.btn-link li{
	width:50%;
	float:left;
	text-align:center;
}

#summary div.portfolio ul.btn-link a{
	display:block;
	margin:2.5px;
	background-color:#fff;
}

#summary div.portfolio ul.btn-link img{
	width:100%;
	vertical-align:bottom;
}

#summary div.personal{
	width:380px;
	float:right;
    margin-right: 18px;
}

#summary div.personal ul.icon-type{
	margin-bottom:10px;
}

#summary div.personal ul.icon-type li{
	width:50%;
	float:left;
	text-align:center;
}

#summary div.personal ul.icon-type li span{
	display:block;
	padding:2.5px;
	margin: 0 2.5px;
	border:solid 1px #ff0000;
	
	background-image:-moz-linear-gradient(
    top,
    #ff6699 0%,
    #ff3366 49%,
    #ff0033 50%,
    #ff3366);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#ff6699),
    color-stop(0.49,#ff3366),
    color-stop(0.50,#ff0033),
    to(#ff3366));
	color:#fff;
}

#summary div.personal ul.icon-type li img{
	width:100%;
	vertical-align:bottom;
}

#summary div.qa{
	margin:0 10px 10px;
}

#summary div.qa div.row{	
	display:table;
	width:100%;
	
	padding-bottom:10px;
	border-bottom:solid 2px #eee;
	margin-bottom:10px;
}

#summary div.qa div.row p.que{
	display:table-cell;
	width:130px;
	vertical-align:top;
	
	background-color:#999f84;
	color:#fff;
	border-radius:2.5px;
	text-align:center;
	
	font-size:0.9rem;
	line-height:1.75em;
	
	padding:5px 0;
}

#summary div.qa div.row p.ans{
	display:table-cell;
	width:auto;
	padding:5px 10px;
	vertical-align:top;
	
	font-size:0.9rem;
	line-height:1.75em;
}

#summary div.judge{
	margin:0 10px;
	padding-bottom:0;
	margin-bottom:20px;
}

#summary div.judge div.row{
	display:table;
	width:100%;
	margin-bottom:10px;
	
	box-sizing:border-box;
	padding:10px;
	border:solid 1px #f8b;
	
	font-size:1.2rem;
	line-height:1.75em;
	
	background-image:url(../images/bg-line-rainbow.jpg);
	background-repeat:repeat;
	background-size:100px;
	
}

#summary div.judge div.row p.ttx{
	display:table-cell;
	width:140px;
	
	font-weight:bold;
	color:#f69;
	vertical-align:middle;
}

#summary div.judge div.row ul.star{
	display:table-cell;
	width:auto;
	vertical-align:middle;
}

#summary div.judge div.row ul.star li{
	width:30px;
	float:left;
	margin-right:5px;
}

#summary div.judge div.row ul.star li img{
	width:100%;
	vertical-align:bottom;
}

#summary div.comment{
	margin-bottom:20px;
}

#summary div.comment p{
	padding:0 10px;
}

#weekly{
	border:solid 1px #fff;
	border-bottom:none;
	margin-bottom:20px;
    background-color: #ececec;
}

#weekly div.row{
	width:14.25%;
	float:left;
	text-align:center;
	border-bottom:solid 1px #fff;
}

#weekly div.row p.ttx{
	background-color:#f9c;
	background-image:url(../images/bg-line-pink.png);
	background-repeat:repeat;
	background-size:30px;
	
	color:#fff;
	border-right:solid 1px #fff;
	padding:5px 0;
}

#weekly div.row p.time{
	border-right:solid 1px #fff;
	padding:5px 0;
}

#weekly div.lastchild{
	width:14.5%;
}

#weekly div.lastchild p.ttx{
	background-color:#f9c;
	background-image:url(../images/bg-line-pink.png);
	background-repeat:repeat;
	background-size:30px;
	
	color:#fff;
	border-right:none;
	padding:5px 0;
}

#weekly div.lastchild p.time{
	border-right:none;
	padding:5px 0;
}

#latest-diary{
	margin-bottom:20px;
}

#latest-diary div.content{
	padding:10px 0;
	background-color:#ffe;
	margin-bottom:10px;
}

#latest-diary article{
	width:188px;
	height:320px;
	float:left;
}

#latest-diary article a{
	display:block;
	margin:0 5px;
	border:solid 1px #f8b;
	background-color:#fff;
}

#latest-diary article a:hover{
	text-decoration:none;
	opacity:0.5;
}

#latest-diary article p.thum{
	width:176px;
	height:270px;
	position: relative;
}

#latest-diary article p.thum img{
	max-width:100%;
	max-height:100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#latest-diary article div.text{
	padding:5px;
	
	font-size:0.8rem;
	line-height:1.5em;
	
	height:39px;
	border-top:solid 1px #f8b;
	background-color:#ffe;
}

#latest-diary article p.postdata{
	display:table;
	width:100%;
}

#latest-diary article p.postdata span.name{
	display:table-cell;
	width:50%;
	font-weight:bold;
}

#latest-diary article p.postdata span.update{
	display:table-cell;
	width:50%;
	text-align:right;
	color:#999;
}

#profile div.btn-detail{
	background-color:#eee;
	text-align:right;
}

#profile div.btn-detail a{
	display:inline-block;
}

#profile div.btn-detail img{
	width:200px;
	vertical-align:bottom;
}

/*口コミコンテンツ*/

#recommend{
	margin-bottom:20px;
}

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

#recommend article div.ol{
	margin:5px;
	padding:5px;
	border:solid 1px #f8b;
}

#recommend article div.how time{
	font-size:0.8rem;
	line-height:1.0em;
	color:#f8b;
	margin:0 10px;
}

#recommend article div.how p.post{
	display:inline-block;
	font-size:0.8rem;
	line-height:1.5em;
	margin:0 10px;
	margin-bottom:10px;
}

#recommend article div.how p.who{
	background-color:#f80;
	color:#fff;
	
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:bold;
	text-align:center;
	
	width:160px;
	padding:5px;
	margin:0 10px;
}

#recommend article div.how ul{
	margin:0 15px 10px;
	margin-top:5px;
}

#recommend article div.how ul li{
	display:table;
	width:50%;
	line-height:1.5em;
	float:left;
}

#recommend article div.how ul li span.ttx{
	display:table-cell;
	width:80px;
	
	font-size:0.8rem;
	line-height:1.5em;
	font-weight:bold;
}

#recommend article div.how ul li span.star{
	display:table-cell;
	width:auto;
	
	color:#f80;
}

#recommend article div.comment{
	vertical-align:middle;
	
	font-size:0.9rem;
	line-height:1.75em;
}

#recommend article div.comment p.ttx img{
	width:100px;
	vertical-align:bottom;
}

#recommend article div.comment p{
	margin:0 10px;
	overflow:hidden;
}

#closeto{
	margin-bottom:40px;
}

#closeto div.content{
	background-color:#ffe;
	margin-bottom:20px;
}

#closeto article{
	width:20%;
	float:left;
}

.content-double{
	display:table;
	width:100%;
}

#latest-check{
	display:table-cell;
	width:50%;
	vertical-align:top;
}

#latest-check h2{
	background-image:url(../images/h2-main-bg-half.jpg);
}

#latest-check div.content{
	background-color:#ffe;
	margin-bottom:20px;
}

#latest-check article{
	width:33.25%;
	float:left;
}

ul.banner{
	display:table-cell;
	width:50%;
	vertical-align:top;
	margin-bottom:20px;
}

ul.banner li{
	width:50%;
	float:left;
}

ul.banner li a{
	display:block;
	padding:0 5px 5px;
}

ul.banner li img{
	width:100%;
	height:130px;
}

/*本日の出勤一覧*/

#today{
	background-color:#fff;
}

#today h2 img{
	width:100%;
}

#today article{
	width:20%;
	float:left;
}

#today div.content{
	background-color:rgba(255, 221, 254, 0);
	padding:1px 0;
}

#today div.btn-detail{
	background-color:rgba(255, 255, 255, 0);
	text-align:right;
}

#today div.btn-detail a{
	display:inline-block;
}

#today div.btn-detail img{
	width:200px;
	vertical-align:bottom;
}