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


#title_box{
	height:541px;
	background:#FFF url(../image/top/title_bk02.jpg) no-repeat;
	background-position:50% 0;
	background-size:cover;
	opacity:0;
}

#title_box_inner{
	width:100%;
	height:541px;
	background:url(../image/top/title_l_bk02.png) left bottom repeat-x;
	overflow:hidden;
}
#title_box_inner .contents_inner{
	height:541px;
}
#title_box_b{
	width:100%;
	height:448px;
	background:#fff3e6 url(../image/top/title_bk.jpg) no-repeat;
	background-position:50% 0;
	background-size:cover;
	position:relative;
}

#title_box_inner_b{
	width:100%;
	height:448px;
	background:url(../image/top/title_l_bk.png) left bottom repeat-x;
	overflow:hidden;
}


.news_box{
	width:100%;
	height:43px;
	background:url(../image/top/news_bk.png) left bottom repeat-x;
	text-align:center;
	position:absolute;
	bottom:0;
}

.news_box p{
	font-size:116.7%;
	color:#000;
	line-height:45px;
	vertical-align:middle;
}

.news_box p span{
	color:#653206;
	font-weight:bold;
}

.news_box p a{
	color:#063563;
	text-decoration:underline;
}

.news_box p a:hover{
	text-decoration:none;
}

.news_box p.sns{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -457px;
}

.news_box p.sns a{
  height:43px;
  font-size: 14px;
  line-height: 45px;
  color: #000;
  text-decoration: none;
  padding-left: 38px;
  background: url("../image/top/icon_twitter.png") left center no-repeat;
  background-size: 30px auto;
  display: inline-block;
}


#title_box h2{
	position:absolute;
	top:97px;
	left:-28px;
	opacity:0;
}

#title_box h2 img{
  width: 380px;
  height: auto;
}

/*#title_box h2{
	position:absolute;
	top:10px;
	left:0;
	opacity:0;
}*/

#title_box h3{
	position:absolute;
	top:326px;
	left:83px;
}

#title_box .top01{
	position:absolute;
	top:0;
	/*right:-30px;*/
	right:100px;
	opacity:0;
}

#title_box .t_hot{
	position:absolute;
	top:0;
	right:0;
	opacity:0;
}


/*#title_box_b h2{
	position:absolute;
	top:0px;
	left:41px;
	opacity:0;
}

#title_box_b .top01{
	position:absolute;
	top:-86px;
	right:-30px;
	opacity:0;
}


#title_box .top02{
	position:absolute;
	top:380px;
	left:15px;
	top:-170px;
	left:0;
	opacity:0;
}

#title_box .top02{
	position:absolute;
	bottom:-170px;
	left:5px;
	opacity:0;
}*/

#title_box .top02{
  width: 340px;
  height: auto;
	position:absolute;
	bottom:-170px;
	left: 10px;
	opacity:0;
}

/*#title_box .top03{
	position:absolute;
	top:-170px;
	left:237px;
	opacity:0;
}*/

#title_box .top03{
	position:absolute;
  top:0;
	left:-28px;
	opacity:0;
}


.hot_message{
	padding:70px 0;
	background:url(../image/top/message_bk.jpg) center no-repeat;
	background-size:cover;
}

.hot_message > div > div{ 
	padding:30px;
	margin-top:50px;
	background:#FFF;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.hot_message > div > div > div{
	width:420px;
	float:left;
}

.hot_message > div > div > div h3{
	height:38px;
	font-size:172%;
	color:#FFF;
	line-height:43px;
	font-weight:normal;
	padding:0 15px;
	margin-bottom:25px;
	background:#362013;
}

.hot_message > div > div > div p{
	font-size:140%;
	color:#362013;
	line-height:1.3;
	margin-bottom:8px;
}

.hot_message > div > div > div p.cau{
	font-size:128.6%;
	color:#362013;
	line-height:1.5;
	margin-bottom:0;
	padding-left:1.2em;
	text-indent:-1.2em;
}

.hot_message > div > div > div p.cau:before{
	content:"◎ ";
	font-size:90%;
}

.hot_message > div > div > img{
	float:right;
}

.hot_message > div > p{ 
	font-size:114%;
	color:#362013;
}

.hot_movie{
	padding:90px 0 130px;
	background:url(../image/top/hot_movie_bk.gif) center no-repeat;
	background-size:cover;
}

.hot_movie h2{
	text-align:center;
	margin-bottom:65px;
}

.hot_movie ul.mov_l{
	margin-left:-35px;
	margin-bottom:90px;
}

.hot_movie ul.mov_l li{
	width:440px;
	float:left;
	margin-left:35px;
}

.hot_movie ul.mov_s{
	margin-left:-16px;
}

.hot_movie ul.mov_s li{
	width:294px;
	float:left;
	margin-left:16px;
}


.hot{
	min-height:564px;
	background:#080404;
}

.hot h2{
	padding:90px 0 45px;
}

.hot p{
	font-size:128.6%;
	line-height:2;
	color:#FFF;
	font-weight:bold;
}

