@charset "utf-8";

/* BODY */
body{
  font-size: 14px;
  color:#333;
}

.greenblock{
  margin:0 0 10px;
  padding:5px 7px;
  color:#fff;
  text-shadow:0 1px 1px rgba(51,102,0,0.8);
  background-color:#693;
  text-align:left;

  background: linear-gradient(#693, #9c3);
  border-radius:3px;
}



/* h1 */
:where(h1){
  margin:4px;
  padding:5px 7px;
  color:#fff;
  text-shadow:0 1px 1px rgba(51,102,0,0.8);
  font-size:14px;
  text-align:left;
  background-color:#693;

  background-color: linear-gradient(#693, #9c3);
  border-radius:3px;
  
}

#header h1#h1__purple{
  background-color:#7E57C2;
  background:linear-gradient(#7E57C2 80%, #9575CD);
}


#header h1#h1__red{
  background-color:#dc143c;
  background:linear-gradient(#dc143c 80%, #EF5350);
}


/* form setting */
#smForm{
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;

  padding:10px 5px;
  width:calc(100% - 12px);

  box-sizing:border-box;
  border:1px solid #dcdcdc;

  border-radius:8px 8px 2px 2px;
  box-shadow:1px 1px 1px rgba(0,0,0, 0.6);



}
fieldset{
  margin:7px 0 0;
  padding:5px 0;
  border:0;
}
#smForm p{
  padding:3px 5px;
  width:94%;
}


input{  font-size:16px; }

input[type="text"],
input[type="email"],
input[type="tel"] {
  position:relative;
  display:inline-block;
  box-sizing: border-box;

  margin-top:4px;
  margin-bottom:2px;
  padding-inline:4px;
  height:35px;
  vertical-align:middle;
  outline: 0;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="radio"]{
  margin-right:3px;
  height:auto;
}


input[type="submit"]{
  display:block;
  margin:10px auto;
  width:125px;
  height:35px;
  clear:both;
  text-align:center;

  border:1px solid #000;
  border-radius: 3px;
}

legend,
.kouzaTitle,
.formKtitle dt{
  display:block;
  margin:0 0 3px;
  padding:4px 0 4px 10px;
  width:94%;
  background-color:#f93;

  background: linear-gradient(#ffe4b5, #fff8dc);
  box-shadow:1px 1px 2px #c90;
}

/* smartphone order_form */
#order_button_word{ margin-top:20px; }

/* smartphone_view */
.formKtitle dd{ margin:10px 5px 15px; }


/* smartphone_view */

#mainLayout #addrGroup p{
	margin-bottom:15px;
}

.nameFw{ width:130px; }
.telFw{ width:90px; }
.mailFw{ width:94%; }

.nameFw, .mailFw, .telFw, textarea{

  border:1px solid #777;
  border-radius:4px;
  box-shadow: 1px 1px 1px #fff;

  background: linear-gradient(#eee, #fff);
  border-radius: 4px;
  box-shadow: 1px 1px 1px #dcdcdc;
}

.buttomCenter{
  margin:auto 0;
  text-align:center;
}

.size-16{ font-size:16px; }


/* radio bottom */
.radios {
	column-count: 2;
	column-gap: 10px;
}
.radios legend {
	column-span: all;
}
.radios label {
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
	break-inside: avoid;
}


.buttomCenter table{ width:100%; }



/* all omake! */
form:after
{
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	clear:both;
}


.tw10{ margin-top:10px; }

.saiInfo{
  margin:10px 0;
}
.saiInfo span{
  display:block;
  margin-bottom:10px;
}


/* buttom */


#color-a{

 width:100%;
 
 font-weight:700;
 color:#fcfcfc;
 height:50px;
 
 background-image:url("./images/arrow_mark_form.png");
 background-position:90% 50%;
 background-repeat:no-repeat;
 background-size:cover;

 border:1px solid #dcdcdc;
 border-radius:6px;

}


#syusei-text{
 display:block;
 margin:20px auto 15px;
 padding:0;
 text-align:center;
}

#security-text{
 margin:5px auto 0;
 padding:5px;
 width:95%;

 font-size:12px;

 border-top:1px solid #dcdcdc;
 border-bottom:1px solid #dcdcdc;

}

#security-text p{
 margin-top:10px;
 background-color:transparent;
 color:#333;
 width:60%;

 text-align:left;
 
 float:left;
}

.tel_attention{
  padding-top:5px;
  padding-left:7px;
  padding-right:7px;
  font-size:12px;
}

/* Footer link */
.footerLinks{
  margin:10px auto 0;
  font-size:14px;
}


/* other */
h3#ccExp-Head{
 font-size:14px;
 text-align:left;
 color:#444;
}

h3#ccExp-Head span{ color:#C00; }


#ccListExp li{
 margin-left:25px;
 line-height:1.3em;

 list-style-position: outside;
}

/* color  */
.red-word{ color:#f00; }


/* 230324 form  */
.radio-list{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  
  margin-top:10px;
}

.radio-list label{
  display: block;
  width: 45%;

}



/* 240917追加 */
.userBlock{
 margin-left:6px;
 margin-right:6px;
}

.userBlock img{
 margin-top:2px;
 margin-bottom:4px;
}

/* 260227 add  */
.course-ends__wrapper{
  margin-inline:auto;
  width:330px;
}

.course-ends__wrapper p:has(+ p){ padding-bottom: .5rem; }
.course-ends__title{
  padding-bottom:10px;
  text-align:center;
  
  font-size:20px;

}

/* 260814 */
/* ① 通常時の入力欄（クリックしていない状態） */
input[type="text"],
input[type="email"] {
  border: 1px solid #333; /* グレーの枠線 */
  outline: none;          /* ブラウザ標準の水色枠を消す */
}

/* ② 選択・入力中の時（:focus が付いている） */
input[type="text"]:focus,
input[type="email"]:focus {
  border-color: #3182ce;  /* 枠線の色を青に変える */
  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.2); /* 枠の外側に柔らかい光（影）を出す */
}

/* ENDあ */