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

 style info: style

 *Since: 2015-05-29
=================================================================== */

a:hover img, .merit:hover img {
	opacity: 0.7;
	filter: alpha( opacity=70 ); /* IE 6,7 */
	-ms-filter: "alpha( opacity=70 )"; /* IE8 */
}
.clear {clear:both;}

p.switch {
line-height: 0;
}
/* ----------------------------------------------------
	inner
---------------------------------------------------- */
.inner {
	width: 960px;
	margin: 0 auto;
}
.inner02 {
	height:406px;
	margin-bottom:59px;
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
#header {
	width: 100%;
	padding: 12px 0 16px;
	background: #FFF;
	border-bottom: 2px solid #e4e4e4;
	min-width: 1100px;
}
#header #logo_list,#header #logo_list li, #header #head_info li{
	float: left;
}
#header #head_info {
	float: right;
	padding-top:7px;
}
/* ----------------------------------------------------
	contents
---------------------------------------------------- */
#contents {
	width: 100%;
	margin:0 auto;


	min-width:1100px;
}
#contentsMain {
	overflow:hidden;
	min-width: 1100px;
}
#fv,
.sec01,
.sec02,
.sec03,
.sec04,
.sec05,
.sec06,
.cv,
.w1920,
main_fotter {
	width: 100%;
	margin:0 auto;
	overflow: hidden;

}
#contents #fv {
	background:url(/img/pages/lpo/pet3/fv_bg.png) repeat-x center bottom;
	position: relative;
	/*z-index: 50;*/
	margin-bottom: -16px;
}
#contents #fv h1 {
	width:962px;
	margin:0 auto;
}
#contents h2 {
	width:100%;
	margin:0 auto;
	text-align: center;
	padding-top: 83px;
    border: none;
}
#contents .sec02 h2,
#contents .sec03 h2  {
	padding-top: 60px;
}
#contents .sec04 h2 {
	padding-top: 63px;
}
#contents .sec05 h2 {
	padding-top: 55px;
}
#contents .sec06 h2 {
	padding-top: 64px;
}
#contents .sec01 {
	background: url(/img/pages/lpo/pet3/bg_pattern.png) repeat center bottom;
	/*height: 812px;*/
	margin-bottom: -9px;
}
#contents .sec04 {
	background: url(/img/pages/lpo/pet3/bg_pattern.png) repeat center bottom;
	clear: both;
	height: 710px;/*height: 740px;*/
}

#contents .cv {
	height: 230px;
	background: url(/img/pages/lpo/pet3/cv_bg.png) repeat-x center bottom;
	z-index: 10;
}
#contents .cv02 {
}
#contents .cv03 {
}
/*
#contents .sec01 ul  {
	width:960px;
	margin: 33px auto;
}
*/
#contents .sec01 .kouza_btn {
    width: 960px;
    margin: 33px auto;
    display: flex;
}
#contents .sec01 .kouza_btn002 {
    width: 1280px;
    margin: 33px auto;
    display: flex;
}

#contents .sec02,
#contents .sec04,
#contents .sec06 {
	margin-bottom:-9px;
}

#contents .sec03 {
	margin-bottom: -9px;
	position: relative;
	z-index: 100;
/*	background: url(/img/pages/lpo/pet3/bg_pattern02.png) repeat-x center bottom; 20190321対応*/
}

#contents .sec03 .kensyu_area {
	width:300px;
	height:406px;
	float:left;
	margin-right: 30px;
}
#contents .sec03 .text_area03 {
	margin-right: 0px;
}
#contents .sec03 .inner .text_area01{
	background: url(/img/pages/lpo/pet3/sec03_01.png) no-repeat;
	background-position:center bottom;
}
#contents .sec03 .inner .text_area02{
	background: url(/img/pages/lpo/pet3/sec03_02.png) no-repeat;
	background-position:center bottom;
}
#contents .sec03 .inner .text_area03{
	background: url(/img/pages/lpo/pet3/sec03_03.png) no-repeat;
	background-position:center bottom;
}
#contents .sec03 .text01 {
	width: 800px;
	margin: 29px auto;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.15px;
}
#contents .sec03 .text02 {
	padding: 260px 21px 0;
	font-size: 16px;
}


