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

.season_calendar {
	width: 100%;
}

.season_calendar .sc_area {
    background: #F9F9F9;
    padding: 4% 1% 2%;
    width: 98%;
}

/*　タブメニュー　*/
.season_calendar  .tab_menu {
  margin-bottom: 30px;
}

.season_calendar .tab_menu ul.tab_area {
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 0px 3%;
    width: 94%;
}

.season_calendar .tab_menu ul.tab_area li {
  font-size:  130%;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  padding:  0;
  background: #fff;
}

.season_calendar .tab_menu ul.tab_area li:hover {
  border:  none;
  color:  #fff;
  background: #fd9800;
  transition: .2s;
	cursor: pointer;
}

.season_calendar .tab_menu ul.tab_area li.tab_select {
  border: none;
  color: #fff;
  background: #F6A10E;
}

.season_calendar .tab_menu ul.tab_area li:last-child {
  margin-right:  0;
}
/*　タブメニューここまで　*/

/*　旬ものカレンダーここから　*/
.season_calendar ul.tab_content {
  box-sizing:  border-box;
}

.season_calendar ul.tab_content li {
  list-style-image: url(data:0);
  list-style-type: none;
}

.tab_hide {
  display:none;
}

.season_calendar ul.tab_content li ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    text-align: center;
    padding-left: 4%;
}

.season_calendar ul.tab_content li ul li {
	width:  18%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.season_calendar ul.tab_content li ul li a img{
	max-width: 140px;
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

.season_calendar ul.tab_content li ul li a p {
 	font-size: 16px;	
	line-height: 1.6;
	text-align: center;
}
/*　旬ものカレンダーここまで　*/

@media (max-width: 1024px){
.season_calendar .tab_menu ul.tab_area li {
    width: 50px;
    height: 50px;
    line-height: 50px;
}	
.season_calendar ul.tab_content li ul li a p {
    font-size: 14px;
}
}

@media (max-width: 580px){
.season_calendar .sc_area {
    padding: 5% 1% 3%;
}	
.season_calendar .tab_menu ul.tab_area {
    flex-wrap: wrap;
}	
.season_calendar .tab_menu ul.tab_area li {
    font-size: 4vw;
    display: block;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    text-align: center;
    line-height: 12vw;
    vertical-align: middle;
    padding: 0;
    margin-right: 2vw;
    transition: .2s;
}
.season_calendar .tab_menu ul.tab_area li:nth-child(6n){
	margin-right: 0;
}	
.season_calendar .tab_menu ul.tab_area li:nth-child(n+7){
	margin-top: 10px;
}
.season_calendar ul.tab_content li ul {
    justify-content: space-between;
}	
.season_calendar ul.tab_content li ul::after{
	content: "";
    display: block;
    width: 31%;
}	
.season_calendar ul.tab_content li ul li {
    width: 31%;
    margin-right: 0;
}	
.season_calendar ul.tab_content li ul li a p {
    font-size: 16px;
}	
}

@media (max-width: 480px){
.season_calendar .sc_area {
    padding: 7% 1% 6%;
}
}

@media (max-width: 414px){
.season_calendar ul.tab_content li ul li a p {
    font-size: 13px;
}	
}