section{padding-bottom:80px;}
@media screen and (max-width:767px){section{padding-bottom:60px;}}

body{background:#f2f2f2;}
img{vertical-align:bottom;max-width:100%;}

h2{font-size:22px;text-align:left;letter-spacing:normal;border-bottom:solid 1px #305f8f;color:#305f8f;margin-bottom:30px;}
h3{background:none;color:#333;font-size:22px;padding:0 0 0 15px;}
h4{font-size:18px;}
/*font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/


.annotation-1 > li{padding-left:1em;}
.annotation-2 > li{padding-left:2em;}
.annotation-3 > li{padding-left:3em;}
.annotation-1 > li, .annotation-2 > li, .annotation-3 > li{position:relative;margin-bottom:5px;}
.annotation-1, .annotation-2, .annotation-3{margin:5px 0 10px;}
.annotation-1 > li span:first-of-type, .annotation-2 > li span:first-of-type, .annotation-3 > li span:first-of-type
{position:absolute;left:0;}

#this-catch-1,#this-catch-2{text-align:center;padding:0 20px;}
#this-catch-1{margin:20px auto;font-weight:bold;font-size:18px;}
#this-catch-2{margin:0 auto 40px;}

@media screen and (max-width:767px){
	h2{font-size:18px;}
	#this-catch-1{font-size:14px;}
	#this-catch-2{text-align:left;}
}

#page-title-wrap{padding-top:140px;margin-bottom:50px;}
@media screen and (max-width:767px){
	#page-title-wrap{padding-top:80px;}
}

.art{display:flex;flex-wrap:wrap;justify-content:space-between;}
.art li{width:32%;margin-bottom:2%;background:#fff;border-radius:5px;overflow:hidden;box-shadow:3px 3px 6px 0px rgba(0,0,0,.1);}
.art-image{background:#333;margin-bottom:10px;}
.art-title,.art-size,.art-author,.art-price,.art-note{padding:0 10px;line-height:1.2;}
.art-title{margin-bottom:10px;font-weight:bold;display:flex;align-items:flex-start;}
.art-title span:first-child{background:#305f8f;color:#fff;padding:5px 10px;border-radius:5px;margin-right:10px;}
.art-size{margin-bottom:10px;font-size:80%;}
.art-author{margin-bottom:5px;}
.art-price{margin-bottom:10px;}
.art-note{margin-bottom:10px;font-size:80%;}

@media screen and (max-width:1023px){
	.art li{width:49%;}
}
@media screen and (max-width:767px){
	.art li{width:100%;margin-bottom:5%;}
}


.profile-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.profile-list a{
	width:24%;color:#fff;border-radius:5px;background:url(../images/icon-plus.svg) bottom 15px right 20px no-repeat;
	padding:10px 10px 5px;box-sizing:border-box;margin-bottom:1%;
	box-shadow:3px 3px 6px 0px rgba(0,0,0,.1);
}
.profile-list a.group-a{background-color:#304c8f;}
.profile-list a.group-b{background-color:#8c2744;}

.profile-list a img{margin-bottom:10px;}
.profile-last{width:24%;}

@media screen and (max-width:767px){
	.profile-list a{padding:10px 10px 5px;background-position:bottom 9px right 10px;}
	.profile-list a img{margin-bottom:5px;}
	.profile-list a,.profile-last{width:49%;}
}


.profile-modal{display:none;}
.profile{border-radius:10px;padding:20px;color:#fff;box-sizing:border-box;}
.profile.group-a{background-color:#304c8f;}
.profile.group-b{background-color:#8c2744;}
.profile-title{font-size:20px;padding-bottom:10px;margin-bottom:20px;border-bottom:solid 1px #cef;}
.profile-title b{font-size:30px;font-family:'EB Garamond', serif;color:#cef;}
.profile-wrap{display:flex;justify-content:space-between;flex-direction:row-reverse;flex-wrap:wrap;}
.profile-doc{width:48%;}
.profile-images{width:48%;border-radius:5px;overflow:hidden;margin-top:-60px;}
/*
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(/shared/lib/swiper/arrow-white-right.svg);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(/shared/lib/swiper/arrow-white-left.svg);}
.swiper-pagination-bullet, .swiper-pagination-bullet-active{background-color:#fff;}
*/
@media screen and (max-width:767px){
	.profile-doc,.profile-images{width:100%;}
	.profile-images{margin-top:0;margin-bottom:20px;}
}
.modaal-inner-wrapper{padding-left:0;padding-right:0;}
.modaal-container{background:transparent;width:100vw;max-width:1060px;box-shadow:none;}


.artist-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.artist-list dl{width:32%;margin-bottom:2%;background:#fff;border-radius:5px;}
.artist-list dl dt{font-weight:bold;padding:10px 10px 5px;}
.artist-list dl dd{padding:0 10px 10px;}

@media screen and (max-width:1023px){
	.artist-list dl{width:49%;}
}
@media screen and (max-width:767px){
	.artist-list dl{width:100%;margin-bottom:5px;}
}

.purchase{display:inline-block;padding:10px 20px;color:#fff!important;background:linear-gradient(0deg,#14375c,#305f8f);border-radius:5px;}

#lang-nav{display:flex;justify-content:center;margin:40px 0;}
#lang-nav li{padding:0 2px;}
#lang-nav li a{color:#305f8f;background:#fff;padding:5px 20px;}
#lang-nav li a.active{color:#fff;background:#999;}
@media screen and (max-width:767px){#lang-nav li a{padding:5px 7px;}}



.art-wrap h2{position:relative;cursor:pointer;padding:10px 20px;border:solid 1px #305f8f;border-radius:10px;margin-bottom:0;}
.art-wrap h2::after{position:absolute;height:50px;right:10px;top:calc(50% - 25px);line-height:0;content:url(../images/open-close.svg);transition: all 300ms 0s ease;}
.art-wrap.active h2::after{transform: rotate(45deg);}
.art-wrap .more{margin-top:30px;}