/*sec04*/
#contents .sec04 .inner .text_area {
	background:url(/img/pages/lpo/pet3/sec04_01.png) no-repeat;
	background-position:center bottom;
	width: 634px;
	height: 245px;
	padding: 30px 0 0 325px;
        box-sizing: content-box;
}
#contents .sec04 .inner .text_area p {
	width: 591px;
	font-size: 16px;
	margin-bottom: 8px;
}
#contents .sec04 .inner .text_area .come {
	font-size: 14px;
	margin-top: 16px;
	color: #777;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#contents .sec04 .inner {

	padding-top: 35px;
	position: relative;
}
#contents .sec04 .inner .icon01 {
	position: absolute;
	width: 317px;
	height: 137px;
	left: 734px;
	top: 261px;
}
#contents .sec04 .inner .date_btn02 {
	width:350px;
	margin:0 auto;
	padding-top: 39px;
}

/*sec05*/
#contents .sec05 {
	margin-bottom: -9px;
	position: relative;
	z-index: 100;
/*	background: url(/img/pages/lpo/pet3/bg_pattern02.png) repeat-x center bottom; 20190321対応*/
}
#contents .sec05 .support_area {
	width:960px;
	height:479px;
	margin: 62px auto 54px;
	position:relative;
	background: url(/img/pages/lpo/pet3/sec05_01.png) no-repeat center bottom;
}
#contents .sec05 .support_area .text_area {
	width: 882px;
	margin: 0 auto;
	padding-top: 43px;
}
#contents .sec05 .support_area .text {
	width: 388px;
	height: 159px;
	float: left;
	margin-bottom: 83px;

	margin-right: 106px;
	font-size: 16px;
	letter-spacing:0.15px;
}
#contents .sec05 .support_area .text03 {
	padding-top: 29px;
	margin-right: 114px;
	margin-bottom: 0px;
}
#contents .sec05 .support_area .text02,
#contents .sec05 .support_area .text04 {
	margin-right:0px;
}
#contents .sec05 .support_area .text04 {
	margin-right:0px;
	width: 350px;
	margin-bottom: 0px;
	height: 209px;
}
#contents .sec05 .support_area .icon02 {
	position: absolute;
	width: 193px;
	height: 102px;
	left: -63px;
	top: 156px;
}
#contents .sec05 ul li {
	background:url(/img/pages/lpo/pet3/list_mark.png) no-repeat;
	background-position:center left;
	padding-left: 2.3em;
	line-height: 1.7em;
	font-size: 16px;

}

/*sec06*/
#contents .sec06 {
	background: url(/img/pages/lpo/pet3/bg_pattern.png) repeat center bottom;
}

#contents .sec06 .frame01 {
	width:842px;
	height:140px;
	margin: 50px auto 80px;
	background-color:#fff;
	border:2px solid #465e62;
}
#contents .sec06 .frame01 .b_mark {
	width:93px;
	float:left;
	position: relative;
	top: 59px;
	left: 43px;
}
#contents .sec06 .frame01 .text_area {
	width:615px;
	font-size: 11px;
	line-height: 17px;
	float:right;
	position: relative;
	right: 53px;
	top: 28px;
	letter-spacing: -0.25px;
}
#contents .sec06 .frame01 .text_area a:hover {
	text-decoration:none;
}


#contents .main_fotter p {
	width:720px;
	margin:0 auto;
	padding: 50px 0 0;
	position: relative;
	z-index: 100;
}





/* ----------------------------------------------------
	cv_btn
---------------------------------------------------- */
/*area01*/
#contents .cv_btn_area01 {
	width:892px;
	margin: 9px auto 0;
	padding-top: 24px;
}
#contents .cv_btn_area01 p {
	width:426px;
	float:left;
	margin-right:40px;
}
#contents .cv_btn_area01 .cv_btn02,
#contents .cv_btn_area02 .cv_btn04,
#contents .cv_btn_area03 .cv_btn06,
#contents .cv_btn_area04 .cv_btn08 {
	margin-right:0;
}
#contents .cv_btn01 a,
#contents .cv_btn02 a {
	width:426px;
	height: 130px;
	overflow:hidden;
	display:block;
}
/*area02*/
#contents .cv_btn_area02 {
	width: 992px;
	margin:9px auto 0;
	padding-top: 24px;
}
#contents .cv_btn_area02 p {
	width: 476px;
	float:left;
	margin-right:40px;
}
#contents .cv_btn_area02 .cv_btn02 {
	margin-right:0;
}
#contents .cv_btn03 a,
#contents .cv_btn04 a {
	width: 476px;
	height: 141px;
	overflow:hidden;
	display:block;
}
/*area03*/
#contents .cv_btn_area03 {
	width: 1092px;
	margin: 9px auto 0;
	padding-top: 24px;
}
#contents .cv_btn_area03 p {
	width: 526px;
	float:left;
	margin-right:40px;
}
#contents .cv_btn_area03 .cv_btn02 {
	margin-right:0;
}
#contents .cv_btn05 a,
#contents .cv_btn06 a {
	width: 526px;
	height: 131px;
	overflow:hidden;
	display:block;
}
/*area4*/
#contents .cv_btn_area04 {
	width: 892px;
	margin:9px auto 0;
	padding-top: 24px;
}
#contents .cv_btn_area04 p {
	width: 426px;
	float:left;
	margin-right: 40px;
}
#contents .cv_btn_area04 .cv_btn02 {
	margin-right:0;
}

