@charset "utf-8";
/* reset
-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td, figure, section, article {margin: 0; padding: 0;}
body {font:13px/1 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
img {border: 0; vertical-align: top;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
*:focus {outline: none;}

/* index
-------------------------------------------------------*/

html {
    font-size: 62.5%; /* sets the base font to 10px for easier math */
}
@media screen and (max-width: 749px) {
  html {
    font-size:  50%;
  }
}
@media screen and (max-width: 599px) {
  html {
    font-size:  40%;
  }
}
@media screen and (max-width: 479px) {
  html {
    font-size:  33%;
  }
}
@media screen and (max-width: 413px) {
  html {
    font-size:  30%;
  }
}
@media screen and (max-width: 374px) {
  html {
    font-size:  26%;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size:  25%;
  }
}

body {
    font-size: 1.6rem;  /* sets the default sizing to make sure nothing is actually 10px */
    letter-spacing: -0.01em;
    font-size: 0;
}

sup {
    font-size: 0.7em;
    position: relative;
    top: 0.1em;
    line-height: 1em;
}



/*   COMMON
-------------------------------------------------------*/
#katiAyur article{
	width:100%;
	max-width:750px;
    background-color: #ffffff;
	height:auto;
	margin:auto;
}

#katiAyur img{
	width:100%;
	height:auto;
}

#katiAyur .clear{
	clear:both;
}

#katiAyur p{
    font-size: 2.8rem;
    line-height: 1.785714285714286;
    color: #434343;
}
#katiAyur p span{
    font-size: 3.2rem;
    line-height: 1.5625;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p.txt26{
    font-size: 2.6rem;
    line-height: 1.923076923076923;
    color: #434343;
}
#katiAyur p.txt22{
    font-size: 2.2rem;
    line-height: 1.272727272727273;
    color: #333333;
    text-align: right;
}
#katiAyur p.txt29_f{
    font-size: 2.94rem;
    line-height: 1.4285714;
    color: #ffffff;
}
#katiAyur p.txt32-b{
    font-size: 3.2rem;
    line-height: 1.5625;
    color: #1200ff;
    font-weight: bold;
}
#katiAyur p.txt32-b span{
    font-size: 3.2rem;
    line-height: 1.5625;
    color: #1200ff;
    font-weight: bold;
    background-color: #fcff00;
}
#katiAyur p span.span38{
    font-size: 3.8rem;
    line-height: 1.315789473684211;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span40{
    font-size: 4.0rem;
    line-height: 1.45;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span40-2{
    font-size: 4.0rem;
    line-height: 2;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span46{
    font-size: 4.5rem;
    line-height: 1.08695652173913;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span36{
    font-size: 3.4rem;
    line-height: 1.555555555555556;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span50{
    font-size: 5.0rem;
    line-height: 1.18;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span56{
    font-size: 5.6rem;
    line-height: 1.607142857142857;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p span.span66{
    font-size: 6.6rem;
    line-height: 1;
    color: #ff4850;
    letter-spacing: -0.05em;
    font-weight: bold;
}
#katiAyur p.warning{
	line-height: 1.461538461538462;
    padding: 3% 0 15%;
	color:#444444;
    font-size: 2.6rem;
}
#katiAyur p.warning span{
	color:#cc0000;
    font-weight: normal;
    font-size: 2.6rem;
}
#katiAyur p.txtRight{
	text-align: right;
}

#katiAyur .img61{
    width: 61%;
    margin: auto;
}
#katiAyur .img43Left{
    width: 43%;
    float: left;
    padding-right: 4%;
}
#katiAyur .img33{
    width: 33.7333333333333%;
    margin: auto;
}
#katiAyur .img50{
    width: 50.08%;
    margin: auto;
}
#katiAyur .img88{
    width: 86.6666666666667%;
    margin: auto;
}

#katiAyur hr{
    border: solid 1px #e4ddcf;
    margin: 8% 0;
}

#katiAyur .top01{padding-top: 1%;}
#katiAyur .top02{padding-top: 2%;}
#katiAyur .top03{padding-top: 3%;}
#katiAyur .top04{padding-top: 4%;}
#katiAyur .top05{padding-top: 5%;}
#katiAyur .top06{padding-top: 6%;}
#katiAyur .top07{padding-top: 7%;}
#katiAyur .top08{padding-top: 8%;}
#katiAyur .top09{padding-top: 9%;}
#katiAyur .top10{padding-top: 10%;}
#katiAyur .top15{padding-top: 15%;}
#katiAyur .top20{padding-top: 20%;}
#katiAyur .top25{padding-top: 25%;}
#katiAyur .top30{padding-top: 30%;}
#katiAyur .top40{padding-top: 40%;}

#katiAyur .btm01{padding-bottom: 1%;}
#katiAyur .btm02{padding-bottom: 2%;}
#katiAyur .btm03{padding-bottom: 3%;}
#katiAyur .btm04{padding-bottom: 4%;}
#katiAyur .btm05{padding-bottom: 5%;}
#katiAyur .btm06{padding-bottom: 6%;}
#katiAyur .btm07{padding-bottom: 7%;}
#katiAyur .btm08{padding-bottom: 8%;}
#katiAyur .btm09{padding-bottom: 9%;}
#katiAyur .btm10{padding-bottom: 10%;}
#katiAyur .btm20{padding-bottom: 20%;}


/*****  top  *****/
#katiAyur #top{
    position: relative;
}
/*****  header  *****/
#katiAyur #top .logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 8%;
    margin: auto;
    width: 42.93%;
}


/*****  mv  *****/
#katiAyur #mv{
    position: relative;
}

