@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese");
@import "font-awesome.css";

@media screen and (min-width:769px){
a[href^="tel:"]{cursor: default; color: #000!important; text-decoration: none; pointer-events: none;}
}

.st-GlobalHeader {z-index: 6; background: #fff; position: relative;}
.st-GlobalFooter,
.layout-Top_ContentsHeader{z-index: 5; background: #fff; position: relative;}

.st-Breadcrumb {margin: 0; padding: 10px 0;}


.gallery {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 'Noto Serif JP', serif; font-weight: 400; font-size: 15px; position: relative; z-index: 3; padding-top: 75px;}
.gallery a {color: #003599;}
.gallery a:hover {text-decoration: none;}

.gallery * {letter-spacing: .08em; margin: 0; padding: 0;}
.gallery img {vertical-align: top;}
.gallery li {list-style: none;}
.gallery a {-webkit-transition: .15s; transition: .15s; display: inline-block; max-width: 100%;}
.gallery .gallery-index-special-in-sec-pic a,
.gallery .gallery-col-list-in-sec-pic a {-webkit-transition: .15s; transition: .15s; display: block;}
.gallery .gallery-index-collection-slide-btn a,
.gallery .gallery-index-special-in-sec-btn a {-webkit-transition: .15s; transition: .15s; display: inline-block;}
.gallery a.inb,
.gallery a.icon-external01,
.gallery a.icon-external02 {display: inline-block;}
.gallery a img{box-shadow: #000 0 0 0;}

@media screen and (max-width:1024px) {
	.gallery {padding-top: 55px;}
}

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

- MODULE

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

/* .ttl01
---------------------------------------- */
.ttl01 {text-align: center;}
.ttl01 small {font-size: 32px; font-weight: normal; display: block; letter-spacing: .1em; line-height: 1; margin-bottom: 8px; color: #df0523;}
.ttl01 span {display: block; font-size: 17px; font-weight: normal; line-height: 1; letter-spacing: .05em;}

/* .btn01
---------------------------------------- */
.btn01 {display: inline-block; width: 225px; height: 47px; background: url("../images/common/bg_texture01.jpg") repeat center center; background-size: 400px 108px; text-decoration: none; color: #fff!important; line-height: 47px; font-size: 13px; text-align: center;}
.btn01:before {font-family: FontAwesome; content : "\f0da"; color: #df0523; margin-right: 7px;}
.btn01:hover {opacity: .7;}

/* .btn02
---------------------------------------- */
.btn02 {display: inline-block; width: 180px; height: 42px; text-decoration: none; color: #000!important; line-height: 40px; font-size: 13px; text-align: center; border: 1px solid #ccc;}
.btn02:before {font-family: FontAwesome; content : "\f0da"; color: #df0523; margin-right: 7px;}
.btn02:hover {opacity: .5;}

/* .btn03
---------------------------------------- */
.btn03 {text-decoration: none;}
.btn03:before {font-family: FontAwesome; content : "\f0da"; margin-right: 5px; color: #e00622;}
.btn03 span {text-decoration: underline;}
.btn03:hover span {text-decoration: none;}

/* .list01
---------------------------------------- */
.list01 li {position: relative; padding-left: 14px;}
.list01 li:before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #e00622; position: absolute; top: 11px; left: 0;}

/* .icon-external01
---------------------------------------- */
.icon-external01 {background: url("../images/common/icon_external01.png") no-repeat right center; background-size: 10px 10px; padding-right: 13px; margin-right: 5px;}
.icon-external02 {background: url("../images/common/icon_external02.png") no-repeat right center; background-size: 11px 10px; padding-right: 15px; margin-right: 5px;}

/* .page-ttl
---------------------------------------- */
.page-ttl {margin-bottom: 45px;}


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

- FORMAT

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

/* .gallery-header
---------------------------------------- */
.gallery-header {height: 75px; width: 100%; background: url("../images/common/bg_texture01.jpg") repeat center center; background-size: 400px 108px; position: absolute; z-index: 2; top: 0;}
.gallery-header.fixed {position: fixed;}
.gallery-header-in {max-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.gallery-header-in-logo {position: absolute; left: 17px; top: 27px;}
.gallery-header-in-logo img {width: 192px; height: 26px;}
.gallery-header-in-nav {position: absolute; right: 17px; top: 50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); margin-bottom: 50px;}
.gallery-header-in-nav ul {display: flex;}
.gallery-header-in-nav ul li {margin-left: 40px;}
.gallery-header-in-nav ul li a {color: #fff; text-decoration: none; display:inline-block; position: relative; padding-bottom: 3px;}
.gallery-header-in-nav ul li a small {display: none;}
.gallery-header-in-nav ul li a:after{content: ""; display: block; text-align: center; background: #fff; position: absolute; bottom: 0px; width: 0%; height: 1px; transition: all 200ms cubic-bezier(.25, .46, .45, .94);}
.gallery-header-in-nav ul li a.active:after {width: 100%;}
.gallery-header-in-nav ul li a:hover:after{width:100%;}
.gallery-header-in-btn {display: none;}
@media screen and (min-width:1025px) {
	.gallery-header-in-nav {display: block!important;}
}
@media screen and (max-width:1024px) {
	.gallery-header {height: 55px;}
	.gallery-header-in-logo {position: absolute; left: 15px; top: 17px;}
	.gallery-header-in-logo img {width: 172px; height: 23px;}
	.gallery-header-in-nav {position: absolute; right: 0; top: 55px; -webkit-transform:translate(0, 0); transform:translate(0, 0); margin-bottom: 0; width: 100%; background: #444; display: none;}
	.gallery-header-in-nav ul {display: block; padding: 10px 33px; width: 100%;}
	.gallery-header-in-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, .2); margin: 0;}
	.gallery-header-in-nav ul li:last-of-type {border-bottom: none;}
	.gallery-header-in-nav ul li a {display: block; position: relative; padding: 0 13px; height: 60px; line-height: 60px;}
	.gallery-header-in-nav ul li a small {display: block; position: absolute; right: 13px; top: 0; color: #FFF; font-size: 12px;}
	.gallery-header-in-nav ul li a:after{display: none;}
	.gallery-header-in-btn {display: block; position: absolute; right: 15px; top: 50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
	.gallery-header-in-btn a {color: #fff; font-size: 13px; text-decoration: none;}
	.gallery-header-in-btn a:after {font-size: 20px; font-family: FontAwesome; content : "\f0d7"; color: #FFF; margin-left: 5px; vertical-align: -3px;}
	.gallery-header-in-btn a.active:after {content : "\f0d8";}
}

/* .gallery-contents
---------------------------------------- */
.gallery-contents {position: relative; z-index: 1; padding-top: 55px;}
.gallery-contents-nav01 {margin: 0 auto 40px; max-width: 1200px; padding: 0 17px;}
.gallery-contents-nav01 ul {text-align: center; font-size: 0; position: relative;}
.gallery-contents-nav01 ul li {display: inline-block; font-size: 14px; margin-left: -1px; margin-bottom: 10px;}
.gallery-contents-nav01 ul li a {display: inline-block; color: #000; padding: 0 17px; position: relative; line-height: 1;}
.gallery-contents-nav01 ul li a.active {color: #e00622; text-decoration: none;}
.gallery-contents-nav01 ul li a:before,
.gallery-contents-nav01 ul li a:after {content: ""; display: inline-block; width: 1px; height: 13px; background: #c2c2c2; position: absolute; top: 1px;}
.gallery-contents-nav01 ul li a:before {left: 0;}
.gallery-contents-nav01 ul li a:after {right: 0;}
.gallery-contents-nav01 ul li a:hover {text-decoration: none;}

@media screen and (max-width:768px) {
	.gallery-contents {padding-top: 45px;}
	.gallery-contents-nav01 {margin: 0 auto 30px;}
}
@media screen and (max-width:560px) {
	.gallery-contents-nav01 ul li a {padding: 0 12px;}
}

/* .gallery-footer
---------------------------------------- */
.gallery-footer {height: 120px; background: url("../images/common/bg_texture01.jpg") repeat center center; background-size: 400px 108px; position: relative; margin-top: 70px; z-index: 1;}
.gallery-footer-in {max-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.gallery-footer-in-logo {position: absolute; left: 17px; top: 44px;}
.gallery-footer-in-logo img {width: 192px; height: 26px;}
.gallery-footer-in-nav {position: absolute; right: 17px; top: 50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); display: flex;}
.gallery-footer-in-nav-banner {margin-top: 5px;}
.gallery-footer-in-nav-banner a {display: block;}
.gallery-footer-in-nav-banner a:hover {opacity: .8;}
.gallery-footer-in-nav-banner p {color: #fff; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-size: 10px; margin-top: 7px; line-height: 1.4;}
.gallery-footer-in-nav-list {display: flex; padding-top: 30px; margin-right: 50px;}
.gallery-footer-in-nav-list li {margin-left: 20px;}
.gallery-footer-in-nav-list li a {color: #fff; text-decoration: none; display:inline-block; position: relative; padding-bottom: 3px;}
.gallery-footer-in-nav-list li a:after{content: ""; display: block; text-align: center; background: #fff; position: absolute; bottom: 0px; width: 0%; height: 1px; transition: all 200ms cubic-bezier(.25, .46, .45, .94);}
.gallery-footer-in-nav-list li a.active:after {width: 100%;}
.gallery-footer-in-nav-list li a:hover:after{width:100%;}

@media screen and (max-width:1024px) {
	.gallery-footer {height: auto; padding-bottom: 20px; margin-top: 60px;}
	.gallery-footer-in-logo {position: static; text-align: center; padding: 23px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
	.gallery-footer-in-logo img {width: 172px; height: 23px;}
	.gallery-footer-in-nav {position: static; -webkit-transform:translate(0, 0); transform:translate(0, 0); display: block;}
	.gallery-footer-in-nav-banner {margin-top: 0; text-align: center;}
	.gallery-footer-in-nav-banner a {display: inline-block;}
	.gallery-footer-in-nav-list {padding-top: 0; margin-right: 0; margin-bottom: 20px; flex-wrap: wrap;}
	.gallery-footer-in-nav-list li {margin-left: 0; width: 33.333%; border-bottom: 1px solid rgba(255, 255, 255, .2); border-right: 1px solid rgba(255, 255, 255, .2);}
	.gallery-footer-in-nav-list li:nth-child(3n) {border-right: none;}
	.gallery-footer-in-nav-list li a {padding-bottom: 0; display: block; text-align: center; height: 40px; line-height: 40px; font-size: 13px;}
	.gallery-footer-in-nav-list li a:after{display: none;}
}

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

- .gallery-index

---------------------------------------- */
.gallery-fiexd {position: fixed; z-index: 1; width: 100%; height: 100%; background: url("../images/index/img_fixed.jpg") no-repeat center bottom; background-size: cover; top: 0; left: 0;}

.gallery-index {position: relative; padding-top: 0;}
.gallery-index-mv {height: 450px; width: 100%; overflow: hidden; position: relative; background: #000; /*background: url("../images/index/mv.jpg") no-repeat center center; background-size: cover;*/}
.gallery-index-mv2 {height: auto; width: 100%; overflow: hidden; position: relative; background: #000; /*background: url("../images/index/mv.jpg") no-repeat center center; background-size: cover;*/}
.gallery-index-mv2 img {width: 100%;}

.pc .gallery-index-mv2 .spShow {display: none;}
.sp .gallery-index-mv2 .pcShow {display: block;}

@media screen and (max-width:1023px) {
	.pc .gallery-index-mv2 .spShow {display: block;}
    .sp .gallery-index-mv2 .pcShow {display: none;}
}


.gallery-index-mv video { display: block; width: auto; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity: 0;}
@media screen and (max-width:1024px) {
	.gallery-index-mv {height: auto; padding-top: 41.8%;}
}
/* .gallery-index-mv .back_poster {height: 100%; width: 100%; background: url("../images/index/poster2.jpg") no-repeat center center; background-size: cover; opacity: 0;} */
@media screen and (max-width:1024px) {
	.gallery-index-mv .back_poster {height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
}

.gallery-index-img {height: 350px; background-repeat: no-repeat; background-size: cover;}
.gallery-index-img01 {background-image: url("../images/index/img01.jpg");}
.gallery-index-img02 {background-image: url("../images/index/img02.jpg");}
@media screen and (max-width:1024px) {
	.gallery-index-img {height: auto; padding-top: 40%;}
}

.gallery-index-about {background: #fff;}
.gallery-index-about-in {max-width: 1200px; margin: 0 auto; padding: 65px 17px; background: #fff;}
.gallery-index-about-in .ttl01 {margin-bottom: 40px;}
.gallery-index-about-in p {font-size: 17px; line-height: 2.2; text-align: center;}
.gallery-index-about-in p:first-of-type {margin-bottom: 25px;}
.gallery-index-notion {margin: 0 auto 65px;}
@media screen and (max-width:1024px) {
	.gallery-index-about-in {padding: 45px 17px;}
	.gallery-index-notion {margin: 0 auto 45px;}
}
@media screen and (max-width:768px) {
	.gallery-index-about-in p {font-size: 17px; line-height: 2.2; text-align: left;}
	.gallery-index-about-in p br {display: none;}
}

.gallery-index-news {background: #fff;}
.gallery-index-news-in {max-width: 1200px; margin: 0 auto; padding: 65px 17px;}
.gallery-index-news-in .ttl01 {margin-bottom: 35px;}
.gallery-index-news-ex {background: #eee; padding: 35px; margin-bottom: 35px; display: flex;}
.gallery-index-news-ex-pic {flex-shrink: 0; margin-right: 40px;}
.gallery-index-news-ex-text-01 {color: #df0523; margin-bottom: 8px;}
.gallery-index-news-ex-text-02 {font-weight: 600; margin-bottom: 8px;}
.gallery-index-news-ex-text-03 {margin-bottom: 15px;}
.gallery-index-news-frame iframe {width: 100%; height: 200px;}

.gallery-index-news-list {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 'Noto Serif JP', serif; font-weight: 400; font-size: 15px; padding-right: 20px; /*padding-top: 75px;*/}
.gallery-index-news-list a {color: #003599;}
.gallery-index-news-list a:hover {text-decoration: none;}
.gallery-index-news-list * {letter-spacing: .08em; margin: 0; padding: 0;}
.gallery-index-news-list img {vertical-align: top;}
.gallery-index-news-list li {list-style: none;}
.gallery-index-news-list a {-webkit-transition: .15s; transition: .15s;}
.gallery-index-news-list a img{box-shadow: #000 0 0 0;}
.gallery-index-news-list {padding-left: 0;}
.gallery-index-news-list li {font-size: 14px; line-height: 1.7; padding-bottom: 25px; padding-left: 28px; margin-bottom: 25px; border-bottom: 1px solid #d6d6d6; position: relative;}
.gallery-index-news-list li:before {content: ""; display: inline-block; width: 9px; height: 9px; background: url("../images/common/licon_list01.png") no-repeat; background-size: 9px 9px; position: absolute; left: 7px; top: 7px;}
.gallery-index-news-list li:last-of-type {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

@media screen and (max-width:1149px) {
    .gallery-index-news-list li br.pconly {display: none;}
}
@media screen and (max-width:1024px) {
	.gallery-index-news-in {padding: 45px 17px;}
	.gallery-index-news-ex {padding: 25px 15px; display: block;}
	.gallery-index-news-ex-pic {text-align: center; display: block; margin: 0 0 25px;}
	.gallery-index-news-ex-text-btn {text-align: center;}
	.gallery-index-news-list li {padding-bottom: 15px; margin-bottom: 15px;}
}

.gallery-index-collection {background: #fff;}
.gallery-index-collection-in {padding: 65px 17px 50px; max-width: 1320px; margin: 0 auto;}
.gallery-index-collection-in .ttl01 {margin-bottom: 35px;}
.gallery-index-collection-slide {font-size: 0px; padding: 0 61px; position: relative;}
.gallery-index-collection-slide .slick-list {overflow: hidden; margin: 0 -15px;}
.gallery-index-collection-slide .slick-btn {display: block; width: 40px; height: 40px; background: #fff; position: absolute; top: 50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); color: #e00522; font-size: 18px; text-align: center; line-height: 40px; cursor: pointer;}
.gallery-index-collection-slide .slick-btn:hover {opacity: .5;}

.gallery-index-collection-slide .slick-btn.slick-prev {left: -10px; box-shadow: 4px 4px 4px 3px rgba(0,0,0,0.08);}
.gallery-index-collection-slide .slick-btn.slick-next {right: -10px; box-shadow: -4px 4px 4px 3px rgba(0,0,0,0.08);}
.gallery-index-collection-slide-in-sec {display: inline-block; font-size: 0px; width: 33.333%; padding: 0 15px;}
.gallery-index-collection-slide-in-sec a {display: block; text-decoration: none;}
.gallery-index-collection-slide-in-sec a:hover {opacity: .8;}
.gallery-index-collection-slide-in-sec h3 {height: 65px; line-height: 65px; background: #eee; font-size: 16px; text-align: center; color: #000; font-weight: 400;}
.gallery-index-collection-slide-in-sec h3:before {font-family: FontAwesome; content : "\f0da"; color: #df0523; margin-right: 7px;}
.gallery-index-collection-slide-btn {margin-top: 30px; text-align: center;}

@media screen and (max-width:1024px) {
	.gallery-index-collection-in {padding: 50px 17px 40px;}
}

.gallery-index-special {background: #fff;}
.gallery-index-special-out {max-width: 1200px; margin: 0 auto 500px; padding: 0 17px;}
.gallery-index-special-in {padding: 50px 0 65px; border-top: 1px solid #e7e7e7; display: flex; justify-content: space-between;}
.gallery-index-special-in-sec {width: 48.7%; text-align: center;}
.gallery-index-special-in-sec .ttl01 {margin-bottom: 25px;}
.gallery-index-special-in-sec-pic {margin-bottom: 20px; display: block;}
.gallery-index-special-in-sec-pic a:hover {opacity: .8;}
.gallery-index-special-in-sec p {line-height: 1.7; margin-bottom: 20px; font-size: 14px;}

@media screen and (max-width:1024px) {
	.gallery-index-special-out {margin: 0 auto 55%;}
	.gallery-index-special-in {padding: 40px 0 45px;}
}
@media screen and (max-width:560px) {
	.gallery-index-special-in {display: block;}
	.gallery-index-special-in-sec {width: 100%;}
	.gallery-index-special-in-sec:first-of-type {margin-bottom: 40px;}
}

.gallery-index-guide {padding: 60px 0 70px; background: #fff; margin-bottom: -70px;}
.gallery-index-guide-in {max-width: 1200px; margin: 0 auto; padding: 0 17px;}
.gallery-index-guide-in .ttl01 {margin-bottom: 25px;}
.gallery-index-guide-in-box {display: flex; justify-content: space-between;}
.gallery-index-guide-in-box-l {width: 51.24%;}
.gallery-index-guide-in-box-l table {width: 100%; margin-bottom: 10px;}
.gallery-index-guide-in-box-l table th {width: 100px; text-align: left; font-weight: 400;}
.gallery-index-guide-in-box-l table th,
.gallery-index-guide-in-box-l table td {vertical-align: top; padding: 20px 0; border-bottom: 1px solid #d6d6d6; line-height: 1.7;}
.gallery-index-guide-in-box-l table tr:last-of-type th,
.gallery-index-guide-in-box-l table tr:last-of-type td {border-bottom: none;}
.gallery-index-guide-in-box-btn {display: flex; margin: 0 0 20px; padding: 0;}
.gallery-index-guide-in-box-btn li:first-of-type {margin-right: 20px;}
.gallery-index-guide-in-box-l p {line-height: 1.7; font-size: 12px; text-indent: -1em; margin-left: 1em;}
.gallery-index-guide-in-box-r {width: 45.8%; margin-top: 15px;}
.gallery-index-guide-in-box-r-map {position: relative; width: 100%; height: 355px;}
.gallery-index-guide-in-box-r-map iframe {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

@media screen and (max-width:1024px) {
	.gallery-index-guide {padding: 45px 0 60px; background: #fff; margin-bottom: -60px;}
	.gallery-index-guide-in-box {display: block;}
	.gallery-index-guide-in-box-l {width: 100%; margin-bottom: 40px;}
	.gallery-index-guide-in-box-btn {justify-content: center;}
	.gallery-index-guide-in-box-r {width: 100%; margin-top: 0;}
	.gallery-index-guide-in-box-r-map {height: auto; padding-top: 75%}
}
@media screen and (max-width:560px) {
	.gallery-index-guide-in-box-btn {display: flex; justify-content: space-between;}
	.gallery-index-guide-in-box-btn li {width: 48%!important;}
	.gallery-index-guide-in-box-btn li a {width: 100%;}
	.gallery-index-guide-in-box-btn li:first-of-type {margin-right: 0;}
} 

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

- .gallery-col

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

.gallery-col-list {max-width: 1200px; margin: 0 auto; padding: 0 17px; display: flex;}
.gallery-col-list-in {font-size: 0; margin: 0 -15px;}
.gallery-col-list-in-sec {width: 50%; display: inline-block; text-align: center; padding: 0 15px; margin-bottom: 35px;  vertical-align: top;}
.gallery-col-list-in-sec:last-of-type {margin-bottom: 0;}
.gallery-col-list-in-sec-pic {display: block; margin-bottom: 10px;}
.gallery-col-list-in-sec-pic a:hover {display: block; opacity: .8;}
.gallery-col-list-in-sec h2 a {font-size: 38px; font-weight: 400; text-decoration: none; color: #000;}
.gallery-col-list-in-sec h2 a:hover {color: #e00622;}
.gallery-col-list-in-sec p {font-size: 14px; line-height: 1.7;}
.gallery-col-btn {max-width: 1200px; margin: 65px auto 0; padding: 0 17px 10px; text-align: center;}
.gallery-col-btn .btn02 {display: block; margin: 25px auto 0;}

@media screen and (max-width:768px) {
	.gallery-col-list-in {margin: 0 -8px;}
	.gallery-col-list-in-sec {padding: 0 8px;}
	.gallery-col-list-in-sec h2 a {font-size: 28px;}
	.gallery-col-btn {margin: 40px auto 0;}
}
@media screen and (max-width:560px) {
	.gallery-col-list-in-sec {width: 100%;}
	.gallery-col-list-in-sec p br {display: none;}
} 

.gallery-col-sec {max-width: 1200px; margin: 0 auto 90px; padding: 20px 17px 0;}
.gallery-col-sec:last-of-type {margin-bottom: 0;}
.gallery-col-sec h1 {text-align: center; font-weight: 400; line-height: 1; margin-bottom: 30px;}
.gallery-col-picasso .gallery-col-sec h1 {margin-bottom: 70px;}
.gallery-col-sec h1 span {display: inline-block; font-size: 55px; position: relative;}
.gallery-col-sec.gallery-col-crafts:last-of-type h1 span {font-size: 40px;}
.gallery-col-sec.gallery-col-crafts:last-of-type h1 span br {display: none;}
.gallery-col-sec h1 span:before,
.gallery-col-sec h1 span:after {content: ""; display: inline-block; height: 1px; width: 100px; background: #000; vertical-align: 18px;}
.gallery-col-sec h1 span:before {margin-right: 20px;}
.gallery-col-sec h1 span:after {margin-left: 20px;}
.gallery-col-sec h1 small {display: block; font-size: 20px; margin-top: 12px;}
.gallery-col-sec-lead {text-align: center; line-height: 1.9; padding: 0 35px; margin-bottom: 45px;}
.gallery-col-sec-lead small {display: block; font-size: 13px; margin-top: 15px;}

.gallery-col-sec-slider-thumb {text-align: center; font-size: 0px; margin: 40px 0 0;}
.gallery-col-sec-slider-thumb li {display: inline-block; width: 100px; padding: 0 5px; margin-bottom: 10px;}
.gallery-col-japanese .gallery-col-sec-slider-thumb li {width: 85px;}
.gallery-col-sec-slider-thumb li.active a {opacity: .2;}
.gallery-col-sec-slider-img {border: 1px solid #d3d3d3; padding: 50px 50px 40px; position: relative;}

.gallery-col-sec-slider-img:after{
   content: "";
   display: block;
   clear: both;
}


.gallery-col-sec-slider-img-sec {display: none;}
.gallery-col-sec-slider-img-sec:first-of-type {display: block;}
.gallery-col-japanese .gallery-col-sec-slider-img-sec:first-of-type {display: none;}
.gallery-col-japanese .gallery-col-sec-slider-img-sec.sec1_1 {display: block;}

.gallery-col-sec-slider-img-sec-pic {
    max-width: 600px;
    width: 50%;
    margin: 0 auto 12px;
    display: block;
    float: left;
}

.gallery-col-sec-slider-img-sec-caption {
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 30px;
}


.gallery-col-sec-slider-img-sec-text {
    margin-top: 10px;
    display: block;
    float: left;
    width: 44%;
    margin-left: 40px;
}

.gallery-col-crafts .gallery-col-sec-slider-img-sec-pic{
    float: none;

}

.gallery-col-crafts .gallery-col-sec-slider-img-sec-caption {
    font-size: 12px;
    text-align: center;
    position: relative;
    bottom: 0;
}

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

.gallery-col-sec-slider-img-sec-pic {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 12px;
    display: block;
    float: none;
}

.gallery-col-sec-slider-img-sec-caption {
    font-size: 12px;
    text-align: center;
    position: relative;
    bottom: 0px;
}

.gallery-col-sec-slider-img-sec-text {
    margin-top: 10px;
    display: block;
    float: none;
    width: 100%;
    margin-left: 0px;
}


}


.gallery-col-sec-slider-img-sec-text h2 {font-size: 28px; font-weight: 400;}
.gallery-col-sec-slider-img-sec-text h2 small {display: inline-block; font-size: 13px; margin-left: 8px; vertical-align: 6px;}
.gallery-col-sec-slider-img-sec-text p {line-height: 1.7; font-size: 14px;}
.gallery-col-picasso-con {display: flex; justify-content: space-between; margin-bottom: 80px;}
.gallery-col-picasso-con-text {width: 60.3%; margin-top: -5px;}
.gallery-col-picasso-con-text p {line-height: 1.9; margin-bottom: 15px;}
.gallery-col-picasso-con-pic {width: 35.6%;}
.gallery-col-picasso-history h2 {font-weight: 400; font-size: 20px; margin-bottom: 15px;}
.gallery-col-picasso-history table {width: 100%; border-top: 1px solid #ddd;}
.gallery-col-picasso-history table th,
.gallery-col-picasso-history table td {line-height: 1.7; border-bottom: 1px solid #ddd; padding: 10px 0; vertical-align: top; text-align: left;}
.gallery-col-picasso-history table th {width: 105px; padding-left: 12px; font-weight: 400; color: #e00622;}

.gallery-col-arch-list {margin: 100px 35px 0;}
.gallery-col-arch-list h2 {margin-bottom: 25px; font-weight: 400; text-align: center;}
.gallery-col-arch-list h2 span {display: inline-block; position: relative; font-size: 20px;}
.gallery-col-arch-list h2 span:before,
.gallery-col-arch-list h2 span:after {content: ""; display: inline-block; height: 1px; width: 50px; background: #000; vertical-align: 6px;}
.gallery-col-arch-list h2 span:before {margin-right: 10px;}
.gallery-col-arch-list h2 span:after {margin-left: 8px;}
.gallery-col-arch-list ul {text-align: left; font-size: 0px; margin: 0 -30px;}
.gallery-col-arch-list li {display: inline-block; width: 33.333%; font-size: 15px; padding: 0 30px; margin-bottom: 15px;}
.gallery-col-arch-list li > p {border-bottom: 1px solid #ccc; padding-bottom: 15px; font-size: 14px;}
.gallery-col-arch-list li span {display: inline-block; /*width: 9.5em;*/ margin-right: .5em;}
.gallery-col-arch-list > p {text-align: right; font-size: 13px;}

@media screen and (max-width:1024px) {
	.gallery-col-picasso .gallery-col-sec h1 {margin-bottom: 70px;}
	.gallery-col-sec h1 span {font-size: 40px;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span {font-size: 31px;}
	.gallery-col-sec h1 span:before,
	.gallery-col-sec h1 span:after {width: 50px; vertical-align: 16px;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:before,
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:after {vertical-align: 12px;}
	.gallery-col-sec h1 span:before {margin-right: 10px;}
	.gallery-col-sec h1 span:after {margin-left: 10px;}
	.gallery-col-sec h1 small {font-size: 17px;}
	.gallery-col-sec-lead {padding: 0;}
	.gallery-col-sec-slider-thumb {margin: 30px 0 0;}
	.gallery-col-sec-slider-thumb li {width: 80px!important; padding: 0 3px;}
	
	.gallery-col-japanese .gallery-col-sec-slider-thumb,
	.gallery-col-western .gallery-col-sec-slider-thumb,
	.gallery-col-sculpture .gallery-col-sec-slider-thumb {display: none;}
	
	.gallery-col-sec-slider-img {padding: 30px 30px 20px;}
	.gallery-col-sec-slider-img-sec-pic {max-width: 500px; margin: 0 auto 10px; display: block;}
	.gallery-col-sec-slider-img-sec-text {margin-top: 10px;}
	.gallery-col-sec-slider-img-sec-text h2 {font-size: 24px;}
	.gallery-col-arch-list {margin: 60px 0 0;}
}
@media screen and (max-width:768px) {
	.gallery-col-sec {margin: 0 auto 50px;}
	
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span {font-size: 26px; letter-spacing: 0em;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:before,
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:after {width: 30px; vertical-align: 10px;}
	.gallery-col-sec-lead {text-align: left; margin-bottom: 30px;}
	.gallery-col-sec-lead br {display: none;}
	.gallery-col-sec-slider-thumb {margin: 20px 0 0;}
	.gallery-col-sec-slider-img {padding: 15px 15px 12px;}
	.gallery-col-sec.gallery-col-picasso h1 {margin-bottom: 35px;}
	.gallery-col-picasso-con {display: block;}
	.gallery-col-picasso-con-text {width: 100%; margin-top: 0; margin-bottom: 30px;}
	.gallery-col-picasso-con-pic {max-width: 300px; width: auto; margin: 0 auto; display: block;}
	.gallery-col-picasso-history table th {width: 70px; padding-left: 0;}
	.gallery-col-crafts .gallery-col-sec-lead small > br:first-of-type {display: block;}
	.gallery-col-arch-list li {width: 50%;}
}
@media screen and (max-width:560px) {
	.gallery-col-sec h1 {margin-bottom: 18px;}
	.gallery-col-sec h1 span {font-size: 32px;}
	.gallery-col-sec h1 span:before,
	.gallery-col-sec h1 span:after {width: 40px; vertical-align: 12px;}
	
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span {font-size: 25px; line-height: 1.35; letter-spacing: 0em; position: relative;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span br {display: inline-block;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:before,
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:after {width: 25px; vertical-align: 0; position: absolute; top: 50%;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:before {margin-right: 0; left: -30px;}
	.gallery-col-sec.gallery-col-crafts:last-of-type h1 span:after {margin-left: 0px;  right: -20px;}
	
	.gallery-col-arch-list li {width: 100%;}
	.gallery-col-sec-slider-img-sec-text h2 {font-size: 20px;}
	.gallery-col-sec-slider-img-sec-text h2 small {vertical-align: 2px; }
	.gallery-col-sec-slider-img-sec-text p {font-size: 13px;}
}

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

- .gallery-guide

---------------------------------------- */
.gallery-guide-mv {height: 350px; background: url("../images/guide/mv.jpg") no-repeat center center; background-size: cover; margin-bottom: 50px;}
.gallery-guide-list {max-width: 1200px; margin: 0 auto; padding: 0 17px;}
.gallery-guide-list table {width: 100%;}
.gallery-guide-list table th,
.gallery-guide-list table td {padding: 30px 0; text-align: left; font-weight: 400; line-height: 1.7; vertical-align: top;}
.gallery-guide-list table th {border-top: 1px solid #e00622; width: 150px; }
.gallery-guide-list table td {border-top: 1px solid #ccc; padding-left: 15px;}
.gallery-guide-list table td .note {margin-top: 15px; font-size: 12px;}
.gallery-guide-list table td .btn {margin-top: 15px;}
.gallery-guide-list table td .btn01 {width: 180px; height: 42px; line-height: 42px;}
.gallery-guide-list table td .group {background: #f5f5f5; padding: 24px; margin-top: 20px;}
.gallery-guide-list table td .group h2 {font-size: 15px; font-weight: normal; border-bottom: 1px solid #676767; padding-bottom: 10px; margin-bottom: 15px;}
.gallery-guide-list table td .group .btn01 {width: 230px;}
.gallery-guide-list table td .group p:nth-of-type(2) {font-size: 12px;}
.gallery-guide-list table tr:last-of-type th {border-bottom: 1px solid #e00622;}
.gallery-guide-list table tr:last-of-type td {border-bottom: 1px solid #ccc;}
@media screen and (max-width:1024px) {
	.gallery-guide-mv {height: auto; padding-top: 51.1%;}
}
@media screen and (max-width:768px) {
	.gallery-guide-list table,
	.gallery-guide-list tbody,
	.gallery-guide-list tr,
	.gallery-guide-list th,
	.gallery-guide-list td {display: block;}
	.gallery-guide-list table th,
	.gallery-guide-list table td {padding: 15px 0;}
	.gallery-guide-list table th {border-top: 1px solid #ccc; width: 100%; font-weight: 600;}
	.gallery-guide-list table td {border-top: none; padding-top: 0; font-size: 14px;}
	.gallery-guide-list table tr:last-of-type th {border-bottom: none;}
}

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

- .gallery-access

---------------------------------------- */
.gallery-access-map {max-width: 1200px; margin: 0 auto; padding: 0 17px; margin-bottom: 40px;}
.gallery-access-map-in {height: 500px;}
.gallery-access-map-in iframe {display: block; width: 100%; height: 100%;}
.gallery-access-trans {max-width: 1200px; margin: 0 auto; padding: 0 17px; display: flex; justify-content: space-between;}
.gallery-access-trans-pic {width: 27.8%;}
.gallery-access-trans-text {width: 68.3%;}
.gallery-access-trans-text h2 {font-size: 20px; font-weight: 400; margin-bottom: 10px;}
.gallery-access-trans-text p {line-height: 1.8;}
.gallery-access-trans-text p:nth-of-type(1),
.gallery-access-trans-text p:nth-of-type(2) {border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 15px;}
.gallery-access-trans-text p:nth-of-type(3) {margin-bottom: 15px;}
.gallery-access-trans-text p small {font-size: 12px;}
@media screen and (max-width:768px) {
	.gallery-access-map-in {height: auto; padding-top: 75%; position: relative;}
	.gallery-access-map-in iframe {position: absolute; top: 0;}
	.gallery-access-trans {display: block;}
	.gallery-access-trans-pic {max-width: 250px; width: auto; display: block; margin: 0 auto 30px;}
	.gallery-access-trans-text {width: 100%;}
}

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

- .gallery-calendar

---------------------------------------- */
.gallery-calendar-in {max-width: 1200px; margin: 0 auto -30px; padding: 0 17px;}
.gallery-calendar-in-lead {text-align: center; line-height: 1.8; margin-bottom: 35px;}
.gallery-calendar-in-lead span.closed {display: inline-block; width: 26px; height: 14px; border: 1px solid #ccc; background: #ffd6d6; vertical-align: -8px; margin-right: 4px;}
.gallery-calendar-in-lead small {font-size: 12px; color: #e00622;}
#calendarApp #app > div {font-size: 0; margin: 0 -35px;}
#calendarApp #app > div > div {display: inline-block; width: 33.333%; font-size: 15px; padding: 0 35px; margin: 0 0 40px; text-align: center;}
#calendarApp #app > div > div table {width: 100%; table-layout: fixed; margin-top: 5px;}
#calendarApp #app > div > div table th,
#calendarApp #app > div > div table td {text-align: center; border: 1px solid #ccc; padding: 7px 0; font-weight: normal;}
.calendar-dates th {background: #efefef;}
.calendar-holiday{background: #ffd6d6;}
.calendar-holiday-text{color: #e00622;}
.calendar-year {display: inline-block;}
.calendar-title {display: inline-block; font-size: 35px; margin-left: 5px;}
.calendar-title .calendar-title-suffix {font-size: 20px;}
@media screen and (max-width:1024px) {
	#calendarApp #app > div {margin: 0 -10px;}
	#calendarApp #app > div > div {padding: 0 10px; margin: 0 0 20px;}
}
@media screen and (max-width:768px) {
	.gallery-calendar-in-lead {margin-bottom: 25px;}
	#calendarApp #app > div {margin: 0 -10px;}
	#calendarApp #app > div > div {width: 50%;}
}
@media screen and (max-width:560px) {
	#calendarApp #app > div > div {width: 100%;}
}

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

- .gallery-ex_index

---------------------------------------- */
.gallery-ex_index-new {max-width: 1200px; margin: 0 auto; padding: 0 17px;}
.gallery-ex_index-new-in {display: flex; justify-content: space-between; flex-direction: row-reverse; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #eee;}
.gallery-ex_index-new-in-text {width: 50%;}
.gallery-ex_index-new-in-text h2 {border-left: 2px solid #e00622; font-size: 23px; font-weight: 600; padding-left: 20px; margin-bottom: 15px;}
.gallery-ex_index-new-in-text p {margin: 0  0 20px 22px;}
.gallery-ex_index-new-in-text p span,
.gallery-ex_index-detail-in table td span {color: #e00622;}
.gallery-ex_index-new-in-text .btn {margin-left: 22px;}
.gallery-ex_index-new-in-text .btn .btn01 {display: inline-block; width: 180px; height: 41px; line-height: 41px; font-size: 12px;}
.gallery-ex_index-new-in-pic {width: 46.5%;}
.gallery-ex_index-arch {max-width: 1200px; margin: 0 auto; padding: 0 17px;}
.gallery-ex_index-arch h2 {font-size: 25px; font-weight: 600; margin-bottom: 30px;}
.gallery-ex_index-arch-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -50px;}
.gallery-ex_index-arch-list-art {width: 31.23%; margin-bottom: 50px;}
.gallery-ex_index-arch-list:after {content: ""; display: block; width: 31.23%;}
.gallery-ex_index-arch-list-art-pic {margin-bottom: 15px; display: flex;  flex-direction:row; justify-content: center; align-items: center;}
.gallery-ex_index-arch-list-art-pic img {width: 100%; display: inline-block;}
.gallery-ex_index-arch-list-art h3 {font-weight: 600; font-size: 15px; margin-bottom: 5px;}
.gallery-ex_index-arch-list-art p {font-size: 12px;}
.gallery-ex_index-arch-list-art .btn {margin-top: 15px;}
.gallery-ex_index-arch-list-art .btn .btn01 {display: inline-block; width: 150px; height: 35px; line-height: 35px; font-size: 12px;}
@media screen and (max-width:768px) {
	.gallery-ex_index-new-in {display: block;}
	.gallery-ex_index-new-in-pic {width: 100%; display: block; margin-bottom: 30px;}
	.gallery-ex_index-new-in-text {width: 100%;}
	.gallery-ex_index-new-in-text h2 {font-size: 21px;}
	.gallery-ex_index-arch-list-art {width: 48.3%;}
}
@media screen and (max-width:560px) {
	.gallery-ex_index-arch-list-art {width: 100%;}
}

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

- .gallery-ex_index-detail

---------------------------------------- */
.gallery-ex_index-detail-in {max-width: 1200px; margin: 0 auto; padding: 0 17px;}
.gallery-ex_index-detail-in-pic {margin: 0 auto 50px; display: block;}
.gallery-ex_index-detail-in h1 {border-left: 2px solid #e00622; padding-left: 20px; font-size: 25px; font-weight: 600; margin-bottom: 20px;}
.gallery-ex_index-detail-in table {width: 100%; margin-bottom: 45px;}
.gallery-ex_index-detail-in table th,
.gallery-ex_index-detail-in table td {font-weight: 400; text-align: left; vertical-align: top; font-size: 14px; border-bottom: 1px solid #eee; padding: 20px 0;}
.gallery-ex_index-detail-in table th {white-space: nowrap; width: 100px;}
.gallery-ex_index-detail-introWrap {display: flex; width: 100%; margin-bottom: 60px;}
.gallery-ex_index-detail-introWrap p {width: 80%; margin-right: 8.5763%; line-height: 1.8;}
.gallery-ex_index-detail-introWrap figure {width: 20%;}
.gallery-ex_index-detail-profileWrap {display: flex; width: 100%; justify-content: space-between; margin-bottom: 60px;}
.gallery-ex_index-detail-profileWrap figure {width: 47.5%;}
.gallery-ex_index-detail-profileWrap div {width: 47.5%;}
.gallery-ex_index-detail-profileWrap h2 {margin-bottom: 20px;}
.gallery-ex_index-detail-profileWrap span {font-weight: normal;}
.gallery-ex_index-detail-profileWrap p{line-height: 1.8;}
.gallery-ex_index-detail-profileAmbassador {display: inline; font-size: 14px;}
.gallery-ex_index-detail-profileFrom {font-size: 18px; display: block;}
.gallery-ex_index-detail-in-back {text-align: center;}
.gallery-ex_index-detail-listWrap{width: 100%; margin-bottom: 60px;}
.gallery-ex_index-detail-listWrap .width-middle{width:80%;}

.pc .gallery-ex_index-detail-in-pic .spShow {display: none;}
.sp .gallery-ex_index-detail-in-pic .pcShow {display: block;}

@media screen and (max-width:1023px) {
	.pc .gallery-ex_index-detail-in-pic .spShow {display: block;}
    .sp .gallery-ex_index-detail-in-pic .pcShow {display: none;}
}

@media screen and (max-width:768px) {
	.gallery-ex_index-detail-introWrap {flex-direction: column-reverse; margin-bottom: 40px;}
	.gallery-ex_index-detail-introWrap p {width: 100%; margin-right: 0;}
	.gallery-ex_index-detail-introWrap figure {width:65%; margin: 0 auto 20px;}
	.gallery-ex_index-detail-profileWrap {flex-direction: column; margin-bottom: 40px;}
	.gallery-ex_index-detail-profileWrap figure {width: 100%; margin-bottom: 20px;}
	.gallery-ex_index-detail-profileWrap div {width: 100%;}
	.gallery-ex_index-detail-profileWrap h2 {margin-bottom: 15px;}
	.gallery-ex_index-detail-profileAmbassador {display: block;}  
.gallery-ex_index-detail-listWrap .width-middle{width:100%;}
}

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

- .gallery-ex_jyosetsu

---------------------------------------- */
.gallery-ex_jyosetsu-mv {height: 350px; background: url("../images/exhibition/jyosetsu_mv.jpg") no-repeat center center; background-size: cover; margin-bottom: 50px;}
.gallery-ex_jyosetsu-mv2 {height: 350px; background: url("../images/exhibition/jyosetsu_mv2.jpg") no-repeat center center; background-size: cover; margin-bottom: 10px;}
.gallery-ex_jyosetsu-mv3 {height: 350px; background: url("../images/exhibition/jyosetsu_mv3.jpg") no-repeat center center; background-size: cover; margin-bottom: 20px;}
.gallery-ex_jyosetsu-mv4 {height: 350px; background: url("../images/exhibition/jyosetsu_mv4.jpg") no-repeat center center; background-size: cover; margin-bottom: 20px;}
.gallery-ex_jyosetsu-mv5 {height: 350px; background: url("../images/exhibition/jyosetsu_mv5.jpg") no-repeat center center; background-size: cover; margin-bottom: 20px;}
.gallery-ex_jyosetsu-mv6 {height: 350px; background: url("../images/exhibition/jyosetsu_mv6.jpg") no-repeat center center; background-size: cover; margin-bottom: 20px;}
.gallery-ex_jyosetsu-lead {max-width: 1200px; margin: 0 auto 50px; padding: 0 17px; text-align: center;}
.gallery-ex_jyosetsu-sec {max-width: 1200px; margin: 0 auto 60px; padding: 0 17px;}

.outer-jyosetsu {
    display: flex;
    max-width: 1275px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 30px;
}

.outer-jyosetsu .gallery-ex_jyosetsu-sec{
    padding: 0px
}

.outer-jyosetsu .gallery-ex_jyosetsu-sec.alt{
    margin-left: 30px;
}

.gallery-ex_specialEx {text-align: center;}
.gallery-ex_specialEx p {font-size: 25px; margin-bottom: 25px;}


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

.outer-jyosetsu {
    flex-direction: column;
    padding-top: 10px;
}
.outer-jyosetsu .gallery-ex_jyosetsu-sec {
    padding: 0px 17px;
}
.outer-jyosetsu .gallery-ex_jyosetsu-sec.alt{
    margin-left: auto;
    margin-right: auto;

}

}



.gallery-ex_jyosetsu-sec h2 {text-align: center; font-weight: 400; font-size: 35px; margin-bottom: 10px;}
.gallery-ex_jyosetsu-sec h2:before,
.gallery-ex_jyosetsu-sec h2:after {content: ""; display: inline-block; width: 50px; height: 1px; background: #000; vertical-align: 12px;}
.gallery-ex_jyosetsu-sec h2:before {margin-right: 13px;}
.gallery-ex_jyosetsu-sec h2:after {margin-left: 13px;}
.gallery-ex_jyosetsu-sec p {text-align: center; line-height: 2; margin-bottom: 25px;}
.gallery-ex_jyosetsu-sec p.pmb {text-align: center; line-height: 2; padding-top: 11px; margin-bottom: 10px;}
.gallery-ex_jyosetsu-sec table {max-width: 610px; width: 100%; margin: 0 auto; text-align: center;}
.gallery-ex_jyosetsu-sec table th {height: 50px; background: #ededed;}
.gallery-ex_jyosetsu-sec table th,
.gallery-ex_jyosetsu-sec table td {border: 1px solid #ccc; font-weight: 400; font-size: 14px; padding: 10px;}
.gallery-ex_jyosetsu-sec-pic01 {max-width: 610px; display: block; margin: 0 auto 40px;} 
.gallery-ex_jyosetsu-sec-list01 {text-align: center; font-size: 0px;}
.gallery-ex_jyosetsu-sec-list01 li {display: inline-block; width: 33.333%; padding: 0 1.7%;}
.gallery-ex_jyosetsu-sec-list01:nth-of-type(1) {margin-bottom: 20px;}
.gallery-ex_jyosetsu-sec-list01:nth-of-type(1) li:nth-of-type(2) figure {padding: 0 18%;}
.gallery-ex_jyosetsu-sec-list01:nth-of-type(1) li:nth-of-type(5) figure {padding: 0 22%;}
.gallery-ex_jyosetsu-sec-list01 li figure {margin-bottom: 13px; display: flex; justify-content: center; align-items: center; flex-direction: row;}
.gallery-ex_jyosetsu-sec-list01 li figure img {width: 100%;}
.gallery-ex_jyosetsu-sec-list01 li p {font-size: 15px; line-height: 1.6;}
.gallery-ex_jyosetsu-sec-list02 {max-width: 610px; margin: 0 auto; text-align: center; /*border: 1px solid #ccc;*/}
.gallery-ex_jyosetsu-sec-list02 h3 {height: 50px; background: #ededed; line-height: 50px; font-size: 15px; font-weight: 400;}
.gallery-ex_jyosetsu-sec-list02 ul {border: 1px solid #ccc; font-size: 0px; text-align: left;}
.gallery-ex_jyosetsu-sec-list02 ul li {display: inline-block; font-size: 15px; width: 50%; padding: 10px; border-bottom: 1px solid #ccc; text-align: center;}
.gallery-ex_jyosetsu-sec-list02 ul li:nth-child(odd) {border-right: 1px solid #ccc;}
.gallery-ex_jyosetsu-sec-list02 ul li:last-of-type {border-bottom: none;}
@media screen and (max-width:1024px) {
	.gallery-ex_jyosetsu-mv {height: auto; padding-top: 51.1%;}
	.gallery-ex_jyosetsu-mv2 {height: auto; padding-top: 51.1%;}
	.gallery-ex_jyosetsu-mv3 {height: auto; padding-top: 51.1%;}
	.gallery-ex_jyosetsu-mv4 {height: auto; padding-top: 51.1%;}
	.gallery-ex_jyosetsu-mv5 {height: auto; padding-top: 51.1%;}
	.gallery-ex_jyosetsu-mv6 {height: auto; padding-top: 51.1%;}
}
@media screen and (max-width:768px) {
	.gallery-ex_jyosetsu-sec-list01 li {width: 50%;}
	.gallery-ex_specialEx p {font-size: 17px;}
}
@media screen and (max-width:560px) {
	.gallery-ex_jyosetsu-sec h2 {font-size: 31px;}
	.gallery-ex_jyosetsu-sec h2:before,
	.gallery-ex_jyosetsu-sec h2:after {width: 30px; vertical-align: 10px;}
	.gallery-ex_jyosetsu-sec-list01 li {width: 100%;}
}

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

- .gallery-note

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

.gallery-note {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    /* border: solid 1px #e0e0e0; */
    padding: 0px;
    justify-content: center;
    margin-bottom: 30px;
}

.gallery-note h2 {
    text-align: center;
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.gallery-note h2:before,
.gallery-note h2:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #000;
    vertical-align: 12px;
}

.gallery-note h2:before {
    margin-right: 13px;
}

.gallery-note h2:after {
    margin-left: 13px;
}

.gallery-note h2 {

}

.gallery-note span.date {
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    background-color: #f5f5f5;
    padding: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
}

.gallery-note span.date br{
	display: none;
}

.gallery-note p {
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}

.gallery-note p.alt{
	text-align: center;
}

.gallery-note p.alt br{
	display: none;
}

.gallery-note img {
    margin-top: 1px;
}

.pd_outer {
    max-width: 1126px;
    width: 100%;
    padding: 17px;
    margin-left: auto;
    margin-right: auto;
}

.gallery-note ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
    margin-top: 10px;
    width: 100%;
    height: auto;
}

.gallery-note ul li {
    margin-right: 1px;
    width: 16.5%;
}

.gallery-note ul li:nth-child(6){
	margin-right: 0px;
}

.gallery-note ul li img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

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

.gallery-note ul li {
    margin-right: 1px;
    width: 24.6%;
}

.gallery-note ul li:nth-child(6){
	margin-right: 1px;
}

.gallery-note p.alt br{
	display: block;
}

}

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

.gallery-note span.date {
    text-align: left;
	max-width: 100%;
}

.gallery-note p.alt {
    text-align: left;
}

}

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

.gallery-note ul li {
    margin-right: 1px;
    width: 32.8%;
}

}

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

.gallery-note span.date br{
	display: block;
}

}

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

- .handi

---------------------------------------- */
.handibox {
	display:flex; 
	flex-wrap: wrap;
	width: 100%;
	height:auto;
	text-align:center;
}
.handibox2 {
	display:flex; 
	flex-wrap: wrap;
	width: 66%;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.handiitem5 {
	width: 20%;
	text-align:center;
	padding:0 10px;
}
.handiitem4 {
	width: 25%;
	text-align:center;
	padding:0 10px 25px;
}
.handiitem3 {
	width: 33%;
	text-align:center;
	padding:0 10px;
	margin:0 auto 30px;
}
.handiitem2 {
	width: 50%;
	text-align:center;
	padding:0 10px;
	margin:0 auto 30px;
}
.handibox img {
	max-width:100%;
	margin:0 0 7px;
}
.handibox2 img {
	max-width:100%;
	margin:0 0 7px;
}
.mvbot2021 {
	text-align:right;
	margin-bottom:10px;
}
.mb20 {
	margin:0 0 20px;
}
.mb35 {
	margin:0 0 35px;
}

@media screen and (max-width:480px) {
.handibox2 {
	width: 100%;
}
.handiitem5,.handiitem4,.handiitem3,.handiitem2 {
	width: 100%;
}
}
.spbr{
    display: none;

}
@media screen and (max-width:768px) {
    .spbr{
    display: block;

}
}


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

- 障がい者アート作品バナー展示 2023年12月18日（月）〜

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

#handicapped-art{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#handicapped-art *{
	letter-spacing: 0;
}

/* ----- テキストエリア ----- */
#handicapped-art section:first-of-type{
	margin-bottom: 64px;
	text-align: center;
}

#handicapped-art section:first-of-type >p:first-of-type{
	font-size: 1.6rem;
	font-weight: bold;
	font-feature-settings: "palt";
}
#handicapped-art section:first-of-type >h2{
	font-size: 2.4rem;
}
#handicapped-art section:first-of-type >h2 br{
	display: none;
}
#handicapped-art section:first-of-type >p:last-of-type{
	font-size: 1rem;
}
#handicapped-art section:first-of-type >div{
	margin-top: 64px;
	text-align: justify;
}
#handicapped-art section:first-of-type >div >p:first-of-type{
	font-size: 1.1rem;
	line-height: 2.2rem;
}
#handicapped-art section:first-of-type >div >p:last-of-type{
	margin-top: 16px;
	font-size: 1rem;
	line-height: 1.8rem;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; 
	margin-left: 1rem;
    text-indent: -1rem;
}
#handicapped-art section:first-of-type >div >p:last-of-type a{
	display: inline;
}
#handicapped-art section:first-of-type >div >p:last-of-type a span{
	margin-left: 16px;
	font-size: 0.9rem;
	vertical-align: middle;
}


/* ----- 画像エリア ----- */
#handicapped-art section:last-of-type >h3{
	font-size: 1.6rem;
	margin-bottom: 16px;
}
#handicapped-art section:last-of-type >h3 br{
	display: none;
}
#handicapped-art section:last-of-type >h3 small{
	font-size: 1rem;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; 
	font-weight: normal;
}
#handicapped-art figure{
	display: flex;
	flex-wrap: wrap;
	align-items: self-start;
	justify-content: space-between;
	margin: 0 0 24px 0;
}
#handicapped-art figure:last-of-type{
	margin-bottom: 0;
}
#handicapped-art figure img{
	display: block;
	margin-bottom: 16px;
}
#handicapped-art figure:first-of-type img{
	width: 15%;
}
#handicapped-art figure:last-of-type img{
	width: 24%;
}
#handicapped-art figure:last-of-type img:nth-of-type(5),
#handicapped-art figure:last-of-type img:nth-of-type(6),
#handicapped-art figure:last-of-type img:nth-of-type(7),
#handicapped-art figure:last-of-type img:last-of-type{
	margin-bottom: 0%;
}

@media screen and (max-width:1248px) {
	#handicapped-art {
		padding: 0 4%;
	}
}
@media screen and (max-width:1152px) {
	#handicapped-art figure {
		justify-content: flex-start;
	}
	#handicapped-art figure:first-of-type img{
		width: 18%;
		margin-right: 2.5%;
	}
	#handicapped-art figure:first-of-type img:nth-of-type(5),
	#handicapped-art figure:first-of-type img:nth-of-type(10){
		margin-right: 0%;
	}

	#handicapped-art figure:last-of-type img{
		width: 32%;
		margin-right: 2%;
	}
	#handicapped-art figure:last-of-type img:nth-of-type(3),
	#handicapped-art figure:last-of-type img:nth-of-type(6){
		margin-right: 0%;
	}
}

@media screen and (max-width:960px) {
	#handicapped-art figure:first-of-type img{
		width: 23%;
		margin-right: 2.65%;
	}
	#handicapped-art figure:first-of-type img:nth-of-type(4),
	#handicapped-art figure:first-of-type img:nth-of-type(8),
	#handicapped-art figure:first-of-type img:last-of-type{
		margin-right: 0%;
	}
	#handicapped-art figure:first-of-type img:nth-of-type(5),
	#handicapped-art figure:first-of-type img:nth-of-type(10){
		margin-right: 2.65%;
	}
}

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

	/* ----- テキストエリア ----- */
	#handicapped-art section:first-of-type >p:first-of-type{
		font-size: 1.2rem;
	}
	#handicapped-art section:first-of-type >h2{
		font-size: 2rem;
	}
	#handicapped-art section:first-of-type >h2 br{
		display: block;
	}
	#handicapped-art section:first-of-type >p:last-of-type{
		font-size: 0.85rem;
	}
	#handicapped-art section:first-of-type >div{
		margin-top: 32px;
	}
	#handicapped-art section:first-of-type >div >p:first-of-type{
		font-size: 1.1rem;
		line-height: 2rem;
	}
	#handicapped-art section:first-of-type >div >p:last-of-type{
		font-size: 0.9rem;
		line-height: 1.6rem;
		margin-left: 0.9rem;
		text-indent: -0.9rem;
	}
	#handicapped-art section:first-of-type >div >p:last-of-type a{
		display: inline;
	}

	/* ----- 画像エリア ----- */
	#handicapped-art section:last-of-type >h3{
		line-height: 1.6rem;
	}
	#handicapped-art section:last-of-type >h3 br{
		display: block;
	}
	#handicapped-art section:last-of-type >h3 small{
		font-size: 0.9rem;
	}
	#handicapped-art figure {
		justify-content:space-between;
	}
	#handicapped-art figure img{
		margin-right: 0% !important;
	}
	#handicapped-art figure:first-of-type img{
		width: 32%;
	}
	#handicapped-art figure:last-of-type img{
		width: 48%;
	}
	#handicapped-art figure:last-of-type img:nth-of-type(5),
	#handicapped-art figure:last-of-type img:nth-of-type(6){
		margin-bottom: 16px;
	}
}

.exhibition-pic .spShow {display: none;}
.exhibition-pic .pcShow {display: block;}

@media screen and (max-width:1023px) {
	.exhibition-pic .spShow {display: block;}
 .exhibition-pic .pcShow {display: none;}
}

.imgesright {float:right !important; margin-left:30px !important;}

@media screen and (max-width:960px) {
	.imgesright {float:none !important; margin:0 auto 15px !important;}
}

.mb10 {margin-bottom:10px !important;}
.mb30 {margin-bottom:30px !important;}