@charset "utf-8";
/* ===================================================================
CSS information

 style info: style

 *Since: 2016-06-08
=================================================================== */
img {
    width: 100%;
    vertical-align: bottom;
}

.merit { cursor: pointer; }

h1,h2,h3 {
margin: 0;
padding: 0;
line-height: 0;
}
.price::after {
    content: none;
}

/* ----------------------------------------------------
	contents
---------------------------------------------------- */
#contents {padding-bottom: 10%;}
.relative { position: relative; }
.cv_area {
	background-color:#FFF69A;
}
.cv_area .cv_btn01 {padding: 2% 2.5% 2.5%;}
.cv_area .cv_btn02 {padding: 1% 2.5% 0;}
.cv li {
	margin-top: 3%;
}
.cv li:first-child {
	margin-top: 0;
}
#fv {
	padding-top:2%;

}

.sec01 {
	background: url("/img/pages/lpo/pet2/sp/bg_pattern.png") left center repeat;
}

.sec01 li {
	width:50%;
	float:left;
}
.sec02 .accordion {
	padding: 3% 2.5% 0;
}
.sec02 #kouza1 {
	margin-top:1.5%;
}
.sec02 .text_area {
	padding: 2% 3.3%;
}
.sec02 .text_area .img_left {
	width: 30%;
	float:left;
}
.sec02 .text_area .text_right {
	width: 64%;
	float:left;
	margin-left: 4%;
	margin-bottom: 3%;
}
.sec02 .text_area .kouza_text {
	font-size: 14px;
	letter-spacing:0.1em;
	color:#333;
	margin-bottom:3%;
	line-height: 1.5;
}
.sec02 .text_area .kikan {
	border: 2px solid #cccccc;
	padding: 2%;
	font-size: 85%;
	line-height: 1.4;
	color: #666666;
	letter-spacing: 0.05em;
	margin-top: 4%;
}

.sec02 .text_area .content_shikaku {
	clear: both;
}
.sec02 .text_area .cv .cv_btn {
	width: 48%;
	float: left;
	margin-top:4%;
}
.sec02 .text_area .cv .btn03 {
	padding: 0 18%;
	margin-top: 5%;
	float: none;
	width: 63%;
}
.sec02 .text_area .cv .btn01 {
	margin-right:4%;
}


.sec02 .sec02_text01 {
	padding: 3% 3%;
	font-size: 14px;
	letter-spacing:0.1em;
	line-height: 1.5;
	color:#333;
}

.sec03 .sec03_text01 {
	padding: 3% 3%;
	font-size: 14px;
	letter-spacing:0.1em;
	line-height: 1.5;
	color:#333;
}
.sec03 .sec03_text02 {
	position:absolute;
	top: 21%;
	left: 44.5%;
	width: 50%;
	font-size: 14px;
	letter-spacing: 0.015em;
	line-height: 1.5;
	color:#333;
}

.sec04 .text_area {
	font-size: 14px;
	position:absolute;
	top: 3%;
	padding: 0 7%;
	letter-spacing: 0.015em;
	line-height: 1.4;
}
.sec04 .text_area .come {
	font-weight:normal;
}
.sec04 .btn05 {
	padding: 0 15%;
	position:absolute;
	top: 18%;
}
.sec05 h2 {
	margin-bottom:5%;;
}
.sec05 .text_area {
	padding: 3.5% 3% 4%;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.45em;
}
.sec05 ul {
	padding: 4% 0 4% 5%;
	font-size: 14px;
	letter-spacing: 0.015em;
}
.sec05 ul li {
	background: url("/img/pages/lpo/pet2/sp/sec05_list_mark.png") no-repeat left center;
	padding-left: 8%;
	background-size: 7%;
}
.frame01 {
	padding: 3.5%;
	border: 4px solid #507982;
	margin: 2.8%;
	position:absolute;
	top:0%;
	background-color:#FFFFFF;
	
	line-height: 1.6;
	font-size: 12px;
}
.frame01 .b_mark {
	width: 46.5%;
	margin-bottom:4%;
}
.frame01 p {
	word-break:break-all;
}
em {
	color: #f96482;
	font-style: normal;
}
.nonte {
	color: #989898;
	font-size: 12px;
}
.mb5 {
	margin-bottom: 1.8em;
}
.mt3 {
	margin-top: 3%;
}


/**/
#BVRRContainer {
		width: 89%;
		margin: 0 auto;
}

/*accordion*/
.contentWrap {display: none;background: url(/img/pages/lpo/pet2/sp/content_area_bg.png)repeat-y;background-size: contain;}
.contentEnd {background: url(/img/pages/lpo/pet2/sp/content_area_bg02.png)repeat-y;background-size: contain;}


/*キセキ訴求追加*/

.kiseki{
padding: 1% 2% 5%;
}




/* 2017_1月オリコキャンペーン訴求追加 */

.camp-wrap{
	width: 95%;
	background-color: #fff;
	border: 2px solid #e13a40;
	border-radius: 5px;
	margin: 4% auto;
}

.camp{
	padding: 0 4% 0 0;
	overflow: hidden;
	color: #333333;
}

.camp-orico{
	padding-right: 2%;
	text-align: right;
	float: left;
	width: 28%;
}

