@charset "utf-8";
/* CSS Document */

/*
=====================================================
===== media query ===================================
=====================================================
*/
/*PC（1099まで）*/
@media only screen and (max-width: 1099px) {}
/*タブレット*/
@media only screen and (max-width: 959px) {}
/*タブレット小*/
@media only screen and (max-width: 767px) {}
/*スマホ*/
@media only screen and (max-width: 559px) {}






/* フォームスタイル
------------------------------------------*/
form input[type=text], form input[type=email], form input[type=search], form input[type=tel], form input[type=url], form input[type=number], form textarea{
	font-size: 120%;
	-webkit-appearance: none;
	line-height: 1.5em;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border:1px solid #DDD;
	box-shadow: 0 0 1px 0 rgba(255,255,255,0);
	width: 100%;
	box-sizing: border-box;
	padding:5px;}
form input[type=text]:focus, form input[type=email]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=url]:focus, form input[type=number]:focus, form textarea:focus{
	outline: 0;
	background: #fffde7;
	box-shadow: 0 0 1px 0 #ffdb32;
	border: 1px solid #ffdb32;}
form button, form select, form optgroup, form option{
	font-size: 110%;
	line-height: 1.5em;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding:3px;}
form label{
	font-size: 110%;
	cursor: pointer;
	display:block;}
form input[type=checkbox], form input[type=radio]{
	vertical-align:0;
	margin-right:5px;}
form .btn{
	margin-top: -30px;
	text-align:center;}
form .btn input[type=submit] {
	border: none;
	width: 50%;
	font-size: 1.2em;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	background:#007fe0;
	padding:15px 0;
	border-radius:10px;
	color:#FFF;
	text-decoration:none;}
form .btnBack{
	margin-top: 20px;
	text-align:center;}
form .btnBack a {
	border: none;
	width: 40%;
	font-size: 1.2em;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	background:#afafaf;
	padding:10px 0;
	border-radius:10px;
	color:#FFF;
	text-decoration:none;}
form input[type=text].inpDisabled {
	border:none;
	padding:0;
	background:none;
	font-weight:bold;}
form .inp90 { width:90% !important;}
form .inp70 { width:70% !important;}
form .inp50 { width:50% !important;}
form .inp30 { width:30% !important;}
form .inp20 { width:20% !important;}
form .inp10 { width:10% !important;}
form p { padding-bottom: 0;}

form .iframeBox {
	width:100%;
	height:200px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border:1px solid #c9c9c9;}
form .iframeBox iframe {
	width:100%;
	height:100%;
	border:none;
	display:block;}

form tr.hiddenTr {
	display:none;
}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	form .btn input[type=submit] {
		width: 92%;}
	form .btnBack a {
		width: 60%;}
	form .inp20 { width:40% !important;}
	form .inp30 { width:35% !important;}
	form .inp50 { width:70% !important;}
}







/*++++++++++++++++++++++++++++++
+++++++++++++++
++++++

==コンテンツスタイル==
（コンテンツの基本スタイル）

+++++++
+++++++++++++++
++++++++++++++++++++++++++++++*/

#content {
	font-size: 87.5%;}


/*section*/
#content section {
	margin-bottom: 70px;}
#content section.errorBox {
	margin-bottom: 40px;}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	#content section {
		margin-bottom: 50px;}
	#content section.errorBox {
		padding: 0 15px;
		margin-bottom: 30px;}
}


/*h1*/
#content h1 {
	color: #FFF;
	text-align: center;
	padding: 15px;
	margin:0 0 30px 0;}
#content h1.contactTitle {
	background:#74c716;}
#content h1.inquiryTitle {
	background:#a6b3bc;}
/*スマホ*/
@media only screen and (max-width: 559px) {
	#content h1 {
		margin:0 0 15px 0;}
}


/*h3*/
#content h3 {
	border-left: 7px solid #0075c1;
	padding: 15px 0 15px 7px;
	margin: 0;}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	#content h3 {
		font-size: 1.1em;}
}


/*ico*/
span.requico {
	vertical-align: 1px;
	border-radius: 4px;
	background: #fc1800;
	padding: 4px;
	margin-right: 6px;
	color: #FFF;
	font-size: 0.875em;
	font-weight: normal;}
span.anyico {
	vertical-align: 1px;
	border-radius: 4px;
	background: #FFF;
	padding: 4px;
	margin-right: 6px;
	color: #2d3135;
	font-size: 0.875em;
	font-weight: normal;}


/*ulchecklist*/
ul.ulchecklist {
	list-style: none;
	padding-left: 0;}
ul.ulchecklist li {
	padding:5px 0;
	margin-right: 5px;
	display: inline-block;}
ul.ulchecklist li:last-child {
	margin-right: 0;}
ul.ulchecklist li label {
	display: block;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;}


/*ulchecklist2*/
ul.ulchecklist2 {
	list-style: none;
	padding-left: 0;}
ul.ulchecklist2 li {
	padding:5px 0;
	display: block;}
ul.ulchecklist2 li:last-child {
	margin-right: 0;}
ul.ulchecklist2 li label {
	display: block;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;}


/*errorlist*/
ul.errorlist {
	padding: 1em 0;
	margin-left: 2em;}
