.wrapper1{ max-width: 1270px; margin: 0 auto; padding: 0 5%; text-align: center; } .page-title1 { font-size: 1.3rem; font-family:Comic Sans MS; text-transform: uppercase; font-weight: normal; } label { font-size: 1.25rem; margin-bottom: 10px; display: grid; } input[type="text"], input[type="email"], textarea { background: rgba(255,255,255,.5); border: 1px #cf5e5e solid; border-radius: 5px; padding: 10px; font-size: 1rem; } textarea { width: 100%; max-width: 500px; height: 8rem; } form div { margin-bottom: 15px; } button, input, select, textarea { background: rgba(255,255,255,.5); border-style: double; color: inherit; } @import url(https://fonts.googleapis.com/css?family=Open+Sans); /*Page styles*/ .boxes { margin: auto; padding: 20px; background: #fff5f8e0; } /*Checkboxes styles*/ input[type="checkbox"] { display: none; } input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; font: 14px/20px 'Open Sans', Arial, sans-serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input[type="checkbox"] + label:last-child { margin-bottom: 0; } input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid ; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cp_ipselect { overflow: hidden; width: 65%; margin: 1em auto; text-align: center; } .cp_ipselect select { width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; } .cp_ipselect select::-ms-expand { display: none; } .cp_ipselect.cp_sl01 { position: relative; border-radius: 2px; border: 2px solid #595785; border-radius: 50px; background: #ffffff; } .cp_ipselect.cp_sl01::before { position: absolute; top: 0.8em; right: 0.8em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid skyblue; pointer-events: none; } .cp_ipselect.cp_sl01 select { padding: 8px 38px 8px 8px; color: black; } .hissu{ color: red; } .jikan{ font-size: 1.25rem; margin-bottom: 10px; display: initial; } .kakunin{ background: #67c5ff; color: white; } .line { padding: 1em 1.5em; margin: 2em 0; border: double 4px #ff69b4;/*線*/ } .line p{ margin: 0; padding: 0; } table { margin: 20px auto; } .tbl-r02 th { background: #1a19203b; border: solid 1px #ccc; padding: 10px; } .tbl-r02 td {  border: solid 1px #ccc; padding: 10px; } @media screen and (max-width: 920px) { .last td:last-child { border-bottom: solid 1px #ccc; width: 100%; } .tbl-r02 { width: 85%; } .tbl-r02 th, .tbl-r02 td {   border-bottom: none; display: block; width: 100%; } }