/*Basic-------------------------------------------------------------------------*/
html{font-size: 62.5%; height: 100%;}
body{font-size: 1.55rem; margin: 0; padding: 0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight: 400;}

.wf-roundedmplus1c {font-family:"M PLUS Rounded 1c", sans-serif; transform: rotate(0.03deg);}

.clear{clear: both;}
a:link, a:visited, a:hover, a:active{text-decoration: none;}
div{box-sizing: border-box;}
header{position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 1); color: #ffffff; z-index: 100; display: flex; justify-content: space-between;}

h3{margin: 5px 0 5px 0; box-sizing: border-box;}
/** {*/
    /*outline: 1px solid magenta;*/
/*}*/
.header-box{max-width:900px; width: 100%; height:38px; margin: 0 auto;}
.head-left{float: left; width:20%;}
.head-center{float: left; width:60%; text-align: center;}
.head-right{float: left; width:20%;}
.head-logo{width:180px; height:auto;}
.head-left p{margin:5px 0; padding:0 5px; line-height: 1.1;}
.member{float:right; width:50%; text-align: right; margin: 0; padding: 0 5px 0 0; font-size: 0.9em; font-weight: normal; background: #ffffff; color:rgba(24, 35, 74, 1); }
.priod{font-size: 1.0em; font-weight: normal; padding: 0 5px 0 0;}

.log_fream{max-width: 96%; width: 600px; margin: 0 auto; border: 1px solid rgba(24, 35, 74, 1); border-radius: 5px;}
.date_fream{max-width: 96%; width: 600px; margin: 0 auto; border-radius: 5px;}

i{font-family: "FontAwesome"; font-weight: 900; font-style: normal;}
.loglost{padding: 0 5px 0 0;}
.loglostlink a,a.loglostlink:link,a.loglostlink:visited,a.loglostlink:hover,a.loglostlink:active {display: inline-block; color: #013ADF;}


/*Form-------------------------------------------------------------------------*/
.main_fream{max-width:900px; width: 99%; margin: 80px auto 0; padding: 0 5px 100px; box-sizing: border-box; transform: rotate(0.03deg);}
.p-indent{text-indent: 1em;}
.logintit{position:relative; top:-10px; padding: 0 12px; margin: 0; font-size: 1.2em; font-weight: bold; background: #ffffff; color: #013ADF;}

.ermese{width:90%; margin:0 auto; padding:5px 10px; border-radius:10px; background: #ff2121; color: #ffffff; box-sizing: border-box;}

.tab_all{width:100%; display: table; margin: 0; padding: 0; box-sizing: border-box;}
.tab_row{display: table-row; box-sizing: border-box;}

.tab_20{min-width:20%; display: table-cell; box-sizing: border-box; }
.tab_30{width:30%; display: table-cell; box-sizing: border-box;}
.tab_35{width:35%; display: table-cell; box-sizing: border-box;}
.tab_40{width:40%; display: table-cell; box-sizing: border-box;}
.tab_50{width:50%; display: table-cell; box-sizing: border-box;}
.tab_60{width:60%; display: table-cell; box-sizing: border-box;}
.tab_65{width:65%; display: table-cell; box-sizing: border-box;}
.tab_70{width:70%; display: table-cell; box-sizing: border-box;}
.tab_80{width:80%; display: table-cell; box-sizing: border-box;}
.tab_90{width:90%; display: table-cell; box-sizing: border-box;}
.tab_100{width:100%; display: table-cell; box-sizing: border-box;}

.tab_100_fl{width:100%; box-sizing: border-box; margin: 0; padding: 0;}
.tab_row_view{width:100%; box-sizing: border-box; display: none;}
.tab_20_fl{float:left; width:20%; box-sizing: border-box;}

.item-order-y{float: left; position:relative; width:48%; height:50px; margin: 0.2em; padding: 5px; text-align: center; box-sizing: border-box; border: 1px solid #0368cc; border-radius: 3px; display: flex; justify-content: center; align-items: center; font-size: 0.9em;}
.item-order-y p{margin: 0; padding: 0;}
.item-order-y a{position:absolute; top:0;left:0; width:100%; height:100%;}
.item-order-y:hover{background: #0368cc; color: #ffffff;}

.form-div{margin: 0; padding: 0;}

.table-p {text-indent: 1.2em; margin: 0; padding: 0; font-weight: bold; box-sizing: border-box;}
.price{color: #013ADF; box-sizing: border-box;}

.item_title{width:96%; margin: 0.5em 0 0.1em; padding: 10px; background: #ffffff; border-left: 5px solid #0368cc;  text-align: left; font-size: 1.1em; font-weight: bold;}
.item_ckon{width:90%; margin: 0.5em 0 0.1em; padding: 0; background: #0368cc; border: 1px solid #0368cc; border-radius: 6px; color: #fff; text-align: center; font-size: 1.1em;}
.item_ckoff{width:90%; margin: 0.5em 0 0.1em; padding: 0; background: #fff; border: 1px solid #0368cc; border-radius: 6px; text-align: center; font-size: 1.1em;}
.item_ckon p{width:100%; font-size: 1.0em; margin: 0; padding: 0;}
.item_ckoff p{width:100%; font-size: 1.0em; margin: 0; padding: 0;}

.view{display: none;}
select {width:87%; margin: -1.0em 0.1em 0.1em 0.3em; padding:10px 0;}

.tab_20_fl input[type=checkbox],input[type=radio] {position: absolute; opacity: 0; z-index: -1;}
.tab_20_fl input[type=checkbox] + label {position: relative; margin: 0.5em 0 0.1em; padding: 0; width:90%; height:30px; text-align: center; line-height: 2; cursor: pointer; border: 1px solid #F39800; border-radius: 6px; background: #fff; display:inline-block}
.tab_20_fl input[type=checkbox]:checked + label{top: 0; background: #F39800; color: #fff; border-radius: 6px;}

.tab_100_fl input[type=checkbox],input[type=radio] {position: absolute; opacity: 0; z-index: -1;}
.tab_100_fl input[type=checkbox] + label {position: relative; margin: 0.5em 0 0.1em; padding: 0; width:100%; height:30px; text-align: left; line-height: 2; cursor: pointer; border: 1px solid #0368cc; border-radius: 6px; background: #fff; display:inline-block}
.tab_100_fl input[type=checkbox] + label:before {font-family: FontAwesome; content: '\f138'; margin-right: 5px;}
.tab_100_fl input[type=checkbox]:checked + label{top: 0; background: #0368cc;  color: #fff; border-radius: 6px;}
.tab_100_fl input[type=checkbox]:checked + label:before{font-family: FontAwesome; content: '\f13a'; margin-right: 5px; transition: 0.5s;}

input[type=text],[type=tel],[type=password],[type=email],[type=date] ,[textarea]{font-size:1.1em; font-family:"M PLUS Rounded 1c", sans-serif; box-sizing: border-box; width: 90%; height:30px; margin: 8px 0; padding: 0.3em; transition: 0.3s; border: 1px solid #1b2538; border-radius: 4px; outline: none;}
input[type=text]:focus,[type=password]:focus,[type=tel]:focus,[type=email]:focus,[type=date]:focus {border-color: #0B318F;}
.selectbox {position: relative; left:0;}
.selectbox::before,
.selectbox::after {position: absolute; content: ''; pointer-events: none;}
.selectbox::before {top:-0.3em; right: 0; display: inline-block; width: 2.0em; height: 2.0em; border-radius: 0 3px 3px 0; background-color: #2589d0; content: '';}
.selectbox::after {position: absolute; top: 45%; right: 1.0em; transform: translate(50%, -50%) rotate(45deg); width: 6px; height: 6px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: '';}
.selectbox select {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 86%; height: 2.0em; padding: .4em 2.1em .4em .3em; border: 1px solid #2589d0; border-radius: 3px; color: #333333; font-size: 1em; cursor: pointer;}
.selectbox select:focus {outline: 1px solid #2589d0;}

.but_red{background: #ff2121; color: #ffffff; margin-bottom: 10px; padding: 4px 16px; border-radius: 6px;}
.form-wrapper {display: flex; justify-content: center; gap: 10px; margin: 10px 0; width: 95%;}
#eye {display: flex; align-items: center; margin: 9px 0 0 -6px; width: 30px; height: 30px; cursor: pointer; font-size: 1.3em; color:#666666;}

/*Footer-------------------------------------------------------------------------*/
footer{position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 1); color: #ffffff; z-index: 100; display: flex; justify-content: space-between;}
.foot-box{max-width:900px; width: 100%; height:41px; margin: 0 auto; text-align: center;}
.foot-box-link a,a.foot-box-link:link,a.foot-box-link:visited,a.foot-box-link:hover,a.foot-box-link:active {display: inline-block; color: #ffffff;}

.txar{text-align: right;}
.txac{text-align: center;}
.valt{vertical-align: top;}
.valm{vertical-align: middle;}
.valb{vertical-align: bottom;}

.txp05{padding: 5px;}
.txp10{padding: 10px;}
.txp30{padding: 30px;}