@charset "UTF-8";

.slidercover{
	width:100%;
	position:relative
}
.slidercover h1{
	position:absolute;
	bottom:0;
	left:305px;
	z-index:99;
}
.coupon_area{
	width:100%;
	position:relative;
}
.couponbox{
	position:absolute;
	top:70px;
	left:97px
}
.cbox{
	float:left;
	margin-left:8px}
.main_area{
	width:100%;
	position:relative;
}
.ribbon{
	position:absolute;
	top:13px;
	left:123.5px;
}	
.foot_area{
	width:100%;
	position:relative;
}
.footbtn{
	position:absolute;
	bottom:50px;
	left:132px;
}
.fbox{
	float:left;
	margin-left:10px;
}
.btn_coupon{
	display:block;
	}
.balloon{
	position:absolute;
	top:0;
	left:336px;
}

/* ================================
	spot
================================ */
.spot li{
    position: absolute;
    z-index: 100;
}

.btn-drive{
    display: block;
    position: absolute;
    top: 1278px;
    left: 758px;
    z-index: 200;
}



/* ================================
	spot > txt
================================ */

.icn-arrw {
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background: blue;
    position: relative;
}
.icn-arrw:after {
    display: block;
    content: "";
    margin: -3px;
    border: solid transparent;
    border-width: 3px 5px;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    left: 55%;
}
.bg_color1{
	background:#ffe400;
	padding:.1em .5em}
.bg_color2{
	background:#65a9c8;
	padding:.1em .5em}
.bg_color3{
	background:#b178d5;
	padding:.1em .5em}


.icn-arrw {
    background: black;
}
.spot--txt1{
	position:absolute;
	top:53px;
	left:359px;
    padding: 10px 0 0 10px;
    width: 13em;
    cursor: pointer;
}
.spot--txt2{
	position:absolute;
	top:447px;
	left:840px;
    padding: 10px 0 0 10px;
    width: 15em;
    cursor: pointer;
}
.spot--txt3{
	position:absolute;
	top:561px;
	left:135px;
    padding: 10px 0 0 10px;
    width: 21.5em;
    cursor: pointer;
}
.spot--txt4{
	position:absolute;
	top:784px;
	left:960px;
    padding: 10px 0 0 10px;
    width: 12em;
    cursor: pointer;
}
.spot--txt5{
	position:absolute;
	top:141px;
	left:85px;
    padding: 10px 0 0 10px;
    width: 12em;
    cursor: pointer;
}
.spot--txt6{
	position:absolute;
	top:141px;
	left:571px;
    padding: 10px 0 0 10px;
    width: 19em;
    cursor: pointer;
}
.ts{
	position:absolute;
	top:352px;
	left:430px;
}
.httl{
	margin:5px 0;
	font-size:1.5rem;
	font-weight:bold;}
.spot--txt:hover a{
    /*color: #42c678 !important;*/
}
.spot--area{
    display: inline-block;
    padding: .3em .5em .1em;
    margin-bottom: .3em;
    text-align: center;
    font-weight: bold;
    border: solid #000;
    border-width: 0 1px;
}
.spot--ttl{
    margin: 0;
    font-size: 20px;
    font-size: 2.0rem;
}
.spot--desp{
    margin: 0;
    color: #000;
}
.spot--link{
   /* color: #3cc1c6;*/
}

/*	anime hover
---------------------- */
.hover{
    -webkit-transition: .4s;
    transition: .4s;   
}
a.hover:hover{
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}


.cf:after{
	content:"";
	display:block;
	clear:both
}
.content-coupon header nav > a:hover img{
    -webkit-transition: .4s;
    transition: .4s;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;    
}