@charset "UTF-8";
/*
Template: xeory_extension
Theme Name: Nara Arts 2019-07-13
Author: mdo.
Version: 1.0
*/

*{
  margin: 0;
  padding: 0;
  font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  box-sizing: content-box;
}

p{
	letter-spacing: 0.09em;
}

ul,ol,li{
  list-style: none;
  margin: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.showPctab{
display: block;
}
.showSptab{
  display: none;
	}
.show780{
  display: none;
}


/*Best Event*/
.bestEventContainer{
	position: relative;
	width: 232px;
	height: 262px;
	margin-top: 20px;
	margin-right: 20px;
}
.bestEventContainer .bestEventDetails{
	width: 220px;
	height: 250px;
	padding: 5px;
	border: 1px solid #000;
}
.bestEventDetails h3{
	color: #000;
	font-weight: bold;
}
.bestEventDetailsInner .txtEvent a:link{
	text-decoration: none;
	color: #000 !important;
}
.bestEventDetailsInner .txtEvent a:visited{
	color: #000 !important;
}
.bestEventDetailsInner .eventDate a:visited{
	color: #666 !important;
}
.bestEventContainer .bestEvent{
	margin: 0 auto;
	padding: 0px;
}
.bestEventContainer .bestEventimg{
	position: relative;
}
.bestEventContainer .bestEventimg .bestflag{
	position: absolute;
	right: 3px;
	top: 3px;
}
.bestEventContainer .bestEventimg .event_end{
	position: absolute;
	bottom: 0px;
	left: auto;
	right: auto;
}

.bestEventDetails a .bestEventimg {
	margin-bottom: 5px;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner {
  padding: 9px;
  font-size: 13px;
  line-height: 1.15;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner  .eventDate{
  font-size: 12px;
  color: #666;
  padding-top: 5px;
}


.bestEventContainer .icon_rec{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 100%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .icon_rec div{
  width: 23%;
  padding: 3px 10px;
  float:left;
  text-align: center;
}

.bestEventContainer .bestEventDetails .bestEventDetailsInner  .titleLong{
  letter-spacing: -0.06em;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .culture{
  background-color: #AA0000;
  color: #fff;
  width: 25%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner  .dance{
  background-color: #E60039;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner  .art{
  background-color: #6356A3;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .literature{
  background-color: #FF60A0;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner  .geinou{
  background-color: #814200;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .music{
  background-color: #ED6C00;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .play{
  background-color: #00A040;
  color: #fff;
  width: 16%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner .movie{
 background-color: #00A7DB;
 color: #fff;
 width: 20%;
}
.bestEventContainer .bestEventDetails .bestEventDetailsInner  .other{
 background-color: #00A7DB;
 color: #fff;
 width: 20%;
}

#main_box .container {
  display: flex;
}
#main_box .container .simple-slider{
  width: 970px;
  padding: 0 20px;
}
#main_box .container ul {
  margin: 0 auto;
  padding: 0;
}
#main_box .container ul > li {
	width: 230px;
	float: left;
}
#main_box .container .synchro-slider-nav .slick-current img {
  border: 1px solid #f00;
}

.slick-box2{
	padding-left: 10px;
}
.event_photo100{
  width: 100%;
}
.event_photo100 img{
  width: 100%;
}
.event_photo80{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.event_photo80 img{
  width: 100%;
}
.event_titleday{
	width: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#640078+0,640078+100&0+0,1+15,1+85,0+100 */
	background: -moz-linear-gradient(left,  rgba(100,0,120,0) 0%, rgba(100,0,120,1) 15%, rgba(100,0,120,1) 85%, rgba(100,0,120,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(100,0,120,0) 0%,rgba(100,0,120,1) 15%,rgba(100,0,120,1) 85%,rgba(100,0,120,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(100,0,120,0) 0%,rgba(100,0,120,1) 15%,rgba(100,0,120,1) 85%,rgba(100,0,120,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00640078', endColorstr='#00640078',GradientType=1 ); /* IE6-9 */
	font-size: 15px!important;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.page h3 {
	margin:30px 0;
	font-size:1.2em;
	border-bottom:dotted #828282 1px;}
	.page_contets p{
	margin:8px 0;
	}

.wpcf7 .required {color: #ff0000;}
.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #464646; color: black; border: 1px solid #333333;}

.evnet_contets p,.page_contets p{
	margin: 8px 0;
	color: #464646;
	}

.sevent_read {
	font-size:1.2em;
	font-weight:bold;
		color: #464646;}
.event_spec {
	position: relative;
	border: #5D5D5D 1px solid;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.event_spec ul{
	padding:0 !important;
	margin:0 !important;
}
.event_spec ul li{
	padding:4px 0 !important;}
	
.event_entry {
	text-align:center;
	font-weight:bold;
	margin-bottom:40px;
	}
.event_entry .entry_btn{
	background:url(../images/common/entry_bg.png);
	border:8px solid rgba(255,255,255,0.5);
	width:100%;
	padding:25px;
	font-size:1.3em;
	}
.event_entry .entry_btn a{
	color:#fff !important;
	}

.event-detail-plus {
	background:#eee;
	padding:15px;
	margin:15px 0;}
.event-detail-plus figure{
	float:right;
	padding-left:15px;
	}
.event-detail-plus h5{
	font-size:1.3em;
	}
.event-detail-plus figure figcaption{
	background:#dd508a;
	padding:4px;
	color:#fff;
	text-align:center;
	margin-top:8px;
	}
.icon_category {
	border-radius: 3px;
	background: #F72734;
	color: white;
	font-size: 14px;
	margin-left: 5px;
	padding: 5px 10px;
}
.icon_category.music {
	background: #eb6400;
}
.icon_category.art {
    background: #6455a0;
}
.icon_category.geinou {
    background: #824100;
}
.icon_category.entertainment {
    background: #824100;
}
.icon_category.theater {
    background: #00a041;
}
.icon_category.play {
    background: #00a041;
}
.icon_category.movie {
    background: #00a5dc;
}
.icon_category.dance {
    background: #e60037;
}
.icon_dit {
padding-left:20px;
font-weight:bold;
	}
.icon_dit.day { background:url(../images/common/icon_g_cal.png) no-repeat;
background-size:14px;
	}
.icon_dit.venue { background: url(../images/common/icon_g_place.png) no-repeat;
background-size:14px;
	}
.icon_dit.time { background: url(../images/common/icon_g_time.png) no-repeat;
background-size:14px;
	}

.bzb-sns-btn {
	position:absolute;
	right:10px;
	top:10px;}



.search_index ul li{
	font-size: 1.2em;
	width: 45%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.conts_box .genre_music a:link,
.conts_box .genre_music a:visited  { color:#eb6400;}
.conts_box .genre_play a:link,
.conts_box .genre_play a:visited{ color:#00a041;}
.conts_box .genre_art  a:link,
.conts_box .genre_art  a:visited{ color:#6455a0;}
.conts_box .genre_movie a:link,
.conts_box .genre_movie a:visited{ color:#00a5dc;}
.conts_box .genre_geinou a:link,
.conts_box .genre_geinou a:visited{ color:#824100;}
.conts_box .genre_dance a:link,
.conts_box .genre_dance a:visited{ color:#e60037;}

.search_index ul li a:hover{
	 color:#red;
}
#entry_29_tbl{
	margin-top: 30px;		
	}
.bumon{
width: 30%;
	}
	

.pagination {
	position: relative; 
  	overflow: hidden; 
}

.pagination:after, .pagination ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagination ul {
	position: relative;
  	left: 50%;
	float: left;
	padding: 30px 6px 0 !important;
}
.pagination li {
	position: relative;
  left: -50%;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	line-height: 1em;
	font-size: 120%;
}
.pagination li:first-child {
    margin-left: 0;
}
.pagination li.active {
    background-color: #eed6ea;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 6px 10px;
}
.pagination li a {
    background: none repeat scroll 0 0 #7a4171;
    color: #FFFFFF;
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagination li a:hover {
    background-color: #eed6ea;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.pagination .current {
	padding: 6px 10px;
	background: none repeat scroll 0 0 #EFDF43;
	color: #000;
	display: block;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	line-height: 1.1em;
	font-weight: bold;
}
	


/* =======================================

pc

=======================================*/
@media screen and (min-width:970px) {

	
.showPc{
display: block;
}
.showTab{
  display: none;
}
.showSp{
  display: none;
}

	
/*Best Event*/
.event_list{
	position: relative;
	width: 230px;
	margin-top: 10px;
	background-color: #ECECEC;
	text-decoration: none;
}
.event_list a{
	text-decoration: none;
}

.event_list .event_details{
	width: 230px;
	border-bottom: 4px solid #C8C8C8;
	padding-bottom: 10px;
	height: 290px;
}
.event_list .event_f-space{
	width: 100%;
	height: 290px;
	background-image: url(../images/common/sentokun.png);
	background-repeat: no-repeat;
}
.event_details h4{
	color: #000;
	font-weight: bold;
}
.event_details_inner .txtEvent a:link{
	text-decoration: none;
	color: #000 !important;
}
.event_details_inner .txtEvent a:hover{
	text-decoration: none;
	color: #red !important;
}
.event_details_inner .txtEvent a:visited{
	color: #000 !important;
}
.event_details_inner .eventDate a:visited{
	color: #666 !important;
}
.event_list .event_listimg{
	position: relative;
}
.event_list .event_listimg .bestflag{
	position: absolute;
	right: 3px;
	top: 3px;
}
.event_list .event_listimg .event_end{
	position: absolute;
	bottom: 0px;
	left: auto;
	right: auto;
}

.event_details a .event_listimg {
	margin-bottom: 5px;
}
.event_list .event_listimg dd img{
	width: 100%;
}
.event_list .event_details .event_details_inner{
  padding: 9px;
  font-size: 13px;
  line-height: 1.15;
}
.event_list .event_details .event_details_inner .eventDate{
  font-size: 12px;
  color: #666;
  padding-top: 5px;
}

.event_list .icon_rec{
	position: absolute;
	width: 100%;
	bottom: 50px;
}
.event_details_inner .icon_rec div{
  width: 23%;
  padding: 3px 10px;
  float:left;
  text-align: center;
}

.event_list .event_venue{
	border-top: 1px dotted #666;
	width: 95%;
	font-size: 12px;
	color: #000;
	padding-top: 10px;
	position: absolute;
	bottom: 15px;
	padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event_list .event_details .event_details_inner .titleLong{
  letter-spacing: -0.06em;
}
.event_list .event_details .event_details_inner .culture{
  background-color: #AA0000;
  color: #fff;
  width: 25%;
}
.event_list .event_details .event_details_inner .dance{
  background-color: #E60039;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .art{
  background-color: #6356A3;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .literature{
  background-color: #FF60A0;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .geinou{
  background-color: #814200;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .music{
  background-color: #ED6C00;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .play{
  background-color: #00A040;
  color: #fff;
  width: 16%;
}
.event_list .event_details .event_details_inner .movie{
 background-color: #00A7DB;
 color: #fff;
 width: 20%;
}
.event_list .event_details .event_details_inner .other{
	background-color: #00A7DB;
	color: #fff;
	width: 25%;
}
.event_list a:hover{
    opacity: 0.5;
}



/*news_box*/

#news_box{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#news_box .news_title{
	  width: 970px;
  margin: 0 auto;
  padding: 0;
}

    #news_box ul {
        width: 970px;
        margin: 30px auto 0
    }

    #news_box ul li {
        margin-top: 28px
    }

    #news_box ul li:first-child {
        margin-top: 0
    }

    #news_box ul li .item {
        display: block
    }

    #news_box ul li .item:after {
        content: " ";
        display: block;
        clear: both
    }


    #news_box ul li .item .right {
	background-color: #FFF;
	float: right;
	width: 100%;
	height: 90px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #000;
    }

    #news_box ul li .item .right .rightinner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    #news_box ul li .item .right .rightinner:after {
        content: " ";
        display: block;
        clear: both
    }

    #news_box ul li .item .date {
        width: 150px;
        float: left;
        position: relative;
        padding-left: 20px
    }

    #news_box ul li .item hr {
        margin: 0;
        border: none;
        width: 1px;
        height: 3em;
        background: #8f8f8f;
        float: left;
    }

    #news_box ul li .item .txt {
	width: 780px;
	float: right;
	padding: 0 20px;
	line-height: 140%;
	letter-spacing: 0px!important;
    }

    #news_box ul li a:hover .txt {
        text-decoration: underline
    }

    #ExamTopics .ModBtnMore {
	margin: 100px auto 40px
    }
    .DescriptionSection1 .ModBtnMore {
	margin: 100px auto 40px
    }
    .DescriptionSection2 .ModBtnMore {
	margin: 100px auto 40px
    }
	.event_imgs{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}

/*map_box*/

.event_map{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.event_map table{
	width:100%;
    word-break: break-all;
	}
.event_map table th{
	background: #eee;
	border: #000 1px solid;
	padding: 10px;
	}
.event_map table td{
	border: #000 1px solid;
	padding-left: 10px;
	}
	.event_map h4{
	font-family:"UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 140%;
	}
	.event_map .map_h{
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	padding-top: 10px;
	padding-left: 20px;
	position:relative;/*疑似要素を使う場合には必要*/
	}
	.event_map .map_h:before{
	position:absolute;
	content: "";
	width: 10px;
	height: 50px;
	background: #640078;
	top: 15px;
	left: 0px;
}
	.event_map .map_h{
		
	width: 970px;
	border-bottom: 1px solid #000;
	background-image: url(../images/common/title_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	.event_map .marker{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
		color: #464646;
	}
	

.section_banner_top {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
    background-color: #222633;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-position: center center
}

.section_banner_top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2)
}

.type_visual_small .section_banner_top {
    height: 500px
}
.section_banner_top_single .section_banner_top:after {
    content: normal
}

.section_banner_top.fixed_height {
    height: 500px !important
}

.section_banner_top .banner_top_cnt {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0;
    z-index: 2;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%)
}

.fsize_big2 .section_banner_top .banner_top_cnt {
    margin-top: 30px;
    overflow: auto;
    max-height: 50%
}

.format_local_active .section_banner_top .banner_top_cnt {
    margin: 35px 0 0
}

.section_banner_top .banner_top_image, .section_banner_top .banner_top_spimage {
    display: none
}

.section_banner_top .banner_top_image_single {
    background-color: #383b47;
    text-align: center;
    position: relative;
    color: #fff;
    overflow: hidden
}

.section_banner_top .banner_top_image_single .inside {
	position: relative;
	margin: 0 auto;
	height: 500px;
	z-index: 10
}

.section_banner_top .banner_top_image_single .banner_top_image_single_sp {
    display: none
}

.section_banner_top .banner_top_image_single.noimage .inside {
    height: 210px
}

.section_banner_top .banner_top_image_single .inside img {
	max-width: 100%;
	position: absolute;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 100%;
}

.format_machi .section_banner_top .banner_top_image_single .inside img {
	max-height: 100%;
	width: auto;
}

.section_banner_top .banner_top_image img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.section_banner_top .visual_lead {
    overflow: hidden
}

.section_banner_bottom {
	width: 100%;
	background-color: #EFDF43;
	color: #000;
	position: relative;
	background-image: url(../images/common/conts_title_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}
	.conts_box{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	}
	
.section_banner_bottom .main_title{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	}
	.section_banner_bottom h2{
	font: bold 35px/40px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	}
	.conts_box h1{
	font: bold 30px/35px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #640078;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	.conts_box .p_txt{
	font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
		color: #464646;
		}
	}
/* =======================================

tb

=======================================*/
@media screen and (max-width: 969px) {

.showPc{
  display: none;
}
.showTab{
display: block;
}
.showSp{
  display: none;
}

.event_list{
	position: relative;
	width: 95%;
	margin-top: 10px;
	background-color: #ECECEC;
	text-decoration: none;
}
.event_list a{
	text-decoration: none;
}

.event_list .event_details{
	width: 95%;
	border-bottom: 4px solid #C8C8C8;
	padding-bottom: 10px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
}
.event_list .event_f-space{
	width: 100%;
	height: 260px;
	background-image: url(../images/common/sentokun.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.event_details h4{
	color: #000;
	font-weight: bold;
  overflow: hidden;
}
.event_details_inner .txtEvent{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.event_details_inner .txtEvent a:link{
	text-decoration: none;
	color: #000 !important;
}
.event_details_inner .txtEvent a:hover{
	text-decoration: none;
	color: #red !important;
}
.event_details_inner .txtEvent a:visited{
	color: #000 !important;
}
.event_details_inner .eventDate a:visited{
	color: #666 !important;
}
.event_list .event_listimg{
	position: relative;
}
.event_list .event_listimg .bestflag{
	position: absolute;
	right: 3px;
	top: 3px;
}
.event_list .event_listimg .event_end{
	position: absolute;
	bottom: 0px;
	left: auto;
	right: auto;
}

.event_details a .event_listimg {
	width: 100%;
	margin-bottom: 5px;
}
.event_list .event_listimg dd img{
	width: 100%;
}
.event_list .event_details .event_details_inner{
	width: 95%;
  font-size: 13px;
  line-height: 1.15;
	margin-left: auto;
	margin-right: auto;
}
.event_list .event_details .event_details_inner .eventDate{
  font-size: 12px;
  color: #666;
  padding-top: 5px;
}

.event_list .icon_rec{
	position: absolute;
	width: 100%;
	bottom: 50px;
}
.event_details_inner .icon_rec div{
	width: 90%;
  text-align: center;
}

.event_list .event_venue{
	border-top: 1px dotted #666;
	width: 95%;
	font-size: 12px;
	color: #000;
	padding-top: 10px;
	position: absolute;
	bottom: 15px;
	margin-left: auto;
	margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event_list .event_details .event_details_inner .titleLong{
  letter-spacing: -0.06em;
}
.event_list .event_details .event_details_inner .culture{
  background-color: #AA0000;
  color: #fff;
  width: 35%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .dance{
  background-color: #E60039;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .art{
  background-color: #6356A3;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .literature{
  background-color: #FF60A0;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .geinou{
  background-color: #814200;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .music{
  background-color: #ED6C00;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .play{
  background-color: #00A040;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .movie{
 background-color: #00A7DB;
 color: #fff;
 width: 25%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .other{
 background-color: #00A7DB;
 color: #fff;
 width: 35%;
	padding: 5px;
}
.event_list a:hover{
    opacity: 0.5;
}
	
	
#news_box{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#news_box .news_title{
	width: 100%;
  margin: 0 auto;
  padding: 0;
}

    #news_box ul {
        margin: 30px auto 0;
    }

    #news_box ul li {
	margin-top: 28px;
	width: 90%;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
    }

    #news_box ul li:first-child {
        margin-top: 0
    }

    #news_box ul li .item {
        display: block
    }

    #news_box ul li .item:after {
        content: " ";
        display: block;
        clear: both
    }


    #news_box ul li .item .right {
	float: right;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
    }

    #news_box ul li .item .right .rightinner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
  		overflow: hidden;
    }

    #news_box ul li .item .right .rightinner:after {
        content: " ";
        display: block;
        clear: both
    }

    #news_box ul li .item .date {
	width: 20%;
	float: left;
	position: relative;
	padding-left: 20px;
	font-size: 12px;
    }

    #news_box ul li .item hr {
	border: none;
	width: 1px;
	height: 5em;
	background: #8f8f8f;
	float: left;
	margin-left: 10px;
    }

    #news_box ul li .item .txt {
	width: 80%;
	float: right;
	padding: 0 20px;
	line-height: 140%;
	letter-spacing: 0px!important;
	text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
    #news_box ul li a:hover .txt {
        text-decoration: underline;
    }

    #ExamTopics .ModBtnMore {
	margin: 100px auto 40px;
    }
    .DescriptionSection1 .ModBtnMore {
	margin: 100px auto 40px;
    }
    .DescriptionSection2 .ModBtnMore {
	margin: 100px auto 40px;
    }


.section_banner_bottom {
	width: 100%;
	background-color: #EFDF43;
	color: #000;
	position: relative;
	background-image: url(../images/common/conts_title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}
	.conts_box{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
	
.section_banner_bottom .main_title{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
	.section_banner_bottom h2{
	font: bold 25px/30px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	}
	.conts_box .p_txt{
	font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
		color: #464646;
		}
	

.event_map{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.event_map table{
	width:100%;
    word-break: break-all;
	}
.event_map table th{
	background: #eee;
	border: #000 1px solid;
	padding: 10px;
	}
.event_map table td{
	border: #000 1px solid;
	padding-left: 10px;
	}
	.event_map h4{
	font-family:"UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 140%;
	}
	.event_map .map_h{
	font-size: 32px;
	font-weight: bold;
	line-height: 30px;
	width: 100%;
	clear: both;
	text-align: center;
	}
	.event_map .map_h:before{
	display: none;	
}
	.event_map .map_h{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/common/title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	}
	.event_map .marker{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
		color: #464646;
	}
	
	
	.sub_title{
	font-size: 16px;
	color: #666;
	font-weight: normal;
	text-align: center;
	}	
	.conts_box h1{
	font: bold 20px/25px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #640078;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	}


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

.event_list .event_details{
	width: 100%;
	border-bottom: 4px solid #C8C8C8;
	padding-bottom: 10px;
	height: 290px;
}
.event_list .event_f-space{
	width: 100%;
	height: 290px;
	background-image: url(../images/common/sentokun.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
}
/* =======================================

sp

=======================================*/
@media screen and (max-width: 420px) {

.showPc{
  display: none;
}
.showTab{
  display: none;
}
.showSp{
display: block;
}

/*Best Event*/
.event_list{
	position: relative;
	width: 95%;
	margin-top: 10px;
	background-color: #ECECEC;
	text-decoration: none;
}
.event_list a{
	text-decoration: none;
}

.event_list .event_details{
	width: 100%;
	border-bottom: 4px solid #C8C8C8;
	padding-bottom: 10px;
	height: 225px;
}
.event_list .event_f-space{
	width: 100%;
	height: 225px;
	background-image: url(../images/common/sentokun.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.event_details h4{
	color: #000;
	font-weight: bold;
  overflow: hidden;
}
.event_details_inner .txtEvent{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.event_details_inner .txtEvent a:link{
	text-decoration: none;
	color: #000 !important;
}
.event_details_inner .txtEvent a:hover{
	text-decoration: none;
	color: #red !important;
}
.event_details_inner .txtEvent a:visited{
	color: #000 !important;
}
.event_details_inner .eventDate a:visited{
	color: #666 !important;
}
.event_list .event_listimg{
	position: relative;
}
.event_list .event_listimg .bestflag{
	position: absolute;
	right:2px;
	top: 2px;
}

.event_details a .event_listimg {
	margin-bottom: 5px;
}
.event_list .event_listimg dd img{
	width: 100%;
}
.event_list .event_details .event_details_inner{
	width: 95%;
  font-size: 13px;
  line-height: 1.15;
	margin-left: auto;
	margin-right: auto;
}
.event_list .event_details .event_details_inner .eventDate{
  font-size: 12px;
  color: #666;
  padding-top: 5px;
}

.event_list .icon_rec{
	position: absolute;
	width: 100%;
	bottom: 40px;
}
.event_details_inner .icon_rec div{
	width: 90%;
  text-align: center;
}

.event_list .event_venue{
	border-top: 1px dotted #888;
	width: 95%;
	font-size: 10px;
	color: #000;
	padding-top: 5px;
	position: absolute;
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event_list .event_details .event_details_inner .titleLong{
  letter-spacing: -0.06em;
}
.event_list .event_details .event_details_inner .culture{
  background-color: #AA0000;
  color: #fff;
  width: 35%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .dance{
  background-color: #E60039;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .art{
  background-color: #6356A3;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .literature{
  background-color: #FF60A0;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .geinou{
  background-color: #814200;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .music{
  background-color: #ED6C00;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .play{
  background-color: #00A040;
  color: #fff;
  width: 20%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .movie{
 background-color: #00A7DB;
 color: #fff;
 width: 25%;
	padding: 5px;
}
.event_list .event_details .event_details_inner .other{
 background-color: #00A7DB;
 color: #fff;
 width: 35%;
	padding: 5px;
}
.event_list a:hover{
    opacity: 0.5;
}

/*news_box*/

#news_box{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#news_box .news_title{
	width: 100%;
  margin: 0 auto;
  padding: 0;
}

    #news_box ul {
        margin: 30px auto 0;
    }

    #news_box ul li {
	margin-top: 28px;
	width: 90%;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
    }

    #news_box ul li:first-child {
        margin-top: 0
    }

    #news_box ul li .item {
        display: block
    }

    #news_box ul li .item:after {
        content: " ";
        display: block;
        clear: both
    }


    #news_box ul li .item .right {
	float: right;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
    }

	 #news_box ul li .item .right .rightinner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
  		overflow: hidden;
    }

    #news_box ul li .item .right .rightinner:after {
        content: " ";
        display: block;
        clear: both
    }

    #news_box ul li .item .date {
	width: 15%;
	float: left;
	position: relative;
	padding-left: 20px;
	font-size: 12px;
    }



    #news_box ul li .item hr {
	border: none;
	width: 1px;
	height: 6em;
	background: #8f8f8f;
	float: left;
	margin-left: 10px;
    }
	

    #news_box ul li .item .txt {
  	width: 85%;
	float: right;
	padding: 0 20px;
	line-height: 140%;
	letter-spacing: 0px!important;
	text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    }

    #news_box ul li a:hover .txt {
        text-decoration: underline
    }

/*map_box*/
.event_map{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.event_map .map_h{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/common/title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	border-bottom: 1px solid #000;
	}
	
	.event_map .map_h:before{
	display: none;
}
	.event_map .map_h{
	font: bold 20px/22px "UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.event_map table{
	width:100%;
	margin:30px 0;
    word-break: break-all;
	}
.event_map table th{
	width:30%;
	background: #eee;
	border: #000 1px solid;
	padding: 10px;
	}
.event_map table td{
	border: #000 1px solid;
	padding-left: 10px;
	}
	
	
    #ExamTopics .ModBtnMore {
	margin: 100px auto 40px
    }
    .DescriptionSection1 .ModBtnMore {
	margin: 100px auto 40px
    }
    .DescriptionSection2 .ModBtnMore {
	margin: 100px auto 40px
    }


.section_banner_bottom {
	width: 100%;
	background-color: #EFDF43;
	color: #000;
	position: relative;
	background-image: url(../images/common/conts_title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}
	.conts_box{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
	
.section_banner_bottom .main_title{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
	.section_banner_bottom h2{
	font: bold 25px/30px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	}
	.conts_box .p_txt{
	font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
	color: #464646;
		}
	.pagination {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}
	.conts_box h1{
	font: bold 18px/20px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #640078;
	padding-top: 10px;
	padding-bottom: 10px;
	}
}


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

#news_box{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#news_box .news_title{
	width: 100%;
  margin: 0 auto;
  padding: 0;
}

    #news_box ul {
        margin: 30px auto 0;
    }

    #news_box ul li {
	margin-top: 28px;
	width: 90%;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
    }

    #news_box ul li:first-child {
        margin-top: 0
    }	
	.section_banner_bottom h2{
	font: bold 20px/25px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	}
	.conts_box .p_txt{
	font: 14px "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
		color: #464646;
		}
	
.event_map{
	width: 100%;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.event_map table{
	width:100%;
    word-break: break-all;
	}
.event_map table th{
	background: #eee;
	border: #000 1px solid;
	padding: 10px;
	}
.event_map table td{
	border: #000 1px solid;
	padding-left: 10px;
	}
.event_map table{
	width:100%;
	margin:30px 0;
    word-break: break-all;
	}
.event_map table th{
	width:30%;
	background: #eee;
	border: #000 1px solid;
	padding: 10px;
	}
.event_map table td{
	border: #000 1px solid;
	padding-left: 10px;
	}
	.event_map .map_h{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/common/title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	border-bottom: 1px solid #000;
	}
	
	.event_map .map_h:before{
	display: none;
}
	.event_map .map_h{
	font: bold 20px/22px "UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	}
}