@charset "UTF-8";

/* =======================================================================

CSSの名前：kessai_new.css 

最終更新日時：2021/06/22

--------------------------------------------------------------------------

新規決済用スタイル

======================================================================= */


/* =========▽crearFix========= */
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.flex{display:flex;}

/* For modern browsers */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
/* For IE 6/7 only */
.cf {
    *zoom: 1;
}
/* =========△crearFix========= */

#jsContents{background: #fff;padding:0;font-family: sans-serif;}

#jsContents h1{margin:0 0 15px 0;	padding:30px 0 ;}
#jsContents h2{font-size:3.0em!important;border-radius: 20px;padding:5px;color:#fff;margin-bottom: 10px;}
#jsContents h2.paypay{background: #ff0033;}
#jsContents h2.linepay{background: #08bf5b;}
#jsContents h2.epos{background: #7c266e;}
#jsContents h2.paid{background: #00ac97;}

#jsContents h3{position: relative;text-align: center;font-size:3.2em;clear:both;line-height:2.4em;margin:30px 80px 20px!important;font-weight: bold;}
#jsContents h3 span{position: relative;z-index: 2;display: inline-block;margin: 0 4em;text-align: left;background: #FFF;padding:10px 10px 0 10px;height:60px;}
#jsContents h3::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #444;}

#jsContents p{line-height:1.5em;}
#jsContents p+p{margin-top:10px; }
#jsContents .small{font-size:14px!important;	}	
#jsContents .note{font-size:14px!important;}
#jsContents .big{font-size:20px;}
#jsContents .red{color:#CC0000;}
#jsContents img{vertical-align: bottom;}

.wBase{width:100%;background: #fff;padding:50px 0 50px;}
.wBase .readTxt{width:820px!important;text-align:left;}

.kessaiInner{width: 1040px!important;margin:0 auto;font-size:62.5%!important;margin-bottom: 80px;}
.readTxt{width:850px!important; margin:20px auto 40px;padding:0; text-align:center;}

.ttlBg{width:100%;background: #d5eaf9;text-align: center;}

#jsContents p{line-height:1.5em;}}
.ttlBg_f{width:100%;background: #f3e6b8;text-align: center;}
.kessaiBox{width:500px;border:5px solid #9d9d9d;background: #fff; box-sizing: border-box;padding:20px;border-radius: 8px;margin: 0 10px;text-align: center;margin: 0 10px 30px;}
.kessaiBox p{font-size:18px;text-align: left;margin-top: 10px;}

hr{margin: 30px 10px;}

/* 注意書き
-------------------------------------------------------------*/		
#jsContents ul.notice{width:450px;margin:10px auto 10px;text-align: left;bordr-top:1px solid #999!important;}
#jsContents ul.notice li{margin:5px 0 0;font-size:16px;line-height:1.4em;list-style-type:none;}