﻿body {
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: large;
	line-height: 1.7em;
}

@media screen and (min-width:600px) {
    /*　画面サイズが600pxからはここを読み込む　*/
body {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
}

/* カスタムsubmitボタンここから */
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 17px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #000066;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 5px #000066;  /* 影の設定 */
  border        : 2px solid #333333;    /* 枠の指定 */
  font-weight: bold;

}
.button:hover {
  color         : #999999;     /* 背景色     */
  background    : #000000;     /* 文字色     */
}
/* カスタムsubmitボタンここまで */

/* フォームパーツの拡大ここから */
select {
	border :1px solid #eee;
	font-size :18px;
	width: 60px;
	height: 36px;
}

input[ type=text ] {
	border :1px solid #eee;
	font-size :18px;
	width: 80%;
	height: 30px;
}
input[ type=date ] {
	border :1px solid #eee;
	font-size :18px;
	width: 80%;
	height: 30px;
}
input[ type=tel ] {
	border :1px solid #eee;
	font-size :18px;
	width: 80%;
	height: 30px;
}
input[ type=email ] {
	border :1px solid #eee;
	font-size :18px;
	width: 80%;
	height: 30px;
}

textarea {
	border :1px solid #eee;
	font-size :18px;
	width: 80%;
	height: calc( 1.3em * 5 );
	line-height: 1.3;
}

input[ type=checkbox ] {
  transform: scale(1.6);
  margin:0 0.5em 0;
}

input[ type=radio ] {
  transform: scale(1.5);
  margin:0 0.5em 0;
}

input:required {
  border: 0px solid #FF6666;
}

/* フォームパーツの拡大ここまで */

.header {
	font-size: x-large;
	color: #FFFFFF;
	text-align: center;
}
.notes {
	font-size: small;
	line-height: 1.5;
}

.notice_required {
	color: #FF99CC;
	font-size: large;
	line-height: 1.5;
}

.notice_required_large {
	color: #FF99CC;
	font-size: large;
	line-height: 1.5;
}

.centering {
	text-align: center;
}

.centering_required {
	color: #FF99CC;
	text-align: center;
}

.title {
	background-color: #99CCFF;
	color: #000066;
}
.title_required {
	background-color: #FFCCCC;
	color: #000066;
}
.title_section {
	background-color: #000066;
	color: #FFFFFF;
	text-align: center;
}
.submit_table {
	text-align: center;
	background-color: #FFCCCC;
	height: 60px;
}
.requied_check {
	background-color: #FFCCCC;
	color: #000066;
	text-align: center;
}
.sum {
	color: #FFFFFF;
	font-size: x-large;
}
.title_sum {
	background-color: #6699FF;
	color: #000066;
}
.text_items {
	font-size: large;
}

.subject {
	background-color: #6699FF;
	color: #000066;
}

.time_select {
	font-size: small;

}
