@charset "UTF-8";

/*-----------------------------------------*/
main.inner{
	padding: 100px 35px 0;
}

.schedule-line{
	padding: 0 0px;
}

.schedule-line .image{
	position: relative;
	line-height: 0;
}

.schedule-line .image h2{
	position: absolute;
	width: 100%;
	height: 4rem;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 180%;
}

.schedule-line .image h2 span{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.schedule-line h3{
	color: #fff;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

.schedule-line p{
	text-align: center;
	line-height: 180%;
	padding: 20px 0;
}

.schedule-line p span{
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}


.schedule-line{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 47px;
}

.schedule-line .box{
	width: 202px;
}


#leadtime h4{
  font-size: 2.2rem;
  line-height: 100%;
  padding: 16px 20px;
  margin-top: 46px;
  margin-bottom: 16px;
  text-align: center;
  color: #fff;
}

#leadtime h4 .jp{
  font-size: 1.4rem;
  padding-left: 15px;
}

#leadtime h4.mens{
  background-color: #011E3F;
}
#leadtime h4.ladies{
  background-color: #BC9B91;
}
#leadtime h4.kids{
  background-color: #98BCD4;
}
#leadtime h4.etc{
  background-color: #ECEBE8;
  color: #3C1D05;
}

#leadtime .layout{
  display: flex;
  justify-content: space-between;
}

#leadtime .layout > .col{
  width: 48%;
}

#schedule-etc{
	margin: 0 auto 20px;
}

#schedule-etc .image{
	max-width: 202px;
}


#schedule-etc .images{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


.annotation{
	padding: 50px 49px 0;
}




/*--------------------------------------
	Smartphone 
----------------------------------------*/

@media screen and (max-width: 767px) {
main.inner {
    padding: 0 10px;
}

main.sub p.lead{
	padding: 0 10px;
}

.schedule-line-sp{
}

.schedule-line{
	padding: 0;
	margin-bottom: 40px;
	gap: 4%;
}

.schedule-line .box{
	width: 48%;
	margin-bottom: 4%;
}

.schedule-line{
	padding: 0;
	margin-bottom: 0;
}

#schedule-etc .images{
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

#schedule-etc .image{
	width: 50%;
}

.image img{
	width: 100%;
}

.schedule-line .image h2{
	padding: 0 5px;
}

.annotation{
	padding: 20px 10px;
	font-size: 1.4rem;
}

#leadtime .layout{
}

#leadtime .layout > .col .box{
  width: 100%;
}

#leadtime h4 span{
  display: block;
}

#leadtime h4{
  font-size: 1.6rem;
  padding: 16px 0px;
}

#leadtime h4 .jp{
  font-size: 1.2rem;
  padding: 0;
}


}

#leadtime h3.pageTitle{
	margin-bottom: 20px;
	font-size: 2.6rem;
}


/* spped order */
#speed{
	padding: 36px 0;
}


#speed .lead{
	margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
#speed{
	padding: 0 10px 0px;
}
#leadtime h3.pageTitle{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

#leadtime .normal{
  margin-top: 40px;
}
}