@charset "UTF-8";
/* CSS Document */

/*------------------------------------

   contact

------------------------------------*/
.other_contact{
	margin: 2em auto;
	justify-content: center;
	gap:10px
}
.other_contact a,
.other_contact a:before{
	border-radius: 5px!important;
}

.other_contact a:first-of-type{
	background: var(--skyblue)
}
.other_contact a:first-of-type:before{
	background: #52d5ff;
}
.other_contact a:nth-of-type(2){
	background: var(--green1)
}
.other_contact a:nth-of-type(2):before{
	background: #72c2b3;
}


hr{
	margin: 5em auto;
}



/*------------------------------------

  form 

------------------------------------*/


/*-------------------------
 　フォーム進行状況
-------------------------*/
.form-flow {
    margin: 3em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}
.form-flow > li {
    margin: .5em 0;
	width: 32%;
    background: #ccc;
    padding: .8em;
    text-align: center;
    border-radius: .3em;
    color: #a7a7a7;
	font-weight: 400;
	letter-spacing: 1px
}
.form-flow li.pickup {
    background: var(--main-color)!important;
    color: #fff;
}
.form-att{
	color:red;
	font-weight: bold;
}

#check .form-att{color: #000}

.form_att{
	color: red;
    margin: 1em auto;
    font-size: 13px;
    line-height: 1.5;
}


/*-------------------------
 　フォーム　テーブル
-------------------------*/

#form{
	margin: 3em auto
}
#form > dl,
.form-inner dl{
	padding: 1em 0;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#form > dl > dt,
#form > dl > dd,
.form-inner dt,
.form-inner dd{
	padding: .3em 0;
	margin: 0;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px
}
#form > dl > dt,
.form-inner dt{
	font-weight: bold;
}
#form > dl > dd a{
	color: #000
}

/*-- 必須・任意 --*/

.hissu:before,
.nini:before,
.jidou:before{
	padding: .3em;
	color: #fff;
	margin-right: 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	width: 30px;
	text-align: center
}

.hissu:before{
	content: '必須';
	background: #f17676;
}
.nini:before{
	content: '任意';
	background: #9b9b9b;
}
.jidou:before{
	content: '自動';
	background: #333;
}

@media screen and (max-width:800px){
	#form > dl > dt,
	#form > dl > dd,
	.form-inner dt,
	.form-inner dd{
		width: 100%
	}
}
@media screen and (min-width:801px){
	#form > dl > dt,
	.form-inner dt{
		width: 26%;
		margin-right: 4%
	}
	#form > dl > dd,
	.form-inner dd{
		width: 65%;
	}
}


/*-------------------------
 　フォーム　input
-------------------------*/
#form input[type="text"],
#form input[type="email"],
#form input[type="url"],
#form textarea,
#zip_wrap input[type="tel"]{
	border: solid 1px #b6b6b6;
    border-radius: 5px;
    padding: 1em .5em;
    margin: 0;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}


input[type="text"].w-100,
#form input[type="email"].w-100,
textarea.w-100{
	width: 100%
}

input[type="text"].tel,
input[type="text"].zip{
	padding: 1em
}

textarea{
	line-height: 1.6;
	font-weight: 400
}

@media screen and (max-width:668px){
	input[type="text"].tel,
	input[type="tel"].zip{
		width: auto!important;
	}
}
@media(min-width:668px){
	input[type="text"].tel,
	input[type="tel"].zip{
		width: 10%!important
	}
}

#zip_wrap {
	margin-bottom: .8em;
}
#zip{
	width: 60%!important
}
@media(min-width:668px){
	#zip{
		width: 30%!important
	}
}
#zip_wrap span{
	display: inline-block;
	margin-left: .5em;
}
.confirm #zip_wrap span{
	display: none
}



.mwform-radio-field{
	margin: 1em 1em 1em 0
}
.mwform-zip-field{
	display: block
}


/*  ラジオボタン・チェックボックス */
.mwform-radio-field input[type="radio"],
.mwform-checkbox-field input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.mwform-radio-field input[type="radio"] + .mwform-radio-field-text:before,
.mwform-checkbox-field
  input[type="checkbox"]
  + .mwform-checkbox-field-text:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 25px;
  height: 25px;
	  line-height: 26px;
  position: relative;
  top: 4px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  background-color: #F5F4F0;
}

