@charset "utf-8";

body {
margin:0;
padding:0;
background:#fff;
overflow-x:hidden;
}

body,div,p,a,article,section,nav,ul,li,header,footer,input,select,textarea,h1,h2,h3,h4,h5,th,td {
font-size:1em;
font-weight:500;
line-height:160%;
letter-spacing:0;
word-wrap:break-word;
color:#595757;
font-family:'Barlow','Zen Maru Gothic', sans-serif;
}

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

.wrap {
overflow-x:hidden;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:0;
margin:0;
}

img {
width:100%;
height:auto;
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

li { list-style:none; }
a {text-decoration:none;}

a:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}


/*COLOR*/
.fd {color:#ff0000;}
.fg {color:#081295;}

.fdb {color:#327abe;}
.flb {color:#50b7e9;}
.fde {color:#2eaf6c;}
.fle {color:#75c29e;}
.fdr {color:#da1260;}
.flr {color:#e85c9b;}
.fdy {color:#f4ab17;}
.fly {color:#f3dc24;}
.fdp {color:#252850;}
.flp {color:#564497;}
.fdo {color:#e73e18;}
.flo {color:#ee7b1a;}
.fdg {color:#64b400;}
.flg {color:#96c800;}

.grab{
    background:linear-gradient(#327abe,#50b7e9);
}

.grae{
    background:linear-gradient(#2eaf6c,#75c29e);
}

.grar{
    background:linear-gradient(#da1260,#e85c9b);
}

.gray{
    background:linear-gradient(#f4ab17,#f3dc24);
}

.grap{
    background:linear-gradient(#252850,#564497);
}

.grao{
    background:linear-gradient(#e73e18,#ee7b1a);
}

.grag{
    background:linear-gradient(#64b400,#96c800);
}

.b {font-weight:bold;}
.fl{font-size:120%;}
.fll{font-size:150%;}



/*CATEGORY*/
.cateb{
    background:linear-gradient(to right,#327abe,#50b7e9);
}

.catee{
    background:linear-gradient(to right,#2eaf6c,#75c29e);
}

.cater{
    background:linear-gradient(to right,#da1260,#e85c9b);
}

.catey{
    background:linear-gradient(to right,#f4ab17,#f3dc24);
}

.catep{
    background:linear-gradient(to right,#252850,#564497);
}

.cateo{
    background:linear-gradient(to right,#e73e18,#ee7b1a);
}

.categ{
    background:linear-gradient(to right,#64b400,#96c800);
}


/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
border:#e1e1e1 1px solid;
}

input:focus , textarea:focus , button:focus {
border:#da1260 1px solid;
}

input[type="checkbox"] , input[type="radio"] {
background:#fff;
padding:5px;
border-radius:100%;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#da1260;
border:#da1260 1px solid;
}

::placeholder {
color:#ddd;
}

select {
background:#fff url(../img/select.svg) no-repeat;
background-size:10px 7px;
background-position:right 15px center;
position:relative;
width:100%;
padding:15px;
}



/*USEFUL*/
.cts {
margin:auto;
}

.attention p {
font-size:80%;
display:flex;
}

.ex p {
padding-bottom:30px;
}

.ex p:last-child {
padding-bottom:0;
}