/*****  entry  *****/
#katiAyur .entry{
    position: relative;
	margin:0 auto;
}
#katiAyur .entry_price{
    position: relative;
}
#katiAyur .entry_btn{
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;
    margin: auto;
    width: 89.3%
}
#katiAyur .entry_warn{
    padding: 0 5%;
}



/*****  kati  *****/
#katiAyur #kati{
    position: relative;
}
#katiAyur #kati .inner{
    background-image:url(images/reason_bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-y: 82%;
    position: relative;
    z-index: 1;
}
#katiAyur #kati .nayami{
}
#katiAyur #kati .reason{
    /* background: url(images_sms/kati_reason_bg.jpg) no-repeat top;
    background-size: 100%; */
    padding: 0;
    margin: auto;
    position: relative;
}
#katiAyur #kati .rImg1{
    margin-top: -5%;
}
#katiAyur #kati .rImg2{
    margin-top: -2%;
    padding-bottom: 2%;
}
#katiAyur #kati .rImg3{
    width: 99.73%;
    padding-bottom: 1%;
}
#katiAyur #kati p.rWarning{
	line-height: 1.2;
	color:#3c2625;
    font-size: 2.2rem;
    text-align: right;
    padding: 0 2% 28% 0;
    /* position: absolute;
    bottom: 2rem;
    right: 2rem; */
}
#katiAyur #kati .entryCopy{
    width: 96.67%;
    margin: auto;
    padding-bottom: 10%;
}

#katiAyur #kati .trial{
    background: url(images/trial_bg.jpg) no-repeat top;
    background-size: 100%;
    padding: 0;
    margin: auto;
    position: relative;
}
#katiAyur #kati .tTtl{
    width: 66%;
    margin: auto;
    padding: 5% 0;
}
#katiAyur #kati .tImg1{
    padding: 2.5% 0 0;
}
#katiAyur #kati .tArw{
    width: 29.067%;
    margin: auto;
    padding-bottom: 0;
}
#katiAyur #kati .tImg2{
    width: 96.4%;
    padding: 0;
        margin-top: -7%;
}
#katiAyur #kati .tImg3{
    padding: 0 0 6%;
    margin-top: -6%;
}

#katiAyur #kati .entryCopy2{
    width: 93.6%;
    margin: auto;
    padding-bottom: 12%;
}
#katiAyur #kati p.tWarning{
	line-height: 1.363636363636364;
    padding: 0 3% 3%;
	color:#593928;
    font-size: 2.2rem;
    letter-spacing: 0.01em;
    text-align: justify;
}

/*****  set  *****/
#katiAyur #set{
    position: relative;
    padding-top: 5%;
    background-color: #ffecdc;
}
#katiAyur #set .mv{
    background: url(images/set_bg.jpg) no-repeat top;
    background-size: 100%;
    padding: 11% 0 0 0;
    margin: auto;
    position: relative;
}
#katiAyur #set .bImg1{
    width: 94.53%;
    margin: auto;
    padding-bottom: 92%;
}
#katiAyur #set .bImg2{
    width: 94.13%;
    margin: auto;
}
#katiAyur #set .entryCopy{
    background: url(images/set_entry_copy_bg.jpg) no-repeat top;
    background-size: 100%;
    padding: 6% 0 13% 0;
    margin: auto;
    position: relative;
}
#katiAyur #set .ecImg{
    width: 92.13%;
    margin: auto;
}
/*****  set entry  *****/
#katiAyur #set .entry{
    background-color: #311f14;
}
#katiAyur #set .setEntry_price{
    position: relative;
    padding: 9% 0 10.5%;
}
#katiAyur #set .entry_btn{
    position: relative;
    margin: auto;
    width: 89.3%;
        padding-top: 1%;
}
#katiAyur #set p.setEentry_warn{
    text-align: center;
    color: #ffffff;
    font-size: 2.6rem;
    line-height: 1.461538461538462;
    letter-spacing: -0.02em;
    
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 3%;
}
#katiAyur #set .entryTitle{
    position: absolute;
    top: -7%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95.87%
}
#katiAyur #set .entry_warn{
    background-color: #ffecdc;
}


/*****  notice  *****/
#katiAyur #notice{
    margin: auto;
    background-color: #ffffff;
    padding: 7% 6% 5% 6%;
}
#katiAyur #notice li{
    display: inline-block;
}
#katiAyur #notice .nImg{
width: 19%;
    float: left;
    padding: 0 2% 2% 0;
}
#katiAyur #notice p.nText{
	line-height: 1.44;
    padding: 0;
	color:#593928;
    font-size: 2.5rem;
    letter-spacing: 0.01em;
    text-align: justify;
}


/*****  flow  *****/
#katiAyur #flow{
    margin: 0 auto 5%;
}
#katiAyur #flow .inner{
    background: url(images/flow_bg.jpg) no-repeat top;
    background-size: 100%;
    padding: 8% 5% 10%;
}
#katiAyur #flow .box{
    margin: auto;
    padding: 0 0 2% 0;
}
#katiAyur #flow .box_1{
    margin-top: -20%;
}
#katiAyur #flow .flow_footer{
    margin: auto;
    padding: 8% 0 0 0;
}
#katiAyur #flow .entryCopy3{
    width: 78.13%;
    margin: auto;
    padding: 0% 0 10%;
}


/*****  links  *****/
#katiAyur #links{
    background-color: #ffffff;
    padding: 8% 5% 15%;
}
#katiAyur #links .salon{
    padding: 0 0 3% 0;
}
#katiAyur #links .trial{
    padding: 0 0 15% 0;
}



/*****  footer  *****/
#katiAyur #footer{
    padding: 4% 0 3% 0;
    background-color: #6b2f0c;
    text-align: center;
}














/***********************************************************/
/* ===== btn ===== */
.pagetop {
    position: fixed;
    bottom: 20px;
    /* right: 20px; */
    display: none;
}