@charset "utf-8";

/*--common--*/

a[href$="pdf"]:after{content:url(/com/img/icon/pdf.png);margin-left:.5em;position:relative;top:2px}
a[href$="doc"]:after,a[href$="docx"]:after{content:url(/com/img/icon/word.png);margin-left:.5em;position:relative;top:2px}
a[href$="xls"]:after,a[href$="xlsx"]:after{content:url(/com/img/icon/excel.png);margin-left:.5em;position:relative;top:2px}

.txtbox{line-height:1.6em;}
.txtbox #subtt_a{margin-bottom:1.5em;}
.txtbox p{margin:.5em auto}
.txtbox a{color:#4f86c5;text-decoration:underline;transition: 0.4s !important;}

ul.atte{margin-bottom:3em}

p.form{margin-top:1em;padding:1em 0 .5em;border-top:1px #ccc solid}
.form sup{font-size:.8em;position:relative;top:-.4em;color:#f00;font-weight:bold}
table.form{border-collapse: collapse; margin:1em auto 3em;width:98%;border-top:1px #888 solid;border-left:1px #888 solid;font-size:.9em}
table.form th,table.form td{padding:1em;border-right:1px #888 solid;border-bottom:1px #888 solid}
table.form th{font-weight:bold;vertical-align:middle;background:#4cbfef;color:#fff}

table.form th span {font-size: .8em;color: #fff;background: #f00;padding: 0 .5em;line-height: 1.6em;margin: auto;top: 0;bottom: 0;height: 1.6em;float: right;}

table.form td label{margin-right:1em;}
table.form td input,table.form td select,table.form td textarea{margin: 0 .5em;padding: .3em .5em;}
table.form td p{margin-bottom:0}
table.form td ul{margin:.5em auto;}
table.move td input::-webkit-input-placeholder{color:#ccc}
table.move td input:-ms-input-placeholder{color:#4cbfef}
table.move td input::-moz-placeholder{color:#ccc}

ul.btn{text-align:center;margin:1em auto 2em;padding-bottom:2em;display:flex;justify-content:space-around}
ul.btn li{display:inline-block;}
ul.btn input {padding:.2em 1em;background:#fff;border-radius:5px;font-size:1.2em;cursor:pointer;font-weight:bold;border:1px solid;transition: 0.4s;}
ul.btn input[type="reset"] {color:#999;border-color:#999;}
ul.btn input[type="submit"] {color:#1E95D4; border-color:#1E95D4;}
ul.btn input:hover{color:#fff}
ul.btn input[type="submit"]:hover{background: #1E95D4;}
ul.btn input[type="reset"]:hover{background: #999;}


li.doui{margin:1em auto 0;text-align:center;color:#fff}
li.doui label{display:block;padding:.5em;background:#f00;border-radius:.2em}
ul.kome li{padding-left:1em;text-indent:-1em;}

ul.goods li{width:23%;font-size:.9em}
ul.goods li h3{width:100%;background-size:contain;}
ul.goods li h3 span{font-size:.5em;color:#000}
ul.goods li input{visibility:hidden}
ul.goods li input:checked+label{display:block;padding:.2em;background:rgba(255,0,0,.5);z-index:+1;transition:.4s;border-radius:.2em}
input:checked+label p.badge+p{color:#fff}
ul.goods li input:checked+label:before{content:"";position:absolute;width:1em;height:2em;display:inline-block;border-right:2px #f00 solid;border-bottom:2px #f00 solid;top:0;left:0;right:0;margin:auto;transform:rotate(45deg);z-index:+1;}

footer address a+a{color:#fff}
footer address a+a:hover{color:#f2b254}

@media screen and (max-width: 741px){ 
ul.goods li{width:48%;font-size:.9em}
footer address a+a{color:#000}
}

@media screen and (max-width: 670px){ 
table.form th,table.form td{display:block}
table.form td label{display:block}
table.form td label+label{margin-top:.5em}
table.form td input[size="50"]{width:100% !important}
    table.form td span{font-size:.8em}
}