@charset "UTF-8";
/* --------------------------------------------------------------------
 Copyright (c) 2020 plusi
 -------------------------------------------------------------------- */
/* ====================================
 Layout Style
 ====================================== */

/* ------------------------------------
 etc
 -------------------------------------- */
p.coupon{
	color: white!important;
}


/* ------------------------------------
 coopon_area
 -------------------------------------- */
#coopon_area{
	z-index: 999;
}
#coopon_area img{
/*
	width: 150px;
	height: auto;
*/
}
.toggle-pc { display: block; }
.toggle-sp { display: none; }


#coopon-box {
	background: url(../images/coupon_pc.png) 0 0 no-repeat;
	background-size: 150px auto;
    top: 160px;
	z-index: 999;
}

.coopon-bn {
    width: 50px;
    height: 150px;
    position: fixed !important;
    position: absolute;
    right: 0;
    -webkit-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    -ms-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;
	opacity: 0.8;
}

.coopon-bn:hover {
    width: 150px;
	opacity: 1.0;
}

.coopon-bn a {
    display: block;
    width: 100%;
    height: 100%;
}

/* ================================
			599px以下
   ================================ */
@media (max-width: 599px) {
	#coopon_area{
		top: 78px;
		width: 120px;
		z-index: 999;
	}
	/*
	.toggle-pc { display: none; }
	.toggle-sp { display: block; width: 120px;}
	*/
	#coopon-box {
		background: url(../images/coupon_sp.png) 0 0 no-repeat;
		background-size: 150px auto;
		top: 340px!important;
	}
	.coopon-bn {
		width: 50px;	/* 最初に見せる横幅 */
		height: 80px;
	}
	.coopon-bn:hover {
		width: 150px;
	}
}