hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
srv
/
www
/
virtual
/
dev1.wccweb.jp.dac4.biz
/
web
/
htdocs
/
sp
/
contact
/
jkt
/
assets
/
css.less
/
Upload FileeE
HOME
/*::::::::::::::::::::チェックボックス指示*/ input[type=radio], input[type=checkbox] { display: none;} input[type=radio], input[type=checkbox] { display: none;} input[type=radio], input[type=checkbox] {display: none;} /*01****************************/ #check{margin:0 auto;width: 100%;height: auto;padding:50px 0 30px 0;text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo";} .radio, .checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; cursor: pointer; margin:0 auto;padding:18px 34px 18px 76px;border-radius:8px;background-color:#f6f7f8;vertical-align: middle;font-size:18px;letter-spacing:4px;line-height:35px; } .radio:hover,.checkbox:hover {background-color: #e2edd7;} .radio:hover:after,.checkbox:hover:after {border-color: #53b300;} .radio:after,.checkbox:after{ -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 35px; display: block; margin-top: -10px;width: 16px;height: 16px;border: 2px solid #bbb;border-radius: 6px;content: ''; } /*.radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 20px; display: block; margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #53b300;content: '';opacity: 0; }*/ input[type=radio]:checked + .radio:before {opacity: 1;} .checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left:41px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #53b300; border-bottom: 3px solid #53b300; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type=checkbox]:checked + .checkbox:before {opacity: 1;} /*02******************************************************/ .radio2,.checkbox2{box-sizing: border-box;-webkit-transition: background-color 0.2s linear;transition: background-color 0.2s linear;position: relative;display: inline-block;margin:0 auto;padding: 10px 0px 10px 30px;vertical-align: middle;cursor: pointer;} .radio2:hover,.checkbox2:hover{background-color: #fff;} .radio2:hover:after,.checkbox2:hover:after { border-color: #5c4833;} .radio2:after,.checkbox2:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:0px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #bbb;border-radius:6px;content: '';} .radio2:before {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;position: absolute;top: 50%;left:5px;display: block;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #5c4833;content: '';opacity: 0;} input[type=radio]:checked + .radio2:before { opacity: 1;} .checkbox2:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #5c4833;border-bottom:3px solid #5c4833;content: '';opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} input[type=checkbox]:checked + .checkbox2:before {opacity: 1;} /*03************************************************************************/ .radio3,.checkbox3{ box-sizing:border-box; -webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear; position:relative; display:inline-block; margin:0px auto 20px auto; padding:0px 0px 26px 0px; /*vertical-align:middle;*/ cursor:pointer; text-align:center; } .radio3:hover,.checkbox3:hover{background-color: #fff;} .radio3:after,.checkbox3:hover:after{ border-color: #5c4833;} .radio3:after,.checkbox3:after{ -webkit-transition:border-color 0.2s linear; transition:border-color 0.2s linear; position:absolute; bottom:0%; left:50%; margin-left:-9px; margin-top:-9px; display:block; width:16px; height:16px; border:2px solid #bbb; border-radius:6px; content: ''; } .radio3:before{ -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; bottom:10px; left:50.5%; display: block; margin-left:-5px; margin-bottom:-5px; width:10px; height:10px; border-radius:50%; background-color:#5c4833; content:''; opacity: 0; } input[type=radio]:checked + .radio3:before { opacity: 1;} .textarea_style { width: 100%; box-sizing: border-box; padding: 8px 10px; font-family: "Lucida Grande", "メイリオ", "Meiryo"; font-size: 16px; border: #7c481f 1px solid; border-radius: 6px; /*overflow: hidden;*/ } .input_style02 { width: 100%; box-sizing: border-box; padding: 10px; font-family: "Lucida Grande", "メイリオ", "Meiryo"; font-size: 16px; border: #7c481f 1px solid; border-radius: 6px; } input.font_td { width: 98%; font-size: 18px; font-weight: bold; font-family: "Lucida Grande", "メイリオ", "Meiryo"; padding: 10px; color: #fff; letter-spacing: 4px; border-style: none; box-shadow: 2px 2px 4px 1px #ccc; -moz-box-shadow: 2px 2px 4px 1px #ccc; -webkit-box-shadow: 2px 2px 4px 1px #ccc; background: #ad9481; border-radius: 10px; } input.font_td:hover { background: #ccc; cursor: pointer; cursor: hand; border-radius: 10px; }