@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;font-style:normal;}
body{letter-spacing:0.06em;line-height:1;font-family: "Noto Sans JP","Noto Sans","小塚ゴシック Pro R","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{vertical-align:bottom;font-size:0;line-height:0;border:0;}
strong{font-weight:bold;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
a{outline:none;text-decoration:none;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
a:hover{opacity:0.7;}


html {
	font-size: 62.5%;
	overflow-y: scroll;
}

a {
  text-decoration: none;
  transition: 0.4s ease;
  cursor: pointer;
  color: #333333;
}

.law{
	padding-left:80px;
	padding-right:80px;
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
}

.m-w1100 { max-width: 1100px;}
.w1100 { max-width: 1260px;}
.w1200 { max-width: 1360px;}

h3, h4, h5, h6, p, li, th, td, dd, a { line-height: 1.8;}

.m-lr-auto { margin-left: auto; margin-right: auto;}
.t-center { text-align: center;}
.display-none_sp {display: block;}

/* ページ上部へ戻るボタン */
#PageTop {
    position:fixed;
	bottom: 340px;
    right: 15px;
	z-index:9990;
	cursor:pointer;
    display: none;
}
#PageTop img {
	width: 18px;
}

:root {
    /* ------------ color ------------ */
    --color-text: #333333;
    --color-white: #ffffff;
    --color-bg-lightgray: #F5F5F5;
    --color-gray-date: #808080;
    --color-line: #c8c8c8; /* NEWSの下線 */
    --color-sitemap: #dddddd; /* footerサイトマップ背景 */
    --color-gray-tag: #e0e0e0;
    --color-black: #222222; /* トップaboutの背景 */
    --color-bg_header: rgba(26,26,26,0.95);
    --color-search_gray: #969696;

    /* ------------ font-family ------------ */
    --oswald: "Oswald", sans-serif;

    /* ------------ font-weight  ------------ */
    --fw400: 400; /* oswald(R),NotoSans(R) */
    --fw500: 500; /* oswald(M),NotoSans(M) */
    --fw700: 700; /* oswald(B),NotoSans(B) */

    /* ------------ font-size(下層) ------------ */
    --fz42: 4.2rem; /* h1 */
    --fz32:3.2rem; /* h1 */
    --fz28: 2.8rem; /* h2 */
    --fz24: 2.4rem; /* h3 */
    --fz20: 2rem;   /* h4 */
    --fz18: 1.8rem; /* h5 */
    --fz15: 1.5rem; /* p */
    --fz14: 1.4rem; /* その他 */
    --fz13: 1.3rem; /* 展覧会（開催状況、日付）、ボタン　PROJECT・ABOUT */
    --fz12: 1.2rem; /* その他 */
    --fz10: 1rem;   /* フッター　コピーライト */

    --fz20-tab20-sp16: 2rem; /* ボタン　過去の展覧会 */
    --fz18-head: 1.8rem;     /* ヘッダー　開館状況/日本語、英語 */
    --fz12-sp10: 1.2rem;     /* フッター　子ページ・テキスト */

    /* ------------ space ------------ */
 --space140: 120px; 
   --space120: 120px;
    --space100: 100px;
    --space80: 80px;
    --space60: 60px;
    --space40: 40px;
    --space30: 30px;
    --space20: 20px;
    --space15: 15px;
    --space10: 10px;
    --space80-flex: 80px;

    --space20_20: 20px;

    --space80_74: 74px; /* fz1.4rem～1.6remで余白を80px取りたいとき */
    --space80_70: 70px; /* fz2.4remで余白を80px取りたいとき */
    --space60_44: 44px; /* fz2.4remとfz1.5が上下にある場合に余白を60px取りたいとき */
    --space40_34: 34px; /* fz1.4rem～1.6remで余白を40px取りたいとき */
    --space20_14: 14px;   /* fz1.4rem～1.8remで余白を20px取りたいとき */
    --space20_14_sp:14px; /* fz1.4rem～1.8remで余白を20px取りたいとき(SPも変化なしNEWS） */
    --space15_10: 10px;   /* fz1.2rem～1.3remで余白を15px取りたいとき */
}


@media screen and (max-width:840px) {
    :root {
        /* ------------ font-size(下層) ------------ */
        --fz42: 3.2rem; /* h1 */
--fz32: 2.5rem; /* h1 */
        --fz28: 2.2rem; /* h2 */
        --fz24: 2rem;   /* h3 */
        --fz20: 1.6rem; /* h4 */
        --fz18: 1.4rem; /* h5 */
        --fz15: 1.3rem; /* p */
        --fz14: 1.2rem; /* その他 */
        --fz13: 1.2rem; /* 展覧会（開催状況、日付）、ボタン　PROJECT・ABOUT */

        --fz20-tab20-sp16: 1.8rem; /* ボタン　過去の展覧会 */
        --fz18-head: 1.6rem;       /* ヘッダー　開館状況/日本語、英語 */
        --fz12-sp10: 1rem;         /* フッター　子ページ・テキスト */

      /* ------------ space ------------ */
      --space140: 120px;
      --space120: 100px;
      --space100: 80px;
      --space80: 60px;
      --space60: 40px;
      --space40: 30px;
      --space30: 15px;
      --space20: 15px;
      --space15: 10px;
      --space80-flex: 60px;

      --space80_74: 54px;
      --space80_70: 52px;
      --space60_44: 27px;
      --space40_34: 24px;
      --space20_14: 9px;
      --space15_10: 5px; 
	}

	.law {
      padding-left:30px;
      padding-right:30px;
    }

    .display-none_sp {display: none;}

    /* ページ上部へ戻るボタン */
    #PageTop {
        bottom: 300px;
        right: 5px;
    }

}


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

    :root {
      /* ------------ font-size(下層) ------------ */
      --fz42: 2.4rem; /* h1 */
--fz32: 2.1rem; /* h1 */
      --fz28: 1.8rem; /* h2 */
      --fz24: 1.6rem; /* h3 */

      --fz20-tab20-sp16: 1.6rem; /* ボタン　過去の展覧会 */
      --fz18-head: 1.3rem; /* ヘッダー　開館状況/日本語、英語 */

      /* ------------ space ------------ */
      --space140: 100px;
      --space120: 80px;
      --space80-flex: 40px;
    }

    .law{
      padding-left:20px;
      padding-right:20px;
    }

    /* ページ上部へ戻るボタン */
    #PageTop {
        bottom: 325px;
        right: 3px;
    }
    #PageTop img {
        width: 14px;
    }

    /* トップEVENTスライドショーがはみ出ないようにするための横スクロール防止 */
    html, body {
		overflow-x: hidden;
	}

}

