@charset "utf-8";
/* CSS Document */
.yotei_y{
	text-align: center;
	font-weight: bold;
	color: #B9357E;
	font-size: 20px;
	margin: 25px 0 5px 0;
}

.tab_container {
  padding-bottom: 1em;
  /*background-color: #FFF7FD;*/
  border:1px solid #CB70AE;
  margin: 0 auto;
}
.tab_item {
  width: calc(100%/12);
  padding:5px 0;
  border-bottom: 3px solid #CB70AE;
  background-color: #ececec;
  text-align: center;
	color: #B9357E;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content, 
#tab6:checked ~ #tab6_content, 
#tab7:checked ~ #tab7_content, 
#tab8:checked ~ #tab8_content, 
#tab9:checked ~ #tab9_content, 
#tab10:checked ~ #tab10_content, 
#tab11:checked ~ #tab11_content, 
#tab12:checked ~ #tab12_content {
  display: block;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.tab_container input:checked + .tab_item{
	background: #CB70AE;
  color: #fff;
}
	.kaigyou{
		display: none;
	}


@media screen and (max-width: 500px) {
	.tab_item {
		font-size: 15px;
  padding:4px 0;
}
	
	.kaigyou{
		display: block;
	}
}