.event_tab {
margin: 20px 0px;
width: 700px;
}

.event_tab ul#tab {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
border-bottom: 2px solid #333;
}

.event_tab ul#tab li {
border: 1px solid #333;
border-bottom: none;
display: inline-block;
margin: 0 0 0 .5em;
padding: 0;
text-align: center;
font-size:170%;
}

.event_tab ul#tab li a {
display: block;
padding: .2em 2em;
}

.event_tab .contents {

overflow: hidden;
width: 700px;
}

.event_tab .contents .inner {
width: 1400px; /*タブの内容の横幅×タブの数*/
}

.event_tab .inner div {
background: #fff;
float: left;
margin: 0;
padding: 0;
width: 700px;
}

.event_tab .inner div section {
padding: 1em;
}

.event_tab #tab a:hover {
background: #333;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

/* タブの表示切替関連 */

.event_tab .inner div {
opacity: 0;
}

.event_tab .inner div:first-child {
opacity: 1;
}

.event_tab #tab li:first-child a {
background: #333;
color: #fff;
}

.event_tab #tab02:target .inner .tab02 {
margin-left: -700px;
opacity: 1;
}

.event_tab #tab01:target .inner div:not([class="tab01"]),
.event_tab #tab02:target .inner div:not([class="tab02"]) {
margin-left: 0;
}

.event_tab #tab01:target #tab li a[href$="tab01"],
.event_tab #tab02:target #tab a[href$="tab02"]{
background: #333;
color: #fff;
}

.event_tab :not([id="tab01"]):target #tab li a[href$="tab01"] {
background: #fff;
color: #22aacc;
}

.fontdesign_black{
	font-weight:bold;
	font-size:150%;
}
.fontdesign{
	font-weight:bold;
	font-size:150%;
	color:#DF171D;	
}
.title_design{
	font-weight:bold;
	color:#fff;
}