@charset "utf-8";





.t-mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}


.l-spec{
    text-align: center;
    display: block;

}

.l-spec span{
    margin-right: 1rem;
}


#upload-overlay #upload-overlay-container .upload-overlay-right .upload-invalid .l-preparation{
    display: block;
    margin: 10% auto 0;
    text-align: center;
    width: 32px;
}


.preview-height{
    height: 100%!important;
    width: 67.13%!important;
    margin: 0 auto!important;
}

.u-margintop-s{
    margin-top: -15px;
}



/* --------------------------------------
max-width: 445px
---------------------------------------- */

@media only screen and (max-width: 445px) {
}

/* --------------------------------------
max-width: 445px
---------------------------------------- */

@media only screen and (max-width: 445px) {


    .preview-height {
        height: auto!important;


        margin: 0 auto!important;

    }
    .l-pannel-wrap{
        margin-top: -10px;
    }
    .preview-height img{
        max-width: auto;
    }
    .content-frame-prv .content-body .content-flow-nav.select-frame-h .content-prv{
        margin-top: -25px;
    }
    .content-frame-prv .content-body .content-flow-nav.select-frame-h .content-prv p{
        margin: 0;
    }

    .sm-kb{
        padding: 3px;
		margin-top: 4px;
    }
    .mg-top{
        /*margin-top: -20px;*/
    }
    /*.preview-frame .frame-h img.preview-frame-image{
        margin: 12px auto;
    }*/

}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.text-leftCenter {text-align: left;}

@media (max-width: 900px) {
    .text-leftCenter {text-align: center;}
}

.text-bold {font-weight: bold;}


/*font*/
.fwB{font-weight:bold !important;}
.fs10{font-size:10px !important;line-height:1.5em;}
.fs11{font-size:11px !important;line-height:1.5em;}
.fs12{font-size:12px !important;line-height:1.5em;}
.fs14{font-size:14px !important;line-height:1.5em;}
.fs15{font-size:15px !important;line-height:1.5em;}
.fs16{font-size:16px !important;line-height:1.5em;}
.fs18{font-size:18px !important;line-height:1.5em;}
.fs20{font-size:20px !important;line-height:1.5em;}
.fs26{font-size:26px !important;line-height:1.5em;}
.fs30{font-size:30px !important;line-height:1.5em;}
.fsS{font-size:80% !important;line-height:1.5em;}
.fsL{font-size:120% !important;line-height:1.5em;}

.fs10rem{font-size:1.0rem !important;line-height:1.5em;}
.fs11rem{font-size:1.1rem !important;line-height:1.5em;}
.fs12rem{font-size:1.2rem !important;line-height:1.5em;}
.fs14rem{font-size:1.4rem !important;line-height:1.5em;}
.fs16rem{font-size:1.6rem !important;line-height:1.5em;}
.fs18rem{font-size:1.8rem !important;line-height:1.5em;}
.fs20rem{font-size:2.0rem !important;line-height:1.5em;}

.fs10em{font-size:1.0em !important;line-height:1.5em;}
.fs11em{font-size:1.1em !important;line-height:1.5em;}
.fs12em{font-size:1.2em !important;line-height:1.5em;}
.fs13em{font-size:1.3em !important;line-height:1.5em;}
.fs14em{font-size:1.4em !important;line-height:1.5em;}
.fs16em{font-size:1.6em !important;line-height:1.5em;}
.fs18em{font-size:1.8em !important;line-height:1.5em;}
.fs20em{font-size:2.0em !important;line-height:1.5em;}

