@charset "utf-8";
.well .btn.btn-lg.btn-default.headbtn {
}
.well .btn.btn-lg.btn-default.headbtn {
}
body{background:#DCDCDC;}
.container{background:#FFF ;
}

/*header*/
.header{
	padding: 1em;
	/*
	background:#00847A;*/
	background: #00A99D;
}

.logo{
	margin-top: 10px
}

@media screen and (max-width:767px){
	.logo {
		text-align: center
	}
}

.headline{
	color: #FFF;
	background: #00A99D;
	padding: 1em;
	text-align: center;
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.div-top-button{
	text-align: right;
	margin-top: 50px;
}
@media screen and (max-width:767px){
	.div-top-button{
		text-align: center;
		margin-top: 10px;
	}
}
.top-button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.top-button::before,
.top-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.top-button,
.top-button::before,
.top-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.top-button {
	position: relative;
	background-color: #f7d034;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #f7ba59;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.top-button:hover {
	top: -4px;
	box-shadow: 0 7px 0 #f7ba59;
}
.top-button:active {
	top: 3px;
	box-shadow: none;
}

/*googlemap*/
.google-maps {
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*ビルの画像*/
.bill {
	margin-left: auto;
	margin-right: auto;
	display: inherit;
}

/* Share-line */
.share-line{
	padding: 1em;
	text-align: center;
	width: 100%;
	background: #00A99D;
	color: #FFF;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* SNS */
.share ul {
	margin : 0;
    padding : 0;
    list-style : none;
}
.share li a {
	display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.share li a:hover {
	opacity :0.8;
    color : #fff;
}
.share li a:visited{
	color: #fff;
}
.share ul:after {
	content : "";
    display : block;
    clear : both;
}
.tweet a{
	background-color : #55acee;
}
.facebook a{
	background-color : #315096;
}
.line a{background-color: #00c300;}
.share li {
	float : left;
    width : 33.3%;
    margin : 0;
	margin-top:0px;
}

@media screen and (max-width:767px){
.share li {
  float : left;
  width : 100%;
  margin:0 2% 3% 0;
	}
.share li a {border-radius:6px;}
}

/*icomoonfont*/
@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?6osfvw');
  src:  url('./fonts/icomoon.eot?6osfvw#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?6osfvw') format('truetype'),
    url('./fonts/icomoon.woff?6osfvw') format('woff'),
    url('./fonts/icomoon.svg?6osfvw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}



/* Event */
.event-line{
	padding: 1em;
	text-align: center;
	width: 100%;
	background: #00A99D;
	color: #FFF;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.event ul {margin : 0;
    padding : 0;
    list-style : none;}
.event li a {display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }

.event li a:hover {opacity :0.8;
    color : #fff;}
.event li a:visited{ color: #fff;}
.event ul:after {content : "";
    display : block;
    clear : both;
}
.horutohall a{background-color : #A4C31E;}
.amu a{background-color : #E4004C;}
.icoi a{background-color: #00c300;}
.sorin a{background-color: #C8010F;}
.machinaka a{background-color: #0061EC;}
.aibun a{background-color: #FFAE00}
.event li {
	float : left;
    width : 100%;
    margin : 0;
	margin-top:0px;
}

@media screen and (max-width:767px){
	.event li {
  		float : left;
  		width : 100%;
  		margin:0 2% 3% 0;
	}
	.event li a {
		border-radius:6px;
	}
}

/*inquiry*/
.inquiry-line{
	padding: 1em;
	text-align: center;
	width: 100%;
	background:#EC9E2F;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;	
}

/*faq-button*/
.faq-button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.faq-button::before,
.faq-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.faq-button,
.faq-button::before,
.faq-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.faq-button {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
}
.faq-button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}

/*inquiry-form*/
form{
	padding: 1em;
	margin: 0 auto;
	background:#DCDCDC;
}
form div + div {
    margin-top: 1em;
}
label {
    /* すべてのラベルを同じサイズにして、きちんと揃える */
    display: inline-block;
    width: 80px;
    text-align: right;
	color:#222222;
}
input, textarea {
    /* すべてのテキストフィールドのフォント設定を一致させる
       デフォルトで、textarea は等幅フォントが設定されている */
    font: 1em sans-serif;
    /* すべてのテキストフィールドを同じサイズにする */
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* アクティブな要素を少し強調する */
    border-color: #000;
}
textarea {
    /* 複数行のテキストフィールドをラベルにきちんと揃える */
    vertical-align: top;
    /* テキスト入力に十分な領域を与える */
    height: 5em;
    /* ユーザが textarea を垂直方向にリサイズできるようにする
       これが動作しないブラウザもある */
    resize: vertical;
}
button {
    /* このマージンは、ラベルとテキストフィールドの間のスペースと
       おおよそ同じスペースを表す */
    margin-left: .5em;
}
@media screen and (max-width:460px){
	label {
    text-align: left;
	width: 100%;
	}
	input, textarea {
    width: 100%;
	}
}

/*送信ボタンの装飾*/
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	background-color: #333;
	color: #fff;
}
.button:hover {
	background-color: #59b1eb;
}


/* footer */
.footer{
	padding: 1em;
	text-align: center;
	width: 100%;
	background: #00A99D;
	margin-top: 10px;
}
.footer-label{
	color:#FFFFFF;
	font-size: 20px;
}
.footer-tel{
	color: #FFFFFF;
	font-size: 20px;
	text-decoration: none;
    }
.footer-tel:hover {
	opacity :0.8;
    color : #B1B1B1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
	text-decoration: none;
}
.footer-tel a:visited{ 
	color: #FFFFFF;
	text-decoration: none;
}
.footer-tel:after {
	content : "";
    display : block;
    clear : both;
}
.copywright{
	margin-top: 20px;
	font-size: 12px;
	color: #000000;
}

/*faq-page*/
.faq-tsukigime{
	background:#3584FF;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
}
.faq-time{
	margin-top: 20px;
	background:#FF8D1D;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
}

table {
	width: 100%; 
}
th,td  { 
	padding: 10px; 
	border: 1px solid #ddd; 
}
th  { background: #f4f4f4; }
.faq-table th  { width: 30%; text-align: left; }
@media only screen and (max-width:767px){
    /*.faq-table { margin: 0 -10px; }*/
    .faq-table th,
    .faq-table td{
    width: 100%;
    display: block;
    border-top: none;
    }
  	.faq-table tr:first-child th {
	  border-top: 1px solid #ddd; 
	}
	
}

/*faq-button-back*/
.faqback{
	text-align: center;
}
.faq-button-back {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-top: 10px;
}
.faq-button-back::before,
.faq-button-back::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.faq-button-back,
.faq-button-back::before,
.faq-button-back::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.faq-button-back {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
}
.faq-button-back:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}