body {
	color: var(--color-text);
    font-size: var(--fz15);
}

.mt120 { margin-top: var(--space120);}
.mb100 { margin-bottom: var(--space100);}
.mb80 { margin-bottom: var(--space80);}
.mt20 { margin-top: var(--space20);}
.mt15 { margin-top: var(--space15);}

/*--------------------------------

header

---------------------------------*/
header {
	width: 100%;
	height: 140px; /* この高さ分（影も含む）、被らないようにcommon.jsで設定 */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all 0.3s ease;
}

.header_shadow {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    height: 140px; /* 白背景内の高さ */
    background: var(--color-white);
    transition: all 0.3s ease;
}

/* ロゴ */
header h1 {
    float: left;
    width: 78px;
    height: 100px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    transition: all 0.3s ease;
}
header h1 img {
    width: 78px;
    height: 100px;
    transition: all 0.3s ease;
}
header h1 a:hover {
    opacity: 1;
}

.top_row, .bottom_row {
    display: flex;
    justify-content: flex-end;
}


/* ------ 上の段 ------ */
.top_row {
    align-items: center;
    padding-top: 30px;
	text-align: end;
}
.top_row .headicon {
    display: inline-block;
    margin-right: 30px;
}

.top_row .headicon img {
    width: auto;
    height: 20px;
    vertical-align: middle;
}

/* --- 言語 --- */
.langchange {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 40px;
}

.langchange::after {
    position: absolute;
    right: 0;
    width: 5.7px;
    height: 5px;
    background-color: var(--color-text);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.langchange select {
    -webkit-appearance: none;border-radius:0;
    appearance: none;
    min-width: 80px;
    padding: 0 6px 3px 6px;
    border: none;
    border-bottom: 1px solid var(--color-text);
    background-color: var(--color-white);
    color: var(--color-text);
    font-size: 1.2rem;
    font-weight: var(--fw500);
    font-family: "Noto Sans JP","Noto Sans";
    cursor: pointer;
}

.langchange select:focus {
    outline: none;
}


/* --- 言語　ここまで --- */


/* --- 本日の会館情報 --- */
/* 基本は本日会館 */
.today_info {
    display: block;
    font-size: var(--fz18);
    font-weight: var(--fw500);
    background: var(--color-text);
    color: var(--color-white);
    background: var(--color-text);
    padding: 11px 20px;
}
.today_info span { /* 時間 */
    font-family: var(--oswald);
    padding-left: 15px;
}


/* --- 検索　ここから --- */
.Search { cursor: pointer;}

/* 検索枠をクリックしたときにデフォルトの枠線が表示されないようにする */
.PcSearchBox input:focus, .SpSearchBox input:focus {
    border: none;
    outline: none;
}
/* 保管機能を使用した時に、自動で背景色を付かないようにする */
.PcSearchBox input:-webkit-autofill, .SpSearchBox input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
}

/* --- 虫眼鏡をクリックで開く部分 --- */
.PcSearch {
	clear: both;
	background: var(--color-bg_header);
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;

	position: absolute;
	top: 140px;
    left: 0;
    right: 0;
	z-index: 9999;
	width: 100%;
}

.PcSearch .w540, .PcSearch .search_closebtn {
    margin-left: auto;
    margin-right: auto;
}

.w540 {
    display: flex;
    max-width: 540px;
}
/* サイト内検索というテキスト */
.PcSearch p {
    font-size: var(--fz18);
    font-weight: var(--fw500);
    color: var(--color-white);
    margin-right: var(--space40);
}

/* 検索窓 */
.PcSearchBox {
    display: block;
    background-color: var(--color-white);
    width: 380px;
    margin: 0 auto;
    padding: 7px 1.5em;
    border-radius: 50px;        /* デフォルト */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
    border: 1px solid var(--color-search_gray);
}
.PcSearch .SearchWindow ,.searchtext {
    border: none;
    padding: 5px;
    width: 310px;
    color: var(--color-default-text);
    font-size: var(--fz12);
    font-weight: var(--fw500);
}