#contents .cv_btn07 a,
#contents .cv_btn08 a {
	width: 426px;
	height: 131px;
	overflow:hidden;
	display:block;
}

#contents .cv_btn01 a {
	background:url(/img/pages/lpo/pet3/cv_btn01.png) no-repeat 0 0;
}
#contents .cv_btn02 a  {
	background:url(/img/pages/lpo/pet3/cv_btn02.png) no-repeat 0 0;
}
#contents .cv_btn03 a  {
	background:url(/img/pages/lpo/pet3/cv_btn03.png) no-repeat 0 0;
}
#contents .cv_btn04 a  {
	background:url(/img/pages/lpo/pet3/cv_btn04.png) no-repeat 0 0;
}
#contents .cv_btn05 a  {
	background:url(/img/pages/lpo/pet3/cv_btn05.png) no-repeat 0 0;
}
#contents .cv_btn06 a  {
	background:url(/img/pages/lpo/pet3/cv_btn06.png) no-repeat 0 0;
}

#contents .cv_btn_area01 a:hover,
#contents .cv_btn_area02 a:hover,
#contents .cv_btn_area03 a:hover,
#contents .cv_btn_area04 a:hover {
	background-position:0 100%;
}

/* ----------------------------------------------------
	kouza_btn
---------------------------------------------------- */
/*
#contents .sec01 ul li {
	width:220px;
	height:207px;
	margin-right: 26px;
	margin-bottom: 31px;
	overflow:hidden;
	float:left;
}

#contents .sec01 ul li a {
	width:220px;
	height:207px;
	margin-right: 26px;
	margin-bottom: 31px;
	overflow:hidden;
	float:left;
}
*/
#contents .sec01 ul li {
    width: 320px;
    height: 207px;
    /* margin-right: 26px; */
    margin-bottom: 31px;
    display: block;
    justify-content: space-between;
    /* text-align: center; */
}
#contents .sec01 ul li a {
    width: 220px;
    height: 207px;
    margin-right: 26px;
    margin-bottom: 31px;
    display: block;
    margin-left: 49px;
	overflow:hidden;
}
#contents .sec01 ul li.kouza_btn04 ,
#contents .sec01 ul li.kouza_btn08 {

	margin-right: 0;
}
#contents .sec01 ul li a img:hover {
	opacity: 1;
	filter: alpha( opacity=100 ); /* IE 6,7 */
	-ms-filter: "alpha( opacity=100 )"; /* IE8 */
	background-position:0 100%;
}

#contents .sec01 ul li a:hover{
	background-position:0 bottom;
}

#contents .sec01 .kouza_btn01 a {
	background:url(/img/pages/lpo/pet3/sec01_01.png) no-repeat;
}
#contents .sec01 .kouza_btn02 a {
	background:url(/img/pages/lpo/pet3/sec01_02.png) no-repeat;
}
#contents .sec01 .kouza_btn03 a {
	background:url(/img/pages/lpo/pet3/sec01_03.png) no-repeat;
}
#contents .sec01 .kouza_btn04 a {
	background:url(/img/pages/lpo/pet3/sec01_04.png) no-repeat;
}
#contents .sec01 .kouza_btn05 a {
	background:url(/img/pages/lpo/pet3/sec01_05.png) no-repeat;
}
#contents .sec01 .kouza_btn06 a {
	background:url(/img/pages/lpo/pet3/sec01_06.png) no-repeat;
}
#contents .sec01 .kouza_btn07 a {
	background:url(/img/pages/lpo/pet3/sec01_07.png) no-repeat;
}
#contents .sec01 .kouza_btn08 a {
	background:url(/img/pages/lpo/pet3/sec01_08.png) no-repeat;
}

