@charset "utf-8";
 .event_area {
width: 100%;
min-width: 960px;
}
.event_inner {
width: 100%;
max-width: 960px;
margin: 40px auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_area {
min-width: 100%;
margin-top:0;
margin-bottom:80px;
}
.event_inner {
width: 95%;
max-width: 100%;
margin: 30px auto;
}
} .switch_area{
width: 500px;
overflow: hidden;
margin:0 auto 60px;
}
.switch_area li a{
box-sizing: border-box;
display: block;
float: left;
width: 50%;
height: 50px;
line-height: 50px;
color: #001c58;
font-size: 19px;
text-align: center;
text-decoration: none;
background: #f9f8f6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .switch_area li:first-child a{
border-radius:10px 0 0 10px;
} .switch_area li:last-child a{
border-radius: 0 10px 10px 0;
} .switch_area li a:hover,
.switch_area li.current a{
color: #fff;
background: #001c58;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.switch_area{
width: 100%;
margin-top: 20px;
margin-bottom:20px;
}
.switch_area li a{
font-size: 16px;
}
}  .event_category_area{
width: 100%;
background: #f9f8f6;
padding:10px 0; 
}
.event_category_area ul{
width: 960px;
margin:0 auto;
overflow: hidden;
}
.event_category_area li a{
box-sizing: border-box;
display: block;
float: left;
height: 52px;
line-height: 52px;
color: #000;
font-size: 14px;
text-align: center;
text-decoration: none;
border:2px solid #000;
background: #fff;
padding: 0 20px;
margin-right: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.event_category_area li:last-child a{
margin-right: 0;
} @media all and (-ms-high-contrast:none) {
.event_category_area li a{
-webkit-transition: all 0s;
transition: all 0s;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_category_area{
margin-top: 20px;
margin-bottom:20px;
}
.event_category_area ul{
width: 95%;
}
.event_category_area li a{
width: 49%;
height: auto;
line-height: 1.5;
margin-right: 0;
margin-bottom: 5px;
padding: 15px 0;
}
.event_category_btn:nth-of-type(1) a{
float:none;
width: 100%;
height: 52px;
}
.event_category_area li.cat02 a,
.event_category_area li.cat04 a,
.event_category_area li.cat06 a{
margin-left: 2%;
}
}  .event_category_btn:nth-of-type(1) a:hover,
.event_category_btn:nth-of-type(1).current a{
color: #fff;
border:2px solid #000;
background: #000;
} .event_category_btn.cat01 a span {
color: #1e8766;
padding-right: .2em;
}
.event_category_btn.cat01 a:hover,
.event_category_btn.cat01.current a{
color: #fff;
border:2px solid #1e8766;
background: #1e8766;
}
.event_category_btn.cat01 a:hover span,
.event_category_btn.cat01.current a span {
color: #fff;
} .event_category_btn.cat02 a span {
color: #4314ae;
padding-right: .2em;
}
.event_category_btn.cat02 a:hover,
.event_category_btn.cat02.current a{
color: #fff;
border:2px solid #4314ae;
background: #4314ae;
}
.event_category_btn.cat02 a:hover span,
.event_category_btn.cat02.current a span {
color: #fff;
} .event_category_btn.cat03 a span {
color: #d2a00b;
padding-right: .2em;
}
.event_category_btn.cat03 a:hover,
.event_category_btn.cat03.current a{
color: #fff;
border:2px solid #d2a00b;
background: #d2a00b;
}
.event_category_btn.cat03 a:hover span,
.event_category_btn.cat03.current a span {
color: #fff;
} .event_category_btn.cat04 a span {
color: #e96b45;
padding-right: .2em;
}
.event_category_btn.cat04 a:hover,
.event_category_btn.cat04.current a{
color: #fff;
border:2px solid #e96b45;
background: #e96b45;
}
.event_category_btn.cat04 a:hover span,
.event_category_btn.cat04.current a span {
color: #fff;
} .event_category_btn.cat05 a span {
color: #802f12;
padding-right: .2em;
}
.event_category_btn.cat05 a:hover,
.event_category_btn.cat05.current a{
color: #fff;
border:2px solid #802f12;
background: #802f12;
}
.event_category_btn.cat05 a:hover span,
.event_category_btn.cat05.current a span {
color: #fff;
} .event_category_btn.cat06 a span {
color: #0c69a4;
padding-right: .2em;
}
.event_category_btn.cat06 a:hover,
.event_category_btn.cat06.current a{
color: #fff;
border:2px solid #0c69a4;
background: #0c69a4;
}
.event_category_btn.cat06 a:hover span,
.event_category_btn.cat06.current a span {
color: #fff;
}  .event_list_area{
margin: 80px auto 60px;
}
.event_table{
position: relative;
width:100%;
max-width: 960px;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
margin: 30px auto 0;
overflow: hidden;
}
.event_item a,
.campaign_item a{
color: #000;
text-decoration: none;
}
.event_item a:hover .event_thumimg img,
.campaign_item a:hover .event_thumimg img{
opacity: 0.7;
filter: alpha(opacity=70);
}
.event_item span,
.campaign_item span{
float: left;
display: block;
width: 100%;
max-width: 960px;
color: #000;
margin: 0 auto;
padding:0;
border-bottom: dashed 1px #dcdcdc;
box-sizing: border-box;
} .event_date{
position: absolute;
bottom:30px;
right: 0;
width: 620px;
font-size: 15px;
border-collapse: separate;
border-spacing: 0 5px;
}
.event_date th{
width: 150px;
color: #fff;
background: #000;
text-align: center;
padding: 10px 0;
}
.event_date td{
padding-left: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_list_area{
margin: 0 auto;
} .event_date{
position: static;
width: 100%;
}
.event_date th{
display: block;
width: 100%;
text-align: left;
padding-left: 2%;
}
.event_date td{
display: block;
width: 100%;
padding:10px 0 20px 2%;
line-height:1.5;
}
}  .event_thumimg{
float: left;
width:310px;
height:200px;
}
.event_thumimg img{
width: 100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_thumimg{
float: none;
width:100%;
height:auto;
}
} .right_eventarea{
float: right;
width:620px;
} .event_item .event_title{
font-size: 22px;
line-height: 1.5;
margin: 8px auto;
} .event_item .icon_new{
vertical-align: middle;
display: inline-block;
margin-right: 0;
}  .event_campaign{
color:#fff;
font-size: 13px;
line-height: 20px;
height:20px;
text-align: center;
padding: 5px 10px;
display: inline-block;
border-radius:10px;
margin-bottom:5px;
} .event_campaign.cat01{
background-color:#2a9b5e;
} .event_campaign.cat02{
background-color:#4314ae;
} .event_campaign.cat03{
background-color:#d2a00b;
} .event_campaign.cat04{
background-color:#e96b45;
} .event_campaign.cat05{
background-color:#802f12;
} .event_campaign.cat06{
background-color:#0c69a4;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.right_eventarea{
float: none;
width:100%;
} .event_item .event_title{
font-size: 18px;
} .event_item .icon_new{ margin-right: 0;
}  .event_campaign{
padding: 5px 2%;
margin-bottom: 5px;
}
} .event_detail{
margin-top: 60px;
}
.event_detail_cat .icon_new{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.event_detail_ttl{
font-size: 22px;
text-align: center;
line-height: 1.5;
margin: 20px auto;
} .event_detail_mainimg{
text-align: center;
margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_detail_mainimg img{
width: 100%;
max-width:800px;
height: auto;
}
}
.event_detail_mainimg img{
max-width: 960px;
height: auto;
} .event_detail_date{
margin: 20px auto;
}
.event_detail_date table{
width: 100%;
font-size: 15px;
border-collapse: separate;
border-spacing: 0 15px;
}
.event_detail_date th{
width: 115px;
color: #fff;
background: #000;
text-align: center;
padding: 10px 0;
}
.event_detail_date td{
padding-left: 20px;
line-height:1.5;
}
@media screen and (min-width: 0px) and (max-width:767px) { .event_detail_date table{
position: static;
width: 100%;
}
.event_detail_date th{
display: block;
width: 98%;
text-align: left;
padding-left: 2%;
}
.event_detail_date td{
display: block;
width: 100%;
padding:10px 0 20px 2%;
}
} .event_detail_freebox *{
line-height: 1.6;
}
.event_detail_freebox img{
max-width:100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.event_detail{
margin-top: 40px;
}
.event_detail_cat .icon_new{
display: block;
margin-right: 0;
margin-bottom: 10px;
}
.event_detail_ttl{
font-size: 18px;
}
} .btn_area{
margin: 40px auto;
}
.btn_event_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:340px;
text-align:center;
text-decoration: none;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
padding: 20px 0 25px;
margin:20px auto 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_event_detail:hover{
color:#fff;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
}
.btn_event_detail i{
margin-left:.5em;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_event_detail {
font-size:16px;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_event_detail:hover{
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
}