@charset "utf-8";
/* CSS Document */


/****************共通css*****************************
*****************************************************/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	padding:0;
	border:0;
	outline:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	float: none;
}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{ list-style:none; clear: none; float: none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';	content: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{ border-collapse:collapse; border-spacing:0; margin-top: 3px; margin-right: auto; margin-left: auto; text-align: center;}
h1,h2,h3,h4,h5,h6{ font-size:15px; font-weight:normal;}

img{ line-hegiht:0;}
fieldset,img{
}
address,caption,cite,code,dfn,em,var{font-weight:normal; font-style:normal;}
caption,th{ text-align:left; color: #000;}
abbr,acronym{border:0;}
/* //Reset// */
.clear{clear:both;}
/*クリアフィックス*/
.clearfix:after{content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}

/*リンク*/
a:link { color: #000; text-decoration: none;}
a:visited { text-decoration: none; color: #000;}
a:hover { text-decoration: underline; color:#ff0000;}
a:active { text-decoration: none; color: #ff0000;}
/*半透明*/
a:hover img{ opacity: 0.9; filter: alpha(opacity=90); -moz-opacity:0.9;}

div,
li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

/*body*/
#top_body{
	width:100%;
	background:url(../images/mainBG.jpg) center 635px repeat;
	}
	
#main_body{
	width:100%;
	background:url(../images/mainBG.jpg) center 396px repeat;
	}


/*header*/
#main_header{
	min-width:1102px;
	height:396px;
	background: url(../images/header/headBG.jpg) center top no-repeat;
	}
	
#main_header_inner{
	width:1102px;
	height:236px;
	margin:0 auto;
	position:relative;
	}
	
#main_header_inner h1{
	font-size: 10px;
	position: absolute;
	top: 138px;
	right: 0;
	padding: 2px;
	background-color: rgba(255,255,255,0.5);
	}

#main_header_inner .instagram{
	width:138px;
	height:40px;
	position:absolute;
	top:140px;
	left:5px;
	}
	
#main_header_inner .line{
	width:138px;
	height:40px;
	position:absolute;
	top:184px;
	left:5px;
	}

#main_header_inner .hoteldeli{
	width:300px;
	position:absolute;
	top:74px;
	left:155px;
	}

#main_header_inner .logo{
	width:340px;
	height:108px;
	position:absolute;
	top:112px;
	left:155px;
	}

#main_header_inner .contact{
	width:356px;
	height:72px;
	position:absolute;
	bottom:5px;
	right:0px;
	}

#main_header_inner .card{
	width:318px;
	height:40px;
	position:absolute;
	top:15px;
	right:0;
	}

#main_header_inner .contact_btn{
	width:101px;
	height:67px;
	top:60px;
	position:absolute;
	bottom:7px;
	right:218px;
	}
	
	
#main_header_inner .smartphone{
	width:101px;
	top:60px;
	position:absolute;
	bottom:7px;
	right:109px;
	}

#main_header_inner .mobile{
	width:101px;
	height:67px;
	position:absolute;
	top:60px;
	right:0;
	}

/*header_top*/
#top_header{
	min-width:1102px;
	height:635px;
	background: url(../images/header/headBG_top.jpg) center top no-repeat;
	}
	
#top_header_inner{
	width:1102px;
	height:475px;
	margin:0 auto;
	position:relative;
	}
	
#top_header_inner h1{
	font-size: 10px;
	position: absolute;
	top: 2px;
	right: 0;
	padding: 2px;
	background-color: rgba(255,255,255,0.5);
	}

#top_header_inner .instagram{
	width:138px;
	height:40px;
	position:absolute;
	top:64px;
	left:131px;
	}
	
#top_header_inner .line{
	width:138px;
	height:40px;
	position:absolute;
	top:109px;
	left:131px;
	}

#top_header_inner .hoteldeli{
	width:335px;
	height:36px;
	position:absolute;
	top:180px;
	left:15px;
	}

#top_header_inner .logo{
	width:501px;
	height:160px;
	position:absolute;
	top:221px;
	left:15px;
	}

#top_header_inner .contact{
	width:409px;
	height:77px;
	position:absolute;
	top:398px;
	left:32px;
	}

#top_header_inner #movie	{
	width:530px;
	height:300px;
	background:#000;
	position:absolute;
	top:25px;
	right:11px;
	}

#top_header_inner .marquee{
	width:550px;
	height:62px;
	position:absolute;
	top:332px;
	right:1px;
	}
	
	
#top_header_inner .contact_btn{
	width:101px;
	height:67px;
	position:absolute;
	bottom:7px;
	right:431px;
	}

#top_header_inner .card{
	width:169px;
	height:67px;
	position:absolute;
	bottom:7px;
	right:252px;
	}
	
#top_header_inner .smartphone{
	width:101px;
	height:67px;
	position:absolute;
	bottom:7px;
	right:141px;
	}

#top_header_inner .mobile{
	width:101px;
	height:67px;
	position:absolute;
	bottom:7px;
	right:30px;
	}
	
/*nav*/
#main_nav{
	width:1102px;
	height:160px;
	margin:0 auto;
	padding:0;
	background:#000;
	}
	
#main_nav li{
	height:80px;
	float:left;
	}

/*main*/
#main_wrapper {
	width:1102px;
	height:auto;
	margin:0 auto;
	padding:5px 0;
	background:#000;
}


