﻿/* ===================================================================
fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */


h1,h2,h3,h4,h5,h6,h7{
	margin:0;
	padding:0;
}

thead th,
tbody th{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:85%;
	background-color: #FFFFFF;
	text-align:center;
}

header{
	background-color:#e60012;
	padding:10px;
	}

header h1{
	color:#FFF;
	margin:0 auto;
	font-size:140%;
	}
h2{
	padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    font-size: 120%;
    background-color: #ffeee2;
}

#wrap{
width:960px;/*960*/
margin:0px auto ;
padding:0;
/*border:1px solid #ccc;*/
}

.orange{color:#f60;}
.green{color:#6fb92c;}
.blue{color:#61bce8;}
.red{color:#ff0000;}
.blue2{color:#007b9e;}

footer{
	font-size:80%;
	text-align:center;
	padding:10px;
	margin:0;
	background:#FFFFFF;
	clear:both;
	border-top:solid 5px #e60012;
}

.input_btn{
	font-size:120%;
	padding:10px 20px;
	background-color:#b5c7dc;
	text-align:center;
	margin:0 auto 15px;
	border:solid 1px #a5a5a5;
}

input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: solid 1px #a5a5a5;
}
 
 
input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 150%;
  padding: 12px 15px;
  width:90%;
  max-width: 300px;
  transition: 0.8s;
  border-radius: 0;
  margin: 0 auto;
  border: solid 1px #a5a5a5;
}
 
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
.wraper{
	width:85%;	/*スマホ用*/
	max-width:800px;	/*PC用*/
	margin-left: auto;
    margin-right: auto;
}
input[type="radio"] {
		transform: scale(1.5);
		margin-right: 15px;
    }
.radiotxt{
	font-size:130%;
	margin-right:10px;
}
/*
@media(max-width:1200px) {
    input[type="text"] {
		font-size:3.5em;
		width: 50%;
    }
    input[type="radio"] {
		transform: scale(2.0);
		margin-right: 20px;
    }
	.input_btn{
		font-size: 2.5em;
	}
	.radiotxt{
		font-size:180%;
		margin-right:30px;
	}
}
@media(max-width:1024px) {
    input[type="text"] {
		font-size:3.5em;
		width: 70%;
    }
    input[type="radio"] {
		transform: scale(2.0);
		margin-right: 20px;
    }
	.input_btn{
		font-size: 2.5em;
	}
	.radiotxt{
		font-size:180%;
		margin-right:30px;
	}
}
@media(max-width:834px) {
    input[type="text"] {
		font-size:3.5em;
		width: 70%;
    }
    input[type="radio"] {
		transform: scale(2.0);
		margin-right: 20px;
    }
	.input_btn{
		font-size: 2.5em;
	}
	.radiotxt{
		font-size:3.5em;
		margin-right:30px;
	}
}
*/