.hot > div > img{
	position:absolute;
	top:0;
	right:-144px;
}

.hot_mov{
	text-align:center;
	padding:70px 0;
	background:url(../image/top/hot_movie_bk.gif) center no-repeat;
	background-size:cover;
}

.hot_mov > div > div{
	margin-top:50px;
}

.hot_mov h2{
	margin-bottom:65px;
}

.hot_mov p{
	font-size:150%;
	line-height:1.2;
	color:#362013;
	margin-top:20px;
}

.hot_mov > div > div > div{
	width:440px;
	float:left;
}

.hot_mov > div > div > div + div{
	float:right;
}

.chy{
  height: 564px;
  background: url("../image/package/chy_bk.jpg") right top no-repeat #fab900;
}

.chy > div > img{
  position: absolute;
  top:0;
  left: 0;
}

.chy > div > div{
  padding-top: 75px;
  width: 510px;
  text-align: center;
}

.chy > div p{
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  color: #541800;
  margin-top: 13px;
}

.chy > div a{
  width: 265px;
  height: 46px;
  font-size: 20px;
  line-height: 46px;
  color: #FFF;
  padding: 0 20px;
  margin-top: 25px;
  font-weight: bold;
  background: #012c7d;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.chy > div a:hover{
  text-decoration: none;
}

.chy > div a span{
  background: url("../image/top/icon_chy_btn.gif") right center no-repeat;
  display: block;
}

.chy_message{
  background: url("../image/top/chy_bk.jpg") left top repeat-x;
  background-size: auto 100%;
  padding: 40px 0 50px;
}

.chy_message .contents_inner div{
  text-align: center;
  background: #fdf5b4;
  padding-bottom: 80px;
}

.chy_message .contents_inner div p{
  font-size: 18px;
  line-height: 1.4;
  color: #362013;
  margin-top: 20px;
}

.banner_box{
	width:100%;
	background:#fff3e6;
	border-bottom:#5a463a solid 1px;
}

.banner_box_inner{
	padding-top:25px;
	width:916px;
	margin:0 auto;
}

.banner_box_inner img{
	margin-bottom:25px;
}

.banner_box_inner .fl{
	float:left;
}

.banner_box_inner .fr{
	float:right;
}

#mov_box{
	padding-top:80px;
	background:url(../image/top/mov_bk_t.gif) center top repeat-x #FFF;
}

#mov_box .bk{
	padding-bottom:110px;
	background:url(../image/top/mov_bk_b.gif) center bottom repeat-x;
}

#mov_box h2{
	text-align:center;
	margin-bottom:35px;
}

#mov_box ul{
	margin-left:-16px;
}

#mov_box ul li{
	float:left;
	margin-left:16px;
}

#content01{
	width:100%;
	background-color:#fff3e6;
	padding-top:60px;
	padding-bottom:80px;
}

.co01_box{
	width:439px;
	float:right;
}

.co01_box h2{
	font-size:216.7%;
	color:#431915;
	line-height:1.6;
	font-weight:normal;
	margin-bottom:10px
}

.co01_box p{
	font-size:150%;
	color:#431915;
	line-height:1.8;
	margin-bottom:45px;
}

.co01_box .over_f{
	padding-top:42px;
}


.pic_bk{
	width:100%;
	height:466px;
	background:url(../image/top/pic_bk03.jpg) center top no-repeat;
	background-size:cover;
}
	
#content02{
	width:100%;
	height:598px;
	background:#fff3e6;
}


#content02 .contents_inner{
	height:598px;
	background:url(../image/package/p_top05.jpg) right top no-repeat;
}

.co02_box{
	width:439px;
	padding-top:110px;
}


.co02_box p{
	padding-top:35px;
	font-size:141.7%;
	color:#431915;
	line-height:2;
	margin-bottom:70px;
}

#content03{
	width:100%;
	background:#FFF;
	padding-top:70px;
	padding-bottom:70px;
}

.co03_box_l{
	width:458px;
	float:left;
}

#content03 h3{
	font-size:158.3%;
	color:#653206;
	font-weight:bold;
	margin-bottom:20px;
}

.co03_box_r{
	width:436px;
	float:right;
}

#content03 dl{
	color:#000;
	margin-bottom:50px;
}

#content03 dl a{
	color:#063565;
	text-decoration:underline;
}

#content03 dt {
	font-size:116.7%;
	clear: left;
	float: left;
	width: 120px;
	margin-bottom:10px;
}

#content03 dd {
	font-size:116.7%;
	margin-left: 125px;
	margin-bottom:10px;
}

#content03 p.btn{
  height: 30px;
}

#content03 p.btn a{
  height: 30px;
  font-size: 14px;
  line-height: 33px;
  color: #a40000;
  padding: 0 13px 0 35px;
  border: 1px solid #a40000;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.3s linear;
}

#content03 p.btn a:hover{
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}

#content03 p.btn a::before{
  content: "";
  width: 27px;
  height: 30px;
  background: url("../image/top/icon_arrow.gif") center no-repeat #a40000;
  position: absolute;
  top:0;
  left: 0;
}