#contents .sec01 .kouza_btn09 a {
	background:url(/img/pages/lpo/pet3/sec01_09.png) no-repeat;
}
#contents .sec01 .kouza_btn10 a {
	background:url(/img/pages/lpo/pet3/sec01_10.png) no-repeat;
}
#contents .sec01 .kouza_btn11 a {
	background:url(/img/pages/lpo/pet3/sec01_11.png) no-repeat;
}
#contents .sec01 .kouza_btn12 a {
	background:url(/img/pages/lpo/pet3/sec01_12.png) no-repeat;
}
#contents .sec01 .kouza_btn13 a {
	background:url(/img/pages/lpo/pet3/sec01_13.png) no-repeat;
}
#contents .sec01 .kouza_btn14 a {
	background:url(/img/pages/lpo/pet3/sec01_14.png) no-repeat;
}





/* ----------------------------------------------------
	kouza_list
---------------------------------------------------- */
#contents .sec02 .kouza_area {
	width:960px;
	margin: 28px auto;
}
#contents .sec02 .kouza_list {
	margin-bottom: 15px;
}
#contents .sec02 .kouza_area .kouza_left,
#contents .sec02 .kouza_area .kouza_right {
	width:470px;
	float:left;
	margin-right: 20px;
}
#contents .sec02 .kouza_area .kouza_right {
	margin-right:0px;
}
#contents .sec02 .kouza_area .text_area {
	background:url(/img/pages/lpo/pet3/kouza_bg.png) repeat-y;
	padding: 17px 22px 0;
}
#contents .sec02 .kouza_area .contentEnd .text_area {
	background:url(/img/pages/lpo/pet3/kouza_bg02.png) repeat-y;
}

#contents .sec02 .kouza_area .text_area .img_left {
	width:128px;
	float:left;
}
#contents .sec02 .kouza_area .text_area .text_right {
	width:277px;
	float:right;
	position: relative;
	bottom: 5px;
}
#contents .sec02 .kouza_area .text_area .text_right .kouza_text {
	font-size:16px;
}
#contents .sec02 .kouza_area .text_area .text_right .price {
	margin:1.2em 0;
}
#contents .sec02 .kouza_area .text_area .text_right .kikan {
	border:1px solid #cccccc;
	padding:5px 10px;
	font-size:14px;
	margin-bottom:1em;
}

#contents .sec02 .kouza_area .text_area .text_right .kikan span{
	font-size:16px
}

#contents .sec02 .kouza_last {
	margin-bottom: 60px;
}
#contents .sec02 .kouza_area .text_area .cv_area {
	margin: 1.5em auto 0;
}
#contents .sec02 .kouza_area .text_area .cv_btn {
	width:208px;
	display:inline;
}
#contents .sec02 .kouza_area .text_area .btn01 {
	margin-right: 5px;
}
#contents .sec02 .kouza_area .text_area .btn03 {
	width:308px;
	margin:0 auto;
	display: block;
}
/*一時的*/
.contentWrap {
	display:none;

}

/* ----------------------------------------------------
    BVRRContainer
---------------------------------------------------- */
#BVRRContainer {
	width: 867px;
	margin:0 auto;
}

#BVRRContainer .bv-section-summary-inline {
	background-color:#fff!important;
}
#BVRRContainer .bv-content-list-container ol li.bv-content-item {
	background-color:#fff!important;
}

/* ----------------------------------------------------
	footer
---------------------------------------------------- */
#footer {
	padding: 20px 0 15px;
	border-top: 2px solid #e4e4e4;
	position: relative;
	bottom: 8px;
	min-width: 1100px;
}
#footer a,
#footer p {
	font-size: 11px;
	line-height: 1;

	color: #BFBFBF;
}
#footer p {
	padding-top: 4px;
	width: 400px;
	float: left;
}
#footer p img {
	vertical-align: top;
	margin: 1px 8px 0 0;
}
#footer ul {
	line-height: 1;
	text-align: right;
	width: 500px;
	float: right;
}
#footer ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 14px;
}

/*a tag*/
.kouza_btn li ,
.kouza_btn002 li ,
.cv p{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}


/*0522 タイムセール対応ここから*/

.sale-wrap{padding: 15px 0 20px;}

