/*--------------------------------------------------*/
/* タブ切り替え */
/*--------------------------------------------------*/
#panel-1-ctrl , #panel-2-ctrl{
  display: none;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
  overflow-x: hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: none;
  opacity: 1;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: none;
  opacity: 1;
}
#tabs-list li{
  width:50%;
  float: left;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  color:#fff;
}
#tabs-list li label {
  display: block;
  width: 100%;
  font-size: 45px;
  background: #aaa;
  padding: 0 20px;
}
#tabs-list li label.panel-label-selected {
  background: #5ccfe6;
}
#tabs-list li label:hover{
  background: #3ebbda;
}
#tabs-list #li-for-panel-1 label{
  text-align: right;
  border-right: solid 1px #fff;
}
#tabs-list #li-for-panel-2 label{
  border-left: solid 1px #fff;
}
.shimoda000-color-2{
    color: #ff7f66;
}
.shimoda000-color-3 {
    color: #ff6;
}
@media (max-width: 575px) {
  #tabs-list li label{
    font-size: 28px;
  }
}

/* IZU KANTO共通*/
/*--------------------------------------------------*/
h4.weekday , h4.holiday{
  position: relative;
  text-align: center;
  height: 80px;
  margin: 90px 0 0;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
}
h4.weekday{
  background: #b0f26d;
}
h4.weekday:hover{
  background: #c8f699;
}
h4.holiday{
  background: #ff7f66;
}
h4.holiday:hover{
  background: #ffa594;
}
h4.weekday span , h4.holiday span{
  position: absolute;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  font-size:20px;
  line-height: 1.1em;
  padding: 35px 0;
  background: #fff;
  display: block;
  top:-60px;
  left: calc( 50% - 75px );
}
h4.weekday span{
  border: #b0f26d solid 3px;
  color: #b0f26d;
}
h4.holiday span{
  border: #ff7f66 solid 3px;
  color: #ff7f66;
}

/* アコーディオン */
.accordion label {
	cursor :pointer;
}
.accordion input {
	display: none;
}
.accordion li {
  height: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
#menu_bar01 ~ #Izu-weekday li,
#menu_bar02 ~ #Izu-holiday li,
#menu_bar03 ~ #Kanto-weekday li,
#menu_bar04 ~ #Kanto-holiday li {
  height: auto;
  opacity: 1;
}
#menu_bar01:checked ~ #Izu-weekday li,
#menu_bar02:checked ~ #Izu-holiday li,
#menu_bar03:checked ~ #Kanto-weekday li,
#menu_bar04:checked ~ #Kanto-holiday li {
  height: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}