.camp-orico img{
	padding-top: 5px;
	display: inline;
	width: 75%!important;
}


.camp-text{
	text-align: center;
	float: right;
	width: 70%;
}

.under{
	font-size: 100%;
	font-weight: bold;}


.red_01{
	font-weight: bold;
	font-size: 110%!important;
	color: #e13a40!important;}

.red_02{
	margin: 2% auto;
	background-color: #ffff66;
	font-weight: bold;
	font-size: 90%;
	color: #e13a40;}

.red_02 span{
	font-size: 135%;
}


.orange_01{
  text-align: center;
	padding: 1% 0 1.5% 0;
	font-weight: bold;
	font-size: 110%!important;
	color: red!important;}

.camp strong {
	font-size: 120%!important;
	font-weight: bold;
	color: #e13a40!important;
	background: linear-gradient(transparent 40%, #ffff66 40%);
	}
.camp strong span {
		font-size: 150%!important;
		font-weight: bold;
		}

.mg15{margin: 10px auto 0;}

.text01{
	font-weight: bold;
	width: 95%;
	margin:0 auto;
	font-size: 95%;
	text-align: left;
	color: blue;
}

.text02{
	padding-left: 2px;
	width: 95%;
	margin:0 auto;
	font-size: 90%;
	text-align: left;
	color: #333;
}
.camp-wrap table{width: 95%;}

.camp-wrap table ,.camp-wrap td,.camp-wrap th {
  text-align: center;
	vertical-align: middle;
	font-size: 80%;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.camp-wrap td,.camp-wrap th {
	padding: 0.5%;
}
.camp-wrap th {
	background: #f0e6cc;
}
.camp-wrap .even {
	background: #fbf8f0;
}
.camp-wrap .odd {
	background: #fefcf9;
}

.camp-wrap .orange_02 {
	background: #ff5821;
	color: #fff;
	font-weight: bold;
}

.camp-wrap .orange_03 {
  padding-left: 3px;
	font-size: 120%;
	font-weight: bold;
	background: #fff;
	color: #ff5a24;
}

.camp-wrap .orange_04 {
	font-weight: bold;
	background: #ffddd2;
	color: #ff4001;
}

.pd-btm{padding-bottom: 10px;}



/*20170123 タイムセール対応*/
.sp-only{display: none;}
@media screen and ( max-width:420px ){
.sp-only{display: block;}
}


/* 201702_QUOカード追加 */

.camp_quo_wrap{padding: 10px 0;}

.camp_quo {
  background-color: #fff;
	text-align: center;
	width: 90%;
	padding: 3px;
	border: 2px dotted #ff5d60;
	border-radius: 5px;
	font-size: 15px;
	margin: 0 auto 5px;
	line-height: 1.7em!important;
}

.camp_quo p{margin: 0;}

.camp_quo .ttl{
	display: block;
	margin: 2px 0 3px;
	color:#ff516e;
	font-size: 18px;
}

.camp_quo .red{
  padding: 0 0 0 3px;
	display: inline-block;
	font-size: .8rem;
	background-color:#ffff83;
	color:#ff395e;
}

.camp_quo .bold{font-weight: bold;}

.camp_quo span.big{
	font-size: 1.4rem;
  color:#ff395e;
}


.camp_quo .tokuten{
	font-size: 13px;
	color: #616161;
}

.camp_quo .sale-btn{
	font-size: 14px;
	font-weight: bold;
	margin: 3px auto 6px;
	width: 73%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff898b+0,ff595c+40,ff070b+100 */
	background: #ff898b; /* Old browsers */
	padding: 4px;
	color: #fff;
	border-radius: 5px;
}
.camp_quo a:hover{opacity: .8;}

/*1226 タイムセール対応*/

.sale-wrap{padding: 3% 0 4%;}

.sale {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	text-align: center;
	width: 87%;
	padding: 8px 3px;
	border: 1px solid #fd7602;
	border-radius: 5px;
	font-size: 13px;
	margin: 0 auto;
	line-height: 1.7em!important;
	background-color: #fbfaee;
}

.sale p{
	color:#421707;
	margin: 0;
}

.sale span.cross{
	text-decoration: line-through;
}

.sale .bold{font-weight: bold;}
.sale .sale-btn{
	font-size: 14px;
	font-weight: bold;
	margin: 4px auto 4px;
	width: 90%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	color: #fff;
	padding: 7px 0;
	border-radius: 5px;
}

.sale p.big{
	font-size: 118%;
	color: #421707;
}

.sale span.red{
	color:red;
	font-size: .9rem;
}

.sale span.red2{
	color:red;
	font-size: 20px;
}

.sale span.red3{
	color:#ff366a;
	padding-left: 1%;
}

.up,.down{
	margin: 0 auto;
	padding: 3% 0;
	width: 96%;
	border-bottom: 2px dotted #c7c7c7;
}

.down{
	border:none;
}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 14px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow:before{
left: 88%;
width: 7px;
height: 3px;
background: #fff;
}
.arrow:after{
left: 88%;
width: 6px;
height: 6px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.sale span.txt_big {
	font-size: 14px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}


.cv_area .pd {padding: 1% 2.5% 2.5%;}