.sale {
	text-align: center;
	width: 615px;
	padding: 7px;
	border: 2px solid #fd7602;
	border-radius: 5px;
	font-size: 15px;
	margin: 15px auto 0;
	background-color: #fbfaee;
}

.sale p{
	line-height: 1.7em;
	color:#421707;
	margin: 0;
}

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

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

.sale .bold{font-weight: bold;}
.sale p.big{
	color:#421707;
	font-size: 22px;
}

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

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

.sale .sale-btn{
	font-size: 18px;
	font-weight: bold;
	margin: 6px auto 4px;
	width: 300px;
	/* 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;
	border-radius: 5px;
	padding: 9px;
}

.sale a:hover{opacity: .8;}

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

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

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

.down{
	border:none;
}

.sale span.txt_big {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

/*0522 タイムセール対応ここまで*/


/* 2017 オリコキャンペーン訴求追加ここから */

.camp-wrap .tl_c01{
	text-align: center;
	margin-top: 35px;}

.camp-wrap{
	width: 658px;
	border-radius: 5px;
	background-color: #fff;
	margin: 30px auto 10px;
	border: 2px solid red;
}

.camp{
	padding: 5px 5px 10px 27px;
	overflow: hidden;
	color: #333333;
}

.camp-orico{
	float: left;
	width: 30%;
	text-align: right;
}


.camp-text{
	margin-right: 15%;
	float: right;
	width: 50%;
}

.camp-text p{
	margin: 0;
	text-indent: 0px!important;
}

.camp-wrap .under{
	font-size: 20px;
	font-weight: bold;}


.camp-wrap .red_01{
	font-weight: bold;
	font-size: 18px;
	color: red;}

.camp-text p.red_02{
		text-align: center;
		width: 85%;
		padding: 2px;
		background-color: #ffff66;
		font-weight: bold;
		font-size: 17px;
		color: red;}

.camp-wrap .red_02 span{
		font-size: 20px;
	}

.camp-wrap .orange_01{
	margin: 5px 0;
	font-weight: bold;
	font-size: 20px;
	color: #ff0000;
	text-align: center;
}

.camp strong {
	font-weight: bold;
	font-size: 22px;
	color: red;
	background: linear-gradient(transparent 40%, #ffff66 40%);
	}
.camp strong span {
		font-size: 24px;
		font-weight: bold;
		}

.camp-wrap .mg15{margin: 10px auto 0;}

.camp-wrap .text01{
	padding-left: 5px;
	font-weight: bold;
	width: 95%;
	margin:0 auto;
	font-size: 100%;
	text-align: left;
	color: blue;
}

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

.camp-wrap table ,.camp-wrap td,.camp-wrap th {
	vertical-align: middle;
	font-size: 13px;
	margin: 0 auto;
	border: 1px solid #7d7c7c;
	border-collapse: collapse;
}

.camp-wrap th {
	background: #f0e6cc;
}
.camp-wrap .even {
	background: #fbf8f0;
}
.camp-wrap .odd {
	background: #fefcf9;
}

.camp-wrap .orange_02 {
	background: #ff4001;
	color: #fff;
}

.camp-wrap .orange_03 {
	font-weight: bold;
	font-size: 16px;
	background: #fff;
	color: #ff3f00;
}

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


/* 2017 オリコキャンペーン訴求追加ここまで */

/***************** SP 20241011追加 *****************/
@media screen and (max-width: 768px) { 

body{
 font-size:180% !important;
 width:100% !important;
}

img {
    width: 100%;
    vertical-align: bottom;
}

.merit { cursor: pointer; }

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

#contents .cv {
	/*height: 230px;*/
	height: auto;
	background: url(/img/pages/lpo/pet3/cv_bg.png) repeat-x center bottom;
	z-index: 10;
}

/* ----------------------------------------------------
	inner
---------------------------------------------------- */
.inner {
	width: 98%;
	margin: 0 auto;
}
.inner02 {
	/*height:406px;*/
	margin-bottom:20px;
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
#header {
	width: 100%;
	padding: 12px 0 16px;
	background: #FFF;
	border-bottom: 2px solid #e4e4e4;
	min-width: 100%;
}
#header #logo_list,#header #logo_list li, #header #head_info li{
	float: none;
}
#header #head_info {
	float: none;
	padding-top:7px;
}

/* ----------------------------------------------------
	contents
---------------------------------------------------- */

