@charset "utf-8";

body {
	background-color:#E5E5E5;
	-webkit-text-size-adjust:100%;
}

nav{
	padding:0 0;
	margin:0 0;
}

.wrapper {
	padding:1rem;
}

.wrapper_in {
	background-color: #E5E5E5;
	border-radius: none;
	box-shadow: none;
	padding: .5rem;
}

section {
	padding:3rem 0 0;
}

section:nth-of-type(1) {
	padding:0;
}

.big_title {
	font-size:23px;
	font-weight:bold;
	border-left:8px solid #222;
	border-bottom:1px solid #222;
	padding:0 0 0 .8rem;
	margin:0 0 1rem;
	line-height:1.2;
}

/* =========
Button
========= */
.btn_submit_area {
	width:100%;
	text-align:center;
}

.btn_submit_alink {
	border:3px solid #222;
	color:#fff;
	font-weight:bold;
	display:block;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:30px;
	text-decoration:none;
	padding:1rem;
	background-color:#0B61B0;
}

.btn_submit_alink:hover {
	background-color:#137BC2;
}

/* =========
Form
========= */
#form_reset_password {
	padding:1rem 0 0;
}

.txt_input_title {
	font-weight:bold;
	font-size:16px;
}

.txt_input_area {
	width:100%;
}

.txt_input {
	border:3px solid #222;
	font-weight:bold;
	display:block;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:30px;
	text-decoration:none;
	padding:.5rem 1rem;
	background-color:#ccc;
}

.txt_input:focus {
	background:#e9e9e9;
}

.txt_err {
	text-align:center;
	padding:.5rem;
}

.txt_err span {
	color:#ff0000 !important;
	font-weight:bold;
	padding:0.2rem;
	border-bottom:3px dotted #ff0000;
}

input {
	-webkit-appearance:none;
	font-size:16px;
	font-weight:bold;
}

/* =========
Tab
========= */
#lang_select_list {
	width:100%;
	padding:1rem 0;
	text-align:center;
}

#lang_select_list li {
	display:inline-block;
	padding:.5rem 1rem;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	border:1px solid #ccc;
	border-radius:2px;
	margin:.5rem;
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #e2e2e2 91%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(91%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e2e2e2 91%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#e2e2e2 91%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#e2e2e2 91%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#e2e2e2 91%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.hide {
	display:none;
}

#lang_select_list li:hover {
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}

#lang_select_list li.select {
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

	box-shadow: 0 0 10px #ccc;
}

.txt_detail {
	padding:1rem;
	border:3px solid #ccc;
	border-radius:2px;
	margin:0 auto;
	background-color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.txt_detail > span {
	font-size:20px;
}

/* =========
Media Query
========= */
@media only screen and (max-width:320px) { /* ビューエリアが321pxより小さい場合 */
	.wrapper {
		padding:1rem 0 0;
	}
}

@media only screen and (min-width:321px) {
	.txt_input {
		width:70%;
	}
}