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




/*PC用ソース*/
@media screen and (min-width:980px) {


#coupon-box{
	margin:0 0 30px 30px;
	width:690px;
	border:double #878787 5px;
	height:270px;
}
        
dl#coupon-left{
	float:left;
	width:40px;
	background-color:#FFCC33;
	height:235px;
	text-align:center;
	font-size:22px;
	padding:35px 0 0 0;
}

dl#coupon-left dd{
	padding:8px 0 8px 0;
}
		
#coupon-right{
	width:650px;
	float:left;
}
			
#coupon-top{
	width:650px;
	height:210px;}
			
#coupon-top-left{
	float:left;
	width:500px;
	margin:0 0 0 0;
}

#coupon-top-left1{
	margin:15px 0 10px 0;
	height:60px;
	display : table ;
	line-height: 36px;
	width:100%;
}

#coupon-top-left1 p{
	text-align:center;
	display : table-cell ;
	font-size:24px;
	vertical-align : middle ;
}

#coupon-top-left2{
	margin:0 25px 0 25px;
	padding:10px 0 0 0;
	border-top:dotted #d8a972 2px;
	font-size:14px;
	letter-spacing: 0.3em;
}

#coupon-top-left2 span{
	font-size:14px;
	color:#d8a972;
}
			
#coupon-top-left3{
	margin:30px 0 0 0;
	font-size:30px;
	text-align:center;
	color:#a10000;
}

#coupon-top-left3 span{
	letter-spacing: 0.3em;
	font-family:century;
	font-size:50px;
	padding:0 0 0 10px;
	color:#a10000;
}
					
#coupon-top-right{
	float:left;
	text-align:right;
	width:147px;
	margin:10px 3px 0 0;
}

#coupon-top-right img{
	width:147px;
}

				
dl#coupon-bottom{
	width:625px;
	padding:0 0 0 25px;
	letter-spacing: 0.3em;
}			
}
			

/*タブレット用ソース*/
@media screen and (max-width: 979px){

#coupon-box{
	margin:0 0 5% 3%;
	width:95%;
	border:double #878787 5px;
	height:270px;
}
        
dl#coupon-left{
	float:left;
	width:6%;
	background-color:#FFCC33;
	height:235px;
	text-align:center;
	font-size:22px;
	padding:35px 0 0 0;
}

dl#coupon-left dd{
	padding:8px 0 8px 0;
}
		
#coupon-right{
	width:94%;
	float:left;
}
			
#coupon-top{
	width:100%;
	height:210px;
}
			
#coupon-top-left{
	float:left;
	width:73%;
	margin:0 2% 0 2%;
}

#coupon-top-left1{
	margin:15px 0 10px 0;
	height:60px;
	display : table ;
	width:100%;
}

#coupon-top-left1 p{
	font-size:24px;
	line-height: 36px;
	text-align:center;
	display : table-cell ;
	vertical-align : middle ;
}
				
#coupon-top-left2{
	margin:0 4% 0 4%;
	padding:10px 0 0 0;
	border-top:dotted #d8a972 2px;
	font-size:14px;
	letter-spacing: 0.3em;
}

#coupon-top-left2 span{
	font-size:14px;
	color:#d8a972;
}
			
#coupon-top-left3{
	margin:30px 0 0 0;
	font-size:30px;
	text-align:center;
	color:#a10000;
}

#coupon-top-left3 span{
	letter-spacing: 0.3em;
	font-family:century;
	font-size:50px;
	padding:0 0 0 10px;
	color:#a10000;
}
					
#coupon-top-right{
	float:left;
	text-align:right;
	width:22%;
	margin:10px 1% 0 0;
}

#coupon-top-right img{
	width:100%;
}

				
dl#coupon-bottom{
	width:96%;
	padding:0 0 0 4%;
	letter-spacing: 0.3em;
}		
}

/*タブレット用ソース2*/
@media screen and (max-width: 760px){

#coupon-box{
	height:270px;
}
        
dl#coupon-left{
	height:235px;
	font-size:22px;
}

#coupon-top{
	height:210px;
}

#coupon-top-left1{
	height:60px;
}

#coupon-top-left1 p{
	font-size:20px;
	line-height: 36px;
}
					
#coupon-top-left2{
	font-size:14px;
	letter-spacing: 0.3em;
}

#coupon-top-left2 span{
	font-size:14px;
}
			
#coupon-top-left3{
	font-size:30px;
}

#coupon-top-left3 span{
	letter-spacing: 0.3em;
	font-size:50px;
}
				
dl#coupon-bottom{
	letter-spacing: 0.3em;
}		
}

/*タブレット用ソース3*/
@media screen and (max-width: 620px){

#coupon-box{
	height:270px;
}
        
