/*
 * main/common
 */

.btn-arrow {
	width: calc(50% - 10px);
	flex: 0 1 calc(50% - 10px);
	max-width: calc(50% - 10px);
	white-space: normal;
}
.btn-arrow:nth-child(even) {
	margin-right: 0;
}

.page-footer-nav{
	flex-direction: column;
	justify-content: center;
}
.page-footer-nav li + li {
	margin-top: 10px;
}

.pagetop {
	bottom: 53px;
	right: 20px;
	zoom: .6;
}

/*
 * ページネーション
 */
.pagination {
	/*width: 510px;*/
	width: auto;
}

body {
	min-height: 75rem;
	/*padding-top: 2.5rem;*/
	padding-top: 60px;
}

main {
	width:100% !important;
	overflow: hidden !important;
	right:0 !important;
}

/*  */

/* .main menu */

.main-menu {
	background-color: #C35654;
}
.main-menu .navHomeIcon {
	display: none;
}
.sub-menu {
	background-color: #F8EBEA;
	padding-bottom: 20px;
}

.navbar-nav .nav-item{
	padding: 0 1rem;
	border-bottom: 1px solid #fff;
}
.navbar-brand {
	height: 50px;
	width: 250px;
}
.navbar-toggler.collapsed .navbar-toggler-icon{
	background-image: url(../img/icon_spmenu.png) !important;
}
.navbar-toggler .navbar-toggler-icon{
	background-image: url(../img/icon_spmenu_close.png);
}

.search-form {
	/*height: 40px;*/
	border-bottom: 1px solid #fff;
	padding: 10px 10px 10px 10px;
	background-color: #C35654;
}
.search-form .input-group{
	width: 100%;
}

.search-form2 {
	display: none;
}
#icon-search {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	background-color: #fff;
	border-right: 0;
}
.search {
	border-radius: 50px;
	border-left-width: 0;
}

/* dropdown + tab */
.dropdown-menu.nav {
	display: none;
}
.dropdown-menu.show {
	display: block !important;
}

/* carousel */
.carousel-indicators {
	bottom: -30px;
}
.carousel-indicators li {
	background-color: #C6C6C6;
}

