@charset "EUC-JP";

/*------------------------------
coupon page
------------------------------*/

body{
line-height: 1.2em;
}

/* coupon.php クーポン一覧*/

#coupon_goriyou{
margin:14px;
text-align:center;
margin:0;
padding:0;
}

#coupon_goriyou h1{
font-size:14px;
text-align:center;
padding:10px 0;
margin:0 0 20px 0;
color:#fff;
background:#333;
}

#coupon_goriyou h1 span{ color:#FFCC00;}

.coupon_com{font-size:12px; color:#FF0000; text-align:center; margin:5px 0;}
.coupon_com2{font-size:10px; color:#333333; text-align:center; margin:5px 0;}

ul.cp_outline{
clear:both;
width:96%;
margin:0 auto;
}

li.cp_in{
clear:both;
width:100%;
list-style:none;
background:#FFF7D5;
box-sizing:border-box;
border:2px solid #D3C566;
margin:30px auto;
position:relative;
}

li.cp_in a{width:90%; height:100%; padding:10px 5% 16px 5%; display:block; color:#333; text-decoration:none;}

.cp_in_rib{
position:absolute;
top:-18px;
left:0;
width:100%;
text-align:center;
font-size:12px;
line-height:1em;
color:#FFF7D5;
}

.cp_titlew{}

.cp_title{
padding:10px 5px 0 5px;
font-size:16px;
line-height:1.4em;
margin-top:5px;
margin-bottom:5px;
text-align:center;
font-weight:bold;
color:#FF0000;
word-wrap: break-word;
}

.cp_shop{
text-align:center;
font-size:13px;
font-weight:bold;
}

.cp_area{
text-align:center;
font-size:10px;
}

.cp_tapw{
position: relative;
font-size:14px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
background:#BCA736;
width:100%;
margin:5px auto 0 auto;
padding:7px 0;
}

.cp_tapw p:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* coupon.php?I=XXX クーポン詳細 */

/*
header{background:none;width:100%; height:auto;position:static;}

header#coupon_shop{
text-align:center;
line-height:1.1em;
margin:0;
padding:3px 0 6px 0;
color:#fff;
background:#333;
}

header#coupon_shop h1{
margin-top:1px;
position:static;
font-size:18px;
text-align:center;
}
*/

/*#coupon_shop h1 span{ color:#FFCC00;}*/


#coupon_shop{
margin:14px;
width:100%;
padding:0;
margin:0;
}

#coupon_shop h1{
font-size:14px;
text-align:center;
padding:10px 0;
margin:0 0 20px 0;
color:#fff;
background:#333;
}

#coupon_shop h1 span{ color:#FFCC00;}


#coupon_shop_name{
text-align:center;
font-size:18px;
font-weight:bold;
margin-top:10px;
}

.cp_shop_area{
text-align:center;
font-size:10px;
line-height:1em;
margin-top:10px;
color:#777;
}

.cp_wrap{ text-align:center;}

.cp_inner{
list-style:none;
background:#FFF7D5;
margin:25px 0 20px 0;
padding:30px 20px 25px 20px;
border-top:2px solid #D3C566;
border-bottom:2px solid #D3C566;
position:relative;
}
.cp_rib{
position:absolute;
top:-18px;
left:0;
width:100%;
text-align:center;
font-size:12px;
line-height:1em;
color:#FFF7D5;
}

.cp_naiyou{
text-align:left;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
line-height:1.2em;
color:#FF0000;
}

.cp_other{
font-size:13px;
line-height:1.4em;
text-align:left;
color:#333;
word-wrap: break-word;
}

.cp_comm{
margin-top:10px;
padding-top:10px;
font-size:12px;
line-height:1.4em;
text-align:left;
border-top:1px dotted #DDD1A0;
}

.sns{
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}