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

.main {margin: 0;}
.main p {margin: 0;}
.main .oricon {background-color: #000;text-align: center;padding: 5px 0 30px;}
.main .oricon img {width: 220px;}
.main-caption {margin: 5px 10px 20px 0;font-size: 12px;text-align: right;}

ul.top-bnrs-upper,
ul.top-bnrs-bottom {padding: 0 15px 30px;}
/*.reserve {padding-bottom: 30px;}*/

ul.top-bnrs-bottom,
ul.top-bnrs-upper {margin-top: 0;margin-bottom: 0;padding-bottom: 20px;}
ul.top-bnrs-upper li {margin-bottom: 10px;text-align: center;}
ul.top-bnrs-upper li:last-child {margin-bottom: 0;}

ul.top-bnrs-bottom {padding-bottom: 30px;}
ul.top-bnrs-bottom li {text-align: center;}

.kusatsu {text-align: center;padding: 0;margin: 20px 15px 30px;position: relative;}
.kusatsu img {position: relative;z-index: 0;}
.kusatsu img:first-child {position: absolute;z-index: 1;top: 10%;left: 50%;width: 76.875%;transform: translateX(-50%);}
.kusatsu span {position: absolute;right: 3%;bottom: 3%;font-size: 12px;background-color: rgba(255,255,255,.8);display: inline-block;padding: 5px 10px;}

.note-box {padding: 0 15px 30px;font-size: 93%;}

@media print, screen and (min-width: 669px) { /*670px*/

.main {
	/*height: 1467px;*/
	/* height: 1717px; */
	height: 1617px;
	background: #000 url(../images/top/main_bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	opacity: 0;
	margin-bottom: 0;
}
.main>div.pc {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main>div.pc p,.main .oricon {
	position: absolute;
	width: 100%;
	text-align: center;
	opacity: 0;
		-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.main-item01 {top: 100px;}
.main-item01.active {top: 110px;opacity: 1 !important;}
.main-item02 {top: 350px;}
.main-item02.active {top: 360px;opacity: 1 !important;}
.main-item03 {top: 520px;}
.main-item03.active {top: 530px;opacity: 1 !important;}
.main-item04 {bottom: 240px;}
.main-item04.active {bottom: 200px;opacity: 1 !important;}
.main-item05 {bottom: 65px;}
.main-item05.active {bottom: 55px;opacity: 1 !important;}
.main-caption {margin: 10px 20px 0 0;}


.main .oricon {position: absolute;top: 110px;width: 980px;right: 50%;margin-right: -490px;text-align: right;background-color: transparent;}
.main .oricon.active {opacity: 1;top: 120px;}
.main .oricon img {width: 180px;}

ul.top-bnrs-upper {
	width: 960px;margin: 0 auto;
	padding: 0;
	text-align: center;
	/*display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;*/
}
ul.top-bnrs-upper li {margin-bottom: 20px;}
ul.top-bnrs-upper li {margin: 0 0 20px;/*width: 469px;*/}
ul.top-bnrs-upper li.sodankai {width: 100%;}
ul.top-bnrs-upper li.sodankai img {width: 100%;}
/*ul.top-bnrs-upper li:last-child {margin: 0;}*/
ul.top-bnrs-upper li img {width: auto;max-width: none;}
ul.top-bnrs-bottom {padding: 0;margin: 0 auto;}

ul.top-bnrs-upper a,
ul.top-bnrs-bottom a {-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;}
ul.top-bnrs-upper a:hover,
ul.top-bnrs-bottom a:hover {opacity: .6;}

ul.top-bnrs-upper a,
.footer a,
ul.top-bnrs-bottom a {
	position: relative;
	z-index: 10;
}
	
	
.top-bnrs-box {

	padding-bottom: 30px;
	margin-top: 40px;
}
	
	
.kusatsu {width: 960px;margin: 10px auto 70px;padding: 0;}
.kusatsu span {right: 2%;bottom: 3%;}
.note-box {padding: 0;font-size: 85%;width: 960px;margin: 0 auto 70px;}


}