@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;  
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
 *,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
input{
-webkit-appearance: none;
}
.mobile-show{
display: none;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-8{
margin-bottom: 0.8rem !important;
}
.mb-10{
margin-bottom: 1.0rem !important;
}
.mb-16{
margin-bottom: 1.6rem;
}
.mb-20{
margin-bottom: 2.0rem;
}
.mb-24{
margin-bottom: 2.4rem;
}
.mb-32{
margin-bottom: 3.2rem;
}
.mb-48{
margin-bottom: 4.8rem;
}
.mb-64{
margin-bottom: 6.4rem;
}
.mb-96{
margin-bottom: 9.6rem;
}
.mt-0{
margin-top: 0 !important;
}
.mt-8{
margin-top: 0.8rem !important;
}
.mt-10{
margin-top: 1.0rem !important;
}
.mt-16{
margin-top: 1.6rem;
}
.mt-20{
margin-top: 2.0rem;
}
.mt-24{
margin-top: 2.4rem;
}
.mt-32{
margin-top: 3.2rem;
}
.mt-48{
margin-top: 4.8rem;
}
.mt-64{
margin-top: 6.4rem;
}
.pt-0{
padding-top: 0 !important;
}
img {
transition: all 0.2s;
} .cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
} .cf {
zoom:1;
}
a{
text-decoration: none;
transition: all 0.2s;
color: #eb5e00;
}
a:hover{
opacity: 0.7;
}
a:hover img{
opacity: 0.7;
}
.text-center{
text-align:center;
}
.under-line{
background: -webkit-linear-gradient(transparent 70%, #ffeb3b 0%);
background: -o-linear-gradient(transparent 70%, #ffeb3b 0%);
background: linear-gradient(transparent 70%, #ffeb3b 0%);
}
.text-underline{
text-decoration: underline;
}
.apply-btn{
text-decoration: underline;
} @media all and (-ms-high-contrast: none) {
.under-line {
background: none !important;
}
}
img{
max-width: 100%;
vertical-align: bottom;
}
html {
font-size: 62.5%; }
body {
font-family: 'YakuHanJP', 'Roboto', 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 1.6rem;
line-height: 1.6;
color: #221815;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255, 247, 225, 1) 8px, rgba(255, 247, 225, 1) 20px );
}
h1, h2, h3, h4, h5, strong{
font-family: 'YakuHanJP', 'Roboto', 'Noto Sans JP', sans-serif;
}
strong {
font-size: 1.05em;
}
.left-block{
float: left;
position: relative;
}
.right-block{
float: right;
position: relative;
}
.inner{
width: 980px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.site-title{
text-align: center;
color: #ea5504;
font-size:6.4rem;
line-height: 1;
font-weight:900;
font-family: 'YakuHanJP', 'Roboto', "新ゴ B", sans-serif;
text-shadow:
1px  0px 0px #fff,
0px  1px 0px #fff,
-1px  0px 0px #fff,
0px -1px 0px #fff,
2px  0px 0px #fff,
0px  2px 0px #fff,
-2px  0px 0px #fff,
0px -2px 0px #fff;
}
.wave-top{
width: 100%;
background-image: url(https://entre-salon.com/wordpress/wp-content/themes/wp.vicuna/images/rule-lp/wave_top.svg);
background-repeat: repeat-x;
height: 164px;
}
.wave-bottom{
width: 100%;
background-image: url(https://entre-salon.com/wordpress/wp-content/themes/wp.vicuna/images/rule-lp/wave_bottom.svg);
background-repeat: repeat-x;
height: 164px; position: relative;
margin-top: -28px;
}
.first-step{
background: #eb5e00;
color: #fff;
font-size: 2.8rem;
font-weight:900;
font-family: 'YakuHanJP', 'Roboto', "新ゴ B", sans-serif;
text-align: center;
line-height: 1;
border-radius: 128px;
padding: 1.2rem;
}
main{
background-color: #f6ab00;
position: relative;
}
.rule-container{
position: relative;
top:-164px;
display: flex;
flex-wrap: wrap;
}
.rule-item{
border: 5px solid #ffe55f;
background: #fff;
border-radius: 12px;
position: relative;
padding: 1.6rem;
width: 478px;
}
.rule-num{
display: table-cell;
background: #5cb531;
color: #fff;
text-align: center;
vertical-align: middle;
width: 38px;
height: 38px;
border-radius: 100%;
font-size: 2.2rem;
font-weight: 600;
position: relative;
top: -36px;
line-height: 1;
}
.rule-title{
margin-top: -28px;
color: #eb6100;
font-size: 2.0rem;
line-height: 1.4;
}
.rule-title strong{
font-size: 2.4rem;
} .rule-no5{
width: 100%;
}
.rule-no5 .left-block{
width: calc( 50% - 48px );
}
.rule-no5 .right-block{
width: calc( 50% + 24px );
}
.rule-no5 .right-block .rule-detail{
margin-top: -54px !important;
border-top: none !important;
position: relative;
}
.rule-no3 .rule-title{
line-height: 6.6rem;
}
.rule-no10 .rule-title {
line-height: 6.6rem;
}
.rule-no11 .rule-title {
line-height: 6.6rem;
}
.rule-detail-block h3 span{
background: #853D08;
color: #fff;
width: 28px;
height: 28px;
display: inline-block;
text-align: center;
margin-right: 0.8rem;
line-height: 28px;
}
.rule-detail-block h3{
color: #853D08;
margin-bottom: 0.8rem;
font-size: 1.05em;
}
.rule-detail-attention{
text-align: center;
color: #853D08;
background: #fffbc4;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
border-radius: 6px;
font-weight: bold;
}
.rule-detail-table{
background: #fffbc4;
width: 100%;
margin-bottom: 2.4rem;
font-size: 1.4rem;
}
.rule-detail-table td{
vertical-align: middle;
line-height: 1.4;
font-weight: 400;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.rule-detail-table th{ background: #853d08;
color: #fff;
vertical-align: middle;
line-height: 1.1;
padding-left: 1.6rem;
padding-right: 1.6rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
width: 48px;
border-right: 1px solid #fffbc4;
}
.rule-detail-table .rdt-head-corp{
background: #EB6100;
color: #fff;
text-align: center;
width: 84px;
line-height: 1.2;
font-weight: bold;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
border-right: 1px solid #fffbc4;
border-bottom: 1px solid #fffbc4;
}
.rule-detail-table .rdt-head-ind{
background: #7CBD27;
color: #fff;
text-align: center;
width: 72px;
line-height: 1.2;
font-weight: bold;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
border-right: 1px solid #fffbc4;
}
.rule-detail-table .rdt-txt{
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.rule-no9-print-link-title{
background: #EB6100;
color: #fff;
text-align: center;
margin: 0;
display: block;
margin-bottom: 0;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.rule-no9-print-link{
background: #fffbc4;
text-align: center;
padding: 1.6rem;
font-size: 2.0rem;
border: 2px solid #EB6100;
} .rule-pic{
position: absolute;
width: 240px;
}
.rule-pic1{
top: 14px;
right: 0;
}
.rule-pic2 {
top: 12px;
right: -16px;
}
.rule-pic3 {
top: -8px;
right: -24px;
}
.rule-pic4 {
top: -15px;
right: -32px;
}
.rule-pic5 {
top: -74px;
right: -16px;
}
.rule-pic6 {
top: -22px;
right: 16px;
}
.rule-pic7 {
top: -20px;
right: 0px;
}
.rule-pic8 {
top: 22px;
right: 10px;
}
.rule-pic9 {
top: 0px;
right: -8px;
}
.rule-pic10 { top: 0px;
right: -18px;
}
.rule-pic11 { top: 20px;
right: -30px;
}
.rule-no1,
.rule-no3,
.rule-no6,
.rule-no8,
.rule-no10{
margin-right: 24px;
}
.rule-no1,
.rule-no2,
.rule-no3,
.rule-no4,
.rule-no5,
.rule-no6,
.rule-no7,
.rule-no8,
.rule-no9{
margin-bottom: 24px;
} .rule-detail{
border-top: 1px solid #eb6100;
margin-top: 1.6rem;
padding-top: 1.6rem;
}
.rule-detail ul li{
position: relative;
list-style-type: none !important;
text-indent: -2.4rem;
margin-left: 2.4rem;
margin-bottom: 1.2rem;
line-height: 1.5;
}
.rule-detail ul li:last-child{
margin-bottom: 0;
}
.rule-detail ul li:before{ 
display: inline-block;
vertical-align: middle;
content: '';
width: 1em;
height: 1em;
background: #eb6100;
border-radius: 50%;
margin-right: 8px;
line-height: 1;
margin-top: -2px;
}
footer{
margin-top: -244px;
height: 280px;
}
.footer-table{
border: 5px solid #ffe55f;
background: #fff;
border-radius: 12px;
position: relative;
padding: 1.6rem;
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin-bottom: 48px;
}
.footer-table th{
width: 298px;
text-align: left;
}
.footer-table td{
border-left: 1px solid #eb6100;
padding-left: 2.4rem;
}
.footer-table h2{
color: #eb6100;
font-size: 2.0rem;
margin-bottom: 0.8rem;
}
.footer-table h2 strong{
font-size: 2.4rem;
}
.footer-table ul li {
position: relative;
list-style-type: none !important;
text-indent: -2.4rem;
margin-left: 2.4rem;
margin-bottom: 1.2rem;
line-height: 1.5;
letter-spacing: -0.03em;
}
.footer-table ul li:before {
display: inline-block;
vertical-align: middle;
content: '';
width: 1em;
height: 1em;
background: #eb6100;
border-radius: 50%;
margin-right: 8px;
line-height: 1;
margin-top: -2px;
}
.footer-table img{
width: 274px;
}
.es-link{
text-align: center;
}
.es-link a{
display: block;
color: #fff; background: #44ab00;
padding: 1.6rem;
margin-bottom: 4.8rem;
border-radius: 128px;
}
.copyright{
text-align: center;
padding-bottom: 48px;
} @media screen and (max-width: 480px) {
.mobile-show{
display: inherit !important;
}
.mobile-hide{
display: none;
}
.site-title{
font-size: 5.4rem;
line-height: 1.1;
margin-top: 2.4rem !important;
}
header .inner{
padding-left: 10px;
padding-right: 10px;
}
.lead-txt{
text-align: left !important;
}
.first-step{
font-size: 1.8rem;
padding: 1.2rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
margin-bottom: 3.2rem !important;
margin-top: 2.4rem !important;
}
.rule-title{
margin-bottom: 1.6rem;
}
.rule-no3 .rule-title{
line-height: 1.4;
}
.rule-no10 .rule-title {
line-height: 1.4;
}
.rule-no11 .rule-title {
line-height: 1.4;
}
main{
background-color: transparent;
}
.inner{
width: 100%;
}
.wave-top{
display: none;
}
.wave-bottom{
display: none;
}
.rule-container{
display: block;
top: inherit;
padding-left: 16px;
padding-right: 16px;
}
.rule-item{
width: 100% !important;
margin-bottom: 2.4rem;
margin-right: 0 !important;
}
.rule-no5 .right-block .rule-detail{
margin-top: 0 !important;
}
.rule-detail-attention{
text-align: left;
}
.rule-pic{
position: relative;
top: auto;
right: auto;
width: 240px;
display: block;
margin-left: auto;
margin-right: auto;
}
footer{
margin-top: 0px;
padding-left: 16px;
padding-right: 16px;
height: auto;
}
.footer-table{
margin-bottom: 2.4rem;
}
.es-link a{
margin-bottom: 2.4rem;
padding-left: 0;
padding-right: 0;
}
.copyright{
padding-bottom: 2.4rem;
}
.left-block{
float: none;
}
.right-block{
float: none;
}
.rule-no5 .left-block,
.rule-no5 .right-block{
width: 100%;
}
.rule-title{
text-align: center;
}
.footer-table th,
.footer-table td{
display: block;
}
.footer-table th{
width: 100%;
}
.footer-table h2{
text-align: center;
margin-bottom: 1.6rem !important;
}
.footer-table img{
width: 240px;
display: block;
margin-left: auto;
margin-right: auto;
}
.footer-table td{
border-left: none;
padding-left: 0;
border-top: 1px solid #eb6100;
margin-top: 1.6rem;
padding-top: 1.6rem;
}
}
@media screen and (max-width: 400px) {
.site-title{
font-size: 4.8rem;
}
}
@media screen and (max-width: 368px) {
.lead-txt br{
display: none;
}
.rule-no4 .rule-title br{
display: none;
}
}
@media screen and (max-width: 360px) {
.site-title{
font-size: 3.8rem;
}
.first-step{
font-size: 1.6rem;
letter-spacing: -0.05em;
}
}