dl#coupon-left{
	height:235px;
	font-size:22px;
}

#coupon-top{
	height:210px;
}

#coupon-top-left1{
	height:60px;
}

#coupon-top-left1 p{
	font-size:16px;
	line-height: 25px;
}
					
#coupon-top-left2{
	font-size:14px;
	letter-spacing: 0.1em;
}

#coupon-top-left2 span{
	font-size:14px;
}
			
#coupon-top-left3{
	font-size:30px;
}

#coupon-top-left3 span{
	letter-spacing: 0.2em;
	font-size:50px;
}
				
dl#coupon-bottom{
	letter-spacing: 0.1em;
}		
}

/*スマホ用ソース1*/
@media screen and (max-width:540px){

#coupon-box{
	width:92%;
	height:240px;
}
        
dl#coupon-left{
	height:205px;
	width:10%;
	font-size:22px;
}

dl#coupon-left dd{
	padding:5px 0 5px 0;
}

#coupon-right{
	width:90%;
}

#coupon-top{
	height:180px;
}

#coupon-top-left1{
	margin:5px 0 2px 0;
	height:40px;
}

#coupon-top-left1 p{
	font-size:16px;
	line-height: 25px;
}
					
#coupon-top-left2{
	font-size:14px;
	letter-spacing: 0.0em;
}

#coupon-top-left2 span{
	font-size:14px;
}
			
#coupon-top-left3{
	font-size:25px;
}

#coupon-top-left3 span{
	letter-spacing: 0.1em;
	font-size:40px;
}
				
dl#coupon-bottom{
	letter-spacing: -0.1em;
}		

}

/*スマホ用ソース2*/
@media screen and (max-width:480px){

#coupon-box{
	height:220px;
}
        
dl#coupon-left{
	height:200px;
	width:10%;
	font-size:20px;
	padding:20px 0 0 0;
}

dl#coupon-left dd{
	padding:6px 0 6px 0;
}

#coupon-right{
	width:90%;
}

#coupon-top{
	height:160px;
}

#coupon-top-left1{
	height:40px;
}

#coupon-top-left1 p{
	font-size:14px;
	line-height: 22px;
}
					
#coupon-top-left2{
	font-size:12px;
	letter-spacing: 0.0em;
}

#coupon-top-left2 span{
	font-size:12px;
}
			
#coupon-top-left3{
	font-size:20px;
}

#coupon-top-left3 span{
	letter-spacing: 0.1em;
	font-size:35px;
}
				
dl#coupon-bottom{
	letter-spacing: -0.1em;
	font-size:11px;
}		

}

/*スマホ用ソース3*/
@media screen and (max-width:410px){

#coupon-box{
	height:190px;
}
        
dl#coupon-left{
	height:175px;
	width:10%;
	font-size:16px;
	padding:15px 0 0 0;
}

dl#coupon-left dd{
	padding:4px 0 4px 0;
}

#coupon-right{
	width:90%;
}

#coupon-top{
	height:140px;
}

#coupon-top-left1{
	height:40px;
}

#coupon-top-left1 p{
	font-size:13px;
	line-height: 22px;
}
					
#coupon-top-left2{
	font-size:12px;
	letter-spacing: 0.0em;
}

#coupon-top-left2 span{
	font-size:12px;
}
			
#coupon-top-left3{
	margin:15px 0 0 0;
	font-size:20px;
}

#coupon-top-left3 span{
	letter-spacing: 0.1em;
	font-size:30px;
}
				
dl#coupon-bottom{
	letter-spacing: -0.1em;
	font-size:10px;
	line-height: 15px;
}	
}

/*スマホ用ソース3*/
@media screen and (max-width:380px){

#coupon-box{
	height:170px;
}
        
dl#coupon-left{
	height:155px;
	width:10%;
	font-size:14px;
	padding:15px 0 0 0;
}

dl#coupon-left dd{
	padding:2px 0 2px 0;
}

#coupon-right{
	width:90%;
}

#coupon-top{
	height:120px;
}

#coupon-top-left1{
	height:40px;
}

#coupon-top-left1 p{
	font-size:12px;
	line-height: 23px;
	letter-spacing: -0.1em;
}
					
#coupon-top-left2{
	font-size:10px;
	letter-spacing: -0.1em;
}

#coupon-top-left2 span{
	font-size:10px;
	letter-spacing: -0.1em;
}
			
#coupon-top-left3{
	margin:8px 0 0 0;
	font-size:15px;
}

#coupon-top-left3 span{
	letter-spacing: 0.1em;
	font-size:25px;
}
				
dl#coupon-bottom{
	letter-spacing: -0.1em;
	font-size:9px;
	line-height: 13px;
	margin:10px 0 0 0;
}	

}