@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
html {
}
body { 
	font-size:90%;
	text-align:center;
	line-height:160%;
	/*background:#FF9400;*/
}
h1, h2, h3 {
	font-size:100%;
}
a img {
	border:none;
}

/*目次*/
.hanshin_guide{
margin-top: 120px;
/*margin-bottom: 20px;*/
text-align: center;
}
.hanshin_guide a{
font-size: 13px;
color: darkgray;
text-decoration: none;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.hanshin_guide span a:hover{
opacity: 0.5;
}

.hanshin_guide span2{
font-weight: bold;
}

#wrapper{
	max-width: 760px;
	margin: auto;
	/*background:#fff;*/
	padding: 20px 0;
	text-align: left;
}
/*
#wrapper{
	width:760px;
	margin:0px auto 0;
	background:#fff;
	padding: 20px 0;
	text-align:left;
}
*/
#formbox{
	margin:0 20px;
}
h1{
	font-size: 18px;
	margin-bottom: 20px;
	/*border-left:5px solid #845300;*/
	padding: 13px 10px 10px 10px;
	text-align: center;
	background: #ddd; /*#f4f4f5;*/
	color: #000; /*#845300;*/
}
	h1 .sac1{
		display: none;
}
	h1 .sac2{
		display: none;
	}
@media screen and (max-width: 580px){
	h1 .sac1{
		display: inline;
	}
}
@media screen and (max-width: 425px){
	h1 .sac2{
		display: inline;
	}
}
@media screen and (max-width: 375px){
	h1{
		font-size: 15px;
			padding: 12px 0 10px 0;
	}
}
.description{
	font-size: 16px;
	    font-weight: bold;
	margin: 30px 0px -10px 0px;
	text-align: center;
font-family: "SF Pro JP", "SF ProDisplay", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (max-width: 375px){
	.description{
		font-size: 14px;
}
}
	.description2{
	width: 220px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	/*margin: 30px 0px 20px;*/
	text-align: center;
	background: #778288; /*#0000EE;*/ /*#f4f4f5;*/
	border-radius: 5px;
		padding: 5px 0 5px 0;
}
.description2 a{
	text-decoration: none;
	color: #ffffff; /*#845300;*/
}
.description2:hover{
	opacity:75%;
}

h2{
	margin:0 20px 3px;
	/*border-bottom:1px solid #e0e0e4;*/
	padding: 3px 10px 3px 15px;
	background: #f4f4f5;
}

h3{
	font-size: 95%;
	margin:0 0 10px 0;
	text-align: center;
}
h3 .form{
		display: none;
}
@media screen and (max-width: 530px){
h3 .form{
		display: inline;
			font-size: 100%;
	margin:0 0 0 0;
}
}

.red {
	color: #FF0000;
}

.commodity{
	width: 100%;
	margin: auto;
	}
	
/*.commodity table{
	margin: auto;
	width: 100%;
	padding: 0 20px 0 20px;
}

.commodity table td{
	font-size: 14px;
	font-weight: bold;
	padding: 9px;
	font-family: "SF Pro JP", "SF ProDisplay", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}*/

table{
width: 100%;
}
table th{
	width: 180px;
	font-size:90%;
	padding: 10px 20px 10px 15px;
	text-align: left;
	background:#f4f4f5;
	border:1px solid #e0e0e4;
	border-width:0 1px 1px 0;
}
table td{
	width: auto;
	font-size: 100%;
	padding:10px 0px 10px 25px;
	border-bottom: 1px solid #e0e0e4;
}
table .td_2{
	font-size: 100%;
	padding: 10px;
	border-bottom: 2px solid #e0e0e4;
}
input::placeholder {
	color: lightgray;
}
textarea::placeholder {
	color: lightgray;
	font-size: 14px;
	margin-left: -20px;
}
input.form_lable_entryform{
	width: 100%;
	border: none;
}
.button{
	font-size: 13px; 
	font-weight: bold; 
	padding: 7px 10px 5px 10px; 
	border-radius: 5px;
	border: 3px solid black;
}
textarea.form_lable_entryform{
	width: 100%;
	border: none;
}
/*.form_lable{
	margin-bottom: 10px;
}*/
	.label-mei{
    font-size: 90%;
    padding: 3px 20px 2px 20px; 
    text-align: left;
    background: #e3e7ea;  /*#eceff1;*/
    border: 1px solid #e0e0e4;
    border-width: 0 1px 1px 0;
}
/*.label-mei{
    font-size: 90%;
    padding: 3px 20px 2px 20px;
    text-align: left;
    background: #eceff1;
    border: 1px solid #e0e0e4;
    border-width: 0 1px 1px 0;
}*/
.label-mei p{
	/*font-color: black;*/
	font-weight: bold;
}
.form_lable_entry{
width: auto;
        border-bottom: none;
	padding: 10px 45px 10px 19px;
	background-color: white;
	margin-bottom: 12px;
}
/*.form_lable_entry{
width: auto;
        border-bottom: none;
        padding: 10px 45px 20px 19px;
}*/
.form_lable_entry2{
/*width: 100%;*/
	border-bottom: none;
        /*padding: 10px 12px 20px 0px;*/
	margin: 10px 2px 0 20px;
	border-color: none;
}

/*@media screen and (max-width: 700px){
table tr th,table tr td{
display: block;
}
table{
width: 100%;
	}
	table tr th{
		width: auto;
}
	table th{
		width: 100%;
		padding: 10px 0px 4px 20px;
}
table td{
		width: auto;
		padding: 0;
		border-bottom: none;
		padding:10px 45px 20px 16px;
}
}*/
/*@media screen and (max-width: 535px){
table th{
padding: 0px;
}
table th{
padding: 0px;
}
}
@media screen and (max-width: 425px){
.commodity table {
padding: 0 0 0 0;
}
}*/


.formSubmitButton{
	margin: 30px 0 40px 0;
	text-align:center;
	background-color: #dfe4e7;  /*#ddd;*/  /*lightgray;*/
}
/*input.text{
	font-size: 90%;
	border-style:solid;
	border-width: 1px;
	margin: 0 -1px 0  ;
	color: #777777;
}*/
textarea{
	font-size: 12px;
	/*border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;*/
	/*border-style:solid;*/
	/*border-width:1px;
	padding:5px;*/
	width: 100%;
	resize: vertical;
	/*overflow-y: scroll;*/
  /*scrollbar-color: blue;*/
  scrollbar-width: none;
}

input:focus {
background-color: #FFFFCC;
}