.wrapper1{ max-width: 1400px; 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; } /* 上にタイトルをつけた囲み枠 */ .box8 { margin: 1em auto; background: #fff; /* 背景色 */ box-shadow: 0 2px 4px rgb(182 125 225); /* 影の色 */ width: 95%; } .box8-title { font-size: 1em; background: #e1b9e9; /* タイトル背景色 */ padding: 5px; text-align: center; color: #333333; /* タイトル文字色 */ font-weight: bold; letter-spacing: 0.05em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); /* タイトル影の色 */ font-family:Comic Sans MS; } .box8 p { margin: 0; padding: 1em; font-family:Comic Sans MS; } .furisodeset{ display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between; background-color: #fff; padding: 20px; margin-top: 20px; } .furisodeset img{ display: block; } .furisodeset li img { width: 100%; } .furisodeset li { width: 31.5%; padding-top: 20px; } .furisodeset span{ font-family:Comic Sans MS; } .furisodeset2{ display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content:space-between; background-color: #fff; padding: 20px; margin-top: 20px; } .furisodeset2 img{ display: block; } .furisodeset2 li img { width: 100%; } .furisodeset2 li { width: 23.1%; padding-top: 20px; } .furisodeset2 span{ font-family:Comic Sans MS; } .box9 { margin: 1em auto; background: #fff; /* 背景色 */ box-shadow: 0 2px 4px rgb(182 125 225); /* 影の色 */ width: 95%; } .box9-title { font-size: 1em; background: #e1b9e9; /* タイトル背景色 */ padding: 5px; text-align: center; color: #333333; /* タイトル文字色 */ font-weight: bold; letter-spacing: 0.05em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); /* タイトル影の色 */ font-family: Comic Sans MS; } .box9 p { margin: 0; padding: 1em; font-family:Comic Sans MS; text-align: left; line-height: 25px; } .burog1 { padding: 0.5em 1em; margin: 2em 0; color: #2c2c2f; background: #bb20972e;/*背景色*/ } .burog1 p { margin: 0; padding: 0; } .btn-border { display: inline-block; max-width: 230px; text-align: left; border: 2px solid #edacdf; font-size: 13px; color: #333333; text-decoration: none; font-weight: bold; padding: 8px 16px; border-radius: 4px; transition: .4s; } .btn-border:hover { background-color: #d575c0; border-color: #edacdf; color: #FFF; }