.mainTitle{
	width:1082px;
	height:55px;
	margin:0 auto;
	position:relative;
	}
	
.mainTitle .miconTxt{
	width:367px;
	height:39px;
	margin:0 auto;
	position:absolute;
	top:9px;
	right:40px;
	}

.mainTop{
	width:1082px;
	height:10px;
	margin:0 auto;
	padding:0;
	background:url(../images/contentTop.jpg) center top no-repeat;
	}

.mainBody{
	width:1082px;
	height:auto;
	margin:0 auto;
	padding:10px 3px;
	background:url(../images/contentBG.jpg) center top repeat-y;
	}

.mainBottom{
	width:1082px;
	height:3px;
	margin:0 auto 10px;
	padding:0;
	background:url(../images/contentBottom.jpg) center top no-repeat;
	}

/*cast*/
.castSet{
	width:204px;
	height:403px;
	background:url(../images/castBG.jpg) top center no-repeat;
	position:relative;
	}

.castSet .castTime{
	width:204px;
	height:27px;
	font-size:13px;
	text-align:center;
	color:#FFF;
	position:absolute;
	top:8px;
	left:0px;
	}

.castSet .castTime .attendance{
	padding:2px 7px;
	margin-right:40px;
	background:#ffd200;
	font-size:13px;
	color:#000;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	}

.castSet .castImg{
	width:186px;
	height:248px;
	position:absolute;
	top:28px;
	left:9px;
	}
	
.castSet .castData{
	width:204px;
	height:30px;
	font-size:15px;
	text-align:center;
	line-height:15px;
	position:absolute;
	top:280px;
	left:0px;
	overflow:hidden;
	}
	
.castSet .castMicon{
	width:155px;
	height:22px;
	position:absolute;
	top:314px;
	left:25px;
	overflow:hidden;
	text-align:center;
	}
	
.castSet .castIcon{
	width:186px;
	position:absolute;
	top:340px;
	left:9px;
	overflow:hidden;
	}
	
.castSet .castIcon li{
	width:92px;
	height:26px;
	margin-bottom:2px;
	float:left;
	}
	
.castSet .castIcon li img{
	width:92px;
	height:26px;
	}
	
.castSet .castIcon li:nth-child(2n){
	margin-left:2px;
	}

/*topcast*/
.top_castSet{
	width:168px;
	height:334px;
	background:url(../images/top/castBG.jpg) top center no-repeat;
	position:relative;
	}

.top_castSet .castTime{
	width:168px;
	height:20px;
	font-size:12px;
	text-align:center;
	color:#FFF;
	position:absolute;
	top:5px;
	left:0px;
	}

.top_castSet .castTime .attendance{
	padding:1px 4px;
	background:#ffd200;
	font-size:10px;
	color:#000;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	}

.top_castSet .castImg{
	width:154px;
	height:205px;
	position:absolute;
	top:19px;
	left:7px;
	}
	
.top_castSet .castData{
	width:168px;
	height:30px;
	font-size:12px;
	text-align:center;
	line-height:15px;
	position:absolute;
	top:225px;
	left:0px;
	overflow:hidden;
	}
	
.top_castSet .castMicon{
	width:155px;
	height:22px;
	position:absolute;
	top:256px;
	left:6px;
	overflow:hidden;
	text-align:center;
	}
	
.top_castSet .castIcon{
	width:154px;
	position:absolute;
	top:281px;
	left:7px;
	overflow:hidden;
	}
	
.top_castSet .castIcon li{
	width:76px;
	height:22px;
	margin-bottom:2px;
	float:left;
	}

.top_castSet .castIcon li img{
	width:76px;
	height:22px;
	}
	
.top_castSet .castIcon li:nth-child(2n){
	margin-left:2px;
	}

/*footer*/
footer{
	min-width:1102px;
	height:228px;
	background: url(../images/footer/footerBG.jpg) center top repeat;
	}
	
#main_footer{
	width:1102px;
	height:228px;
	margin:0 auto;
	position:relative;
	}

#main_footer .hoteldeli{
	width:335px;
	height:36px;
	margin:0 auto;
	position:absolute;
	top:20px;
	left:90px;
	}

#main_footer .logo{
	width:405px;
	height:129px;
	margin:0 auto;
	position:absolute;
	top:70px;
	left:90px;
	}
	
#main_footer .page_top{
	width:200px;
	height:27px;
	margin:0 auto;
	position:absolute;
	top:13px;
	right:126px;
	cursor:pointer;
	}
	
#main_footer ul{
	width:420px;
	list-style:none;
	padding:0px;
	margin-left:20px;
	line-height:1.5em;
	position:absolute;
	top:65px;
	right:168px;
	}

#main_footer ul li{
	margin-bottom:2px;
	background-image:url(../images/footer/list_icon.png);
	background-repeat:no-repeat;
	text-indent:20px;
	background-position:center left;/*背景画像の縦位置の指定。*/
	font-size:12px;
}
	
#main_footer ul li.list01{
	width:100px;
	margin-right:10px;
	float:left;
	}
	
#main_footer ul li.list02{
	width:175px;
	float:left;
	}
	
#main_footer ul li.list03{
	width:110px;
	float:left;
	}
	
#main_footer ul li a{
	color:#FFF;
	}
	
#main_footer .copy{
	font-size:12px;
	color:#FFF;
	position:absolute;
	bottom:15px;
	left:517px;
	}

#main_footer .copy a{
	color:#FFF;
	}