@media screen and (min-width: 751px) {

#content {
	overflow: hidden;
	margin-left:300px;
	padding:0 110px 0 110px;
}
#content .wrap {}
#content .wrap .page-header {
	text-align:center;
	margin: 90px 0 50px 0;
}
#content .wrap .page-header .title_area {
	position: relative;
	margin:0 0 0 0;
}
#content .wrap .page-header .title_area h3 {
	 font-size: 93px;
	 color: #23aaff;
	 line-height: 1em;
}
#content .wrap .page-header .title_area .jp {
    position: absolute;
    top: 0px;
    left: 50%;
    color: #fff;
    background-color: #000;
    font-size: 23px;
    line-height: 1em;
    display: inline-block;
    padding: 5px 10px;
    margin: 62px 0 0 0;
    transform: translate(-50%,0);
}
#content .wrap .content-area {}
#content .wrap .content-area .site-main {}
#content .wrap .content-area .site-main .event_list {
    width:890px;
    margin: 0 auto;
}
#content .wrap .content-area .site-main .end_event {
    width:890px;
    margin: 0 auto;
}
#content .wrap .content-area .site-main .end_event .title_area {
    overflow: hidden;
    width: 890px;
    margin: 0 auto 48px auto;
}
#content .wrap .content-area .site-main .end_event .title_area hr {
    border: none;
    border-top: 1px solid #000;
    width: 30px;
    margin: 5px 7px 0 18px;
    float: left;
}
#content .wrap .content-area .site-main .end_event .title_area h5 {
    font-size: 12px;
    line-height: 1em;
    float: left;
}
#content .wrap .content-area .site-main .news_cell {
    display: inline-block;
    width:260px;
    margin: 0 17px 60px 17px;
    vertical-align: top;
}
#content .wrap .content-area .site-main .news_cell .top_area {
    position: relative;
}
#content .wrap .content-area .site-main .news_cell .top_area .thumb {
    margin-bottom: 12px;
}
#content .wrap .content-area .site-main .news_cell .top_area .category {
    position: absolute;
    top:0;
    left:0;
    color:#fff;
}
#content .wrap .content-area .site-main .news_cell .top_area .category a {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 1em;
    letter-spacing: 0.05em;
    padding:10px 13px;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_information {
    background-color: #ff0300;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_event {
    background-color: #34dbb5;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_campaign {
    background-color: #ffbc00;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_media {
    background-color: #4c1599;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_goods {
    background-color: #ff5800;
}
#content .wrap .content-area .site-main .news_cell .info_area {}
#content .wrap .content-area .site-main .news_cell .info_area .title {
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 6px;
}
#content .wrap .content-area .site-main .news_cell .info_area .date {
    font-size: 15px;
}
#content .wrap .content-area .site-main .event_list .pagination {
    margin-bottom: 90px;
    text-align: center;
}
#content .wrap .content-area .site-main .event_list .pagination h2 {display: none;}
#content .wrap .content-area .site-main .event_list .pagination .nav-links {}
#content .wrap .content-area .site-main .event_list .pagination .nav-links .page-numbers {
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    padding:9px 19px;
    color: #000;
    border: 3px solid #c4c4c4;
    margin: 0 4px;
}
#content .wrap .content-area .site-main .event_list .pagination .nav-links .page-numbers.current {
    background-color: #41beff;
    color: #fff;
    padding:12px 22px;
    border: none;
}
#content .wrap .content-area .site-main .event_list .pagination .nav-links .page-numbers.prev,
#content .wrap .content-area .site-main .event_list .pagination .nav-links .page-numbers.next {
    background-color: #000;
    color: #fff;
    padding:12px 22px;
    border: none;
}





}


/******************************************* sp *********************************************/


@media screen and (max-width: 750px) {

#content {
    overflow: hidden;
    padding:0 0 0 0;
}
#content .wrap {}
#content .wrap .page-header {
    text-align:center;
    margin: 9.733% 0 10% 0;
}
#content .wrap .page-header .title_area {
    position: relative;
    margin:0 0 0 0;
}
#content .wrap .page-header .title_area h3 {
     font-size: 126px;
     color: #23aaff;
     line-height: 1em;
}
#content .wrap .page-header .title_area h3 br {
    line-height: 0;
}
#content .wrap .page-header .title_area .jp {
    position: absolute;
    top: 0px;
    left: 50%;
    color: #fff;
    width: 51%;
    background-color: #000;
    font-size: 36px;
    line-height: 1em;
    display: inline-block;
    padding: 5px 10px 9px 10px;
    margin: 194px 0 0 0;
    transform: translate(-50%,0);
}

