@charset "utf-8";
/* Copyright 2023 design hack. */

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

ホーム

------------------------------------------------------------ */
/* プロモーション
---------------------------------------------- */
div#bg_mainvisual{background:#FFFFFF url(/img/mainvisual_bg.png) repeat-x 0 0;background-size:200px 660px;}
div#wrap_mainvisual{width: 1200px;margin: 0 auto;}
div#wrap_mainvisual p#ttl_mainvisual{font-size: 14px;line-height: 1.0;text-align: right;font-family:'Noto Sans JP', sans-serif;font-weight: 500;padding: 16px 60px 0 0;}
@media print, screen and (max-width: 767px){
div#bg_mainvisual{background:none;}
div#wrap_mainvisual{width: 100%;}
div#wrap_mainvisual img{width: 100%;}
div#wrap_mainvisual p#ttl_mainvisual{background:url(/img/exhibition_bg.png) repeat 0 0;background-size:200px 200px;font-size: 12px;padding: 18px 30px 0 0;}
}

/* EXHIBITION
---------------------------------------------- */
div#bg_exhibition{background:url(/img/exhibition_bg.png) repeat 0 0;background-size:200px 200px;}
section#wrap_exhibition{width: 1200px;margin: 0 auto;padding: 140px 0;text-align: center;}
p#btn_exhibition{margin-bottom: 100px;}
p#btn_exhibition img:hover{opacity: 0.8;}
h2#ttl_exhibition{font-size: 27px;font-weight: 500;position: relative;display: inline-block;padding: 0 513px;margin-bottom: 50px;}
h2#ttl_exhibition:before, h2#ttl_exhibition:after {content: '';position: absolute;top: 50%;display: inline-block;width: 480px;height: 1px;background-color:#CCCCCC;}
h2#ttl_exhibition:before {left:0;}
h2#ttl_exhibition:after {right: 0;}

div#wrap_last_exhibition{background: #FFFFFF;padding: 60px;overflow: hidden;}
div#wrap_last_exhibition p#img_last_exhibition{float: left;width: 200px;margin-right: 60px;}
div#wrap_last_exhibition p#img_last_exhibition img{width: 200px;height: auto;}
div#wrap_last_exhibition div#detail_last_exhibition{float: left;width: 820px;text-align: left;}
h3#ttl_last_exhibition{font-size: 30px;font-weight: 900;line-height: 1.0;margin-bottom: 40px;position: relative;display: inline-block;padding-left: 60px;}
h3#ttl_last_exhibition:before{content: '';position: absolute;top: 50%;left:0;display: inline-block;width: 40px;height: 2px;background-color:#7D1B3C;}
table#table_last_exhibition{border-top: 1px solid #CCCCCC;width: 100%;margin-bottom: 40px;}
table#table_last_exhibition th,table#table_last_exhibition td{border-bottom: 1px solid #CCCCCC;padding: 15px 0;}
table#table_last_exhibition th{width: 160px;line-height: 1.0;}
p#btn_detail_exhibition{text-align: right;font-size: 14px; line-height: 1.0;position: relative;display:block;padding:0 20px 0 0;}
p#btn_detail_exhibition:after {content: '';width: 6px;height: 6px;border-top: solid 2px #7D1B3C;border-right: solid 2px #7D1B3C;position: absolute;right: 0;top: 5px;transform: rotate(45deg);transition: all .3s;}
p#btn_detail_exhibition a:hover {color: #838383;}
p#btn_detail_exhibition:hover::after{right:-5px;}

@media print, screen and (max-width: 767px){
section#wrap_exhibition{width: 100%;margin: 0;padding: 70px 0;}
p#btn_exhibition{margin-bottom: 50px;}
p#btn_exhibition img{width: 100%;}
h2#ttl_exhibition{font-size: 20px;font-weight: 500;position: relative;display: inline-block;padding: 0 103px;margin-bottom: 25px;}
h2#ttl_exhibition:before, h2#ttl_exhibition:after {width: 90px;}

div#wrap_last_exhibition{padding: 30px;overflow: visible;}
div#wrap_last_exhibition p#img_last_exhibition{float: none;width: 100%;margin: 0 0 60px 0;}
div#wrap_last_exhibition div#detail_last_exhibition{float: none;width: 100%;}
h3#ttl_last_exhibition{font-size: 21px;margin-bottom: 20px;padding-left: 30px;}
h3#ttl_last_exhibition:before{width: 20px;height: 2px;}
table#table_last_exhibition{border-top: 1px solid #CCCCCC;width: 100%;margin-bottom: 30px;}
table#table_last_exhibition th,table#table_last_exhibition td{padding: 16px 0;width: 100%;display: block;}
table#table_last_exhibition th{border-bottom: none;padding:20px 0 0 0;}
p#btn_detail_exhibition{font-size: 12px;padding:0 15px 0 0;}
p#btn_detail_exhibition:after {border-top: solid 1px #7D1B3C;border-right: solid 1px #7D1B3C;top: 3px;}
}

