@charset "UTF-8";

/*スクロールニュース*/

.marquee-content{
	background-image:url(../images/h2-marquee.jpg);
	background-repeat:no-repeat;
	background-size:23%;
	background-color:#fff;
	border:solid 1px #cbba80;
	margin-bottom:13px;
}

.marquee{
	font-size:1.0rem;
	height:33px;
	line-height:30px;
	overflow:hidden;
	width:567px;
	margin-left:170px;
    margin-top: 4px;
	
}

.marquee p{
	display:inline-block;
	width:100%;
	text-align:center;
	white-space:nowrap;
	-moz-animation-name:marquee;
	-moz-animation-duration:15s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-name:marquee;
	-webkit-animation-duration:15s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-duration:15s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-duration:15s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@-webkit-keyframes marquee {
	from {margin-left:100%; width:100%;}
	to {margin-left:-100%; width:100%;}
}

@-moz-keyframes marquee {
	from {margin-left:100%; width:100%;}
	to {margin-left:-100%; width:100%;}
}

@-o-keyframes marquee {
	from {margin-left:100%; width:100%;}
	to {margin-left:-100%; width:100%;}
}

@keyframes marquee {
	from {margin-left:100%; width:100%;}
	to {margin-left:-100%; width:100%;}
}

/*トップイメージスライダー*/

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

/*バナーコンテンツ*/

.banner-row a{
	display:block;
	padding:0px;
    margin-bottom: 20px;
}

.banner-row a:hover{
	opacity:0.5;
}

.banner-row img{
	width:100%;
	vertical-align:bottom;
}

.single p{
	width:100%;
}

.double p{
	width:50%;
	float:left;
}

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

#recommend{
	margin-bottom:20px;
}

#recommend article{
	display:table;
	width:100%;
}

#recommend article.highlight{
	background-color:#ffd;
}

#recommend article p.thum{
	display:table-cell;
	width:15%;
	vertical-align:middle;
}

#recommend article p.thum img{
	width:100%;
	vertical-align:bottom;
}

#recommend article div.how{
	display:table-cell;
	width:25%;
	vertical-align:middle;
}

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

#recommend article div.how p.post{
	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;
	margin-top:5px;
}

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

#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{
	display:table-cell;
	width:60%;
	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;
}

/*動画*/


#movie{
    text-align: center;
    margin-top: 8px;
}

/*写メ日記コンテンツ*/

#diary{
	margin-bottom:20px;
}

#diary div.content{
	background-color:rgba(124, 93, 63, 0.56);
	padding:5px 0;
}

#diary article{
	width:122px;
	float:left;
}

#diary article a{
	display:block;
	margin:5px;
	padding:4px;
	background-color:#fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
	
	position:relative;
	text-align:center;
}

#diary article a:hover{
	text-decoration:none;
	background-color:#00aced;
	color:#fff;
}

#diary article a:hover p.name{
	color:#fff;
}

#diary article p.thum img{
	width:104px;
	height:133px;
	object-fit:cover;
	object-position:top;
}

#diary article p.thum{
    position: relative;
}

#diary article p.rel{
    position: absolute;
    left: 1px;
    top: 1px;

}



#diary article time{
	display:block;
	font-size:0.8rem;
	line-height:1.5em;
	
	background-color:#0ae;
	color:#fff;
}

#diary article p.ttx{
	font-size:0.8rem;
	line-height:1.5em;
	font-weight:bold;
}

#diary article p.name{
	font-size:0.8rem;
	line-height:1.5em;
	color:#cbba80;
	font-weight:bold;
}

#diary article p.name span.age{
	font-size:0.6rem;
	line-height:1.0em;
}

#diary div.btn-detail{
	background-color:transparent;
	width:100px;
	float:right;
	text-align:center;
}

#diary div.btn-detail a{
	padding:10px 5px;
}

#diary div.btn-detail img{
	width:75%;
	vertical-align:bottom;
}

/*新着情報コンテンツ*/

#topix{
	margin-bottom:20px;
}

#topix article{
	border-bottom:solid 1px #bcbcbc;
}

#topix article time{
	font-size:0.8rem;
	line-height:1.0em;
	
}

#topix article p.ttx{
	font-weight:bold;
	line-height:1.0em;
	margin-bottom:5px;
	color:#fff;
	font-size: medium;
}

#topix article p.excerpt{
	font-size:0.8rem;
	line-height:1.75em;
}

#topix article.recent{
	display:table;
	width:100%;
	box-sizing: border-box;
	padding: 5px;
}

#topix article.recent p.thum{
	display:table-cell;
	width:10%;
	vertical-align: top;
}

#topix article.recent p.thum img{
	width:100%;
	vertical-align:bottom;
}

#topix article.recent div.text{
	display:table-cell;
	width:auto;
	vertical-align:middle;
	padding-left:10px;
}

#topix article.text-only a{
	display:table;
	width:100%;
	padding:15px 0;
	
	background-image:url(../images/bg-topix-detail_off.png);
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center right;
}

#topix article.text-only a:hover{
	text-decoration:none;
	background-color:#ffd;
	background-image:url(../images/bg-topix-detail_on.png);
}

#topix article.text-only time{
	display:table-cell;
	width:90px;
	vertical-align:middle;
	text-align:center;
}

#topix article.text-only p.ttx{
	display:table-cell;
	width:auto;
	padding-left:10px;
	vertical-align:middle;
	color:#fff;
}

#topix article.text-only a:hover p.ttx{
	color:#660000 !important;
}

/*本日の出勤一覧*/

#today article a{
	position:relative;

}

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

#today div.content{
	
	padding:1px 0;
}

#today article p.rel{
    position: absolute;
    left: 2px;
    top: 0px;
    z-index:999;
}

#today article div .spec{
	z-index: 100;
}

#today article p.ready {
    position: absolute;
    bottom: 1px;
    left: 10px;
    z-index: 1000;
    text-align: center;
    width: 183px;
    color: white;
    font-size: 10px;
}

.modal ul {}
.modal li {display:inline-block; }

.rankingname{color:#cbba80;}

#review .update{color:#ff88aa;}
#review .count{color:#cbba80;}
#review .count span{color:#000;}

#movie{margin-bottom:30px;}