.mwform-checkbox-field
  input[type="checkbox"]
  + .mwform-checkbox-field-text:before {
  border-radius: 0!important;
}

.mwform-radio-field-text{
  font-weight: 500;
}
.mwform-radio-field input[type="radio"] + .mwform-radio-field-text:before{
  top: 2px;
}


.mwform-radio-field
  input[type="radio"]:checked
  + .mwform-radio-field-text:before,
.mwform-checkbox-field
  input[type="checkbox"]:checked
  + .mwform-checkbox-field-text:before {
	  content: '\ea10';
	  font-family: icomoon;
  /*background-color: #55524A;
  box-shadow: inset 0 0 0 4px #F5F4F0;*/
}
.mwform-radio-field input[type="radio"]:focus + .mwform-radio-field-text:before,
.mwform-checkbox-field
  input[type="checkbox"]:focus
  + .mwform-checkbox-field-text:before {
  outline: none;
  border-color: #06162f;
}
.mwform-radio-field
  input[type="radio"]:disabled
  + .mwform-radio-field-text:before,
.mwform-checkbox-field
  input[type="checkbox"]:disabled
  + .mwform-checkbox-field-text:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.mwform-radio-field input[type="radio"] + .mwform-radio-field-text:empty:before,
.mwform-checkbox-field
  input[type="checkbox"]
  + .mwform-checkbox-field-text:empty:before {
  margin-right: 0;
}

select,
input[type="number"]{
	padding: 1em .5em;
	font-size: 16px;
	font-weight: 500;
	border: solid 1px #b6b6b6;
	border-radius: 5px;
}

input[type="number"]{
	width: 80%;
	max-width: 350px
}

/* Chrome, Safari, Edge 対応 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox 対応 */
input[type=number] {
    -moz-appearance: textfield;
}


select, .day1, .date1, .day2, .date2 {
  padding-right: 20px;
  cursor: pointer;
}
.day1::placeholder, .date1::placeholder, .day2::placeholder, .date2::placeholder {
  color: #000;
}

.day1,
.date1,
.day2,
.date2 {
  width: 240px;
}
.date1,
.date2{
  margin-left: 7px;
}

@media (max-width: 680px) {
    .day1, .date1, .day2, .date2{
        width: 37%;
        font-size: 14px;
    }
}

/*-- submit --*/

input[type="submit"]{
	display: block;
    width: 90%;
    max-width: 250px;
    background: var(--main-color);
    text-align: center;
    padding: 1em;
    border: none;
    margin: 3em auto;
    border-radius: 3em;
    color: #fff;
    font-weight: 400;
	outline: none;
	position: relative;
	top: -3px;
	transition: .3s
}
input[type="submit"]:hover{
	top: 0;
	transition: .3s;
	opacity: .8
}

input[type="submit"].back{
	background: #ccc
}
input[type="submit"]{
	appearance: none;
}
.error{margin: .5em auto}
.privacy_check{
	text-decoration: underline

}

/*-------------------------
 送信完了画面
-------------------------*/

.thanks_message h3 {
    margin: 1em auto;
    font-size: 1.8em;
    font-weight: bold;
}
.thanks_message > p {
    line-height: 1.8em;
	margin-bottom: 2em;
	font-weight: 400
}
.thanks_message .contact_tel_wrap{
	margin-bottom: 2em
}
.thanks_message .contact_tel_wrap p{
	margin-bottom: 0
}
.thanks_message a.btn1 span:after{
	display: none
}

.thanks_tel{
	font-size: 1.6em;
	font-weight: bold;
}




/*-------------------------
 イベント　フォーム
-------------------------*/
.event_form{
	padding: 1em 0;
}
.event_form dl{
	
}
.event_form dt,
.event_form dd{
	width: 100%;
	padding: .3em 0
}
.event_form_date dt,
.event_form_date dd{
	width: 100%;
}

@media (min-width:668px){
	.event_form_date dt{
		width: 100px;
		margin-right: 10px
	}
	.event_form_date dd{
		width: calc(100% - 110px)
	}
}

@media (min-width:801px){
	.event_form dt{
		width: 26%;
		margin-right: 4%;
	}
	.event_form dd{
		width: 65%;
	}
}