/* ↓矢印アニメーション */
.move-arrow {
  position: relative;
  top: -55px;
  left: calc( 50% - 12px);
}
.move-arrow span {
	position: absolute;
	top: 0;
	width: 14px;
	height: 14px;
	margin-left: -12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb1 2s infinite;
	animation: sdb1 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
.weekday-arrow span {
  border-left: 3px solid #b0f26d;
	border-bottom: 3px solid #b0f26d;
}
.holiday-arrow span {
  border-left: 3px solid #ff7f66;
	border-bottom: 3px solid #ff7f66;
}
.move-arrow span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.move-arrow span:nth-of-type(2) {
	top: 8px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
@-webkit-keyframes sdb1 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb1 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.weekday-counter , .holiday-counter{
  position: relative;
  height: 80px;
  margin: 90px 10px 0;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  text-align: center;
  display: inline-block;
}
.weekday-counter span , .holiday-counter span{
  position: absolute;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  font-size:16px;
  line-height: 1.1em;
  padding: 25px 0;
  background: #fff;
  display: block;
  top:-60px;
}
.weekday-counter span{
  border: #b0f26d solid 3px;
  color: #b0f26d;
}
.holiday-counter span{
  border: #ff7f66 solid 3px;
  color: #ff7f66;
}
#Izu-weekday li , #Kanto-weekday li{
  border-left: #b0f26d solid 10px;
  margin: 20px 0 20px 5%;
}
#Izu-weekday li.row{
  counter-increment: Izu-weekday;
}
#Izu-weekday li .weekday-counter::after{
  content: counter(Izu-weekday, decimal-leading-zero);
  position: absolute;
  font-size:40px;
  width: 120px;
  color:#b0f26d;
  text-align: center;
  top:-10px;
  font-weight: 700;
}
#Kanto-weekday  li.row{
  counter-increment: KANTO-weekday;
}
#Kanto-weekday li .weekday-counter::after{
  content: counter(KANTO-weekday, decimal-leading-zero);
  position: absolute;
  font-size:40px;
  width: 120px;
  color:#b0f26d;
  text-align: center;
  top:-10px;
  font-weight: 700;
}
#Izu-holiday li , #Kanto-holiday li{
  border-left: #ff7f66 solid 10px;
  margin: 20px 0 20px 5%;
}
#Izu-weekday li li, #Kanto-weekday li li ,#Izu-holiday li li , #Kanto-holiday li li{
  border-left: none;
  padding: 0;
  margin: 0;
}
#Izu-holiday li.row{
  counter-increment: Izu-holiday;
}
#Izu-holiday li .holiday-counter::after{
  content: counter(Izu-holiday, decimal-leading-zero);
  position: absolute;
  font-size:40px;
  width: 120px;
  color:#ff7f66;
  text-align: center;
  top:-10px;
  font-weight: 700;
}
#Kanto-holiday  li.row{
  counter-increment: KANTO-holiday;
}
#Kanto-holiday li .holiday-counter::after{
  content: counter(KANTO-holiday, decimal-leading-zero);
  position: absolute;
  font-size:40px;
  width: 120px;
  color:#ff7f66;
  text-align: center;
  top:-10px;
  font-weight: 700;
}
.area-list{
  margin-bottom: 150px;
}
.area-list h5{
  background: #ffff66;
  color:#5ccfe6;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  margin: 65px 0 10px 45px;
  padding: 0 15px;
  font-size: 32px;
}
@media (max-width: 991px) {
  .area-list h5{
    font-size: 28px;
    margin: 0 0 10px 45px;
  }
}
@media (max-width: 767px) {
  .weekday-counter, .holiday-counter{
    margin: 60px 0px 0;
  }
  .area-list h5{
    font-size: 20px;
    margin: 0 0 10px 20px;
  }
}

ul.photobox{
  margin: 20px;
}

#Izu-weekday li ul.photobox li, #Kanto-weekday li ul.photobox li, #Izu-holiday li ul.photobox li, #Kanto-holiday li ul.photobox li{
  margin: 10px auto 20px;
}
ul.photobox li img{
   max-width: calc( 100% - 40px);
   box-shadow: 15px 15px 0 #ffff66;
   margin: 10px 20px 20px 0;
}
ul.photobox li p{
  margin: 0 20px 0 10px;
}
p.pink-title{
  color:#ff4090;
}
p.blue-title{
  color:#71b3db;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  font-size:22px;
}
/* IZU */
/*--------------------------------------------------*/
#IZU{
  background: url("../../images/recruit/area/bg-izu.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.izu-introduction{
  margin: 100px 50px;
}
/* KANTO */
/*--------------------------------------------------*/
#KANTO{
  background: url("../../images/recruit/area/bg-kanto.jpg")no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.kanto-introduction{
  margin: 100px 50px;
}
.headline000 {
  font-size: 45px;
  font-weight: 900;
  line-height: 1.3;
  z-index: 1;
  text-align: center;
  letter-spacing: .25em;
  color: #5ccfe6;
  background-color: #ff6;
  padding: 0.25em 0;
  position: relative;
}
.headline000::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #ff6;
}
.headline000._left::before {
  right: 100%;
}
.headline000._right::before {
  left: 100%;
}
@media (max-width: 575px) {
  .headline000 {
    font-size: 25px;
  }
}
.textbox000 {
  display: table;
  width: 100%;
}
.textbox000-cell {
  padding: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  border: 10px solid #B0F26D;
  background-color: white;
}
@media (max-width: 991px) {
  .textbox000-cell {
    text-align: left;
  }
}