.dac .present{
	 background:url(/template/default//img/loyal/present/concealer/pc/bg01_.jpg) repeat-x;
	 height: 70px;
}
.dac .present span{
	 background:url(/template/default//img/loyal/present/concealer/pc/bg01.jpg) no-repeat center center;
	 display: block;
	 text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    padding: 11px;
}
.dac  .kv{
	background: #cee0f3 url(/template/default//img/loyal/present/concealer/pc/bg02.jpg) no-repeat;
	background-size:cover;
	text-align: center;
}
.dac  .kv .ttl{
	line-height: 0;
}
.dac  .sale .pic{
	line-height: 0;
}

.dac .sale .btn-area a{
	font-size:18px;
	color: #000;
	width: 530px;
	margin: 30px auto 50px;
	text-align: center;
	display: block;
	border:1px solid #ccc;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	padding: 15px 0;
}
.dac .sale .btn-area a:after{
	
    content: "\0025b6\00fe0e";
    font-size: .7rem;
    position: relative;
    right: -20px;
    top: -3px;
}

.dac .area01 {
background: rgb(234,238,243); /* Old browsers */
background: -moz-linear-gradient(top, rgba(234,238,243,1) 16%, rgba(242,244,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,238,243,1) 16%,rgba(242,244,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,238,243,1) 16%,rgba(242,244,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef3', endColorstr='#f2f4f8',GradientType=0 ); /* IE6-9 */
	padding: 0 0 70px;	
}
.dac .area01 .ttl,
.dac .area02 .ttl{
		text-align: center;
}
.dac .area01 .ttl img,
.dac .area02 .ttl img{
	width: 100%;
}
.dac .area01 .block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	    width: 1040px;
    margin: 0 auto;
}
.dac .area01 .box{
	position: relative;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	margin: 20px auto 0;
	width: 480px;
	position: relative;
}

.dac .area01 .box .subttl{
	position: absolute;
    top: -24px;
}
.dac .area01 .box .pic{
	padding-top: 110px;
}
.dac .area01 .box:after{
	content:"";
	background: url(/template/default//img/loyal/present/concealer/pc/shadow.png) no-repeat center top;
	display: inline-block;
    width: 100%;
    margin: 0 auto;
    height: 22px;
    position: absolute;
    bottom: -22px;
}

.dac .area01 .txt {
	width: 420px;
	margin:30px auto;
}
.dac .area01 .txt.mt5{
	margin-top: 5px;
}
.dac .area01 .txt h3{
	text-align: center;
	font-size: 26px;
    line-height: 1.5;
	margin: 0;
}
.dac .area01 .txt p{
	font-size: 18px;
	margin: 7px 0 0;
}
.dac .area02 {

background: rgb(238,240,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,240,246,1) 16%, rgba(241,242,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,240,246,1) 16%,rgba(241,242,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,240,246,1) 16%,rgba(241,242,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef0f6', endColorstr='#f2f4f8',GradientType=0 ); /* IE6-9 */
padding: 0 0 50px;	
}


.dac .area02 .txt {
	width: 90%;
	margin:15px auto;
}
.dac .area02 .box .subttl {
    position: absolute;
    top: -23px;
}
.dac .area02 h3{
	text-align: center;
	font-size: 22px;
    line-height: 1.5;
	margin: 0;
    padding: 35px 0 20px;
}
.dac .area02 .block-in{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 1040px;
	margin:0 auto;
}
.dac .area02 .txt p{
	font-size: 18px;
}
.dac .area02 .box{
	position: relative;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	margin: 30px auto 0;
	width: 480px;
}
.dac .area02 .box2{
	margin: 45px auto 20px;
	text-align: center;
}

.dac .area02 .box:after{
	content:"";
	background: url(/template/default//img/loyal/present/concealer/pc/shadow.png) no-repeat;
	display: inline-block;
	background-size: 100% auto;
    width: 100%;
    margin: 0 auto;
    height: 15px;
    position: absolute;
    bottom: -15px;
}

.dac .area03{
	 background:url(/template/default//img/loyal/present/concealer/pc/bg04.jpg) no-repeat center top;
	 background-size:100% auto;	
	 position: relative;
	 height: 1370px;
}
.dac .area03 .ttl{
	text-align: right;
	position: absolute;
    top: -40px;
    right:0;
    z-index:2;
}
.dac .area03 .ttl-in{
	position: relative;
	width: 71%;
	margin-right: auto;
	margin-left: auto;
}
.dac .area03 .prof{
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);	
	background: #fff;
	padding: 20px;
	position: absolute;
    z-index: 1;
	top: 250px;
    left: 0;
    width: 580px;
    text-align: left;
}

.dac .area03 .prof .ribbon{
	width: 100px;
	position: absolute;
	top: -15px;
    left: -8px;
}
.dac .area03 .prof h3{
	font-size: 24px;
	margin: 0;
}
.dac .area03 .prof p{
	font-size: 16px;
	margin: 0;
}
.dac .area03 .prof dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.dac .area03 .prof dt{
    margin: 0 30px 0 0;
    width: 120px;
}
.dac .area03 .prof dd{
	width: 400px;
}
.dac .area03 .block{
	text-align: center;
	position: relative;
    top: 450px;
}
@media screen and (min-width:1500px){
.dac .area03 .prof{
	top: 280px;	
}
.dac .area03 .block {

    top: 480px;
}	
}
.dac .area03 .box dl{
	margin-bottom: 40px;
}

.dac .area04{
	 background:#cee0f3;
	 background-size:cover;	
	 text-align: center;
	 line-height: 0;
}

.dac .area05{
	background: #f9f9f9;
	padding: 60px 0 0;
}
.dac .area05 .block{
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.25);	
	width: 1000px;
	margin:0 auto 50px;	
	background: #fff;
}
.dac .area05 .block:after{
	content:"";
	background: url(/template/default//img/loyal/present/concealer/pc/shadow2.png) no-repeat;
	display: block;
margin: 0 auto;
    height: 24px;
    position: relative;
    bottom: -24px;
    text-align: center;
}
.dac .area05 .block h3{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
	padding:0 0 15px;
	margin: 0;
    font-size: 36px;
}
.dac .area05 .block h4{
	border-bottom:1px solid #000;
	font-size: 22px;
    margin: 0 0 25px;
    padding: 10px 0 10px;
}
.dac .area05 .block .in{
	padding: 45px;
}
.dac .area05 ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
.dac .area05 li {
  margin-bottom: 10px;
  padding-left: 40px;
  position: relative;
  font-size: 16px;
}
.dac .area05 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color:#888;
  color: #fff;
  display: block;
  float: left;
  line-height: 20px;
  margin-left: -35px;
  text-align: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: relative;
    top: 5px;
}
.dac .area05 .block .thumb{
	margin: 0 0 0 auto;
}
.dac .area05 .block .txt{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.dac .area05 .block2{
	background: #fff;
	padding:60px 0 0 0;
}
.dac .area05 .block2 p{
	font-size: 15px;
}
.dac .area05 .block2 .in{
	width: 1000px;
	margin:0 auto;	
}
.dac .area05 .block2 h3{
	text-align: center;
	padding:0 0 15px;
	border-bottom:1px solid #ccc;
	font-size: 30px;
	margin: 0 0 25px;
}

.dac .area05 .btn-area a{
	font-size:18px;
	color: #000;
	width: 530px;
	margin:90px auto;
	text-align: center;
	display: block;
	border:1px solid #ccc;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	padding: 15px 0;
}
.dac .area05 .btn-area a:after{
	
    content: "\0025b6\00fe0e";
    font-size: .7rem;
    position: relative;
    right: -20px;
    top: -3px;
}