#content .wrap .content-area {}
#content .wrap .content-area .site-main {}
#content .wrap .content-area .site-main .event_list {
    margin: 0 auto;
}
#content .wrap .content-area .site-main .end_event {
    margin: 0 auto;
}
#content .wrap .content-area .site-main .end_event .title_area {
    overflow: hidden;
    margin: 0 0 10% 6.666%;
}
#content .wrap .content-area .site-main .end_event .title_area hr {
    border: none;
    border-top: 1px solid #000;
    width: 60px;
    margin: 11px 12px 0 18px;
    float: left;
}
#content .wrap .content-area .site-main .end_event .title_area h5 {
    font-size: 24px;
    line-height: 1em;
    float: left;
}
#content .wrap .content-area .site-main .news_cell {
    margin: 0 6.666% 10.153% 6.666%;
    vertical-align: top;
}
#content .wrap .content-area .site-main .news_cell .top_area {
    position: relative;
    margin:0 0 5.076%;
}
#content .wrap .content-area .site-main .end_event .news_cell .top_area .thumb,
#content .wrap .content-area .site-main .event_list .news_cell .top_area .thumb {}
#content .wrap .content-area .site-main .event_list .news_cell .top_area .thumb img,
#content .wrap .content-area .site-main .end_event .news_cell .top_area .thumb img {
    width:100%;
    height: auto;
}
#content .wrap .content-area .site-main .news_cell .top_area .category {
    position: absolute;
    top:0;
    left:0;
    color:#fff;
}
#content .wrap .content-area .site-main .news_cell .top_area a {
    /*position: absolute;*/
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
#content .wrap .content-area .site-main .news_cell .top_area .category a {
    display: block;
    font-size: 26px;
    color: #fff;
    line-height: 1em;
    letter-spacing: 0.05em;
    padding:20px 24px;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_information {
    background-color: #ff0300;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_event {
    background-color: #34dbb5;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_campaign {
    background-color: #ffbc00;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_media {
    background-color: #4c1599;
}
#content .wrap .content-area .site-main .news_cell .top_area .category.cat_goods {
    background-color: #ff5800;
}
#content .wrap .content-area .site-main .news_cell .info_area {}
#content .wrap .content-area .site-main .news_cell .info_area .title {
    font-size: 30px;
    margin-bottom: 3.015%;
}
#content .wrap .content-area .site-main .news_cell .info_area .date {
    font-size: 30px;
}
#content .wrap .content-area .site-main .news_cell .info_area .date .year {
    margin-right: 0.5em;
}
#content .wrap .content-area .site-main .news_cell .info_area .date .day {}

#content .wrap .content-area .site-main .news_list .pagination {
    margin: 0 6.666% 10.153% 6.666%;
    text-align: center;
}
#content .wrap .content-area .site-main .news_list .pagination h2 {display: none;}
#content .wrap .content-area .site-main .news_list .pagination .nav-links {}
#content .wrap .content-area .site-main .news_list .pagination .nav-links .page-numbers {
    box-sizing: border-box;
    display: inline-block;
    font-size: 36px;
    padding:18px 38px;
    color: #000;
    border: 3px solid #c4c4c4;
    margin: 0 4px;
    display: none;
}
#content .wrap .content-area .site-main .news_list .pagination .nav-links .page-numbers.prev,
#content .wrap .content-area .site-main .news_list .pagination .nav-links .page-numbers.next {
    background-color: #000;
    color: #fff;
    /*padding:12px 22px;*/
    border: none;
    display: inline-block;
}
#content .wrap .content-area .site-main .news_list .pagination .nav-links .page-numbers.prev {
    float: left;
}
#content .wrap .content-area .site-main .news_list .pagination .nav-links .page-numbers.next {
    float: right;
}



}