#contents {
	width: 100%;
	margin:0 auto;


	min-width:100%;
}
#contentsMain {
	overflow:hidden;
	min-width: 100%;
}

#contents {padding-bottom: 10%;}
.relative { position: relative; }

.cv_area {
	background-color:#FFF69A;
	width:100%;
}

.cv_area img {
	width:100% !important;
}

.cv_area .cv_btn01 {padding: 5px 2.5% 5px;}
.cv_area .cv_btn02 {padding: 5px 2.5% 15px;}
.cv li {
	margin-top: 3%;
}
.cv li:first-child {
	margin-top: 0;
}
#fv {
	padding-top:2%;

}

.sec01 {
	background: url("/img/pages/lpo/pet3/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;
}

#contents .sec04 h2 {
	padding-top: 0px;
}

.sec04 .text_area {
	font-size: 14px;
	position:absolute;
	top: 3%;
	/*position:static;*/
	/*top: 0%;*/
	/*padding: 0 7%;*/
	padding: 0 10%;
	letter-spacing: 0.015em;
	line-height: 1.4;
}
.sec04 .text_area .come {
	font-weight:normal;
}
.sec04 .btn05 {
	padding: 0 15%;
	position:absolute;
	top: 18%;
}

#contents .sec05 h2 {
	padding-top: 0px;
}

.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/pet3/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/pet3/sp/content_area_bg.png)repeat-y;background-size: contain;}
.contentEnd {background: url(/img/pages/lpo/pet3/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: 5px 2.5% 10px;}


/* コンテンツ部部分　*/
/* ----------------------------------------------------
	cv_btn
---------------------------------------------------- */
/*area01*/
#contents .cv_btn01 a,
#contents .cv_btn02 a {
	width:100%;
	height: auto;
	overflow:hidden;
	display:block;
}

#contents .cv_btn01 a {
	background:none;
}
#contents .cv_btn02 a  {
	background:none;
}
#contents .cv_btn03 a  {
	background:none;
}
#contents .cv_btn04 a  {
	background:none;
}
#contents .cv_btn05 a  {
	background:none;
}
#contents .cv_btn06 a  {
	background:none;
}

#contents #fv {
	background:url(/img/pages/lpo/pet3/fv_bg.png) repeat-x center bottom;
	position: relative;
	/*z-index: 50;*/
	margin-bottom: -16px;
}
#contents #fv h1 {
	/*width:962px;*/
	width:100%;
	margin:0 auto;
}
#contents h2 {
	width:100%;
	margin:0 auto;
	text-align: center;
	padding-top: 83px;
	border: none;
}
#contents .sec02 h2,
#contents .sec03 h2  {
	padding-top: 60px;
}

/*sec04*/

#contents .sec04 {
	height: auto;
}


/*#contents .sec04 .inner .text_area {*/
#contents .sec04 .text_area {
	/*background:url(/img/pages/lpo/pet3/sec04_01.png) no-repeat;
	background-position:center bottom;*/
	background: none !important;
	width: 80% !important;
	/*height: 245px;*/
	height: auto !important;
	/*padding: 20px 0 0 20px;*/
	padding: 20px 40px;
        box-sizing: content-box;
}
/*#contents .sec04 .inner .text_area p {*/
#contents .sec04 .text_area p {
	/*width: 591px;*/
	width: 100%;
	font-size: 16px;
	margin-bottom: 8px;
}
/*#contents .sec04 .inner .text_area .come {*/
#contents .sec04  .text_area .come {
	font-size: 14px;
	margin-top: 16px;
	color: #777;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#contents .sec04 .inner {

	padding-top: 35px;
	position: relative;
}
#contents .sec04 .inner .icon01 {
	position: absolute;
	/*width: 317px;
	height: 137px;*/
	width: auto;
	height: auto;
	/*left: 734px;
	top: 261px;*/
}
#contents .sec04 .inner .date_btn02 {
	/*width:350px;*/
	width:auto;
	margin:0 auto;
	padding-top: 39px;
}

/*sec05*/
#contents .sec05 {
	margin-bottom: -9px;
	position: relative;
	z-index: 100;
