/*タブ切り替え全体のスタイル*/
.tabs {
	padding-bottom:80px;
	width:100%;
	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
	height:76px;
	line-height:1.3em;
	font-size:28px;
	text-align:center;
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
  /*transition:all 0.2s ease;*/
	 cursor:pointer;

	 filter:alpha(opacity=50);
	 -moz-opacity: 0.5;
	 opacity: 0.5;

    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
}
.tab_item.tab01 img,
.tab_item.tab02 img,
.tab_item.tab03 img { padding-top:13px; }

/* 選択前の色分け */
/* .tab_item.tab01 { background-color:rgba(244,200,223, 1); }
.tab_item.tab02 { background-color:rgba(240,157,193, 1); }
.tab_item.tab03 { background-color:rgba(0,0,0, 0.2); } */
.tab_item.tab01 { background-color:rgba(230,0,18, 1); }
.tab_item.tab02 { background-color:rgba(0,56,148, 1); }

.tab_item.col2 { width: 48%; margin: 0 1%; }
.tab_item.col3 { width:320px; margin-left:20px; }

.tab_item:hover { /*opacity:0.85;*/ }

/*ラジオボタンを全て消す*/
input[name="tab_item"] { display: none; }

/*タブ切り替えの中身のスタイル*/
.tab_content {
	padding: 0px 0;
	clear: both;
	overflow: hidden;
	display:none;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content {
	display: block;
	padding: 20px 0 0px 0;
}
#tab1:checked ~ #tab1_content {
	/* border-top: 3px solid #e0c8df;
	border-bottom:10px solid #e0c8df; */
	border-top: 3px solid #e60012;
	border-bottom:10px solid #e60012;
}
#tab2:checked ~ #tab2_content {
	/* border-top: 3px solid #f09dc1;
	border-bottom:10px solid #f09dc1; */
	border-top: 3px solid #003894;
	border-bottom:10px solid #003894;
}
#tab3:checked ~ #tab3_content {
	border-top: 3px solid #000000;
	border-bottom:10px solid #000000;
}


/*選択されているタブのスタイルを変える*/
.tabs input#tab1:checked + .tab_item,
.tabs input#tab2:checked + .tab_item,
.tabs input#tab3:checked + .tab_item {
	 filter:alpha(opacity=100);
	 -moz-opacity:1;
	 opacity:1;
}
.tabs input#tab1:checked + .tab_item {
	/* background-color: #e0c8df; */
  background-color: #e60012;
	color: #fff;
}
.tabs input#tab2:checked + .tab_item {
	/* background-color: #f09dc1; */
  background-color: #003894;
	color: #fff;
}
.tabs input#tab3:checked + .tab_item {
	background-color: #000000;
	color: #fff;
}
.tabs input#tab1:checked + .tab_item {
}


@media screen and (max-width: 640px) {
.tabs { padding-bottom:60px; }
.tab_item {
	height:3.3em;
	line-height:2em;
	font-size:1.0rem;

    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
}
.tab_item.col3 { width:31.2% !important; margin:0; }
.tab_item.col3.tab01 { margin-left:2%; margin-right:0%; }
.tab_item.col3.tab02 { margin-left:1.2%; margin-right:1.2%; }
.tab_item.col3.tab03 { margin-left:0%; margin-right:2%; }

.tab_item.tab01 img,
.tab_item.tab02 img,
.tab_item.tab03 img { width:85%;padding-top:7px; }


}