.carousel-indicators li.active,
.carousel-indicators li:hover {
	background-color: #C35654;
}
.carousel-control-next-icon {
	background-image: url(../img/icon_next.png);
}
.carousel-control-prev-icon {
	background-image: url(../img/icon_back.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 40px;
	height: 40px;
	background-color: rgba(198, 198, 198, .5);
}

/* main article  */
main {
	margin-top: 40px;
}
main article {
	margin: 20px 20px;
	display: inline-block;
	padding: 1px;
	max-width: calc(50% - 40px) !important;
}
main article img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
main article h2 {
	font-size: 18pt;
	font-weight: bold;
}
main article .pickup::after {
	padding: 1px 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
	main article .pickup::after {
		padding: 2px 30px;
	}
}

.sub-contents {
	background-color: #F8EBEA;
	width: 100%;
	margin: 0;
}
.sub-contents .wrap {
	width: 100%;
}

.sub-contents .notice.articles {
	padding-top: 70px;
}
.sub-contents .notice.banners {
	padding-top: 20px;
	padding-bottom: 40px;
}

/* notice */
.btn-outline-dark {
	background-color: #fff;
	color: #000;
	border-radius: 0;
}

main .notice {
	background-color: #F8EBEA;
	padding: 35px 20px 35px 20px;
}
.notice h1 {
	font-size: 20pt;
	vertical-align: top;
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border-bottom: 2px solid #C35654;
}
.notice .row img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.notice .dropdown {
	margin-left: auto;
}

.notice h2 {
	font-size: 1.2em;
}

.notice div.item {
	border-bottom: 1px solid silver;
	margin: 30px 0 30px 0;
}

/* meta */
.post-meta p {
	display: inline-block;
}

/* footer */

footer {
}
footer::after {
}
footer ul {
}
footer ul li {
	list-style: none;
}
footer .logos{
	margin: 30px auto 20px auto;
}
footer .logos img {
	display: block;
	margin: 0 auto;
}
footer address span{
	display: block;
}

/*
 *	single
 */

.page .col-right > .sidebar-category .current,
.single .col-right > .sidebar-category .current,
.archive .col-right > .sidebar-category .current,
.category_result .col-right > .sidebar-category .current,
.tag_result .col-right > .sidebar-category .current {
	font-size: 24px;
	color: #C35654;
	font-weight: bold;
	border-top: 2px solid #C35654;
	border-bottom: 2px solid #C35654;
	padding: 5px 8px;
}

.page .col-right > .sidebar-category > ul,
.archive .col-right > .sidebar-category > ul,
.search_result .col-right > .sidebar-category > ul,
.tag_result .col-right > .sidebar-category > ul,
.category_result .col-right > .sidebar-category > ul,
.single .col-right > .sidebar-category > ul {
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	padding-inline-start: 0;
	padding-left: 0;
	margin-bottom: 30px;
}

.single .col-right > .sidebar-category > ul > li,
.page .col-right > .sidebar-category > ul > li,
.archive .col-right > .sidebar-category > ul > li,
.search_result .col-right > .sidebar-category > ul > li,
.tag_result .col-right > .sidebar-category > ul > li,
.category_result .col-right > .sidebar-category > ul > li {
	border-bottom: 1px solid #C35654;
	padding: 10px 10px 10px 10px;
}

.single .col-right > .sidebar-category ul li a,
.page .col-right > .sidebar-category ul li a,
.archive .col-right > .sidebar-category ul li a,
.search_result .col-right > .sidebar-category ul li a,
.tag_result .col-right > .sidebar-category ul li a,
.category_result .col-right > .sidebar-category ul li a {
	color: #000;
}

.single .col-right > .sidebar-category > ul > li > ul,
.page .col-right > .sidebar-category > ul > li > ul,
.archive .col-right > .sidebar-category > ul > li > ul,
.search_result .col-right > .sidebar-category > ul > li > ul,
.tag_result .col-right > .sidebar-category > ul > li > ul,
.category_result .col-right > .sidebar-category > ul > li > ul {
	list-style-type: none;
	margin: 10px auto 5px auto;
	padding-left: 2em;
}

.single .col-right > .sidebar-category > ul > li > ul > li,
.page .col-right > .sidebar-category > ul > li > ul > li,
.archive .col-right > .sidebar-category > ul > li > ul > li,
.search_result .col-right > .sidebar-category > ul > li > ul > li,
.tag_result .col-right > .sidebar-category > ul > li > ul > li,
.category_result .col-right > .sidebar-category > ul > li > ul > li {
	margin-top: 5px;
	font-weight: normal;
}


.single th {
	white-space: nowrap;
}


.single article img {
	max-width: 767px;
	/* width: 100%; */
	height: auto;
}

.single .col-left,
.page .col-left {
	width: 100%;
	min-width: 414px;
	max-width: 767px;
}

.single .col-right,
.page .col-right,
.archive .col-right,
.search_result .col-right,
.category_result .col-right,
.tag_result .col-right,
.product_detail .col-right {
	width: 100%;
	margin-top: 40px;
}

.single .col-right img,
.page .col-right img,
.archive .col-right img,
.category_result .col-right img,
.search_result .col-right img,
.tag_result .col-right img {
	width: 100%;
	height: auto;
	min-width: 200px;
	margin-bottom: 15px;
}


/* ページ */

.category_result section:after,
.page .news .item:after,
.page .news .item:after,
.page .articles .item:after {
	content: '';
	clear: both;
	display: block;
}

.page .news .item,
.page .articles .item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}


/*
 *	カテゴリ、タグ、検索結果
 */

.open-exhibition  .postThumbnail,
.prepared-exhibition .postThumbnail,
.closed-exhibition .postThumbnail,

.articles .item .postThumbnail,
.search_result section .postThumbnail,
.archive section .postThumbnail,
.tag_result section .postThumbnail,
.category_result section .postThumbnail {
	min-height: 180px;
	text-align: center;
}

.postThumbnail img {
	height: 100%;
	max-height: 273px;
	max-width: 100%;
	width: auto;
}

/**
 *	特別展＆常設展
 */


/*
 *	cart
 */
#customer-info th {
	font-size: 12pt !important;
}

/* 商品一覧 */
.page .shop-items {
	display: flex;
	flex-wrap: wrap;
}
.page .shop-items > .articles {
	flex: 1 1 50%;
	max-width: 50%;
}
.page .shop-items > .articles > .item {
	margin: 0 20px;
}
.page .shop-items > .articles > .item > .postThumbnail {
	min-height: 0px;
}


/**
 *	3カラム（写真・資料の使用について）
 */
.box-row.box-column2 .box-col,
.box-row.box-column3 .box-col{
	flex: 0 0 100%;
	max-width: 100%;
}
.box-row img,
.page article div.box-col img,
.page article div.box-col img:first-child,
.box-row .alignleft,
.page article div.box-col img.alignleft,
.page article div.box-col img.alignleft:first-child,
.box-row .aligncenter,
.page article div.box-col img.aligncenter,
.page article div.box-col img.aligncenter:first-child,
.box-row .alignright,
.page article div.box-col img.alignright,
.page article div.box-col img.alignright:first-child{
	margin-right: auto;
	margin-left: auto;
}

/* book selection */



/* table */
.table.table-small{
	width: 50%;
}
