@charset "utf-8";

.cf-Package-07 div.div-C div#main-visual{
	width:720px;
	height:330px;
	position:relative;
	overflow:hidden;
}

.cf-Package-07 div.div-C div#main-visual p#description{
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-01{
	width:720px;
	height:330px;
	background:url(https://d18f657670wm8u.cloudfront.net/eraberu/images/main-visual/main-bg-01.png?20140703) no-repeat left top;
	position:relative;
	z-index:1;
}

.cf-Package-07 div.div-C div#main-visual div#scene-01 p#s01-txt-01{
	position:absolute;
	top:80px;
	left:50px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-01 p#s01-txt-02{
	position:absolute;
	top:175px;
	left:56px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-02{
	display:none;
	position:relative;
	margin-top:-330px;
	z-index:10;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03{
	width:720px;
	height:330px;
	background:url(https://d18f657670wm8u.cloudfront.net/eraberu/images/main-visual/main-bg-01.png?20140703) no-repeat left top;
	position:relative;
	display:none;
	margin-top:-330px;
	z-index:50;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-blc-01{
	position:absolute;
	top:34px;
	left:-278px;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-blc-02{
	position:absolute;
	top:12px;
	left:-276px;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-bln-01,
.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-bln-02{
	position:absolute;
	top:27px;
	left:147px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-ico-01{
	position:absolute;
	top:153px;
	left:504px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-ico-02{
	position:absolute;
	top:153px;
	left:561px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-ico-03{
	position:absolute;
	top:258px;
	left:346px;
	display:none;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 p#s03-num-01{
	position:absolute;
	top:276px;
	left:-193px;
}

.cf-Package-07 div.div-C div#main-visual div#scene-03 ul#s03-num-02,
.cf-Package-07 div.div-C div#main-visual div#scene-03 ul#s03-num-03{
	position:absolute;
	top:273px;
	left:467px;
}

.cf-Package-07 div.div-C div#main-visual div#scene-04{
	display:none;
	position:absolute;
	top:-330px;
	z-index:100;
}

.cf-Package-07 div.div-C div#main-visual ul.price{
	float:left;
}

.cf-Package-07 div.div-C div#main-visual ul.price li{
	float:left;
}

.cf-Package-07 div.div-C div#main-visual #noscript{
    margin-top: -330px;
    position: relative;
    z-index: 100;
}

.main-visual-eraberu {
	border-top: 5px solid #e7ffb1;
	border-bottom: 5px solid #e7ffb1;
	background-color: #fffde9;
}

/* ClaerFix
---------------------------------------------*/
.cf-Package-07 div.div-C div#main-visual ul.price:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
	content:".";
}


/* new.html */
.cf-Package-07.type-new div.div-C{
padding-bottom: 0;
background: none;
}
.f-Package-02.type-new div.div-A {
margin: 30px 0 40px;
padding-bottom: 0;
background: none;
}

.list-button-01{
margin-bottom: 15px;
}
.list-button-01::after{
content: "";
display: block;
clear: both;
}
.list-button-01 li{
float: left;
width: 229px;
margin-left: 15px;
}
.list-button-01 li:first-child{
margin-left: 0;
}
.list-button-01 img{
}

body.rwd #main-visual {
margin-bottom: 20px;
}

body.rwd #main-visual > p {
text-align: center;
}

body.rwd #main-visual .carousel-A {
max-width: 730px;
margin: 0 auto;
}

body.rwd #main-visual .carousel-A .dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}

body.rwd #main-visual .carousel-A .dots > li {
width: 12px;
height: 12px;
margin: 0 4px;
}

body.rwd #main-visual .carousel-A .dots > li > button {
width: 12px;
height: 12px;
box-sizing: border-box;
border: solid 2px #63a5dd;
border-radius: 50%;
background: none;
overflow: hidden;
text-indent: -5em;
vertical-align: top;
padding: 0;
cursor: pointer;
}

body.rwd #main-visual .carousel-A .dots > li.slick-active > button {
background: #63a5dd;
}

body.rwd #main-visual .carousel-A .dots > li > .pause {
border: 0;
border-radius: 0;
position: relative;
}

body.rwd #main-visual .carousel-A .dots > li > .pause::before {
content: "";
display: block;
width: 2px;
height: 12px;
background-color: #63a5dd;
position: absolute;
top: 0;
left: 2px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause::after {
content: "";
display: block;
width: 2px;
height: 12px;
background-color: #63a5dd;
position: absolute;
top: 0;
left: 7px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause.is-pause::before {
width: 0;
height: 0;
background: none;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #63a5dd;
top: 1px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause.is-pause::after {
content: none;
}

body.rwd #main-visual .carousel-A .slick-prev,
body.rwd #main-visual .carousel-A .slick-next {
width: 30px;
height: 30px;
z-index: 1;
}

body.rwd #main-visual .carousel-A .slick-prev::before,
body.rwd #main-visual .carousel-A .slick-next::before {
content: "";
display: block;
width: 15px;
height: 15px;
border: solid #63a5dd;
border-width: 3px 0 0 3px;
transform: rotate(-45deg);
position: absolute;
top: 6px;
}

body.rwd #main-visual .carousel-A .slick-prev::before {
transform: rotate(-45deg);
left: 10px;
}

body.rwd #main-visual .carousel-A .slick-next::before {
transform: rotate(135deg);
right: 10px;
}

body.rwd #main-visual .carousel-A .slick-prev {
left: 6px;
}

body.rwd #main-visual .carousel-A .slick-next {
right: 6px;
}

body.rwd #main-visual .carousel-A .slick-slide a {
display: block;
}

body.rwd #main-visual .carousel-A .slick-slide a:hover,
body.rwd #main-visual .carousel-A .slick-slide a:focus,
body.rwd #main-visual .carousel-A .slick-slide a:active {
opacity: .7;
}

@media only screen and (max-width: 768px) {
body.rwd #main-visual {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 26px;
}

body.rwd #main-visual .carousel-A .dots {
margin-top: 12px;
}

body.rwd #main-visual .carousel-A .dots > li {
width: 21px;
height: 21px;
margin: 0 7px;
}

body.rwd #main-visual .carousel-A .dots > li > button {
width: 21px;
height: 21px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause::before {
width: 4px;
height: 21px;
border-radius: 2px;
left: 4px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause::after {
width: 4px;
height: 21px;
border-radius: 2px;
left: 12px;
}

body.rwd #main-visual .carousel-A .dots > li > .pause.is-pause::before {
border-width: 9px 0 9px 14px;
top: 2px;
}

.main-visual-eraberu {
	padding-bottom: 30px;
}

.sp-hidden {
  display: none;
}
}