.event_title_wrap{
	background: #F5F4F0;
	padding: 20px!important
}

@media (min-width:768px){
	.event_title_wrap{
		background: #F5F4F0;
		padding: 30px 40px 40px!important;
	}
}

.event_title{
	font-weight: bold;
	font-size: 1.3em;
	border-bottom: solid 1px #E5E3E3;
	padding-bottom: .5em;
	margin-bottom: 1em;
	display: block;
}

.event_form_date:first-of-type,
.date_select{
	margin-bottom: .5em;
}

.date_select{
	align-items: center;
	justify-content: flex-start
}

.date_select > span:first-of-type{
	margin-right: 1em;
}
.date_select > span:last-of-type{
	margin-left: 1em
}
.date_select select{
	height: 60px;
	appearance:none;
	background-image: url("../img/common/select_ic.svg");
	background-size: 10px 12px;
	background-position: center right 12px;
	background-repeat: no-repeat;
}

select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}


@media (max-width:667px){
	.date_select > span:first-of-type{
		width: 100%
	}
}


.label6{
	display: inline-block;
	margin-left: 1em;
}

input[type="text"], input[type="email"], input[type="number"], select, textarea, button, input[type="submit"] {
    appearance: none;
	-webkit-appearance: none;
}

.adult, .children {
    width: 100px;
	height: 60px
}

.adult::-webkit-inner-spin-button,
.adult::-webkit-outer-spin-button,
.children::-webkit-inner-spin-button,
.children::-webkit-outer-spin-button{
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}


.event_form_section > dl{
	border-bottom: none!important
}


/*-------------------------
 資料請求フォーム
-------------------------*/

.sentaku{
	border: solid 1px #ccc;
    border-radius: 3px;
    max-width: 1000px;
    padding: 1em;
}

.sentaku > p{
	font-weight: bold;
	text-align: center;
	margin-bottom: .5em;
}

.sentaku ul{
	justify-content: center
}
.sentaku li{
	width: calc((100% / 2) - 10px);
	margin: 5px;
	text-align: center;
}
@media (max-width:667px){
	.sentaku li:last-of-type{
		width: 100%;
	}
}
@media (min-width:668px){
	.sentaku li{
		width: calc((100% / 3) - 10px);
	}
}

.sentaku li a{
	display: block;
	color: #fff;
	background: #333;
	padding: .8em 0;
	font-weight: bold;
	border-radius: 5px;
	transition: .2s
}

.sentaku li a:hover{
	background: #ccc;
	color: #333
}


.kyoumi_txt{
	font-size: .9em;
	font-weight: bold;
}

#check .kyoumi_txt{
	display: none
}


.youbou dd{
	font-weight: bold!important;
}

/*  チェックボタン　*/

.cbox .mwform-checkbox-field,
.yosan .mwform-radio-field{
	margin: .3em 10px .3em 0!important;
	display: inline-block;
	font-size: .95rem;
	width: 100%;
}

@media (min-width:768px){
	.kibou .mwform-checkbox-field{
		max-width: 300px;
	}
	.kibou .mwform-checkbox-field:last-of-type{
		max-width: 100%!important
	}
	
	.shouhin .mwform-checkbox-field,
	.kentou .mwform-checkbox-field,
	.toiawase .mwform-checkbox-field{
		width: 48%!important
	}
	
	.shisetsu .mwform-checkbox-field,
	.yosan .mwform-radio-field{
		max-width: 240px;
	}
	.shisetsu .mwform-checkbox-field:first-of-type,
	.shisetsu .mwform-checkbox-field:nth-of-type(2){
		max-width: 100%!important;
	}
	.shisetsu .mwform-checkbox-field:nth-of-type(3),
	.shisetsu .mwform-checkbox-field:nth-of-type(6),
	.shiryou .mwform-checkbox-field:not(:first-of-type){
		margin-left: 10px!important;
	}
	
}



.shisetsu dd{
	justify-content: flex-start;
}






.tab-buttons {
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 1em;
  border-bottom: 2px solid #ddd;
}
.tab-buttons li {
  padding: 0.5em 1em;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.tab-buttons li.active {
  border-color: #0073aa; /* WordPressブルー */
  font-weight: bold;
}

.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}