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

/*タブの中身を初期非表示に*/
.ChangeElem_Panel {
	display: none;
}
/*タブを横並べに*/
.ChangeElem_Btn_Content {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}
/*通常時のタブ装飾*/
.ChangeElem_Btn  {
	border: 2px solid #87cefa;
	background-color: #f0f8ff;
	border-radius: 10px;
	color: #666;
	cursor: pointer;
	display: inline-block;
	flex: 1;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 20px 35px;
	position: relative;
	transition: all .3s ease-in-out;
	vertical-align: middle;
	/*margin: 0 35px;*/
    margin: 0;
	outline: none;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover, .ChangeElem_Btn.is-active {
	background: #fff;
	border: 2px solid #1e90ff;
	box-sizing: border-box;
	color: #1e90ff;
}


.refine-teims >.Entry {
	height: 345px;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

@media screen and ( max-width:479px )
{
.ChangeElem_Btn  {	
	padding: 20px 47px;
	}
	
}