@charset "utf-8";
/* ==================================================
contents
================================================== */
.heading h1.disabled {
    display: block;
    width: 0;
    height: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
}
.common_ttl{
    position: relative;
    margin-bottom: 21px;
    padding-top: 56px;
    background-repeat: no-repeat;
}
.common_ttl::before{
    content: "";
    position: absolute;
    top: -11px;
    left: -30px;
    width: 50px;
    height: 50px;
    background-color: #a7ce73;
    border-radius: 50%;
    z-index: -1;
}
.common_ttl h2{
    position: relative;
    display: inline-block;
    font-size: 100%;
    font-weight: 500;
}
.common_ttl h2::before{
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    border-bottom: 1px solid #000000;
    right: -211px;
    top: 50%;
    margin-top: -2px;
}
.btn_more_wrap{
    text-align: right;
}
.btn_more{
    padding: 3px 18px 0;
    display: inline-block;
    min-width: 100px;
    position: relative;
    font-weight: bold;
    font-size: 125%;
    transition: all ease 0.5s;
    text-decoration: none;
    text-align: left;
}
a.btn_more,
.btn_more a {
    background-color: #aaaaaa;
    color: #000000;
}
.btn_more_wrap .btn_more:hover{
    background-color: #000000;
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}
/* ==================================================
Main visual
================================================== */
#tmp_main_visual{
    position: relative;
    margin-bottom: 17px;
}
#tmp_splide_mv .splide__slide img{
    width: 100%;
    height: auto;
}
/* thumbnail */
#tmp_splide_mv_thumbnail{
    position: absolute;
    z-index: 1;
    bottom: 14px;
    left: 60px;
}
#tmp_splide_mv.no-splide .splide__list{
    display: block;
}
#tmp_splide_mv_thumbnail .splide__list > .splide__slide{
    width: 40px;
    height: 30px;
    border: 1px solid #666666;
    background-color: #ffffff;
}
#tmp_splide_mv_thumbnail .splide__list > .splide__slide.is-active{
    border-bottom: 5px solid #333333;
}
#tmp_splide_mv_thumbnail .splide__slide > p{
    height: 100%;
}
#tmp_splide_mv_thumbnail .splide__slide img{
    height: 100%;
    width: 100%;
    vertical-align: top;
    transition: 0.3s ease-in-out opacity;
}
#tmp_splide_mv_thumbnail .splide__list > .splide__slide{
    height: 30px;
    width: 40px;
}
#tmp_splide_mv .splide__controls {
    position: absolute;
    z-index: 1;
    bottom: 14px;
    left: 10px;
}
#tmp_splide_mv .splide__toggle{
    position: relative;
    display: block;
    width: 40px;
    height: 21px;
    color: inherit;
    background: transparent url(/shared/templates/shigaart_top/images/icon/icon_play.png);
}
#tmp_splide_mv .splide__toggle:not(.is-active){
    background-image: url(/shared/templates/shigaart_top/images/icon/icon_pause.png);
}
#tmp_splide_mv .splide__toggle span {
    display: inline-block !important;
    text-indent: -9999px;
}
#tmp_splide_mv .splide__arrows{
    text-indent: -9999px;
}
#tmp_splide_mv .splide__arrow{
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 5px;
    transform: inherit;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    background-size: 10px auto;
    transition: opacity 0.3s ease-in-out;
    border: 1px solid #000000;
}
#tmp_splide_mv .splide__arrows .splide__arrow--prev{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_prev.png);
    background-position: calc(50% - 1px) center;
    left: 5px;
}
#tmp_splide_mv .splide__arrows .splide__arrow--next{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_next.png);
    background-position: calc(50% + 1px) center;
    right: 5px;
}
/* ==================================================
event & soshiki
================================================== */
#tmp_event{
    margin-top: 17px;
    margin-bottom: 46px;
}
#tmp_main_visual + #tmp_event {
    margin-top: 0;
}
#tmp_event .common_ttl{
    background-image: url(/shared/templates/shigaart_top/images/main/bg_ttl_event.png);
    background-position: left 14px;
}
#tmp_event .event_list{
    margin-bottom: 50px;
}
.link_btn_soshiki ul,
.link_btn_event ul,
#tmp_event .banner_artist_gallery ul{
    list-style: none;
    padding: 0 50px;
}
#tmp_event .banner_artist_gallery ul li{
    margin-bottom: 150px;
}
#tmp_event .banner_artist_gallery ul li p{
    display: block;
    overflow: hidden;
    position: relative;
}
#tmp_event .banner_artist_gallery ul li p img{
    transition: 0.3s ease-in-out opacity;
    vertical-align: top;
}
#tmp_event .banner_artist_gallery ul li .btn_more{
    position: absolute;
    bottom: 18px;
    left: 230px;
    padding: 0;
}
#tmp_event .banner_artist_gallery ul li .btn_more > a{
    display: inline-block;
    text-decoration: none;
    padding: 6px 18px 1px;
    min-width: 100px;
    background-color: #aaaaaa;
    color: #000000;
    transition: all ease 0.5s;
}
#tmp_event .banner_artist_gallery ul li .btn_more > a:hover{
    text-decoration: none;
    background-color: #000000;
    color: #ffffff;
    opacity: 0.6;
}
#tmp_event .banner_image .show_sp{
    display: none;
}
.link_btn_soshiki ul,
.link_btn_event ul{
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    justify-content: space-around;
}
.link_btn_soshiki ul li,
.link_btn_event ul li{
    width: calc((100% - 20px) / 2);
}
.link_btn_soshiki ul li a,
.link_btn_event ul li a{
    position: relative;
    display: block;
    text-align: center;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
    background: #000000;
    padding: 12px 66px 15px 19px;
    min-height: 50px;
    letter-spacing: 0.0625em;
}
.link_btn_soshiki ul li a::before,
.link_btn_event ul li a::before{
    content: "";
    position: absolute;
    width: calc(100% - 65px);
    height: 1px;
    background-color: #ffffff;
    left: 8px;
    bottom: 7px;
}
.link_btn_soshiki ul li a::after,
.link_btn_event ul li a::after{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 48px;
    top: 0;
    background: #4d4948 url(/shared/templates/shigaart_top/images/icon/bg_link_event.jpg) right center no-repeat;
    background-size: 100% auto;
}
.link_btn_soshiki ul li a:hover,
.link_btn_event ul li a:hover{
    text-decoration: underline;
}
.link_btn_soshiki{
    margin-bottom: 20px;
}
/* ==================================================
Information 
================================================== */
#tmp_information .common_ttl{
    background-image: url(/shared/templates/shigaart_top/images/main/bg_ttl_infor.png);
    padding-top: 52px;
    background-position: left 8px;
}
#tmp_information .common_ttl::before{
    left: -20px; 
    background-color: #86d6ff;
}
.info_list{
    padding: 30px;
    background-color: #dddddd;
    margin-bottom: 30px;
}
.info_list .list_style_table{
    font-weight: bold;
}
.list_style_table{
    list-style: none;
}
.list_style_table li{
    display: flex;
    padding: 13px 10px 12px;
    border-bottom: 1px solid #ffffff;
    min-height: 49px;
}
.list_style_table li .first{
    width: 150px;
    padding-right: 10px;
}
.list_style_table li .second{
   flex: 1;
}
.list_style_table li a{
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}
.list_style_table li a:hover{
    text-decoration: underline;
}
#tmp_information .link_btn_event{
    margin-bottom: 100px;
}
#tmp_about{
    padding: 50px 10%;
    background-color: #dbeaec;
    margin: 100px 50px 0;
    display: flex;
    overflow: hidden;
}
#tmp_about + #tmp_inquiry{
    margin-top: 130px;
}
#tmp_about .big_title,
#tmp_about .big_title span {
    line-height: 1;
}
#tmp_about .big_title {
    margin-bottom: 30px;
    overflow-wrap: anywhere;
    font-size: 100%;
    font-weight: 500;
}
#tmp_about .big_title .eng{
    font-size: 406.3%;
}
#tmp_about .big_title br{
    display: none;
}
#tmp_about .big_title .txt_i{
    font-size: 118.5%;
}
#tmp_about .big_title .txt_small{
    font-size: 187.5%;
}
#tmp_about .description_txt {
    line-height: 1.7;
}
#tmp_about .banner_title{
    width: 65%;
    padding-top: 4px;
}
#tmp_about .banner_image{
   flex: 1;
   padding-left: 30px;
}
#tmp_about .banner_image img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
/* event_card_list */
.event_card_list {
    display: flex;
    gap: 40px;
    flex-flow: row wrap;
}
.event_card_list .event_card {
    margin-bottom: 20px;
    width: calc((100% - 80px) / 3);
    font-size: 87.5%;
}
.event_card_list a {
    text-decoration: none;
}
.event_card_list .card_img,
.event_card_list .card_cnt {
    display: block;
}
.event_card_list .card_img {
    display: block;
    height: 290px;
    text-align: center;
    padding: 20px;
    color: inherit;
    background-color: #dbeaec;
}
.event_card_list .card_img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    transition: 0.3s ease-in-out opacity;
}
.event_card_list .card_cnt {
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
}
.event_card_list a:hover .card_cnt{
    text-decoration: underline;
}
.event_card_list .card_cnt > span {
    border-left: 5px solid #a7ce73;
    display: block;
    font-size: 135.7%;
    font-weight: bold;
    line-height: 1.8;
    padding-left: 11px;
}
.event_card_list .list_block_date {
    color: #4b4b4b;
    margin-top: 9px;
}
.event_card_list .list_block_place {
    margin-top: 11px;
}
.event_card_list a:hover .card_img img {
    opacity: 0.7;
}
/* ==================================================
no javascript
================================================== */
.no_javascript #tmp_splide_mv.splide{
    visibility: visible;
}
.no_javascript #tmp_splide_mv .splide__list{
    display: block;
    max-height: 494px;
    overflow: auto;
}
.no_javascript #tmp_splide_mv .splide__list .slider_item{
    margin-bottom: 20px;
}
/* furigana */
.furigana_on #tmp_splide_mv .splide__arrow{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_black #tmp_splide_mv .splide__toggle, 
.color_yellow #tmp_splide_mv .splide__toggle {
    background-image: url(/shared/templates/shigaart_top/images/icon/icon_play.png) !important;
}
.color_blue #tmp_splide_mv .splide__toggle {
    background-image: url(/shared/templates/shigaart_top/images/icon/icon_play_blue.png) !important;
}
.color_black #tmp_splide_mv .splide__toggle:not(.is-active), 
.color_yellow #tmp_splide_mv .splide__toggle:not(.is-active) {
    background-image: url(/shared/templates/shigaart_top/images/icon/icon_pause.png) !important;
}
.color_blue #tmp_splide_mv .splide__toggle:not(.is-active) {
    background-image: url(/shared/templates/shigaart_top/images/icon/icon_pause_blue.png) !important;
}
.color_black #tmp_splide_mv .splide__arrows .splide__arrow--prev,
.color_blue #tmp_splide_mv .splide__arrows .splide__arrow--prev{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_prev.png) !important;
    background-color: #FFFF00 !important;
}
.color_black #tmp_splide_mv .splide__arrows .splide__arrow--next,
.color_blue #tmp_splide_mv .splide__arrows .splide__arrow--next{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_next.png) !important;
    background-color: #FFFF00 !important;
}
.color_yellow #tmp_splide_mv .splide__arrows .splide__arrow--next{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_next_yellow.png) !important;
    background-color: #000000 !important;
}
.color_yellow #tmp_splide_mv .splide__arrows .splide__arrow--prev{
    background-image: url(/shared/templates/shigaart_top/images/icon/arrow_prev_yellow.png) !important;
    background-color: #000000 !important;
}
.color_blue #tmp_splide_mv .splide__arrow,
.color_black #tmp_splide_mv .splide__arrow,
.color_yellow #tmp_splide_mv .splide__arrow{
	opacity: 1;
}
.color_blue #tmp_about,
.color_black #tmp_about,
.color_yellow #tmp_about,
.color_blue .info_list,
.color_black .info_list,
.color_yellow .info_list,
.color_blue .btn_more,
.color_black .btn_more,
.color_yellow .btn_more{
	border: 1px solid;
}
.color_blue .link_btn_event ul li a,
.color_black .link_btn_event ul li a,
.color_yellow .link_btn_event ul li a{
    border: 1px solid;
    padding-right: 20px;
}
.color_blue .common_ttl .sub_heading::before,
.color_black .common_ttl .sub_heading::before,
.color_yellow .common_ttl .sub_heading::before,
.color_blue .common_ttl h2::before,
.color_black .common_ttl h2::before,
.color_yellow .common_ttl h2::before,
.color_blue .link_btn_event ul li a::after,
.color_black .link_btn_event ul li a::after,
.color_yellow .link_btn_event ul li a::after,
.color_blue .link_btn_event ul li a::before,
.color_black .link_btn_event ul li a::before,
.color_yellow .link_btn_event ul li a::before{
    display: none;
}
.color_yellow #tmp_wrapper .btn_more{
    background-color: #FFFF00 !important;
}
.color_blue #tmp_wrapper .btn_more{
    background-color: #00008B !important;
}
.color_black #tmp_wrapper .btn_more{
    background-color: #000000 !important;
}
.color_black #tmp_wrapper .btn_more:hover,
.color_blue #tmp_wrapper .btn_more:hover,
.color_yellow #tmp_wrapper .btn_more:hover,
.color_black #tmp_event .banner_artist_gallery ul li .btn_more > a:hover,
.color_blue #tmp_event .banner_artist_gallery ul li .btn_more > a:hover,
.color_yellow #tmp_event .banner_artist_gallery ul li .btn_more > a:hover{
    opacity: 1 !important;
    text-decoration: underline;
}
.color_blue #tmp_wrapper .event_card_list .list_block_card,
.color_black #tmp_wrapper .event_card_list .list_block_card,
.color_yellow #tmp_wrapper .event_card_list .list_block_card{
	border: 1px solid;
}
.color_blue #tmp_wrapper .event_card_list .card_cnt,
.color_black #tmp_wrapper .event_card_list .card_cnt,
.color_yellow #tmp_wrapper .event_card_list .card_cnt{
	border-top: 1px solid;
}
/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_big2 .info_list ul li .first{
    min-width: 250px;
}
.fsize_big .info_list ul li .first{
    min-width: 180px;
}
.fsize_big2 #tmp_event .banner_artist_gallery ul li .btn_more{
    bottom: 10px;
}
.fsize_big .list_style_table li .first{
    width: 170px;
}
.fsize_big2 .list_style_table li .first{
    width: 238px;
}
/* ==================================================
print
================================================== */
@media print {
}