/* 検索ボタン */
.PcSearch .SearchBtn {
    width: 16px;
    height: 16px;
    background-image: url("../../images/search_btn.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: inherit;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

/* 閉じるボタン */
.PcSearch .search_closebtn {
    font-size: var(--fz14);
    font-weight: var(--fw500);
    color: var(--color-white);
    border-bottom: 1px solid var(--color-white);
    line-height: 1;
    padding-bottom: 14px;
    width: 120px;
    margin-top: var(--space40);
    text-align: left;
    cursor: pointer;
}

/* --- 検索　ここまで --- */



/* ------ 下の段 ------ */
.bottom_row {
    padding-top: 24px; /* 実質30px */
}
.bottom_row span, .bottom_row .nav-child a {
    font-weight: var(--fw500);
}

/* .bottom_row span:not(.bottom_row span:last-child) { */
.bottom_row li:not(.bottom_row li:last-child){
    margin-right: 30px;
}

.bottom_row li {
    position: relative;
    padding-bottom: 20px; /* ないとspanから.nav-childにたどり着くまでに一度.nav-childが消えてしまう */
}

/* はじめは非表示のメニュー詳細（タイミングはnavigation.jsで制御） */
.bottom_row .nav-child {
    display: none;
    position: absolute;
    top: 47px;

    background: var(--color-bg_header);
    padding: 25px 30px;
    overflow: hidden;
    min-width: 200px;
}
.bottom_row .nav-child a:not(.bottom_row .nav-child a:last-child) {
    padding-bottom: 10px;
}
.bottom_row .nav-child a {
    display: block;
    font-size: var(--fz14);
    color: var(--color-white);
}
.mt40_34 { margin-top: var(--space40_34);}


/* ------ 縦スクロールによりリサイズ ------ */
header.js-resizing, .header_shadow.js-resizing {
	height: 100px; /* この高さ分（影も含む）、被らないようにcommon.jsで設定 */
    transition: all 0.3s ease;
}

/* ロゴ */
header h1.js-resizing {
    width: 53.5px;
    height: 70px;
    margin-top: 14px;
    transition: all 0.3s ease;
}
header h1 img.js-resizing {
    width: 53.5px;
    height: 70px;
    transition: all 0.3s ease;
}

/* ------ 上の段 ------ */
.top_row.js-resizing { display: none;}

/* ------ 下の段 ------ */
.bottom_row.js-resizing {
    display: flex;
    align-items: center;
    height: 100px;
    padding-top: 36px;
}
.bottom_row li.js-resizing {
    padding-bottom: 36px; /* ないとspanから.nav-childにたどり着くまでに一度.nav-childが消えてしまう */
}

/* はじめは非表示のメニュー詳細（タイミングはnavigation.jsで制御） */
.bottom_row .nav-child.js-resizing {
    top: 62px;
}


/* --- スマホメニュー用 --- */
nav.hmenu, div.menu, .SpHeader, .SpHeader > div , .SpHeader .access_txt {
    display: none;
}
div.menu {
    list-style-type: none;
}

/* 本日の会館情報（SP用） */
.sp_only { display: none;}


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

    /* PC用のヘッダー非表示 */
    .PcHeader { display: none; }


    header { height: 70px; }

    .header_shadow {
        height: 70px;
        /* ロゴとハンバーガーメニュー　高さ中央　横並び */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header .law {
        padding-left: 30px;
        padding-right: 0;
        margin: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    header h1 { margin-top: 0; }
    header h1, header h1 img {
        max-width: 38.2px;
        height: 50px;
    }


    /* --- 本日の会館情報 --- */
    .sp_only { display: inline-block;}

    /* 基本は本日会館 */
    .today_info {
        height: 30px; /* これがないと高さが他のfelxアイテムと同じになる */
        margin-left: auto; /* 右寄せ */
        margin-right: 5px;
        font-size: 1.3rem;
        padding: 8px 14px;
    }
    .today_info span { /* 時間 */
        padding-left: 10px;
    }


    /* ハンバーガーメニューのボタン */
    div.menu {
        display: block;
        margin-right: 10px; /* 実質30px　lawの代わり */
    }
    header div.menu a {
        width: 60px;
        height: 60px;
        position: relative;
        display: inline-block;
    }
    header div.menu a:hover {
        opacity: 1!important;
    }

    header div.menu a span {
        background: var(--color-text);
        display: block;
        width: 30px;
        height: 2px;
        position: absolute;
        top: 10px;
        left: 15px;
        transition: transform .5s;
    }
    header div.menu a span:nth-of-type(2) {
        top: 21px;
    }
    header div.menu a span:nth-of-type(3) {
        top: 32px;
    }

    /* 1本目を回転 */
    header div.menu.active a span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }
    /* 3本目を回転 */
    header div.menu.active a span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
    /* 真ん中は非表示にする */
    header div.menu.active a span:nth-of-type(2) {
        display: none;
    }

    /* MENU文字 */
    header div.menu a::after {
        content: "MENU";
        position: absolute;
        bottom: 0;
        font-size: var(--fz12);
        font-family: var(--oswald);
        font-weight: var(--fw500);
        color: var(--color-text);
        width: 60px;
        height: 22px;
        text-align: center;
    }

    /* ------------ ハンバーガーメニュー内 ------------ */
    .SpHeader {
        display: none;
        width: 100%;
        height:  calc(100vh - 70px); /* - top:70px */
        overflow-y: auto;

        position: fixed;
        top: 70px;
        left: 0px;
        z-index: 9999;

        background: var(--color-black);
        padding: 30px;padding-bottom:200px;       
    }
    nav.hmenu {
        width: 100%;
        display: block;
        
    }

    /* dt */
    .hmenu dt.slidebtn {
        font-size: 1.3rem;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #b3b3b3;
        margin: 0 0 -1px;
        color: var(--color-white);
    }
    .hmenu dt.slidebtn:not(.hmenu dt.not_topborder) {
        border-top: 1px solid #b3b3b3;
    }
    .hmenu dt.slidebtn::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-left: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        border-bottom: solid 1px var(--color-white);
        border-right: solid 1px var(--color-white);
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }
    .hmenu dt.slidebtn.open::after {
        transform: translateY(-50%) rotate(-135deg); /* 上向き矢印 */
    } 

    /* 大見出し、小　余白 */
    .hmenu dt {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .hmenu dd:not(.hmenu dd:last-child) {
        margin-bottom: 0;
    }
    .hmenu dd {
        padding-top: 7px; 
        padding-bottom: 7px;
    }
    .sp_space dt {
        padding-top: 10px; 
        padding-bottom: 10px;
    }

    .hmenu dt a, .hmenu dd a {
        font-weight: var(--fw500);
        color: var(--color-white);
    }
    .hmenu dd a {
        font-size: var(--fz12);
    }


    /* --- スライドメニュー以外 --- */
    .SpHeader > div, .SpHeader .access_txt {
        display: block;
    }
    .mt30 { margin-top: 30px;}
    .SpHeader p, .SpHeader .access_txt a, .langchange_sp a {
        font-size: var(--fz12);
        font-weight: var(--fw500);
        color: var(--color-white);
        line-height: 1;
    }

    /* sns */
    .sns_head .headicon:not(.sns_head .headicon:last-child) {
        margin-right: 27px;
    }
.headicon img{ width: auto;
    height: 20px;}
    /* 検索 */
    .SpSearchBox {
        margin-top: 15px;
        background-color: var(--color-white);
        cursor: pointer;
        width: 100%;
        max-width: 380px;
        height: 41px;
        border-radius: 50px;
        -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 50px;   /* Firefox用 */
        display: inline-block!important;
        position: relative;
        background: var(--color-white);
    }
    .SpHeader input.searchtext {
        height: 40px;
        border: none;
        padding: 0 45px 0 20px;
        font-size: var(--fz10);
        background: none;
        width: 100%;
    }
    .SpHeader .SearchBtn {
        width: 12px;
        height: 12px;
        background-image: url("../../images/search_btn.png");
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: center;
        background-color: inherit;
        text-indent: -9999px;
        border: none;
        cursor: pointer;

        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* 言語 */
    .langchange_sp p {
        margin-bottom: 15px;
    }
    .langchange_sp div {
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .langchange_sp a {
        display: inline-block;
        padding: 8px 10px;   
        color: var(--color-black);
        background: var(--color-white);  
    }
    .langchange_sp a.gt-current-lang {
        border: 1px solid var(--color-white);
        color: var(--color-white);
        background: var(--color-black);
    }
    .langchange_sp a:not(.langchange_sp a:last-child) {
        margin-right: 10px;
    }

}


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

    header .law {
    padding-left: 20px;
    }

    /* ハンバーガーメニューのボタン */
    div.menu {
        margin-right: 0;
    }

}




/*--------------------------------

footer

---------------------------------*/
footer {
    background: var(--color-bg-lightgray);
    padding-top: var(--space80);
    padding-bottom: 15px;
}

.sitemap_btn {display: none;}

.pc_flex, .foot-nav {
    display: flex;
}

.foot-nav > div:not(.foot-nav > div:last-child) {
    margin-right: var(--space40);
}

/* snsなど基本情報のbox */
.msg-board-box {
    margin-left: var(--space80);
    flex: 0 0 260px; /* 横幅を縮めてもサイズ固定 */
    max-width: 260px;
}

.foot-nav dl.mb40_29 {
    margin-bottom: 29px; /* 実質40px */
}

/* 大見出し */
.foot-nav dt {
    font-size: var(--fz14);
    font-weight: var(--fw500);
    margin-bottom: var(--space20_14);
}
/* 小 */
.foot-nav dd {
    font-size: var(--fz12);
}
.foot-nav dd:not(.foot-nav dd:last-child) {
    margin-bottom: var(--space20_14);
}

/* SNS */
.sns {
    font-size: var(--fz14);
    font-weight: var(--fw500);
    font-family: var(--oswald);
    line-height: 1;
    margin-bottom: var(--space60);
}
.sns_icon { margin-top: var(--space20);}
.sns_icon img {
    width: auto;
    height: 25px;
}
.sns_icon a:not(.sns_icon a:last-child) {
    margin-right: var(--space20);
}

/* ロゴ */
img.logo_foot {
    width: 152.0208px;
    height: 100%;
    margin-bottom: var(--space20_14);
}

.fz12 { font-size: var(--fz12);}

.policy_link {
    margin-top: 50px;
}
.policy_link a:first-child {
    margin-right: 35px;
}

/* コピーライト */
.copyright {
    font-size: var(--fz10);
    text-align: center;
    margin-top: 31px;  /* 実質40px */
}

/* spでfoot-navに背景をつけるため特殊 */
/* 左右の余白（本来はlawでつける内容） */
.nav_law {
    padding-left:80px;
    padding-right:80px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0;
}


@media screen and (max-width:1200px) {
    
    /* 横の余白縮める */
    .msg-board-box {
        margin-left: var(--space60);
    }
    .foot-nav > div:not(.foot-nav > div:last-child) {
        margin-right: var(--space20);
    }
}


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

    footer {
        padding-top: 0;
        padding-bottom: 26px; /* 実質30px */
    }

    /* 左右の余白本来はlawでつける部分 */
    .nav_law {
        padding-left:0;
        padding-right:0;
    }
    .foot-nav, .msg-board-box {
        padding-left:30px;
        padding-right:30px;
        margin-top:0;
        margin-right:auto;
        margin-left:auto;
    }

    .foot-nav {
        display: none;
        background: var(--color-sitemap);
        padding-top: 30px;
        padding-bottom: 25px;
    }

    .msg-board-box {
        padding-top: 25px;
    }

    /* sitemap_btn 共通 */
    .sitemap_btn {
        display: block;
        font-size: 1.3rem;
        font-weight: var(--fw500);
        text-align: center;
        position: relative;
        line-height: 1;

        padding-top: 15px;
        padding-bottom: 15px;
        background: var(--color-sitemap);
        cursor: pointer;
    }

    .sitemap_btn::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-left: 15px;
        position: absolute;
        top: 50%;
        border-bottom: solid 1px var(--color-text);
        border-right: solid 1px var(--color-text);
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }

    /* dt用 */
    .foot-nav dt.slidebtn {
        font-size: 1.3rem;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid rgba(128,128,128,0.5);
        margin: 0 0 -1px;
    }
    .foot-nav dt.slidebtn:not(.foot-nav dt.not_topborder) {
        border-top: 1px solid rgba(128,128,128,0.5);
    }
    .foot-nav dt.slidebtn::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-left: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        border-bottom: solid 1px var(--color-text);
        border-right: solid 1px var(--color-text);
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.3s ease;
    }

    .foot-nav dd {
        font-weight: var(--fw500);
    }

    /* sitemap_btnとdd共通 */
    .sitemap_btn.open::after, .foot-nav dt.slidebtn.open::after {
        transform: translateY(-50%) rotate(-135deg); /* 上向き矢印 */
    }

    
    /* 横の余白なし */
    .msg-board-box {
        margin-left: 0;
        max-width: 100%;
    }
    .foot-nav > div:not(.foot-nav > div:last-child) {
        margin-right: 0;
    }

    .pc_flex, .foot-nav {
        display: block;
    }


    .foot-nav dl.mb40_29 {
        margin-bottom: 0;
    }

    /* 大見出し、小　余白 */
    .foot-nav dt {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .foot-nav dd:not(.foot-nav dd:last-child) {
        margin-bottom: 0;
    }
    .foot-nav dd {
        padding-top: 7px; 
        padding-bottom: 7px;
    }
    .sp_space dt {
        padding-top: 10px; 
        padding-bottom: 10px;
    }

    /* SNS */
    .sns_icon img {
        height: 20px;
    }

    .policy_link {
        margin-top: 30px; /* 実質40px */
    }

    /* コピーライト */
    .copyright {
        font-size: var(--fz10);
        text-align: center;
        margin-top: 21px;  /* 実質30px */
    }

}


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

    .foot-nav, .msg-board-box,.copyright {
        padding-left:20px;
        padding-right:20px;
    }

}



