@charset "utf-8";
.both{
	clear:both;
}
#co-wrapper a:hover{
	opacity:0.7;
}
#co-wrapper li{
list-style: none;
}
#co-wrapper .returnbtn{
	float:right;
	margin:40px 0 0 8px;
}
#co-wrapper #f14{
	font-size:14px;
}
/* オリジナルアイディア
***********************/
.original{
	margin:20px auto;
}
/* トップ
***********************/
#co-wrapper .coment{
	margin:20px 0;
	background:#FFF5D7;
	padding:0 0 0px;
	height:182px;
	overflow:hidden;
}
#co-wrapper-sp .coment-sp{
	margin:10px 0;
	background:#FFF5D7;
	overflow:hidden;
	width:100%;
}
#co-wrapper-sp .coment-sp p{
	padding:1px 8px 10px;
	margin:7px 0 0;
}
#co-wrapper-sp .coment-sp .per1{
	float:left;
	width:25%;
	margin:5px 0 0 5px;
}
#co-wrapper-sp .coment-sp .c-1{
	float:left;
	width:70%;
	margin:5px 0 0 1px;
}
#co-wrapper-sp .coment-sp .c-1 .ques{
	border-bottom:2px dashed #aaa;
	padding:0 0 3px;
	margin:0 0 3px;
}
#co-wrapper-sp .coment-sp .per2{
	float:left;
	width:22%;
	margin:5px 0 0 5px;
}
#co-wrapper-sp .coment-sp .c-2{
	float:left;
	width:70%;
	margin:5px 0 0 8px;
}
#co-wrapper-sp .coment-sp .c-2 .ques{
	border-bottom:2px dashed #aaa;
	padding:0 0 3px;
	margin:0 0 3px;
}
#co-wrapper .coment .per1{
	float:left;
	margin:-6px 0 0 15px;
}
#co-wrapper .coment .per2{
	float:left;
	margin:0px 0 0 15px;
}
#co-wrapper .coment .c-1{
	float:left;
	width:500px;
	padding: 22px 0 20px 10px;
}

#co-wrapper .coment .c-1 p{
	margin:1px 0 0 46px;
	font-size:13px;
} 
#co-wrapper .coment .c-2{
	float:left;
	width:510px;
	padding:22px 0 20px 50px;
}
#co-wrapper .coment .c-2 p{
	margin:1px 0 0 46px;
	font-size:13px;
} 
#co-wrapper .coment .c-1 .ques{
	border-bottom:2px dashed #aaa;
}
#co-wrapper .coment .c-2 .ques{
	border-bottom:2px dashed #aaa;
}
#co-wrapper .itembox{
	overflow:hidden;
}
#co-wrapper .itemimg{
	float:left;
	padding:10px;
}
#co-wrapper .itemtext{
	float:left;
	width:480px;
	margin-top:20px;
}
#co-wrapper .itemtext .itemname{
	font-size:19px;
	font-weight:700;
	color:#666;
}
#co-wrapper .itemtext .itemname a{
	color:#666;
}
#co-wrapper .itemtext p{
	font-size:13px;
}
/***** クーポン *****/
#co-wrapper .curponbox p{
	font-size:15px;
	color:#666;
	margin:5px 0 8px;
	text-align:center;
}
#co-wrapper .curponbox p a{
	color:#666;
	text-decoration:none;
}

