@charset "UTF-8";
/*
Theme Name: ManaSys
Template: basic
Author: Trendmake
Copyright: (c) 2020 Trendmake
Version: 20200403
*/

/*******************************
Common Setting
*******************************/
body {
	font-family: 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	font-size: 16px;
	line-height: 2;
}
#content {
	padding: 0;
}
/* Those Classes change row_inner width,
   when you set the Themify Builder > Row Options > Row Width to Default and Boxed. */
/*.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
	width: 100%;
}*/
body table{
	width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}
/*******************************
Header Fix
*******************************/
#header.header {
	height: auto;
	border-bottom: none;
}

/* Header Site Branding */
#site-logo,
#site-description {
	position: static;
}
#site-logo {
	line-height: 1;
}

/* Search Form in Header */
#headerwrap #header #searchform {
	position: static;
}
#headerwrap #header #searchform #s {
	float: none;
}

/*******************************
Footer Fix
*******************************/
#footer {
	border-top: none;
	clear: none;
	padding: 0;
}
#pc-backtop {
	display: block;
	position: fixed;
	z-index: 500;
	bottom: 50px;
	right: 50px;
	opacity: 0;
	transition: opacity .3s;
	width: 32px;
	height: 32px;
}
#pc-backtop svg{ fill: blue; }
#pc-backtop.is-visible {
	opacity: 1;
}
#pc-backtop.is-visible:hover {
	opacity: .7;
}
#pc-backtop a,
#pc-backtop a img {
	display: block;
}
.sp-footer-icons-container {
	display: none;
}

/*******************************
Contact form
*******************************/
.wpcf7-form table{

}
.wpcf7-form table th{
	white-space: nowrap;
	padding-right: 16px;
	width: 28%;
	padding-top: .5em;
}
.wpcf7-form table th p{ margin-bottom: .6em; }
.wpcf7-form table th,
.wpcf7-form table td{ vertical-align: top; text-align: left; }
.wpcf7-form table th span{
	font-size: 11px;
}
.wpcf7-form table td .holiday-text{ padding-left: .5em; }
.wpcf7-form table td input,
.wpcf7-form table td textarea{ width: 100%; border-radius: 8px; }
.wpcf7-form table td input,
.wpcf7-form table td textarea,
.wpcf7-form table td select{
	font-family: 'Lato', sans-serif; color: #222;
}
.wpcf7-form table td textarea{ max-height: 82px; }
.wpcf7-form table td .short-form,
.wpcf7-form table td .datepics,
.wpcf7-form table td select{
	font-family: 'Lato',Fontawesome,sans-serif;
	width: 150px; padding: 9px 6px; border-radius: 8px;
}
.wpcf7-form table td .short-form2{ background: gray; }
.wpcf7-form table td .short-form2::placeholder{
	color: white;
}
.wpcf7-form table td input[type="date"]{
	width: 150px; padding: 6px; border-radius: 8px;
}
.wpcf7-form table td.date-cell p{
	margin-bottom: 6px;
}
.wpcf7-form table td.address-form input{
	margin-bottom: 6px;
}
.wpcf7-form table td select option{

}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: moccasin!important;
}

@media screen and (max-width: 680px) {
	.wpcf7-form table{
		width: 88%;
		margin: 0 auto 1.2em;
	}
	.wpcf7-form table th,
	.wpcf7-form table td{
		display: block;
		width: 100%;
	}
	.wpcf7-form table td .holiday-text{ display: block; }
}


/************************************************
***************** Media Query *******************
*************************************************/
@media screen and (max-width: 1100px) {
	/*******************************
	Body, Header and Footer Fix
	*******************************/
	#pagewrap {
		position: relative;
		/* padding-bottom: 51px; */
	}

	/*******************************
	Header Fix
	*******************************/
	#header.header {
		padding-top: 30px;
	}
	/* Mobile Header Site Brand */
	.header-brand-container #site-description {
		margin: 0;
		padding-bottom: 8px;
	}

	/* Search Form in Header Nav */
	#headerwrap #header #searchform {
		position: static;
		width: auto;
		margin: 0 auto;
		padding: 8px 16px;
		text-align: center;
	}
	#headerwrap #header #searchform #s {
		float: none;
		width: 80%;
		height: auto;
		font-size: 16px;
		line-height: 1.6;
	}

	/*******************************
	Footer Fix
	*******************************/
	#pc-backtop {
		display: none;
	}
	.sp-footer-icons-container {
		display: flex;
		justify-content: space-around;
		align-items: center;
		position: fixed;
		z-index: 600;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		padding-bottom: calc( env(safe-area-inset-bottom) / 2 );
		background: #4f4f4f;
	}
	.sp-footer-icons-container svg{
		display: block;
		width: 100%;
		text-align: center;
		fill: #1f7bb6;
		height: 16px;
	    margin-bottom: 8px;
	}
	.sp-footer-icons-container a {
		display: block;
		width: 100%;
		line-height: 1;
		text-align: center;
		background-color: #fafafa;
		text-decoration: none;
		font-size:10px;
		padding: 10px 0 6px;
		border-left:1px solid #1f7bb6;
	}
	.sp-footer-icons-container a:first-child{
		border-left:0;
	}
	.sp-footer-icons-container a i {
		display: block;
		font-size: 16px;
		margin-bottom: 8px;
	}
	/* .wpcf7 table tr th,
	.wpcf7 table tr td{
		width:100%;
		display:block;
		padding: 10px 0px;
	}
	.wpcf7 table tr th{
		padding-bottom:0;
	} */
}