.text-white{color:#FFFFFF !important;}
.text-pink{color:#FD92B9 !important;}
.text-pink2{color:#FC3EB3 !important;}
.text-pink3{color:#f8618a !important;}
.text-pink4{color:#ff2979 !important;}
.text-pink5{color:#FF6766 !important;}
.text-blue{color:#3DA9EE !important;}
.text-blue2{color:#32ACE0 !important;}
.text-blue3{color:#32ACE0 !important;}
.text-red{color:red !important;}
.text-green{color:#1CB1D3 !important;}
.text-green2{color:#bcff7e !important;}
.text-orange{color:#F2835F !important;}
.text-orange2{color:#f57c00 !important;}
.text-grey{color:#999999 !important;}
.text-gre2{color:#535353 !important;}
.text-grey3{color:#999999 !important;}
.text-black{color: #000 !important;}
.text-default{color: #333 !important;}
.text-yellow{color:#FFFF00 !important;}
.text-yellow2{color:#EDC72F !important;}
.text-purple{color:#2C3093 !important;}

.p5{padding:0.5%;}
.p10{padding:1%;}
.p15{padding:1.5%;}
.p20{padding:2%;}
.p30{padding:3%;}
.p40{padding:4%;}
.p2010{padding:2% 1%;}
.p1020{padding:1% 2%;}
.p10-0{padding:1% 0%;}
.p5px {padding: 5px;}
.p6px {padding: 6px;}
.p7px {padding: 7px;}
.pl10 {padding-left: 1%;}
.pl20 {padding-left: 2%;}
.pl30 {padding-left: 3%;}
.pr10 {padding-right: 1%;}
.pr20 {padding-right: 2%;}
.pr30 {padding-right: 3%;}
.p10px {padding:10px;}
.p20px {padding:20px;}
.p1020px {padding: 10px 20px;}
.p1510px {padding: 15px 10px;}
.p1050px {padding: 10px 50px;}

.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb10{padding-bottom:1%;}
.pb20{padding-bottom:2%;}
.pb30{padding-bottom:3%;}
.pb40{padding-bottom:4%;}

.pb10px{padding-bottom:10px;}
.pb20px{padding-bottom:20px;}
.pb30px{padding-bottom:30px;}

.mb-10{margin-bottom:-2% !important;}
.mt-10{margin-top:-2% !important;z-index:3;position: relative;}
.mt-20{margin-top:-4% !important;}
.mt-30{margin-top:-6% !important;}
.mt-40{margin-top:-8% !important;}
.mt-15{margin-top:-3% !important;}
.mt5{margin-top:1% !important;}
.mt10{margin-top:2% !important;}
.mt10px{margin-top:10px !important;}
.mt20{margin-top:4% !important;}
.mt30{margin-top:6% !important;}
.mt50{margin-top:10% !important;}
.mt70{margin-top:14% !important;}
.mb0{margin-bottom:0% !important;}
.mb5{margin-bottom:1% !important;}
.mb10{margin-bottom:2% !important;}
.mb20{margin-bottom:4% !important;}
.mb30{margin-bottom:6% !important;}
.mb40{margin-bottom:8% !important;}
.mb50{margin-bottom:10% !important;}
.mlr10{margin-left:2% !important;margin-right:2% !important;}
.mr10{margin-right:2% !important;}
.mr20{margin-right:4% !important;}
.mr5{margin-right:1% !important;}
.mlr5{margin-left:1% !important;margin-right:1% !important;}
.mlr20{margin-left:4% !important;margin-right:4% !important;}
.ml0{margin-left: 0% !important;}
.ml20{margin-left: 4% !important;}
.ml40{margin-left: 6% !important;}

.mb1px{margin-bottom:1px !important;}
.mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;}
.mb20px{margin-bottom:20px !important;}

.bgWhite {background: #fff;}

.dispInlineBlock {display: inline-block;}

.borderPink {border: solid 1px #ff2979;}
.borderPink2 {border: solid 2px #ff2979;}

.center-box {
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 900px) {
    .content-frame-prv .content-body.center-box {
        float: none;
    }
}

.w300px {width: 300px;}

.complete-caution-notice {
    max-width: 600px;
    text-align: left;
}

.complete-caution-notice-item {
    display: flex;
    align-items: flex-start;
    background-color: #fdf2f5;
    padding: 12px 16px;
    margin-bottom: 8px;
}

.complete-caution-notice-item:last-child {
    margin-bottom: 0;
}

.complete-caution-notice-icon {
    flex-shrink: 0;
    margin-right: 12px;
    color: #d84b73;
    font-size: 24px;
    line-height: 1.4;
}

.complete-caution-notice-text {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
}