#co-wrapper .curpon{
	margin:10px 0 20px;
}
#co-wrapper .cur-box{
	border:dashed 2px #666;
	overflow:hidden;
}
#co-wrapper .cur-box .cur-img{
	float:left;
	margin:15px 20px 0 0;
}
#co-wrapper .cur-box .rightbox{
	float:left;
	width:500px;
	margin-top:20px;
	overflow:hidden;
}
#co-wrapper .cur-box .rightbox .name{
	font-size:16px;
	margin:5px 0;
	color:#666;
}
#co-wrapper .cur-box .bottombox .maintext{
	font-size:14px;
	margin:10px 0 10px 10px;
	color:#999;
	float:left;
}
#co-wrapper span{
	font-size:13px;
}
#co-wrapper dl{
	overflow:hidden;
	line-height:16px;
	font-size:17px;
	color:#999;
	margin:4px 0 3px 15px;
}
#co-wrapper dt{
	width:100px;
	float:left;
	clear:left;
}
#co-wrapper dd{
	width:135px;
	margin-left:5px;
	float:left;
}
#co-wrapper .cur-box .bottombox .maintext p{
	font-size:13px;
	margin:10px 0;
	color:#999;
	float:left;
}
#co-wrapper .cur-box .bottombox .nebiki{
	float:left;
}
#co-wrapper .cur-box .bottombox .barcode{
	float:left;
	padding:10px;
} 
#co-wrapper .bottombox{
	overflow:hidden;
}
/*****　販売店一覧 *********/
#co-wrapper .storelist{
	overflow:hidden;
	margin:10px 0 20px;
}
#co-wrapper .storelist #last{
	margin-right:0;
}
#co-wrapper .areatitle{
	background-color:#E9546B;
	padding:5px 10px;
	font-size:18px;
	font-weight:700;
	color:#FFF;
}
#co-wrapper table.address td{
	font-size:13px;
}
#co-wrapper table.address td.left{
	width:66px;

}
#co-wrapper .store{
	width:230px;
	float:left;
	margin-right:35px;
}
#co-wrapper .store .imgbox{
	width:185px;
	margin:0 auto;
}
#co-wrapper .store p.title{
	text-align:center;
	background-color:#a9a9a9;
	font-size:15px;
	padding:3px 0;
	margin-bottom:7px;
	color:#FFF;
}
#co-wrapper .store p{
	font-size:13px;
}

/*　アコーディオン*/ 
#co-wrapper ul.acordion{
background: #f5f5f5;
border-right: solid 1px #E85298;
border-left: solid 1px #E85298;
border-bottom: solid 1px #E85298;
margin: 0 0 15px;
padding: 0;
font-size:19px;
}
#co-wrapper .aco{
	text-align:center;
}
#co-wrapper ul.acordion li {
cursor: pointer;
background-color:#9c9c9c;
color:#FFF;
}
 
#co-wrapper ul.acordion li:first-child {
border-top: solid 1px #E85298;
}
 
#co-wrapper ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
#co-wrapper ul.acordion li ul li {
background: #fff;
padding-left:150px;
cursor: auto;
background-color:#9c9c9c;
color:#FFF;
}
 
#co-wrapper ul.acordion li ul li:last-child{
border-bottom: 1px solid #E85298;
}
 
#co-wrapper ul.acordion li ul li a {
color:#FFF;
display: inline-block;
padding: 10px;
text-decoration: none;
}
 
#co-wrapper ul.acordion li .none-submenu {
background: url(images/trigger-arrow.png) no-repeat 98% 50%;
display: block;
padding: 10px;
}
 
#co-wrapper ul.acordion li .active-submenu {
background: url(images/triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 10px;
}
 
@media only screen and (max-width: 600px) {
#co-wrapper ul.acordion li .none-submenu{ background: url(images/trigger-arrow.png) no-repeat 96% 50%; }
#co-wrapper ul.acordion li .active-submenu{ background: url(images/triggeractive-arrow.png) no-repeat 96% 50%; }
}

/** SP版CSS
*********************/
#co-wrapper-sp .returnbtn{
	float:right;
	margin:40px 0 0;
	padding:5px 10px;
	background-color:#E9536C;
}
#co-wrapper-sp .returnbtn a{
	color:#FFF;
	font-size:1.2em;
}
/* トップ
********************/
#co-wrapper-sp .returnbtnsp{
	position:fixed;
	bottom:5%;
	right:5%;
}