.pankuzu{background:#F5F5F5;padding:var(--space10) 0;font-size: var( --fz12);}
.pankuzu ol{display: flex;list-style: none;flex-wrap: wrap;}
.pankuzu ol li:not(:last-child)::after{content:">";margin:0 1em;}
.pankuzu ol li a{color:#808080;}
.page_header{padding:var(--space60) 0;border-bottom:2px solid #333;margin-bottom:var(--space120);}
.page_header p{font-size:var(--fz18);color:#808080;font-weight:var(--fw500);margin-bottom:var(--space30);letter-spacing:0.1em; line-height: 1;}
.page_header h2{font-size:var(--fz32);font-weight:var(--fw700);letter-spacing:0.1em;line-height:1.25;}
.page_header p.date{margin-bottom:0;margin-top:var(--space15);}



.tab{margin-bottom: var(--space80);overflow: hidden;border-bottom: 1px solid #808080;overflow-x: auto;}
.tab .tab_wrap{display: flex;align-items: flex-end;justify-content: flex-start;width: max-content;}
.tab p{width: 150px;margin-right: 10px;border:1px solid #808080;border-top-right-radius:5px;border-top-left-radius: 5px;text-align: center;font-size:var(--fz15);font-weight: var(--fw500);color:#808080;padding:var(--space10);line-height: 1;margin-bottom: -1px;cursor: pointer;}
.tab p.active{background:#333;color:#fff;border-color: #333;}
.tab p:hover{background:#333;color:#fff;border-color: #333;}
@media screen and (max-width:600px) {
.tab p{width: auto;margin-right: 5px;padding:var(--space10) var(--space20);}
}
@media screen and (max-width:480px) {
.tab{overflow: hidden;border-bottom:none;}
.tab .tab_wrap{flex-wrap: wrap;gap: var(--space20);justify-content: flex-start;width:100%;}
.tab p{width: calc((100% - var(--space20)) / 2);margin-right: 0;padding:var(--space20) var(--space10);border-radius: 0;margin-bottom: 0;}
}

.exhibition_contents{margin-bottom: 160px;}
.exhibition_contents .view:not(.active){display: none;}
.exhibition_contents .view>*:first-child {margin-top: 0!important;}

.contact_form{margin-bottom:var(--space80);margin-top: var(--space80);}
.contact_form>div{display: flex;justify-content: space-between;border-bottom:1px solid #E0E0E0;font-size: var(--fz15);}
.contact_form div:first-of-type{border-top:1px solid #E0E0E0;}
.contact_form dt{width: 30%;background:#F5F5F5;padding:var(--space20) var(--space30);display: flex;align-items: center;justify-content: space-between;}
.contact_form dt span{display: block;padding:0.35em 1em 0.4em;background:#333;color:#fff;font-size: var(--fz12);flex-shrink: 0;}
.contact_form .wpcf7-radio>span{margin-left:0;}
.contact_form dd label{display: inline-block;margin-right:2em;cursor: pointer;}
.contact_form dd label input{vertical-align: -0.1em;}
.contact_form dd{width: 70%;padding:var(--space20) var(--space30);}
.contact_form input[type="text"],.contact_form input[type="email"]{-webkit-appearance: none;appearance: none;border:none;background:none;font-family: inherit;border:1px solid #E0E0E0;border-radius: 5px;font-size: var(--fz15);padding:10px;width: 100%;}
.contact_form textarea{-webkit-appearance: none;appearance: none;border:none;background:none;font-family: inherit;border:1px solid #E0E0E0;border-radius: 5px;font-size: var(--fz15);padding:10px;width: 100%;resize:vertical;}
.send_btn .txt{font-size: var(--fz15);margin-bottom:var(--space40);}
.send_btn .btn{text-align: center;}
.send_btn .btn input[type="submit"]{-webkit-appearance: none;appearance: none;border:none;background:none;font-family: inherit;font-size: var(--fz15);padding:20px 70px;border:1px solid #808080;transition:0.2s;cursor:pointer;color: var(--color-text);border-radius:none;}
.send_btn .btn input[type="submit"]:hover{background:#333;color:#fff;opacity: 1;}
@media screen and (max-width:840px) {
.contact_form>div{display: block;}
.contact_form dt{width: 100%;}
.contact_form dd{width: 100%;}
}
.wpcf7-spinner {
    display: none !important;
}
.member_form>p{font-weight:700;}
.member_form dd p{margin-bottom:0;}
.member_form dd p input{display:block;margin-top:10px;}
.member_form .contact_form{margin-bottom:var(--space40);margin-top: var(--space20);}
.member_form textarea{height:6em;}
.member_form .send_btn{margin-bottom:var(--space80);}
.member_form .card_design{border:1px solid #E0E0E0;border-radius:8px;padding:20px;display:flex;justify-content:center;gap:30px;margin-top:15px;}
.member_form .card_design figure{width:30%;text-align:center;cursor:pointer;}
.member_form .card_design figure:hover img{box-shadow:0 0 10px rgba(0,0,0,0.4);opacity:1;}
.member_form .card_design figure img{width:90%;border-radius:7px;opacity:0.8;transition:opacity 0.2s,box-shadow 0.2s;}
.member_form .card_design figure.select img{box-shadow:0 0 0 3px #faa;opacity:1;}
.member_form .card_design figcaption{text-align:center;font-size:12px;font-weight:bold;margin-top:0.7em;}
@media screen and (max-width:840px) {
.member_form .card_design{gap:10px;}
}
@media screen and (max-width:500px) {
.member_form .card_design{display:block;padding:15px;}
.member_form .card_design figure{display:flex;width:100%;align-items:center;}
.member_form .card_design figure:not(:last-of-type){margin-bottom:10px;}
.member_form .card_design figure img{width:30%;margin-right:15px;}
.member_form .card_design figcaption{text-align:left;font-size:12px;font-weight:bold;margin-top:0;width:70%;}
}


.pagination{margin-top: var(--space40);display:flex;align-items:center;justify-content:center;}
.pagination:not(:has(.next))::after{content:"";;display:block;width:30px;height:30px;margin-left:10px;}
.pagination:not(:has(.prev))::before{content:"";;display:block;width:30px;height:30px;margin-right:10px;}
.pagination a,.pagination span{font-size: var(--fz15);margin:0 5px;display:block!important;font-family: var(--oswald);font-weight:500;width:30px;text-align:center;position:relative;color:#808080;line-height:28px;height:30px;text-decoration:none!important;}
.pagination a:hover,.pagination span:hover{color:#333!important;opacity:1!important;}
.pagination .next::before{content:"";display:block;background-image:url(../../images/press_arrow.svg);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:5px;left:5px;background-position:center center;}
.pagination .prev::before{content:"";display:block;background-image:url(../../images/press_arrow.svg);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:5px;left:5px;background-position:center center;transform:rotate(-180deg);}
.pagination span.current{color:#333;}
.pagination a.current::after,.pagination span.current::after{content:"";display:block;bottom:0;left:20%;width:60%;height:1px;position:absolute;border-bottom:1px solid #333;}
.pagination a:not(.next):not(.prev):hover::after,.pagination span:not(.next):not(.prev):hover::after{content:"";display:block;bottom:0;left:20%;width:60%;height:1px;position:absolute;border-bottom:1px solid #333;}


/*arts contents*/
.arts_contents{margin-bottom: 160px;}

/*3カラム*/
.arts_contents .column3_wrap {margin-top: var(--space80);}
.arts_contents .column3 {display: flex;justify-content: flex-start;gap: 75px 30px;flex-wrap: wrap;width:100%;}
.arts_contents .column3 .item {width: calc((100% - 60px) / 3);border-bottom: 1px solid #333;}
.arts_contents .column3 .item .img {box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);aspect-ratio: 16 / 9;margin-bottom:10px;}
.arts_contents .column3 .item img {width:100%;height:100%;object-fit:contain;}
.arts_contents .column3 .item a {display: block;line-height: 1;}
.arts_contents .column3 .item .btn_underline {padding: 0!important;font-size: var(--fz15);display: block;position: relative;padding-right:35px!important;margin-top:0!important;}
.arts_contents .column3 .item .btn_underline::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 22px;height: 8px;opacity: 1;transition: opacity 0.2s;pointer-events: none;background: url(../../images/btn_arrow.svg) no-repeat;}

@media screen and (max-width:840px) {
.arts_contents .column3 {gap: 45px 20px;}
.arts_contents .column3 .item {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width:480px) {
.arts_contents .column3 .item {width: 100%;}
.arts_contents .column3 .item .btn_underline::after {transform: scale(0.7) translateY(-50%);}
.arts_contents .column3 .item .btn_underline a {padding-right: 34px!important;}
}

/*沿革テーブル*/
/*.arts_contents .history_table{font-size: var(--fz15);width:100%;}
.arts_contents .history_table tr{border-top:1px solid #E0E0E0;}
.arts_contents .history_table tr:last-of-type{border-bottom:1px solid #E0E0E0;}
.arts_contents .history_table th{font-size: var(--fz15);padding: var(--space15) var(--space30);text-align: left;width: 40%;background:#F5F5F5;}
.arts_contents .history_table td{font-size: var(--fz15);padding: var(--space15) var(--space30);}
.arts_contents .history_table td a{text-decoration: underline;text-underline-offset: 4px;}
.arts_contents .history_table td p+p{margin-top: 0.5em;}*/

/*扉2カラム*/
.arts_contents .column2_wrap {margin-top: var(--space80);}
.arts_contents .column2 {display: flex;justify-content: flex-start;gap: 80px 80px;flex-wrap: wrap;width:100%;}
.arts_contents .column2 .item {width: calc((100% - 80px) / 2);border-bottom: 1px solid #333;}
.arts_contents .column2 .item .img{box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);aspect-ratio: 16 / 9;margin-bottom:10px;}
.arts_contents .column2 .item img {width:100%;height:100%;object-fit:contain;}
.arts_contents .column2 .item a {display: block;line-height: 1;}
.arts_contents .column2 .item .btn_underline {padding: 0!important;font-size: var(--fz15);display: block;position: relative;padding-right: 35px!important;margin-top:0!important;}
.arts_contents .column2 .item .btn_underline::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 22px;height: 8px;opacity: 1;transition: opacity 0.2s;pointer-events: none;background: url(../../images/btn_arrow.svg) no-repeat;}

@media screen and (max-width:840px) {
.arts_contents .column2 {gap:45px 20px;}
.arts_contents .column2 .item {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width:480px) {
.arts_contents .column2 .item {width: 100%;}
.arts_contents .column2 .item .btn_underline::after {transform: scale(0.7) translateY(-50%);}
.arts_contents .column2 .item .btn_underline a {padding-right: 34px!important;}
}

/*アイテム2カラム*/
.arts_contents .column2_item_wrap {margin-top:var(--space80);}
.arts_contents .column2_item {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 80px 80px;width:100%;}
.arts_contents .column2_item .item {/*width: calc(50% - 40px);max-width: 510px;*/width: calc((100% - 80px) / 2);}
/*.column2_item .item:nth-child(n+3) {margin-top: var(--space80-flex);}
.column2_item .item:nth-child(2n) {margin-left: var(--space80-flex);}*/
.arts_contents .column2_item .item .img {width: 100%;aspect-ratio: 16 / 9;box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);margin-bottom:15px;}
.arts_contents .column2_item .item img {width:100%;height:100%;object-fit:contain;}
.arts_contents .column2_item_date {font-size: var(--fz13);font-weight: var(--fw500);color: var(--color-gray-date);display: inline-block;margin-bottom: var(--space10);}
.arts_contents .column2_item_title {font-weight: var(--fw500);}
@media screen and (max-width:840px) {
.arts_contents .column2_item {gap: 60px 60px;}
.arts_contents .column2_item .item {width: calc((100% - 60px) / 2);}
.arts_contents .column2_item_date {display: block;padding-top: 5px;}
}
@media screen and (max-width:480px) {
.arts_contents .column2_item {flex-wrap: wrap;gap: 40px 40px;}
.arts_contents .column2_item .item {width: 100%;}
/*.column2_item .item:nth-child(n+2) {margin-top: var(--space80-flex);}
.column2_item .item:nth-child(2n) {margin-left: 0;}*/
}

.arts_contents p{font-size: var(--fz15);margin-bottom:var(--space10);margin-top:var(--space10);overflow-wrap: anywhere;word-break: normal;}
.arts_contents p a{text-decoration: underline;text-underline-offset: 4px;}
.arts_contents p a:hover{text-decoration:none;}
.arts_contents .red{color:#cd2828;}
.arts_contents .bold{font-weight:var(--fw700);}

.arts_contents p+.wp-block-group{margin-top:var(--space40);}

.arts_contents ul{font-size: var(--fz15);list-style: none;margin-bottom:var(--space40);}
.arts_contents ul li{text-indent: -1.5em;padding-left: 1.5em;}
.arts_contents ul li a{text-decoration: underline;text-underline-offset: 4px;}
.arts_contents ul li a:hover{text-decoration:none;}
.arts_contents ul li::before{content:"●";font-size:0.6em;color:#BDCCD4;margin-right:10px;vertical-align: middle;}

.arts_contents ol{font-size: var(--fz15);counter-reset: listnum;list-style: none;margin-bottom:var(--space40);}
.arts_contents ol li{text-indent: -1.5em;padding-left: 1.5em;}
.arts_contents ol li a{text-decoration: underline;text-underline-offset: 4px;}
.arts_contents ol li a:hover{text-decoration:none;}
.arts_contents ol li::before{color:#808080;margin-right:10px;vertical-align: middle;counter-increment: listnum;content: counter(listnum);font-family: var(--oswald);font-weight:500;margin-left:0.1em;}

.arts_contents table{font-size: var(--fz15);width:100%;margin-bottom:var(--space30);}
.arts_contents table tr{border-top:1px solid #E0E0E0;}
.arts_contents table tr:last-of-type{border-bottom:1px solid #E0E0E0;}
.arts_contents table td:first-child{width: 25%;background:#F5F5F5;}
.arts_contents table td{font-size: var(--fz15);padding: var(--space15) var(--space30);border:none!important;}
.arts_contents table td a{text-decoration: underline;text-underline-offset: 4px;}
.arts_contents table td p+p{margin-top: 0.5em;}

.arts_contents .btn_small{margin-bottom:var(--space40);}
.arts_contents .btn_small a {display: inline-block;position: relative;padding-bottom: 3px;border-bottom: 1px solid var(--color-text);font-size: var(--fz13);padding-right: 35px!important;text-decoration:none;}
.arts_contents .btn_small a::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 22px;height: 8px;opacity: 1;transition: opacity 0.2s;pointer-events: none;background: url(../../images/btn_arrow.svg) no-repeat;background-size:contain;}
.arts_contents .btn_small a:hover::after {opacity: 0.7;}
.arts_contents .btn_big{margin-bottom:var(--space40);}
.arts_contents .btn_big a {display: inline-block;position: relative;padding-bottom: 3px;border-bottom: 1px solid var(--color-text);font-size: var(--fz20);padding-right: 35px!important;text-decoration:none;}
.arts_contents .btn_big a::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 22px;height: 8px;opacity: 1;transition: opacity 0.2s;pointer-events: none;background: url(../../images/btn_arrow.svg) no-repeat;background-size:contain;}
.arts_contents .btn_big a:hover::after {opacity: 0.7;}
/*.arts_contents .btn_big{position: relative;display: inline-block;text-align: left;width: 100%;max-width: 300px;margin-bottom:var(--space40);}
.arts_contents .btn_big::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;background: url(../../images/btn_arrow_big.png) no-repeat;width: 33px;height: 11px;opacity: 1;transition: opacity 0.2s;pointer-events: none;}
.arts_contents .btn_big:hover::after {opacity: 0.7;}
.arts_contents .btn_big a {font-size: var(--fz20);display: block;padding-bottom: 3px;border-bottom: 1px solid var(--color-text);text-decoration:none;}*/
.arts_contents .btn_box{margin-bottom:var(--space40);}
.arts_contents .btn_box a {display: inline-block;text-align: center;padding: var(--space20) var(--space40);border: 1px solid #808080;text-decoration:none;}
.arts_contents .btn_box a:hover {background: #333;color: #fff;opacity: 1;}
@media screen and (max-width:480px) {
.arts_contents .btn_big::after,.arts_contents .btn_small::after{transform: scale(0.7) translateY(-50%);}
.arts_contents .btn_small a {padding-right: 34px;}
}

.arts_contents h2{font-size: var(--fz24);font-weight: var(--fw500);margin-bottom: var(--space40);position:relative;padding-left: 40px;margin-top:var(--space100);line-height:1.5;}
.arts_contents h2::before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: block;border-left: 30px solid var(--color-text);height: 1px;}
.arts_contents h3{font-size: var(--fz20);font-weight: var(--fw500);margin-bottom:var(--space20);padding-bottom:var(--space10);position: relative;margin-top:var(--space60);}
.arts_contents h3::after{content:"";display: block;width: 216px;height:2px;background:#808080;bottom:0;left:0;position: absolute;z-index: 2;}
.arts_contents h3::before{content:"";display: block;width: 100%;height:2px;background:#BDCCD4;bottom:0;left:0;position: absolute;z-index: 1;}
.arts_contents h4{font-size: var(--fz18);font-weight: var(--fw500);margin-bottom:var(--space20);padding:var(--space10) var(--space15);margin-top:var(--space60);background:#F5F5F5;border-left:2px solid #808080;}
.arts_contents h5{font-size: var(--fz18);font-weight: var(--fw500);margin-bottom:var(--space20);margin-top:var(--space60);}
.arts_contents h6{font-size: var(--fz15);font-weight: var(--fw500);margin-bottom:var(--space20);margin-top:var(--space60);}

.arts_contents .gallery{margin-top: var(--space20);max-width: 600px;margin-bottom:var(--space30);}
.arts_contents .gallery.img800{max-width: 800px;}
.arts_contents .gallery img{width: 100%;}
.arts_contents .gallery figcaption{font-size:var(--fz13);line-height:1.8;margin-top: var(--space10);}

.arts_contents .gallery_flex{display: flex;gap:var(--space20) var(--space40);flex-wrap: wrap;max-width: 800px;margin-top: var(--space20);margin-bottom:var(--space30);}
.arts_contents .gallery_flex figure{max-width: calc((100% - var(--space40)) / 2);}
.arts_contents .gallery_flex img{width: 100%;}
.arts_contents .gallery_flex figcaption{font-size:var(--fz13);line-height:1.8;margin-top: var(--space10);}

.arts_contents .wp-block-gallery{display: flex;gap:var(--space20) var(--space40)!important;flex-wrap: wrap;max-width: 800px!important;margin-top:  var(--space20);margin-left:0;}
.arts_contents .wp-block-gallery figure{width: calc((100% - 40px) / 2)!important;}
.arts_contents .wp-block-gallery figure::before{content:none!important;}
.arts_contents .wp-block-gallery img{width: 100%;}
.arts_contents .wp-block-gallery figcaption{font-size:var(--fz13);line-height:1.8;margin-top:  var(--space10);position:static!important;background:none!important;text-align:left!important;color:#333!important;scrollbar-gutter:unset!important;text-shadow:none!important;padding:10px 0 0!important;line-height:1.8;}
@media screen and (max-width:840px) {
.arts_contents .wp-block-gallery{gap:15px 20px!important;}
.arts_contents .wp-block-gallery figure{-width: calc((100% - 30px) / 2)!important;}
}

.arts_contents .video-container{ max-width: 600px;margin-bottom:var(--space30);}
.arts_contents .video-container iframe{ width: 100%;height: auto;aspect-ratio: 16 / 9;}
.arts_contents .googlemap_wrap{ max-width: 600px!important;margin-left:0!important;margin-bottom:var(--space30);}
.arts_contents .googlemap_wrap .wp-block-group__inner-container{ max-width: 600px!important;margin-left:0!important;}
.arts_contents .googlemap_wrap iframe{ width: 100%;height: auto;aspect-ratio: 16 / 9;}


.arts_contents .column_txt_img_wrap{margin-bottom:var(--space140);}
.arts_contents .column_txt_img_wrap:last-of-type{margin-bottom:160px;}
.arts_contents .column_txt_img_wrap:not(:last-of-type){margin-bottom:var(--space140);}
.arts_contents .column_txt_img>div{display: flex;align-items: flex-start;justify-content: space-between;}
.arts_contents .column_txt_img div{width: 100%;}
.arts_contents .column_txt_img .column_txt_img_title{margin:var(--space10) 0 var(--space20);}
.arts_contents .column_txt_img .column_txt_img_date{font-size: var(--fz15);color: #808080;font-weight: var(--fw500);margin-bottom:0;}
.arts_contents .column_txt_img p{font-size: var(--fz15);}
.arts_contents .column_txt_img .img{width: 320px;margin-left:var(--space60);flex-shrink: 0;aspect-ratio: 16 / 9;}
.arts_contents .column_txt_img .img img{width:100%;height:100%;object-fit:contain;box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);}
.arts_contents .column_txt_img .img figcaption{font-size: var(--fz13);margin-top:var(--space10)}
@media screen and (max-width:840px) {			
.arts_contents .column_txt_img .img{width: 48%;margin-left:var(--space40);}
}
@media screen and (max-width:480px) {
.arts_contents .column_txt_img>div{flex-direction:column-reverse;}
.arts_contents .column_txt_img .img{width: 100%;margin-left:0;margin-bottom:var(--space30);aspect-ratio: unset;}
}

/*画像3カラム*/
.arts_contents .img_column3_wrap {margin-top: var(--space80);}
.arts_contents .img_column3 {display: flex;justify-content: flex-start;gap: 75px 30px;flex-wrap: wrap;width:100%;}
.arts_contents .img_column3 .item {width: calc((100% - 60px) / 3);}
.arts_contents .img_column3 .item .img {aspect-ratio: 16 / 9;margin-bottom:10px;}
.arts_contents .img_column3 .item img {width:100%;height:100%;object-fit:contain;}
.arts_contents .img_column3 .item figcaption{font-size:var(--fz13);line-height:1.8;margin-top:10px;}
@media screen and (max-width:840px) {
.arts_contents .img_column3 {gap: 45px 20px;}
.arts_contents .img_column3 .item {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width:480px) {
.arts_contents .img_column3 .item {width: 100%;}
}

/*画像2カラム*/
.arts_contents .img_column2_wrap {margin-top: var(--space80);}
.arts_contents .img_column2 {display: flex;justify-content: flex-start;gap: 80px 80px;flex-wrap: wrap;width:100%;}
.arts_contents .img_column2 .item {width: calc((100% - 80px) / 2);}
.arts_contents .img_column2 .item .img{aspect-ratio: 16 / 9;margin-bottom:10px;}
.arts_contents .img_column2 .item img {width:100%;height:100%;object-fit:contain;}
.arts_contents .img_column2 .item figcaption{font-size:var(--fz13);line-height:1.8;margin-top:10px;}
@media screen and (max-width:840px) {
.arts_contents .img_column2 {gap: 20px;}
.arts_contents .img_column2 .item {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width:480px) {
.arts_contents .img_column2 .item {width: 100%;}
}


.arts_contents .accordion_wrap {margin-top: var(--space80);}
.arts_contents .accordion_wrap+.accordion_wrap {margin-top: var(--space40);}
.arts_contents .accordion_title{font-size: var(--fz20);font-weight: var(--fw500);position:relative;border:1px solid #333;cursor:pointer;padding:10px 50px 10px 20px;margin:0;line-height:1.3;background:#F5F5F5;}
.arts_contents .accordion_title::after{content:"";display:block;position:absolute;top:calc(50% - 5px);right:20px;width:20px;height:10px;background:#999;clip-path: polygon(0 0, 100% 0%, 50% 100%);transition:0.2s;}
.arts_contents .accordion_title.active::after{transform:rotate(-180deg);}
.arts_contents .accordion_inner {border:1px solid #333;padding:20px 25px;margin-top:0!important;border-top:none;display:none;}


img {pointer-events: none;user-select:none;}