/* shift jis
/
/* ================================
	Base
================================ */
.container{ width: 100%; min-width: 1200px; }
#container00.container > .inner{ max-width: 1600px; margin: 0 auto;}


/* 書式設定
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ﾆ智ﾆ停�ｰﾆ樽ﾆ知?ｿｽ?pﾆ担 Pro W3", "Hiragino Kaku Gothic Pro", "ﾆ抵ｿｽ?ﾆ辰ﾆ抵ｿｽ?ﾆ棚", Meiryo, Osaka, "窶嗟窶嗷 窶嗤ﾆ担ﾆ歎ﾆ鍛ﾆ誰", "MS PGothic", sans-serif;
	line-height:1.5em;
	position:relative;
}



/*floatの解除*/
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6?ｿｽ?7蟇ｾ?ｿｽ?*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x蟇ｾ?ｿｽ?*/
	height: auto;
	overflow: hidden;
	/**/
}
img {vertical-align:bottom;}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*footer
-------------------------------*/
#footer {
	background:#FFFFFF;
	width:100%;
	min-width: 990px;
	padding-top: 40px;
}


#footer p.pr {
	text-align:center;
	color:#000;
	height:35px;
	line-height:30px;
	width:990px;
	font-weight:bold;
	font-size:14px;
	margin:0 auto;
}
#footer:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
/* sp
-------------------------------*/
.sp,.sp-i { display: none; }


/* body
-------------------------------*/
.left { float: left; }
.right { float: right; }
.absl {position: absolute;}

.minchyo {font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.title_size {font-size: 45px; font-weight: 600; line-height:1em; letter-spacing: -0.05em;}
.title_size2 {font-size: 58px; font-weight: 600; line-height:1em;}
.title_size3 {font-size: 45px; font-weight: 600; line-height:1em; }
.title_size4 {font-size: 38px; font-weight: 600; line-height:1em; }
.title_size5 {font-size: 50px; font-weight: 500; line-height:1em; }

body { width: 100%; margin: 0 auto;}
#container00 h1 {display: block; position: absolute; top:-1000px;}

#contentWrap {width: 100%; max-width:1600px; margin: 0 auto;}
#contentWrap a { display: block;}
#contentWrap a img{ width: 100%; height: auto;}

.content { width: 990px; margin: 0 auto; text-align: center;}
.content p {font-size:16px; line-height: 1.7em; font-weight: 500; margin-block-start: 0; margin-block-end: 0;}

#topNaviBox {width: 100%; margin: 0 auto; background: #fff; position: fixed; z-index: 999; top:0; left:0; border-bottom: solid 1px #b07e53;}
#topNaviBox .topNavi {width: 100%; max-width: 990px; margin: 0 auto; padding: 0 1px; }
#topNaviBox .topNavi li {float:left;}
#topNaviBox .topNavi li img {width: auto;}

#titleBox {width: 100%; max-width:1600px; margin: 71px auto 0; position: relative;}
#titleBox li {width: 100%; max-width:1600px; height: 540px;}
#titleBox li.sl01 {background: url(../images/top_slide01.jpg) top center no-repeat;}
#titleBox li.sl02 {background: url("../images/top_slide02_200302.jpg") top center no-repeat;}/*200302画像変更*/
#titleBox li.sl03 {background: url(../images/top_slide03.jpg) top center no-repeat;}
#titleBox li.sl04 {background: url(../images/top_slide04.jpg) top center no-repeat;}
#titleBox li.sl05 {background: url(../images/top_slide05.jpg) top center no-repeat;}
#titleBox .topBtn {position: absolute; right: 0; top: 0; transition: 0.3s ease-in-out;}
#titleBox .topBtn:hover {transform: translateY(5px); transition: 0.3s ease-in-out;}
#titleBox .topBtn:hover img {opacity: 1;}
#titleBox .leadBox {background: url(../images/bg/bg01.jpg) top center no-repeat; height: 530px; position: relative;}
#titleBox .leadBox .posi01 {width: 275px; top:45px; left: 0; right: 0; margin: 0 auto;}
#titleBox .leadBox .posi02 {top:35px; left:40px;}
#titleBox .leadBox .posi03 {top:260px; left: 155px;}
#titleBox .leadBox .posi04 {top:60px; right: 135px; }

#titleBox .leadBox .fade {transition: 1s; opacity: 0;}
#titleBox .leadBox .fade.in { opacity: 1;}
#titleBox .leadBox .posi04.in { transition-delay: 0.5s;}
#titleBox .leadBox .posi03.in { transition-delay: 1s;}


#box01 h2 {color:#a84700; padding: 30px 0; text-align: center; background: url(../images/bg/bg02.jpg) top center no-repeat; }
#box01 .onsenBoxWrap {background: url(../images/bg/bg03.jpg) top center no-repeat; padding-bottom: 60px;}
#box01 .onsenBoxWrap .onsenTab {width: 100%; max-width: 998px; margin: 30px auto 55px; display: flex; justify-content: space-between;}
#box01 .onsenBoxWrap .onsenTab li {cursor: pointer; transition: 0.3s ease-in-out;}
#box01 .onsenBoxWrap .onsenTab li:hover {transform: translateY(5px); transition: 0.3s ease-in-out;}
#box01 .onsenBoxWrap .tabBox {width: 990px; height: 528px; margin: 0 auto; position: relative; }
#box01 .onsenBoxWrap .tabBox .thumb {width: 548px; top:60px; left: 23px; z-index: 500; display: flex; justify-content: space-between;}
#box01 .onsenBoxWrap .tabBox .thumb li {cursor: pointer; position: relative;}
#box01 .onsenBoxWrap .tabBox .thumb li:hover img{opacity: 0.7; filter: alpha(opacity=70);}
#box01 .onsenBoxWrap .tabBox .thumb li.active::after {
	content: '';
	display: inline-block;
	width: 160px;
	height: 10px;
	background-image: url(../images/onsen/slide_arrow.jpg);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	left: 0;
	bottom:0;
}
#box01 .onsenBoxWrap .tabBox .title {top:0; left: 23px; z-index: 499;}
#box01 .onsenBoxWrap .tabBox .onsenSlideBox,#box01 .onsenBoxWrap .tabBox .onsenSlideBox .onsenSlide {height: 528px; width: 100%; margin: 0 auto; background: #fff; position: absolute;} /* fade時追加 width: 990px !important; */
#box01 .onsenBoxWrap .tabBox .onsenSlideBox .onsenImg {bottom:30px; left: 25px;}
#box01 .onsenBoxWrap .tabBox .onsenSlideBox .onsenTxt {bottom:30px; right: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#box01 .onsenBoxWrap .tabBox .onsenSlideBox .deco {bottom:0; left: 0;}
#onsenTab01-0 .arrow {top:-35px; left: 84px;}
#onsenTab01-1 .arrow {top:-35px; left: 284px;}
#onsenTab01-2 .arrow {top:-35px; left: 484px;}
#onsenTab01-3 .arrow {top:-35px; left: 684px;}
#onsenTab01-4 .arrow {top:-35px; left: 884px;}

