@charset "UTF-8";

#gsmf input,
#gsmf select,
#gsmf textarea {
	margin: 2px 0;
	border: solid 1px #a9a9a9;
	padding: 5px;
	background: #fff;
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
}

#gsmf .error {
	background: #ffeeee;
}

#gsmf .error_message {
	color: red;
	font-size: 18px;
	font-weight: bold;
}

/* table */

.gsmf-table {
	position:relative;
	width: 100%;
	max-width: 1074px;
	border-collapse: collapse;
	margin: 0 auto;
}
.gsmf-table th {
	width: 30%;
    padding: 20px 10px;
	font-size: 18px;
	text-align: left;
}
.gsmf-table th img {
    float: right;
}
.gsmf-table td {
/* width: 70%; */
    padding: 20px 10px;
/* background: #fafafa; */
	font-size: 18px;
}

.gsmf-table th.bg,
.gsmf-table td.bg {
      background: #ececec;
}

/* button-box */

.gsmf-button-box {
	width: 100%;
	max-width: 1074px;
	padding: 10px 0;
	margin: 20px auto;
	text-align: center;
}
.gsmf-button {
	cursor: pointer;
}
.gsmf__button__text {
	position:relative;
	max-width: 300px;
	background: #45454a;
	color: #fff;
	text-align:center;
	padding: 15px;
	margin: 20px auto;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}
.gsmf__button__text:hover {
	transition:all 0.4s;
	opacity:0.8;
}

/* modal popup window */

#gsmf-modal-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 120%;
	background: #000;
	opacity: 0;
	z-index: 10000;
}

#gsmf-modal-popup {
	position: absolute;
	width: 90%;
	max-width: 600px;
	background: #fff;
	border: solid 5px #f0f0f0;
	z-index: 20000;
}

#gsmf-modal-popup .button_close {
	border: 0;
	background-color: transparent;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
#gsmf-modal-popup .button_close:hover {
	color: #fff;
	background: red;
}

#gsmf-modal-popup .titlebar {
	background: #f0f0f0;
	text-align: right;
}

#gsmf-modal-popup .dialogbox {
	padding: 10px;
	background: #fff;
}

/* thankyou-box */

.gsmf-thankyou-box {
	background: #fff;
	margin: 0;
	padding: 20px;
	border: solid 5px #f0f0f0;
	text-align: center;
}

/* responsive */

@media only screen and (max-width:480px) {
	.gsmf-table {
		width: 100% !important;
	}
	.gsmf-table tr {
		display: block;
		margin-bottom: 1.5em;
	}
	.gsmf-table th,
	.gsmf-table td {
		display: list-item;
		width: auto;
		border: none;
		list-style-type: none;
		text-align: left;
	}
	
	.gsmf-table #calendar1 {
		width: 200px !important;
	}	
	.gsmf-table #calendar1 tr{
		display: table-row;
		margin-bottom: 0;}

	.gsmf-table #calendar1 th,
	.gsmf-table #calendar1 td {
		display: table-cell;
	}
	
	/* */
	
#gsmf input,
#gsmf select,
#gsmf textarea {
	font-size: 14px;
}

#gsmf .error_message {
	font-size: 14px;
}

.gsmf-table th {
	font-size: 14px;
}

.gsmf-table td {
	font-size: 14px;
}

.gsmf__button__text {
	font-size: 14px;
}
}