/* INFO
---------------------------------------------- */
section#wrap_info{width: 1200px;margin: 0 auto;overflow: hidden;padding: 140px 0;}
div#wrap_topics{float: left;width: 740px;margin-right: 100px;}

div#wrap_fb{width: 360px;float: left;}
h2#ttl_fb{font-size: 21px;position: relative;line-height: 1.0;margin-bottom: 30px;}
h2#ttl_fb:before {position: absolute;top: calc(50%);right: 0;width: 163px;height: 1px;content: '';background:#333333;}
.facebook_wrap{width: 360px;height: 660px;}
.fb-page,.fb-page span,.facebook_wrap iframe{width: 100% !important;height: 660px !important;}

@media print, screen and (max-width: 767px){
section#wrap_info{width: 100%;margin: 0;padding: 50px 0;overflow: visible;}
div#wrap_topics{float: none;width: 100%;margin: 0 0 70px 0;}

div#wrap_fb{width: 100%;float: none;}
h2#ttl_fb{font-size: 20px;margin-bottom: 20px;}
h2#ttl_fb:before {width: 147px;}
.facebook_wrap{margin: 0 auto; width: 90%;height: 400px;}
.fb-page,.fb-page span,.facebook_wrap iframe{width: 100% !important;height: 400px !important;}
}

/* ABOUT
---------------------------------------------- */
div#bg_about{background:#F6F5F3 url(/img/about_bg_img_pc.png) no-repeat top 140px center;background-size:1920px 500px;padding: 140px 0;}
section#wrap_about{width: 1200px; margin: 0 auto;text-align: right;}
p#about_img_sp{display: none;}
div#box_about{width: 660px;height: 500px; display: inline-block;padding-left: 80px;box-sizing: border-box;overflow: hidden;text-align: left;padding-top: 40px;}
h2#ttl_about {font-size: 40px;font-weight: 500; line-height: 1;writing-mode: vertical-rl;float: left;margin-right: 56px;}
h2#ttl_about span {display: block;font-size: 14px;color: #7D1B3C; margin-left: 20px;}
div#detail_about {width: 450px;float: left;padding-top: 40px;}
div#detail_about p {margin-bottom: 35px;}
div#detail_about p:nth-last-child(2) {margin-bottom:55px;}
div#detail_about p:last-child {margin-bottom:0;}

@media print, screen and (max-width: 767px){
div#bg_about{background:#F6F5F3 none;padding: 70px 0;}
section#wrap_about{width: 100%; margin: 0;text-align: left;}
p#about_img_sp{display: block;}
p#about_img_sp img{width: 100%;}
div#box_about{width: 100%;height: auto; display: block;padding-left: 10px;padding-top: 40px;}
h2#ttl_about {font-size: 22px;margin-right: 20px;}
h2#ttl_about span {display: block;font-size: 10px;margin-left: 20px;}
div#detail_about {width: 260px;float: left;padding-top: 20px;}
div#detail_about p {margin-bottom: 25px;}
div#detail_about p:nth-last-child(2) {margin-bottom:25px;}
div#detail_about p:last-child {margin-bottom:0;}
}

/* OTHER
---------------------------------------------- */
ul#list_other{width: 1200px;overflow: hidden;padding: 140px 0;margin: 0 auto;}
ul#list_other li{width:380px;float: left;margin-right: 30px;}
ul#list_other li img{width:100%;}
ul#list_other li:last-child{margin-right: 0;}
ul#list_other li img:hover{opacity: 0.5;}

@media print, screen and (max-width: 767px){
ul#list_other{width: 100%;padding: 70px 0;margin: 0;}
ul#list_other li{width:80%;float: none;margin: 0 auto 20px;}
ul#list_other li:last-child {margin: 0 auto;}
}