#box02 h2 {color:#00add2; padding: 50px 0; text-align: center; background: url(../images/bg/bg04.jpg) top center no-repeat; }
#box02 .dramaBoxWrap {height: 1187px; background: url(../images/bg/bg05.jpg) top center no-repeat;}
#box02 .dramaBoxWrap .dramaBox {height: 415px; position: relative; margin-top: 35px;}
#box02 .dramaBoxWrap .dramaBox .title {top:0; right: 0;}
#box02 .dramaBoxWrap .dramaBox .txt {width: 530px; top:250px; right: 158px; text-align: left; font-size: 16px; line-height: 1.7em;}
#box02 .dramaBoxWrap .dramaBox .img {top:0; left: 0;}
#box02 .dramaBoxWrap .dramaBox2 .title {text-align: left; width: 100%; position: relative;}
#box02 .dramaBoxWrap .dramaBox2 .title h3 {color:#00add2; padding: 120px 0 40px 65px; }
/* #box02 .dramaBoxWrap .dramaBox2 h3:after {
	content: '';
	display: inline-block;
	width: 120px;
	height: 120px;
	background-image: url(../images/drama_data.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 10px;
} */
#box02 .dramaBoxWrap .dramaBox2 .title .data {top:90px; right: 0;}
#box02 .dramaBoxWrap .dramaBox2 .txt {padding-right: 30px;}
#box02 .dramaBoxWrap .dramaBox2 .linkBoxWrap {display: flex; justify-content: space-between; margin: 50px auto 0; padding-bottom: 30px;}
#box02 .dramaBoxWrap .dramaBox2 .linkBoxWrap .link {position: relative;}
#box02 .dramaBoxWrap .dramaBox2 .linkBoxWrap .link a {position: absolute; width: 203px; top:385px; left: 54px; }