/*	background: url(/img/pages/lpo/pet3/bg_pattern02.png) repeat-x center bottom; 20190321対応*/
}
#contents .sec05 .support_area {
	/*width:960px;
	height:479px;*/
	width:98%;
	height:auto;
	margin: 32px auto 24px;
	position:relative;
	background: url(/img/pages/lpo/pet3/sec05_01.png) no-repeat center bottom;
}
#contents .sec05 .support_area .text_area {
	/*width: 882px;*/
	width:100%;
	margin: 0 auto;
	padding-top: 43px;
}
#contents .sec05 .support_area .text {
	/*width: 388px;
	height: 159px;
	float: left;*/
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 83px;

	/*margin-right: 106px;*/
	margin-right: auto;
	font-size: 16px;
	letter-spacing:0.15px;
}
#contents .sec05 .support_area .text03 {
	padding-top: 29px;
	/*margin-right: 114px;*/
margin-right: auto;
	margin-bottom: 0px;
}
#contents .sec05 .support_area .text02,
#contents .sec05 .support_area .text04 {
	margin-right:0px;
}
#contents .sec05 .support_area .text04 {
	margin-right:0px;
	/*width: 350px;*/
	width: 100%;
	margin-bottom: 0px;
	/*height: 209px;*/
	height: auto;
}
#contents .sec05 .support_area .icon02 {
	position: absolute;
	width: 193px;
	height: 102px;
	left: -63px;
	top: 156px;
}
#contents .sec05 ul li {
	background:url(/img/pages/lpo/pet3/list_mark.png) no-repeat;
	background-position:center left;
	padding-left: 2.3em;
	line-height: 1.7em;
	font-size: 16px;

}

/*sec06*/

#contents .sec06 h2 {
	padding-top: 0px;
}

#contents .sec06 {
	background: url(/img/pages/lpo/pet3/bg_pattern.png) repeat center bottom;
}

#contents .sec06 .frame01 {
	/*width:842px;
	height:140px;*/
	width:96%;
	height:auto;
	margin: 50px auto 80px;
	background-color:#fff;
	border:2px solid #465e62;
}
#contents .sec06 .frame01 .b_mark {
	width:93px;
	float:none;
	position: relative;
	height:auto;
	/*top: 59px;
	left: 43px;*/
}
#contents .sec06 .frame01 .text_area {
	/*width:615px;*/
	width:100%;
	font-size: 11px;
	line-height: 17px;
	/*float:right;*/
	float:none;
	position: relative;
	/*right: 53px;
	top: 28px;*/
	letter-spacing: -0.25px;
}
#contents .sec06 .frame01 .text_area a:hover {
	text-decoration:none;
}


#contents .main_fotter p {
	/*width:720px;*/
	width:100%;
	margin:0 auto;
	padding: 25px 0 0;
	position: relative;
	z-index: 100;
}

}
/***************** 20241011 スマホ版追記ここまで　*****************/

/* 2024/10/09 スライダー対応の記述 */

/* clearfix */
.clearfix{ zoom: 1; }
.clearfix:after{ display: block; visibility: hidden; clear: both; height: 0; line-height: 0; content: "."; }

.inner_in{
  max-width: 1064px;
  margin: auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .inner_in {
    max-width: 500px;
    padding: 0;
    overflow: hidden;
  }
}

/* layout.css none */
/* .wrapper header,
.wrapper footer {
  min-width: 1264px;
}
.wrapper .no_wrapper {
  min-width: 0 !important; 
  width: 100%;
  /*box-sizing: border-box;
/*}*/



/* page-all */
/* PC */
.pc {
  display: block;
}

