/* contents */
.contents_go {
  color: #7c5440;
  counter-reset: num;
  text-align: center;
  width: 100%;
	max-width:1920px;
	margin: 0 auto;
}

.tab_center{

	text-align: center;
}


 
/* navi default style */
input[name="tab-1"],
input[name="tab-2"],
input[name="tab-3"],
input[name="tab-4"],
input[name="tab-6"],
input[name="tab-11"]
{
display:none;
}



input[name="tab-1"]:hover,
input[name="tab-2"]:hover,
input[name="tab-3"]:hover,
input[name="tab-4"]:hover,
input[name="tab-6"]:hover,
input[name="tab-11"]:hover
{
	background: rgba(255,183,185,0.17);
}

#tab_t1_1{	background-image: url(pic_brown-bg.png);  margin-right: 6%;}

#tab_t1_2{ 	background-image: url(pic_brown2-bg.png); }


#tab_t1_1,#tab_t1_2{ 
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	max-width: 350px;
	height: 130px;
}


#tab_t1_1:hover{opacity: 1;}

#tab_t1_2:hover{opacity: 1;}


.label_style{
	font-size: 25px;
	color: rgba(135,70,40,1.00);
	display: inline-block;
	cursor:pointer;
	text-align: center;
	width: 45%;
	max-width:645px;
	border-radius: 10px;
	font-weight: 800;
	background-repeat: no-repeat;
	transition: ease 0.5s ;
	margin: 40px auto 0px auto;

	opacity: 0.6;

}


.label_style:hover{

	animation: move .5s ease-in-out infinite alternate;

}

input[type="radio"]:checked+label {
		animation: move .5s ease-in-out infinite alternate;
	opacity: 1;

}





/* insert text */
input[name="tab-1"]::after,
input[name="tab-2"]::after,
input[name="tab-3"]::after,
input[name="tab-4"]::after,
input[name="tab-6"]::after,
input[name="tab-11"]::after
{
  content: attr(title);
}
 
 



 
/* checked style */
 
input[name="tab-1"][value="11"]:checked ~ #t1-1,
input[name="tab-1"][value="12"]:checked ~ #t1-2,
input[name="tab-1"][value="13"]:checked ~ #t1-3,
input[name="tab-1"][value="14"]:checked ~ #t1-4,
input[name="tab-1"][value="15"]:checked ~ #t1-5,
input[name="tab-1"][value="16"]:checked ~ #t1-6,
input[name="tab-1"][value="17"]:checked ~ #t1-7,

input[name="tab-2"][value="21"]:checked ~ #t2-1,
input[name="tab-2"][value="22"]:checked ~ #t2-2,


input[name="tab-3"][value="31"]:checked ~ #t3-1,
input[name="tab-3"][value="32"]:checked ~ #t3-2,
input[name="tab-3"][value="33"]:checked ~ #t3-3,
input[name="tab-3"][value="34"]:checked ~ #t3-4,
input[name="tab-3"][value="35"]:checked ~ #t3-5,
input[name="tab-3"][value="36"]:checked ~ #t3-6,
input[name="tab-3"][value="37"]:checked ~ #t3-7,


input[name="tab-4"][value="41"]:checked ~ #t4-1,
input[name="tab-4"][value="42"]:checked ~ #t4-2,
input[name="tab-4"][value="43"]:checked ~ #t4-3,
input[name="tab-4"][value="44"]:checked ~ #t4-4,

input[name="tab-6"][value="61"]:checked ~ #t6-1,
input[name="tab-6"][value="62"]:checked ~ #t6-2,
input[name="tab-6"][value="63"]:checked ~ #t6-3,
input[name="tab-6"][value="64"]:checked ~ #t6-4,

input[name="tab-11"][value="111"]:checked ~ #t11-1,
input[name="tab-11"][value="112"]:checked ~ #t11-2,
input[name="tab-11"][value="113"]:checked ~ #t11-3,
input[name="tab-11"][value="114"]:checked ~ #t11-4


{
  display: block;
}
 
 
 
 
/* contents area */
.tab_go {

	display: none;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;

}
 

  #t1-1, #t1-2{
	  text-align: center;
	  padding: 20px;
	  width: 100%;

}
 #t1-1{


}
 

 #t1-2{

	 
}

@media (max-width: 580px) {
#tab_t1_1,#tab_t1_2{ 	height: 100px;
}

.label_style{	margin: 0px auto 0px auto; }

#tab_t1_1{ margin-right: 0px; margin-top: 40px;}
	
}



@media (max-width: 400px) {


}