@charset "utf-8";

/* サイト背景色　#f2ffff */
/* プルダウン背景色 #60977e */

/* #collapse-gs { display:none; }*/	/* うざいので公開まで非表示 */

body {
	background-color:#f2ffff;
	font-family: 'Noto Serif JP';
	line-height:1.8rem;

}
h3 { margin-top:3rem; font-weight:700; }
.btn { font-family: 'Noto Sans JP'; }

/* トップへ戻るボタン */
#page_top {
	width:50px;
	height:50px;
	position:fixed;
	right:1rem;
	bottom:1rem;
	background:#55d19b;
	opacity:0.8;
	border-radius:50%;
	z-index:99;
}
#page_top a {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
}
#page_top a::before {
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f102';
	font-size:25px;
	color:#fff;
	position:absolute;
	width:25px;
	height:25px;
	top:-5px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
}

/* ヘッダー */
.bg-dark { background-color:#93efc5 !important; }

/* ナビメニュー */
.navbar-dark .navbar-nav .nav-link {
	font-family: 'Noto Sans JP';
	color:#fff !important;
	font-size:0.95rem;
	font-weight:500;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color:#60977e !important;
	font-weight:700;
}
#Navber > ul > li.nav-item.active > a {
	color:#60977e !important;
	font-weight:700;
}
.dropdown-menu { background-color:#60977e; }
.dropdown-item { color:#fff; }
.dropdown:hover > .dropdown-menu {
	display:block;
/*	transition : all 0.5s ease 0.5s; */
}
.navbar-brand { margin-right:60px; }
.navbar-toggler { border: 2px solid rgba(255,255,255,0.8) !important; }

/* カルーセル（トップページ） */
#carousel-1 { background-color:#fdfbf5; }
#carousel-1 .carousel-inner {
	padding:20px 0;
}
#carousel-1 .card-img-overlay {
	padding:0;
	top:calc(100% - 2.5rem);
	text-align:center;
}
#carousel-1 .card-img-overlay p span {
	color:#000;
	font-size:0.9rem;
	padding:0.25rem 0.75rem;	/* 2024.9.11 update */
	opacity:0.9;				/* 2024.9.11 update */
	background-color:#fff;
}
#carousel-1 .card-img-overlay.welcome {
	top:45%;
}
.carousel-control-prev span,
.carousel-control-next span
 { color:#93efc5; }

.container {
	padding:0 30px !important;
}
.container.artist {
	padding:0 10px !important;
}
.sakka_name {
	margin:1.5rem 0 0.5rem 0;
	padding:0.25rem 1rem;
	background-color:#e9e4d4;
}
.sakka_name a {
	font-weight:700;
	font-size:1rem;
	text-decoration:none;
	color:#555;
	transition : all 0.5s ease 0s;
}
.sakka_name a:visit { color:#555; }
.sakka_name a:hover {
	color:#d66a35;
	transition : all 0.5s ease 0s;
}
.sakka_name.rounded-pill
{
	border-radius: 1rem 0 0 1rem !important;
}

/* カルーセル（トップページ？作家別） */
.slides {
	align-items:center;
	display:flex;
}
.flexslider {
	background-color:#f2ffff !important;
	border-color:#f2ffff !important;
	margin-bottom:0;
}
.flex-direction-nav a {
	overflow:visible !important;
}


/* 作家取り扱い作品 */
.artist .gallery-cover {
	margin:10px;
	box-sizing: border-box;
	border:1px solid #e6e6e6;
	background-color:#fff;
}
.artist .gallery p {
	text-align:center;
	margin-bottom:1rem;
}
.artist .gallery-cover p {
	text-align:center;
	margin-top:0.5rem;
}
.artist .gallery-cover img {
	width:240px;
	height:296px;
	object-fit:cover;
	object-position: 50% 50%
/*	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2)); */
}
.artist .gallery img {
	max-width:360px;
	padding:20px 25px;
	object-fit:cover;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
}
.artist .gallery-cover .frame { 
	width:240px; height:296px;
	overflow:hidden;
	box-sizing: border-box;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.artist .gallery-cover img.img-top10 { object-position: 50% 10% }
.artist .gallery-cover img.img-top40 { object-position: 50% 40% }

.modal-body img {
	max-width:100%;
	float:left;
}
button.close　{
/* float:none; text-align:right; */
}


.to-worklist {
	text-align:right;
}
.to-worklist span a {
	color:#fff;
}
.to-worklist span {
	color:#fff;
	background:#006e54;
	opacity:0.8;
	border-radius:1rem;
	padding:0.25rem 1rem;
}
.to-worklist .fas {
	color:#fff;
	padding-left:0.25rem;
}

/* 画家からの書簡 */
.letter .col-sm-6 { margin-bottom:1.5rem; }
.container.letter .card-header {
	font-size:1.25rem;
	font-weight:700;
	background-color:#e9e4d4;
}
.container.letter .card-header .fas {
	color:#d7a98c;
	font-size:1.5rem;
	padding-right:0.5rem;
}
.container.letter .card-body {
	background-color:#fbfaf5;
}

/* ページナビ */
nav.page-nav { margin-top:3rem; }
.page-link {
	color:#e8554e;
	border:2px solid #e8554e;
}
.page-link:hover {
    color:#fff;
    background-color:#e8554e;
    border-color:#e8554e;
}

footer { font-size:0.75rem;  }

/* ------------------------------------ */
/* モバイル                             */
/* ------------------------------------ */
	.navbar-brand { width:60%; }
	.navbar-brand img { max-width:100%; }

	/* ヘッダースライダー */
	#carousel-1 .carousel-item img { max-height:200px; }
	#carousel-1 .card-img-overlay.welcome p span {
		color:#ca908a;
		font-size:1rem;
		padding:1rem;
		opacity:1;
		background-color:#f9e0ef;
	}

	/* 作家カルーセル */ 
/*	.artist .slider img { height:150px; width:auto; padding:0 2px; } */

/* ------------------------------------ */
/* タブレット                           */
/* ------------------------------------ */
@media (min-width:768px) {
	.navbar-brand { width:298px; }
	.navbar-brand img { max-width:100%; }

	.sakka .dropdown-menu { width:32rem; }
	.sakka .dropdown-item { width:10rem; display:inline-block; white-space: pre-wrap; }
}
/* ------------------------------------ */
/* パソコン                             */
/* ------------------------------------ */
@media (min-width:1024px) {
	.navbar-brand { width:298px; }
	.navbar-brand img { max-width:100%; }

	/* ヘッダースライダー */
	#carousel-1 .carousel-item img { max-height:300px; }
	#carousel-1 .card-img-overlay.welcome p span {
		color:#ca908a;
		font-size:1.5rem;
		padding:1.5rem 2rem;
		opacity:1;
		background-color:#f9e0ef;
	}
}