@charset "UTF-8";

body{
	font-size:1.0rem;
	line-height:1.75em;
	color:#444;
	
	background-color:#fff;
}

a{
	/*color:#09f;*/
  color:#a0946b;
	text-decoration: none;
}

a:hover{
  color:#e1d098;
	text-decoration: underline;
}

img{
	max-width: 100%;
}

#header{
	background-color:#fff;
	background-image: url(../images/bg-header.jpg);

	background-size: 1280px;
	background-position: top center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: solid 1px #e20000;
	z-index: 10;
}

#header div.wrap{
	width:1080px;
	margin:0 auto;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:10px;
	position: relative;
}

#header p.logo{
	width:320px;
	float:left;
	vertical-align: middle;
	margin:0px;
	position: absolute;
	bottom: 7px;
}

#header p.logo a{
	display:block;
	vertical-align:bottom;
}

#header p.logo img{
	width:100%;
	vertical-align: bottom;
}

#header div.header-content{
	width:800px;
	float:right;
	text-align: right;
	color:#fff;
}

#header div.header-content h1{
	font-size:0.8rem;
	line-height:1.75em;
	
	margin-bottom:5px;
}

#header div.header-content p.contact{
	display:inline-block;
	width:246px;
	vertical-align: middle;
	margin:0 5px;
}

#header div.header-content p.contact img{
	width:100%;
	vertical-align: bottom;
}

#header div.header-content p.qr-line{
	display:inline-block;
	width:150px;
	vertical-align: middle;
	margin:0 5px;
}

#header div.header-content p.qr-line img{
	width:100%;
	vertical-align: bottom;
}

#header div.header-content ul.btn{
	display:inline-block;
	width:300px;
	vertical-align: middle;
	margin:0 5px;
}

#header div.header-content ul.btn li{
		width:140px;
		margin-bottom:5px;
		display:inline-block;
}

#header div.header-content ul.btn li:last-child{
	margin-bottom:0;
}

#header div.header-content ul.btn li a{
	display:block;
}

#header div.header-content ul.btn li img{
	width:100%;
	vertical-align: bottom;
}

#g-navi{
	
	color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: solid 1px #f224aa;
	background-image: url(../images/bg-gnavi.png);
}

#g-navi ul{
	width:1080px;
	margin:0 auto;
}

#g-navi ul li{
	width:120px;
	float:left;
	
	
	background-size: 120px;
	background-position: center;
}

#g-navi ul li:hover{
	
	background-size: 120px;
	background-position: center;
}

#g-navi ul li a{
	display:block;
}

#g-navi ul li img{
	width:100%;
	vertical-align: bottom;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	border-right:solid 1px #f224aa;
	border-left:solid 1px #fff;
}

#g-navi ul li:hover img{
	border-right:solid 1px #f224aa;
	border-left:solid 1px #fff;
}

#g-navi ul li:last-child img{
	border-right:solid 1px #fff;
}

#contents{
	color:#444;
	background-image: url(../images/bg-body.jpg);
	background-repeat:repeat;
	background-position: top center;
}

#contents div.wrap{
	width:1080px;
	margin:0 auto;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:20px;
	
	background-color: rgba(255, 255, 255, 0.8);
	color:#444;
}

#contents h2{
	/* border-bottom:solid 1px #710207; */
	margin-bottom:20px;
}

#contents h2.margin-none{
	margin-bottom:0;
}

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

#sidebar{
	width:240px;
	float:left;
}

#sidebar p.banner{
	margin-bottom:20px;
}

#sidebar p.banner img{
	width:100%;
	vertical-align: bottom;
}

#side-navi{
	margin-bottom:20px;
}

#side-navi h3{
	/*border-bottom:solid 1px #06c;*/
  border-bottom:solid 1px #e70d9b;
}

#side-navi h3 img{
	width:100%;
	vertical-align: bottom;
}

#side-navi div.content{

	background-repeat: repeat;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
	border:1px solid #e20000;
}

#side-navi div.content-inner{
	background-color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	border-radius:5px;
	
}

#side-navi ul li a{
	display:block;
}

#side-navi ul li img{
	width:100%;
	vertical-align: bottom;
}

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

#diary-side h3{
	border-bottom: solid 1px #9A2A37;
}

#diary-side h3 img{
	width:100%;
	vertical-align: bottom;
}

#diary-side div.content{
	background-image: url(../images/bg-slide-min-mono.png);
	background-repeat: repeat;
	background-size:40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
}

#diary-side div.content-inner{
	background-color:#ffd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	border-radius:5px;
}

#movie-side{
	margin-bottom:20px;
}

#movie-side h3{
	border-bottom: solid 1px #4E131A;
}

#movie-side h3 img{
	width:100%;
	vertical-align: bottom;
}

#movie-side div.content{
	background-image: url(../images/bg-slide-min-mono.png);
	background-repeat: repeat;
	background-size:40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
}

#movie-side div.content-inner{
	background-color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px;
	border-radius:5px;
}

#main{
	width:800px;
	float:right;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:0 20px;
}

.castmedia #diary-side{
	width:50%;
	float:left;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:0 10px 20px;
}

.castmedia #diary-side h3{
	background-color: #9A2A37;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.castmedia #diary-side h3 img{
	display:block;
	width:240px;
	margin:0 auto;
}

.castmedia #movie-side{
	width:50%;
	float:right;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:0 10px 20px;
}

.castmedia #movie-side h3{
	background-color: #4E131A;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.castmedia #movie-side h3 img{
	display:block;
	width:240px;
	margin:0 auto;
}

.footertb{color:#fff;background-image: url(../images/footer-bg.png);margin-top:20px;
background-position:center;}

#footer{
	background-color:#fff;
	background-image: url(../images/footer-bg.png);

	background-size: 1280px;
	background-position: top center;
	
	-webkit-box-shadow: -1px 0 1px #ccc;
	
	box-shadow: -1px 0 1px #ccc;
}

#footer div.wrap{
	width:800px;
	margin:0 auto;
	
	-webkit-box-sizing: border-box;
	
	box-sizing: border-box;
	padding:20px 0 40px;
}

#footer p.logo{
	width:320px;
	margin:0 auto;
}

#footer p.logo img{
	width:100%;
	vertical-align: bottom;
}

#footer p.caption{
	font-size:0.8rem;
	line-height:1.75em;
	text-align: center;
}

#footer p.contact{
	width:350px;
	margin:0 auto 20px;
}

#footer p.contact img{
	width:100%;
	vertical-align: bottom;
}

#footer address{
	font-size:0.6rem;
	line-height:2.0em;
	text-align: center;
}
#footer address a{color:#fff;}
#footer address a:hover{color:fff7a5;}

#f-navi{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 10px;
	margin:20px 0;
	
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}

#f-navi ul{
	color:#fff;
	list-style-type: disc;
	list-style-position: inside;
}

#f-navi ul li{
	width:25%;
	float:left;
	color:#fff;
	font-size:0.8rem;
	line-height:1.75em;
}

#f-navi ul li a{
	color:#fff;
}

#f-navi ul li a:hover{
	color:#444;
	text-decoration: underline;
}

#pagetop{
	display:block;
	position:relative;
}

#pagetop img{
	width:60px;
	position:fixed;
	bottom:20px;
	right:20px;
	
}

#pagetop a:hover{
	opacity:0.75;
}