#box03 {text-align: center; background: url(../images/bg/bg06.jpg) top center no-repeat; padding-bottom: 50px; }
#box03 h2 {color:#00add2; padding: 30px 0 0; text-align: center; display: inline-block;}
#box03 h2::before {
	content: '明智光秀';
	font-size: 24px;
	display: block;
	text-align: left;
}
#box03 .tabNav {margin: 30px auto;}
#box03 .tabNav ul {display: flex; justify-content: space-between;}
#box03 .tabNav ul li {position: relative; width: 190px;}
#box03 .tabNav ul li p {position: absolute; left:0; top:0; width: 100%; height: 100%;}
#box03 .tabNav ul li p img { opacity: 0; filter: alpha(opacity=0);}
#box03 .tabNav ul li:hover {cursor: pointer;}
#box03 .tabNav ul li:hover p,
#box03 .tabNav ul li:hover p img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#box03 .tabNav ul li.active p img { opacity: 1; }
#box03 .spotBox {height: 394px; position: relative; background: #fff; margin-bottom: 30px;}
#box03 .spotBox .img {top:35px; left: 40px;}
#box03 .spotBox .txt {top:35px; right: 0;}
#box03 .spotBox .btn {bottom:35px; right: 120px;}
#box03 .spotBtn {width: 635px; margin: 0 auto;}

#box04 {height: 1080px; text-align: center; background: url(../images/bg/bg07.jpg) top center no-repeat; }
#box04 h2 {color:#a87f00; padding: 50px 0 ; text-align: center;}
#box04 .seasonBox {position: relative;}
#box04 .seasonBox .img {top:0; left: 0;}
#box04 .seasonBox .posi01 {top: 0; right: 30px; text-align: center;}
#box04 .seasonBox .posi02 {top: 270px; left: 0; text-align: center;}
#box04 .seasonBox .posi03 {top: 330px; right: 0; text-align: center;}
#box04 .seasonBox .posi01 a { width: 400px; margin: 30px auto 0;}
#box04 .seasonBox .posi02 a { width: 400px; margin: 10px auto 0;}
#box04 .seasonBox .posi03 a { margin: 12px auto 0;}

#box05 {height: 1275px; text-align: center; background: url(../images/bg/bg08.jpg) top center no-repeat #eae8d6; }
#box05 h2 {color:#a87f00; padding: 50px 0 ; text-align: center;}
#box05 .planBox {position: relative; height: 550px;}
#box05 .planBox a {margin: 20px auto 10px; }
#box05 .planBox .posi01 {top:0; left: 180px;}
#box05 .planBox .posi02 {top:0; right: 180px;}
#box05 .planBox .posi03 {top:280px; left: 180px;}
#box05 .planBox .posi04 {top:270px; right: 180px;}
#box05 .planBox .posi04 a {width: 221px; position: absolute; left: 0; right: 0; bottom: 35px; margin: 0 auto; z-index: 20;}
#box05 .planBox .posi04 .tips {width: 240px; position: absolute; left: 0; right: 0; bottom: 15px; margin: 0 auto; z-index: 19;}
#box05 .planBox .posi04 .deco{ top:105px; left: -30px;}
#box05 .planBox .img01 {top: -25px; left: -30px;}
#box05 .planBox .img02 {top: -25px; right: -40px;}
#box05 .cpnBoxWrap {width: 627px; margin: 0 auto;}
#box05 .cpnBoxWrap h3 {color:#a87f00; padding: 30px 0 ; text-align: center;}
#box05 .cpnBoxWrap h3::before {
	content: '';
	display: inline-block;
	width: 65px;
	height: 45px;
	background-image: url(../images/titledeco01.png);
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 10px;
}
#box05 .cpnBoxWrap h3:after {
	content: '';
	display: inline-block;
	width: 65px;
	height: 45px;
	background-image: url(../images/titledeco02.png);
	background-size: contain;
	vertical-align: middle;
	margin-bottom: 10px;
}
#box05 .cpnBoxWrap .cpnBox01 {height: 140px; display: flex; justify-content: space-between; position: relative;}
#box05 .cpnBoxWrap .leftBtn {top:0; left: 0;}
#box05 .cpnBoxWrap .rightBtn {top:0; right: 163px;}/*200316変更right: 0px*/
#box05 .cpnBoxWrap .csCover {top:-10px; left: -10px;}
#box05 .cpnBoxWrap p {padding-top: 10px;}
#box05 .cpnBoxWrap .cpnBox02 {margin: 30px auto 0;}
#box05 .cpnBoxWrap .cpBtn {margin: 30px auto 0;}