ul.errorlist li {
	color: #fc1800;
	font-weight: bold;}


/*linkblank*/
a.linkblank {
	margin-left:15px;}
a.linkblank:before {
	text-decoration: none;
	font-family: FontAwesome;
	content:"\f08e";
	margin-right:5px;}


/*link*/
a.link {}
a.link:before {
	text-decoration: none;
	font-family: FontAwesome;
	content:"\f138";
	margin-right:5px;}


/*linknav*/
nav.linknav {
	text-align:center;
	font-weight:bold;
	padding: 10px 0 0 0;
	cursor:pointer;}
nav.linknav a {
	border-radius:20px;
	padding:5px 30px;
	background-color:#74c716;
	color:#FFF;}
nav.linknav a:hover {
	text-decoration: none;
	background-color:#366407;}
nav.linknav a:before {
    font-family: FontAwesome;
	font-weight: normal;
	content: "\f0f6";
    margin-right: 0.4em;}


/*simple-ajax-popup-align-top*/
a.simple-ajax-popup,
a.simple-ajax-popup-align-top{
	margin-left:5px;}
a.simple-ajax-popup:before,
a.simple-ajax-popup-align-top:before{
	text-decoration: none;
	vertical-align: 1px;
	font-family: FontAwesome;
	content:"\f14c";
	margin-right:2px;}


/*table*/
table {
	/*overflow: hidden;*/
	width: 100%;}
table caption {
	font-weight: bold;
	padding:15px 0;
	background: #acacac;}
table th, table td {
	vertical-align:middle;
	padding:10px 15px;
	border:1px solid #c4c4c4;
	background:#FFF;}
table th {
	width: 30%;
	/*background:#595959;
	color: #FFF;*/
	background: #e3e3e3;
	text-align: left;
	font-weight:bold;}
table th.requerror {
	background: #fc1800;
	color: #FFF;}
table th.requerror span.requico {
	background: #FFF;
	color: #fc1800;}
table th.requerror span.requico:before {
	content: "入力";}
table th.requerror span.requico:after {
	content: "項目";}
table td {
	width: 70%;}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	table {
		border-bottom:1px solid #c4c4c4;}
	table th,table td{
		border-bottom: none;
		text-align:left;
		width:auto;
		display:block;}
	table td{
		padding:20px 15px;}
}


/*tab tableStyle02*/
.tab table.tableStyle02 {
	overflow: auto;
	width: 100%;}
.tab table.tableStyle02 caption {
	font-size: 1.2em;
	font-weight: bold;
	padding:15px 0;
	background: #fff1f7;
	border-top: 1px solid #c4c4c4;
	border-bottom: 3px solid #c4c4c4;}
.tab table.tableStyle02 th, .tab table.tableStyle02 td {
	vertical-align:middle;
	padding:10px 15px;
	border:1px solid #c4c4c4;
	background:#FFF;}
.tab table.tableStyle02 th {
	width: auto;
	background: #faf3eb;
	text-align: left;
	font-weight:bold;}
.tab table.tableStyle02 td {
	width: auto;}
.tab table.tableStyle02 th.tith01 {
	background: #ffe8d1;}
.tab table.tableStyle02 th.tith02 {
	background: #daffd1;}
.tab table.tableStyle02 th.tith03 {
	background: #cee0ff;}
.tab table.tableStyle02 .tit01 {
	text-align: center;
	background: #4788d9;
	color: #FFF;}
.tab table.tableStyle02 .tit02 {
	text-align: center;
	background: #d9b847;
	color: #FFF;}
.tab table.tableStyle02 .tit03 {
	text-align: center;
	background: #d94799;
	color: #FFF;}
.tab table.tableStyle02 .name {}
.tab table.tableStyle02 .price {}
.tab table.tableStyle02 .price em {
	font-style: normal;
	white-space: nowrap;}
.tab table.tableStyle02 .check {}
.tab table.tableStyle02 .check label {
	white-space: nowrap;
	display: block;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	.tab table.tableStyle02 {
		border-bottom:1px solid #c4c4c4;}
	.tab table.tableStyle02 th,.tab table.tableStyle02 td{
		border-bottom: none;
		text-align:left;
		width:auto;
		display:block;}
	.tab table.tableStyle02 td{
		float: left;
		border-left: none;
		border-right: none;
		box-sizing: border-box;
		width: 50%;
		padding:15px 10px;}
	.tab table.tableStyle02 td.oneline{
		float: none;
		width: auto;}
	.tab table.tableStyle02 caption {
		font-size: 1.1em;}
	.tab table.tableStyle02 .price { width: 63%;}
	.tab table.tableStyle02 .check { width: 37%;}
	.tab table.tableStyle02 .title br {
		display: none;}
}





/*カレンダースタイル修正*/
.ui-datepicker-trigger {
    margin-left: 5px;
    width: 26px;
    height: auto;}
.ui-datepicker th,
.ui-datepicker td {
	width: auto;}
/*
=====================================================
===== media query ===================================
=====================================================
*/
/*スマホ*/
@media only screen and (max-width: 559px) {
	.ui-datepicker th,
	.ui-datepicker td {
		display: table-cell;}
}


