@charset "UTF-8";
/* CSS Document */
/*. coupon.asx ブランド一覧
*/
/* --------------------------------
 * 共通
 * -------------------------------- */

#CAM00196 .caption{
    font-size: .8rem; line-height: 1.6; 
}
#CAM00196 .al-center{text-align: center !important;}
#CAM00196 .al-left{text-align: left !important;}
#CAM00196 .al-right{text-align: right !important;}

#CAM00196 .sp{display: inline-block !important;}
#CAM00196 .pc{display: none !important;}
#CAM00196 h2{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1rem;}


/* --------------------------------
 * coupon.asx クーポンフォーマット
 * -------------------------------- */
#CAM00196 { margin: 0 auto 5%;}
#CAM00196 .main-contents{ text-align: center; margin-bottom: 5%;}
#CAM00196 .main-txt{font-size: 14px; line-height: 1.5; margin-bottom: 1.5rem;}
#CAM00196 .strong{
  padding: 1em; margin-bottom: 2.5rem;
  width: 100%; background-color: #ff5c39;
	text-align: center; font-weight: bold;font-size: 14px;
  color: #fff;
}
#CAM00196 .inner{width: 96%; margin: 0 auto;}
#CAM00196 .code{
   overflow: hidden; width: 75%; font-size: 1rem;
   margin: 0 auto 1rem; padding: 0; list-style: none;
   border: 4px solid #ff5c39; border-radius: .2em;
}
#CAM00196 .code li{
  margin: 0; padding: .2em .8em;
  text-decoration: none;
  color: #fff; background: #ff5c39;
  position: relative; z-index: 1;
}
#CAM00196 .code li.codeNo{color: #333; background: #fff !important;}
#CAM00196 .code li.codetit::after{
  background: #ff5c39; content: "";
  height: 2.5em; margin-top: -1.25em;
  position: absolute; right: 0; top: 0;
	width: 100%; z-index: -1;
  border-radius: .2em;
}
#CAM00196 .deadline{
	color: #ff5c39; font-weight: bold;
	font-size: 1rem; margin-bottom: 1.5rem;
}
#CAM00196 .howto {margin-bottom: 5%;}
#CAM00196 .howto .howto-flow{
	position: relative; display: block; margin: 0 auto 30px;
 	text-align: left; width: 80%; list-style: none;
}
#CAM00196 .howto .howto-flow li{
	line-height: 1.6;
	margin-bottom: 1.2em; padding-left: 2rem;
}
#CAM00196 .howto .howto-flow li span {
	position: absolute; left:0; margin: 0;
}
#CAM00196 .circle {
	color: #fff; background-color:#ff5c39;
	padding: 0; margin: 0 1rem;
	width: 1rem; height: 1rem; line-height: 1rem;
	text-align: center; font-weight: bold;
	display: inline-block; 
	border-radius: 50%;
}
#CAM00196 .notes{
  display: block; margin: 0 auto 30px; text-align: left; width: 80%;}
#CAM00196 .notes li{ margin-bottom: .5em; list-style: disc;}
#CAM00196 .btn-review {
    width: 100%; max-width: 400px;
    border: 1px solid #444;
    color: #444;
    background-color: #fff;
    background-image: url(/feature/img/write.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 16px center;
    padding: 1rem 0;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
	margin: 0 auto; 
}
#CAM00196 .btn-review a{display: block;width: 100%; height: 100%;text-decoration: none;}
#CAM00196 .btn-review:hover{
    background-image: url(/feature/img/write_hover.png);
	background-repeat: no-repeat;
    background-size: 16px;
    opacity: 1;
	background-color: #444;transition: 0.6s;
}
#CAM00196 .btn-review:hover a{color: #fff;transition: 0.6s;}
#CAM00196 .block-btn-morelist{margin-bottom: 2.5rem;}


 @media screen and (min-width: 1200px){
	#CAM00196 .sp{display: none !important;}
	#CAM00196 .pc{display: inline-block !important;}
	 
	#CAM00196 .strong{padding: 2%; font-size:20px;}
	#CAM00196 .main-txt{font-size: 18px;}
	#CAM00196 .code {width: 60%; font-size: 2rem;}
	#CAM00196 .code li{margin: 0 2em 0 0; float: left;}
	#CAM00196 .code li.codeNo{color: #333; background: #fff !important;}
	#CAM00196 .code li.codetit::after{right: -1em; top: 50%; width: 2.5em; transform: rotate(45deg);	}
	#CAM00196 .deadline{font-size: 1.6rem;}
	
	#CAM00196 .howto .howto-flow{width: 70%;}
	#CAM00196 .howto .howto-flow li{line-height: 1.5rem;}
	 #CAM00196 .circle {width: 1.5rem; height: 1.5rem; line-height: 1.5rem;}
	#CAM00196 .notes{width: 70%;margin: 0 auto 5%;}
	 #CAM00196 .btn-review {background-size: 25px; background-position: 16px center;}
}