@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ヘッダーの高さ修正 背景指定 */
#header {
background-image: url( 
http://kir022442.kir.jp/osmandjp/wp/wp-content/uploads/2021/06/header_bg.jpg);
background-size: 400%;
background-repeat: no-repeat;
border-bottom:#cc9900 1px solid;
padding-top: 1%;
}

#main_visual{
background-color:#000;
border-bottom:#cc9900 1px solid;
}

ul.sub-menu{
	margin-top:-50px;
}

.swiper-pagination{
	display:none;
}

/* Google Map レスポンシブ */
#map {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

#map .inner {
	position: relative;
	height: 0;
	padding-top: 90%;
	overflow: hidden;
}

#map .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 960px) {

	#map .inner {
		padding-top: 75%;
	}

}

@media (max-width: 600px) {

	#map .inner {
		padding-top: 100%;
	}

}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:768px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .requied,.inquiry .option {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:medium;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
line-height:2em;
}
/*通常欄*/
.inquiry td{
 font-size:medium;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.requied{
 font-size:x-small;
 padding:5px;
 background:#DD3333;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.option{
 font-size:x-small;
 padding:5px;
 background:#1e73be;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタン・チェックボタンを縦並び指定*/
.verticallist .wpcf7-list-item, span.wpcf7-list-item{
 display:block;
}
/* チェックボックス サイズ */
input[type=checkbox] ,input[type=radio] {
	transform:	scale(1.6);
	margin-right:15px;
	margin-bottom: 10px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 margin:0 auto;
 margin-top:30px;
 width:50%;
 background:#b79646 ;
 color:#fff;
 font-size:x-large;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#b79646 ;
 color:#fff;
 opacity:0.7;
}

/* 送信ボタン非活性時のグレー表示 */
input#formbtn:disabled {
    background:#cccccc;
    cursor:not-allowed; /* 禁止カーソル */
}

/* チェックボックスのサイズ変更 */
input[type=checkbox],input[type="radio"] , {
  transform: scale(1.6);
	margin-right:10px
}

/* テキスト欄調整 */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}


@media screen and (min-width:600px) {
#header {
background-size: 150% !important;
padding-top:0;
}
}