@charset "utf-8";
/* CSS Document */

/* キャンペーン独自CSS */
.cmp-bodyaura_2205 #cmpn-detail{ overflow: hidden;}
.cmp-bodyaura_2205 #cmpn-detail h2{ background: none; padding: 0 !important;}
.cmp-bodyaura_2205 #cmpn-detail p{ margin: 0;}
.cmp-bodyaura_2205 #cmpn-detail .cmpn-inner{ width: 960px; margin: 0 auto; position: relative;}
.cmp-bodyaura_2205 #cmpn-detail a img{ transition: 1.0s;}
.cmp-bodyaura_2205 #cmpn-detail a:hover img{ opacity: 0.8;}
.cmp-bodyaura_2205 #cmpn-detail .mv{ background: url(/special/cp/2022/bodyaura_2205/images/mv-bg_pc.jpg) center center no-repeat; background-size: cover; border-top: 10px solid #fac123; border-bottom: 10px solid #921980; min-height: 340px;}
.cmp-bodyaura_2205 #cmpn-detail .mv h1{ position: absolute; top: 0; left: 280px;}
.cmp-bodyaura_2205 #cmpn-detail .mv .logo{ position: absolute; top: 30px; left: 392px;}
.cmp-bodyaura_2205 #cmpn-detail .sec01{ background: url(/special/cp/2022/bodyaura_2205/images/sec01-04-bg.jpg) left top repeat; padding: 40px 0 60px;}
.cmp-bodyaura_2205 #cmpn-detail .sec01 .bnr{ text-align: center; margin-bottom: 30px;}
.cmp-bodyaura_2205 #cmpn-detail .sec01 .bnr img{ box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);}
.cmp-bodyaura_2205 #cmpn-detail .sec01 p{ font-size: 18px; line-height: 1.8; color: #fff; text-align: center;}
.cmp-bodyaura_2205 #cmpn-detail .sec02{ background: rgb(235,32,121); background: linear-gradient(90deg, rgba(235,32,121,1) 0%, rgba(214,205,40,1) 100%); padding: 40px 0 50px;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 h2{ text-align: center; margin-bottom: 30px;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul{ display: flex;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul li{ width: 460px;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul li:first-of-type{ margin-right: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul li .img{ margin-bottom: 20px;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul li h3{ font-size: 28px; font-weight: 900; line-height: 1.3; color: #fff; text-align: center; margin-bottom: 15px;}
.cmp-bodyaura_2205 #cmpn-detail .sec02 ul li p{ font-size: 16px; line-height: 1.8; color: #fff;}
.cmp-bodyaura_2205 #cmpn-detail .sec03{ background: url(/special/cp/2022/bodyaura_2205/images/sec03-bg.jpg) left top repeat;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .tit-box{ background: url(/special/cp/2022/bodyaura_2205/images/sec03-tit-bg_pc.jpg) center center no-repeat; background-size: cover; padding: 80px 0 50px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .tit-box h2{ text-align: center; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .tit-box p{ font-size: 18px; line-height: 1.8; color: #fff; text-align: center;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .tit-box p.notes{ font-size: 14px; margin-top: 10px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box01{ padding: 40px 0 30px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box01 h3{ text-align: center; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box01 ul{ display: flex; flex-wrap: wrap;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box01 ul li{ margin-bottom: 30px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box01 ul li:nth-of-type(odd){ margin-right: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl{ position: relative; padding-top: 66px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dt{ cursor: pointer; position: absolute; top: 0;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dt.tab01{ left: 0;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dt.tab02{ left: 322px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dt.tab03{ left: 644px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd{ width: 100vw; padding: 60px 0; margin: 0 calc(50% - 50vw); display: none;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd.detail01{ background: #a43274;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd.detail02{ background: #cd6859;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd.detail03{ background: #ef9641;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd .detail-inner{ width: 960px; margin: 0 auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd h3{ text-align: center; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd .text-box{ display: flex; align-items: center; flex-flow: row-reverse; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd .text-box p{ font-size: 18px; line-height: 1.8; color: #fff; width: 480px; margin-right: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd .img-box{ display: flex;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box02 dl dd .img-box .img02{ margin-right: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03{ padding: 60px 0 80px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 h3{ text-align: center; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dt{ margin-bottom: 20px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dd{ display: flex; align-items: center; margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dd:nth-of-type(odd){ flex-flow: row-reverse;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dd:last-of-type{ margin-bottom: 0;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dd p{ font-size: 18px; line-height: 1.8; width: 480px; margin-left: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec03 .box03 dl dd:nth-of-type(odd) p{ margin-left: 0; margin-right: auto;}
.cmp-bodyaura_2205 #cmpn-detail .sec04{ background: url(/special/cp/2022/bodyaura_2205/images/sec01-04-bg.jpg) left top repeat; padding: 80px 0 60px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 h2{ margin-bottom: 40px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box{ background: rgb(241,144,70); background: linear-gradient(90deg, rgba(241,144,70,1) 0%, rgba(250,192,36,1) 100%); padding: 20px 4px 4px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box h3{ text-align: center; margin-bottom: 20px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg{ background: #fff;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol{ padding: 30px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li{ background: url(/special/cp/2022/bodyaura_2205/images/sec04-step-arrow.png) center bottom no-repeat; padding-bottom: 17px; margin-bottom: 6px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li:last-of-type{ background: none; padding-bottom: 0; margin-bottom: 0;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box{ border: 4px solid #3e81c6; display: table; width: 100%; box-sizing: border-box;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .no{ background: #3e81c6; display: table-cell; vertical-align: middle; text-align: center; width: 136px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .detail{ display: table-cell; vertical-align: middle; padding: 25px 20px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .detail p{ font-size: 15px; line-height: 1.6;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .detail p strong{ color: #ce4f64;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .detail .notes{ margin-top: 10px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .detail .notes li{ font-size: 12px; text-indent: -12px; line-height: 1.4; padding-left: 12px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .img{ background: #e9e9e9; display: table-cell; vertical-align: middle; text-align: center; width: 236px; position: relative; padding: 10px 0;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .img .name{ padding-left: 15px;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .box .img ul{ position: absolute; top: 48px; left: 10px; }
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .img.js-clipboard textarea{ display: none;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li .img.js-clipboard button{ background: none; border: none; padding: 0; margin: 0; cursor: pointer;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li:nth-of-type(4) .box{ background: rgb(241,144,70); background: linear-gradient(90deg, rgba(241,144,70,1) 0%, rgba(250,192,36,1) 100%); border: none; text-align: center;}
.cmp-bodyaura_2205 #cmpn-detail .sec04 .flow-box .bg ol > li:nth-of-type(4) .box span{ background: url(/special/cp/2022/bodyaura_2205/images/sec04-coupon_pc.png) left center no-repeat; display: inline-block; font-size: 24px; font-weight: 900; line-height: 1.3; color: #000; text-align: left; padding: 20px 0 20px 130px;}

.cmp-bodyaura_2205 #cmpn-offer-bg{ background: #0071BE; padding: 24px 0;}
.cmp-bodyaura_2205 #cmpn-offer-bg #cmpn-offer{ margin: 0 auto; border: none;}
.cmp-bodyaura_2205 #cmpn-offer-bg #cmpn-offer > div{ background: #fff; min-height: 213px;}
.cmp-bodyaura_2205 #cmpn-offer-bg #cmpn-entered{ margin: 0 auto !important;}