/* ==================== */
/* キャンペーンに使用 */
/* ==================== */

.cam-txt1{
    color: #0600ff;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 180%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #ff00c6;
}
.cam-txt2{
    color: #ff00c6;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 180%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #ff00c6;
}
.cam-txt3{
    color: #180091;
    font-size: 1.0em;
    line-height: 180%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #ff8bba;
    background: #fff9dc;
    padding: 10px;
}
.txt-b{
    font-size: 12px;
    font-weight: bolder;
    color: #050341;
}
.profdoc{
    display: flex;
    flex-wrap: wrap;
}
.profdoc-ti{
    width: 100%;
    font-size: 12px;
    font-weight: bolder;
    color: #ffffff;
    background: #f58b19;
    text-align: center;
    padding: 5px 0px;
    margin: 0px auto 5px;
}
.profdoc-in1{
    font-size: 12px;
    width: 100%;
    color: #2f2f2f;
    padding: 3px 5px;
    border-bottom: 1px solid #cccccc;
}
.profdoc-in2{
    font-size: 13px;
    width: 100%;
    color: #ff0000;
    padding: 10px 5px;
}


/* ==================== */
/* 鑑定師のコメント */
/* ==================== */

.txt-underline{
    text-decoration: underline 1px #0d00709e;
    color: #0d0070;
    line-height: 200%;
}

.txt-underline2{
    text-decoration: underline 1px #6c00009c;
    color: #6c0000;
    line-height: 200%;
}

/* ==================== */
/* 太文字 */
/* ==================== */

.txt-bold{
    font-weight: 600;
}


/* ==================================== */
/* ==半分塗りつぶし================================== */

.pic-1{
    background: linear-gradient(to bottom, rgb(210 243 255 / 0%) 40%, #f4ff61 60%);
    padding: 0px 2px;
    margin: 0px 2px;
    font-size: 1.00em;
    font-weight: bolder;
}

.pic-2{
    background: linear-gradient(to bottom, rgb(210 243 255 / 0%) 40%, #c4d6ff 60%);
    padding: 0px 2px;
    margin: 0px 2px;
    font-size: 1.00em;
    font-weight: bolder;
}

.pic-3{
    background: linear-gradient(to bottom, rgb(210 243 255 / 0%) 52%, #ffd4d4 60%);
    padding: 0px 2px;
    margin: 0px 2px;
    font-size: 1.00em;
    font-weight: bolder;
}

.pic-4{
    background: linear-gradient(to bottom, rgb(210 243 255 / 0%) 52%, #fff6d4 60%);
    padding: 0px 2px;
    margin: 0px 2px;
    font-size: 1.00em;
    font-weight: bolder;
    text-decoration-line: underline;
    text-decoration-style: double;
    text-decoration-color: #ff5200;
}


/* ==全部塗りつぶし================================== */

.blo-1{
    background: linear-gradient(to bottom, rgb(253 255 149) 40%, #fbff61 60%);
    padding: 0px 5px;
    margin: 0px 2px;
    font-size: 1.05em;
    color: #001dff;
    border-radius: 5px;
}

.blo-2{
    background: linear-gradient(to bottom, rgb(174 255 168) 40%, #61ff7d 60%);
    padding: 0px 5px;
    margin: 0px 2px;
    font-size: 1.05em;
    color: #001dff;
    border-radius: 5px;
}


/* ==文字色================================== */

.col-1{
    font-size: 1.05em;
    color: #001dff;
}

.col-2{
    font-size: 1.05em;
    color: #c30000;
    font-weight: bolder;
}

.col-3{
    font-size: 1.05em;
    color: #179f00;
    font-weight: bolder;
}

/* ==IMGサイズ================================== */

.img-90{
    width: 90%;
    margin: 5px auto;
}

.img-80{
    width: 80%;
    margin: 5px auto;
}

.img-70{
    width: 70%;
    margin: 5px auto;
}

.img-60{
    width: 100%;
    margin: 5px auto;
    padding: 1% 20%;
}

.img-50{
    width: 50%;
    margin: 5px auto;
}


/* ==文字サイズ================================== */


.fsize-xs{
    font-size: x-small;
}

.fsize-ls{
    font-size: larger;
}


/* ==文字太＆アンダーバー=========================== */

.weight-b{
    font-weight: bolder;
    letter-spacing: 10%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #df1d1d;
    background: linear-gradient(to bottom, rgb(210 243 255 / 0%) 52%, #ffeeba 60%);
}


/* ==お知らせボックス=========================== */


.info-bg{
    background: #ffead0;
    padding: 5px;
}

.info-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.info-title{
    width: 100%;
    color: #cd0000;
    padding: 5px;
    font-weight: bolder;
    font-size: small;
    text-align: center;
}
.info-intitle{
    width: 100%;
    color: #000000;
    padding: 3px 0px;
    font-weight: bolder;
    font-size: 12px;
    text-align: left;
}

.info-inner{
    width: 100%;
    padding: 10px 5px 5px 25px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0px 1px 1px #b9b9b985;
    background: #ffffff;
    text-align: left;
    font-weight: bolder;
}

.info-inread{
    width: 100%;
    text-align: left;
    padding: 10px 5px;
}