#co-wrapper-sp .itemtext{
	width:94%;
	margin:20px 3%;
}
#co-wrapper-sp .itemname{
	font-size:1.3em;
	color:#666;
	font-weight:700;
}
#co-wrapper-sp .itemname a{
	color:#666;
}
#co-wrapper-sp .co-list{
	width:50%;
	text-align:center;
	margin:20px auto 20px;
	padding:5px 0;
	color:#FFF;
	background-color:#9c9c9c;
}
/* クーポン一覧
**********************/
#co-wrapper-sp .store{
	margin:30px 0;
}
/* クーポン
*********************/
#co-wrapper-sp .cur-box{
	border:dashed 2px #666;
	overflow:hidden;
	margin:5px;
}
#co-wrapper-sp .cur-box .cur-img{
	width:80%;
	margin:10px auto;
}
#co-wrapper-sp .cur-box .rightbox{
	width:85%;
	margin:20px auto;
	overflow:hidden;
}
#co-wrapper-sp .cur-box .rightbox .name{
	font-size:1.4em;
	font-weight:600;
	margin:5px 0;
	color:#666;
}
#co-wrapper-sp .cur-box .rightbox .maintext{
	font-size:2.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:10px 0;
	text-align:center;
	font-weight:900;
}
#co-wrapper-sp .cur-box .barcode{
	text-align:center;
	padding:10px;
}
#co-wrapper-sp .nebiki{
	color:#999;
	font-size:1em;
}
#co-wrapper-sp .s-ri{
	color:#999;
	font-size:0.8em;
}

/* 販売店舗一覧
**********************/
#co-wrapper-sp .areatitle{
	background-color:#E9546B;
	padding:7px 10px;
	font-size:1.2em;
	font-weight:700;
	color:#FFF;
}
#co-wrapper-sp .store .imgbox{
	padding:15px;
	text-align:center;
}
#co-wrapper-sp .store p.title{
	text-align:center;
	background-color:#a9a9a9;
	font-size:1.4em;
	font-weight:700;
	padding:3px 0;
	color:#FFF;
}
#co-wrapper-sp .address{
	width:100%;
}
#co-wrapper-sp .address .left{
	width:20%;
	padding:5px;
	vertical-align:top;
	background-color:#FFa;
	border-collapse:collapse;
}
#co-wrapper-sp .address td{
	border:solid 1px #999;
	padding:5px;
}
/*　アコーディオン*/ 
#co-wrapper-sp ul.acordion{
background: #f5f5f5;
border-right: solid 1px #E85298;
border-left: solid 1px #E85298;
border-bottom: solid 1px #E85298;
margin: 0 0 0px;
padding: 0;
font-size:1.2em;
}
#co-wrapper-sp .aco{
	text-align:center;
}
#co-wrapper-sp ul.acordion li {
cursor: pointer;
background-color:#9c9c9c;
color:#FFF;
}
 
#co-wrapper-sp ul.acordion li:first-child {
border-top: solid 1px #E85298;
}
 
#co-wrapper-sp ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
#co-wrapper-sp ul.acordion li ul li {
background: #fff;
cursor: auto;
background-color:#9c9c9c;
color:#FFF;
text-align:center;
}
 
#co-wrapper-sp ul.acordion li ul li:last-child{
border-bottom: 1px solid #E85298;
}
 
#co-wrapper-sp ul.acordion li ul li a {
color:#FFF;
display: inline-block;
padding: 10px;
text-decoration: none;
}
 
#co-wrapper-sp ul.acordion li .none-submenu {
background: url(images/trigger-arrow.png) no-repeat 98% 50%;
display: block;
padding: 10px;
}
 
#co-wrapper-sp ul.acordion li .active-submenu {
background: url(images/triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 10px;
}
 
@media only screen and (max-width: 600px) {
#co-wrapper-sp ul.acordion li .none-submenu{ background: url(images/trigger-arrow.png) no-repeat 96% 50%; }
#co-wrapper-sp ul.acordion li .active-submenu{ background: url(images/triggeractive-arrow.png) no-repeat 96% 50%; }
}