.sp {
  display: none;
}
marker{
  background:linear-gradient(transparent 60%, #ff6 50%);
  font-weight: bold;
}

/* SP */
@media screen and (max-width: 768px) { 
  .pc {
    display: none !important;
  }
  
  .sp{
    display: block !important;
  }

  img{
    width: 100%;
  }
}

/*-------------------------------------------
   5. learningArea
-------------------------------------------*/
.learningArea {
  padding-top: 80px;
  padding-bottom: 70px;
  overflow: hidden;
}

.learningArea .left_box {
  width: calc(100% - 175px);
  float: right;
}

.learningArea .learningArea__em {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 40px;
}
.learningArea .left_box p{
  font-size: 16px;
}

.learningAreaBg {
  /*background: url(/img/pages/lpo/pet3/img_learningArea_01_pc.png)no-repeat;*/
}
.learningArea div.cl{
  max-width: 1034px;
  margin: 0 auto;
  padding: 0 4%;
}

/* slider */
section.learningArea h3 img{
  margin: 4% auto 0;
  max-width: 880px;
  width: 100%;
  display: block;
}
.learning_slider{
  width: 100%;
  margin: 0 auto;
}
.slick_js_center .course{
  border: solid 2px #683C07;
  border-radius: 0 15px 0 0;
  /*max-width: 600px;*/
  margin: 0 auto;
}
.slick_js_center .course h4{
  background: #683C07;
  color: #fff;
  padding: 3%;
  text-align: center;
  border-radius: 0 10px 0 0;
  margin-top: 0;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 0;
}

.course_detail img.course_money{
  margin: 4% auto 2%;
  width: 90%;
}
.course .course_btn{
  padding: 0 4% 4%;
/* 20241011追記 */
  z-index:100;
position: relative; 
}

.course .course_btn img{
  width: 100%;
}

/* 20241011追記 */
.course .course_btn a {
  pointer-events: auto; 
}

.course .course_btn a.det_btn img{
  width: 95% !important;
  margin: 0 auto 2%;
}
.course .course_btn .course_btn_flex{
  display: flex;
  gap: 1%;
}
/* slick.css +none */
.slick-slide img.pc {
  display: block;
}
.slick-slide img.sp {
  display: none;
}

.slick {
  width: 95%;
  margin: 0 auto;
}

/* 20241011追記 **/
.slick-dots{
  display:none !important;
}
/* 20241011追記 ここまで **/

.slick-dots li{
  margin: 0;
}
.slick-dots li button:before {
  font-size: 10px;
}
.slick-dots li.slick-active button:before{
  color: #683C07 !important;
}
.slick-dots li button:before{
  color: #683C07 !important;
}
.slick-dots{
  bottom: -30px;
}
.slick-slide {
  margin: 0 ;
  transition: .3s ease;
  transform: scale(.80);
  z-index: 5;
}

.slick-current {
  transform: scale(1);
}

.slick-slide:not(.slick-current) {
  opacity: .5;
}

.slick-next:before {
  content: '' !important;
  opacity: 1;
}
.slick-prev:before {
  content: '' !important;
  opacity: 1;
}

.slick-arrow::before {
  content: ""!important;
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
}

.slick-next {
  right: 27% !important;
  z-index: 10;
}
.slick-prev {
  left: 27% !important;
  z-index: 10;
}

.slick-next:before{
  background: url(/img/pages/lpo/pet3/slide_arrow_right.png) no-repeat center!important;
  background-size: contain!important;
  width: 100% !important;
  height: 100% !important;
}

.slick-prev:before{
  background: url(/img/pages/lpo/pet3/slide_arrow_left.png) no-repeat center!important;
  background-size: contain!important;
  width: 100% !important;
  height: 100% !important;
}

.slick-arrow{
  z-index:2!important;
  width:40px!important;
  height:40px!important;
}

/* sp */
@media screen and (max-width: 768px) {
  .learningArea .inner {
    padding: 0 10px;
  }
  .learningArea {
    padding-top: 55px;
    padding-bottom: 51px;
    font-size: 14px;
  }
  .learningArea .learningArea__em{
    font-size: 24px;
    letter-spacing: -2px;
  }
  .learningArea .left_box {
    width: 100%;
  }
  .learningAreaBg {
    /*background: url(/img/pages/lpo/pet3/img_learningArea_01_sp.png)no-repeat;*
  }
  .learningArea div.cl{
    padding: 0 4% 5%;
  }

  /* slider */
  section.learningArea h3{
    margin-bottom: 1%;
  }
  section.learningArea h3 img{
    width: 95%;
  }
  .learning_slider{
    width: 95%;
    margin: 0 auto;
  }

  /* slick.css +none */
  .slick-slide img.pc {
    display: none;
  }
  .slick-slide img.sp {
    display: block;
  }
  .slick {
    width: 100%;
    margin: 0 auto;
  }
  .slick-slide {
    margin: 0 ;
    transition: .3s ease;
    transform: scale(.90);
    z-index: 5;
  }
  .slick-next {
    right: 2% !important;
    z-index: 10;
  }
  .slick-prev {
    left: 2% !important;
    z-index: 10;
  }
  .slick-next:before {
    font-size: 10vw;
  }
  .slick-prev:before {
    font-size: 10vw;
  }
  .slick-arrow{
    width:40px!important;
    height:40px!important;
  }
  .slick-dots{
    bottom: -11px !important;
  }
}

/* 2024/10/09 スライダー対応の記述 ここまで */