/*
Theme Name: aizuartpj2022
Theme URI: http://aizu-artpj.com/
Description: aizuartpj2022 ver1
Author: aizuartpj
Author URI: http://aizu-artpj.com/
Template: lightning-pro
*/

@import url(scss/base.css);
@import url(scss/common.css);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Abel|Oswald:400,500,600&display=swap');


/* ----------------------------------------------------
ボタン
----------------------------------------------------*/
.button {
	border: solid 1px #999;
	border-radius: 3px;
	padding: 6px 20px;
}

.radius-3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.radius-6 {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.radius-10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.button, html input[type=button], input[type=reset], input[type=submit] {
	border: 1px solid #999;
	background: #666;
	cursor: pointer;
	-webkit-appearance: button;
	padding: 10px 20px;
	color: #fff;
}

/* ----------------------------------------------------
 テーブル
----------------------------------------------------*/

/*-- table responsive1--*/
.col-head-type1 {
	border-collapse: collapse;
	width: 100%;
}

.col-head-type1 th,
.col-head-type1 td {
	border: none;
	border-bottom: 1px solid #cccccc;
	padding: 10px 5px;
}

.col-head-type1 th {
	text-align: left;
}

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

	.col-head-type1 tr,
	.col-head-type1 th,
	.col-head-type1 td {
		display: block;
		width: auto;
	}

	.col-head-type1 tr:first-child {
		border-top: 1px solid #dbe1e8;
	}

	.col-head-type1 th,
	.col-head-type1 td {
		border-top: none;
	}
}

/*-- table responsive2--*/
.col-head-type2 {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

.col-head-type2 th,
.col-head-type2 td {
	padding: 10px 10px;
	border: none;
	font-size: 1rem;
	text-transform: none;
}

.col-head-type2 th {
	text-align: left;
	color: #0a0a0a;
	font-weight: 500;
}

.col-head-type2 en {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
}

.nowrap {
	white-space: nowrap
}

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

	.col-head-type2 tr,
	.col-head-type2 th,
	.col-head-type2 td {
		display: block;
		width: auto;
	}

	.col-head-type2 th {
		text-align: center;
	}
}


/* ----------------------------------------------------
 top page
----------------------------------------------------*/

/* ------ ナビゲーションメニュー ------*/
.main-navigation ul li a {
	font-weight: 500;
}

.inside-navigation {
	padding: 20px 10px;
}

.nav-aligned-right .main-navigation {
	text-align: center;
}

.nav-aligned-right .main-navigation span {
	text-align: center;
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
	color: #777;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}

/* ------ タイトル ------*/
.toppage-title {
	font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.2em;
}

.toppage-title-en {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
	font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
	.toppage-title {
		font-size: 1.2rem;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.toppage-title-en {
		font-size: 1.1rem;
	}
}

/* ------ 会期 ------*/

.period {
	display: inline-block;
	margin: 0 6px 10px 0;
	padding: 4px 10px;
	background-color: #605f5e;
	color: #efefef;
	border-radius: 5px;
	font-size: 0.9rem;
}

.periodday {
	font-size: 1.3rem;
	font-weight: 500;
}

.periodday-en {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
	font-size: 1.3rem;
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	.periodday {
		font-size: 1rem;
		font-weight: 600;
	}

	.periodday-en {
		font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
		font-size: 0.9rem;
		font-weight: 500;
	}
}

/* ------ 案内パネル ------*/
.panel-1 {
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1);
	padding-bottom: 10px;
	border: solid 1px #efefef;
	/*min-height:335px;*/
}

.panel-1 img {
	width: 100%;
	/*height:200px;*/
}

.panel-1 figcaption {
	font-family: 'Noto Sans JP', serif;
	text-align: center;
	font-weight: 600;
	margin: 0.5em 0 0.5em 0;
	letter-spacing: 0.18em;
}

.panel-1 a:hover {
	color: #999;
}

/* ------ 新着リスト見出し------*/
.news-title {
	font-family: 'Noto Sans JP', serif;
	font-size: 1.1rem;
	color: #383735;
	letter-spacing: 0.18em;
	font-weight: 600;
	margin-bottom: 0;
	padding-left: 10px;
}

.news-title span {
	font-size: 0.85rem;
	padding-left: 1em;
	font-weight: 600;
}

/* ------ 新着リスト ------*/
.news_list {
	list-style: none;
	background-color: #fff;
	margin: 0;
	padding: 10px 20px 30px 0px;
	/*box-shadow: 0 0 35px 0 rgba(0,0,0,.1);*/
}

.news_list li {
	border-bottom: 1px solid #eee;
	padding: 15px 10px;
}

.news_list li a {
	color: #383735;
}

.news_list li a:hover {
	color: #f3d356;
}

.news_day {
	margin-right: 1.5em;
	font-family: sans-serif;
	font-style: normal;
	letter-spacing: 0.05em;
	font-size: 0.80rem;
	color: #6b5c5c;
}

.cat_name {
	font-size: 0.8rem;
	color: #999;
	background-color: #efefef;
	padding: 3px 6px;
	margin-left: 1.5em;
}

/* ------ バナー／ボックス------*/

.box1 {
	margin: 1em 0;
	padding: 0.5em 1em;
	background-color: rgba(56, 55, 53, .8);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
	border: solid 1px #efefef;
	color: #ffffff;
}

.box1 p {
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: normal;
}

.box1 a {
	color: #ffffff;
}

.box1 a:hover {
	color: #999;
}

.box2 {
	margin: 1em 0;
	padding: 0.5em 1em;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
	color: #383735;
}

.box2 p {
	margin: 0;
	padding: 0;
	text-align: center;
}

.box2 a {
	color: #383735;
}

.box2 a:hover {
	color: #999;
}

.box3 {
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #383735;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	border-top: solid 2px #333;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.box3 p {
	margin: 0;
	padding: 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.box3 a {
	color: #383735;
}

.box3 a:hover {
	color: #999;
}

.b-g {
	border-top: solid 2px #333;
}

.b-b {
	border-top: solid 2px #a58c76;
}

.b-y {
	border-top: solid 2px #f3d356;
}

.b-r {
	border-top: solid 2px #b73430;
}

.b-bl {
	border-top: solid 2px #4267b2;
}

.b-gr {
	border-top: solid 2px #1dac4f;
}

.box-archive {
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #5d627b;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.box-archive p {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	text-align: center;
}

.box-archive a {
	color: #5d627b;
}

.box-archive a:hover {
	color: #999;
}

.box-logo {
	padding: 0;
	margin: 1em 0;
	color: #5d627b;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.box-pdf {
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #5d627b;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.box-pdf p {
	margin: 0;
	padding: 0;
	font-size: 1.0rem;
	text-align: center;
}

.box-pdf a {
	color: #ca1a25;
}

.box-pdf a:hover {
	color: #999;
}

/* ----------------------------------------------------
 page
----------------------------------------------------*/

/* ------ セクション見出し------*/
.section-title {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 2rem;
	color: #383735;
	letter-spacing: 1.2px;
}

.section-title span {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 0.65em;
	padding-left: 1em;
}

.section-title:after {
	margin-left: 10px;
	border-top: 1px solid #efefef;
	content: "";
	flex-grow: 1;
}

.section-title-b {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", Verdana, sans-serif;
	font-size: 2rem;
	color: #383735;
	letter-spacing: 1px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.section-title-b span {
	padding-left: 1em;
	color: #383735;
	font-size: 0.8rem;
	font-weight: 600;
}

.section-title-b:after {
	margin-left: 10px;
	border-top: 1px solid #efefef;
	content: "";
	flex-grow: 1;
}

/* ------ トップバー------*/
.topbar {
	font-size: 1.2em;
	font-weight: 600;
}

/* ------枠線 文字色　背景色　アンダーライン-----*/
.border-y {
	border: solid 5px #EBCB50;
}

.border-g {
	border: solid 1px #ccc;
}

.color-g {
	color: #ddffcc;
}

.color-y {
	color: #fee2a0;
}

.color-p {
	color: #ffc0bd;
}

.bg_white {
	background-color: #fff;
}

.under {
	text-decoration: underline;
}

/* ------ 備品------*/
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-1 li {
	position: relative;
	text-align: left;
	margin-left: 1em;
}

ul.list-1 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #65cccc;
	border-radius: 100%;
}

/* ------ パンくず------*/
div.breadcrumbs {
	margin-bottom: 40px;
	font-size: 0.85rem;
	color: #383735;
}

div.breadcrumbs a {
	color: #666;
}

/* ------ 上に戻る------*/

/* ------ 投稿ナビ------*/
.post-navigation {
	padding-top: 2em;
}

.nav-previous, nav-next {
	padding: 2em 0;

}

/* ----------------------------------------------------
 blog page
----------------------------------------------------*/

h2.widget-title {
	font-family: 'Noto Sans JP', serif;
	font-size: 1.1rem;
	color: #999;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 60px 0 20px 0;
}

.widget ul li {
	list-style-type: none;
	position: relative;
	padding-bottom: 5px;
	font-size: 0.9rem;
}

.post-date {
	font-size: 0.85rem;
	color: #aaaaaa;
}


/*-----------------------------------------------------
開催概要
-----------------------------------------------------*/
.gaiyou-title {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 2rem;
	text-align: center;
}

.gaiyou-subtitle {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.8rem;
	text-align: center;
}

.gaiyou {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
}

.gaiyou-en {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
	font-size: 1.1rem;
}

blockquote {
	border-left: 5px solid rgba(0, 0, 0, .05);
	padding: 20px;
	font-size: 1rem;
	font-style: normal;
	margin: 0 0 1.5em;
	position: relative;
	line-height: 2;
}

@media only screen and (max-width: 767px) {
	.gaiyou {
		margin-top: 30px;
		font-size: 1.3rem;
		letter-spacing: normal;
		font-weight: 600;
	}

	.gaiyou-title {
		font-size: 1.6rem;
	}
}

/*-----------------------------------------------------
カスタム投稿
-----------------------------------------------------*/
.custom-title {
	margin-bottom: 30px;
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 2rem;
}

.custom-subtitle {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.4rem;
}

.custom-subtitle-b {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.4rem;
}

.custom-info {
	margin-bottom: 50px;
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.1rem;
	font-weight: normal;
}

.custom-en {
	font-family: 'Abel', 'Oswald', "Helvetica", "Arial", sans-serif;
	font-size: 1.1rem;
}

.custom-archive-title {
	min-height: 4em;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
	.custom-title {
		font-size: 1.6rem;
	}

	.custom-subtitle {
		font-size: 1.0rem;
		letter-spacing: -2px;
	}

	.custom-subtitle-b {
		padding-left: 1em;
		font-size: 1.0rem;
		letter-spacing: 2px;
	}

	.custom-info {
		font-size: 0.9rem;
		font-weight: 500;
	}

	.custom-archive-title {
		min-height: 8em;
		margin-bottom: 0;
		font-weight: 400;
		font-size: 13px;
	}
}

.page-numbers {
	padding: 0.3em 0.8em;
	font-size: 13px;
	font-weight: 500;
}

a.page-numbers {
	border: 1px solid #ddd;
}

/*-----------------------------------------------------
infodata 展示情報
-----------------------------------------------------*/

#info {
	margin-bottom: 50px;
	line-height: 1.8;
}

.infodata {
	margin-bottom: 40px;
	border-bottom: 4px double #EDEDED;
}

#info h2 {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 2;
	font-weight: normal;
	margin-bottom: 25px;
}

#info h2 a {
	text-decoration: none;
	color: #000;
}

#info img {
	/*margin-right:10px;*/
	margin-bottom: 2px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#subimage img {
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#info dl {
	width: 680px;
	max-width: 100%;
}

#info dl dt {
	font-size: 0.9rem;
	font-weight: 500;
	text-align: left;
	padding: 4px 0 4px 2px;
	margin-bottom: 3px;
	/*height:20px;*/
	border-bottom: 1px solid #bfbfbf;
}

#info dt {
	color: #999;
}

#info dl dd {
	margin: 10px 0 15px 0;
}

#infomessage {
	margin-bottom: 30px;
}

#info .cap {
	margin-bottom: 20px;
	font-size: 92.3%;
}

#mov {
	padding: 20px 5px 5px 0px;
}

/* ------ サイドバーリスト------*/

#right-sidebar ul li {
	position: relative;
	margin-left: 1em;
	padding-bottom: 1em;
}

#right-sidebar ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 3px;
	height: 3px;
	background-color: #fff057;
	border: 1px solid #fff057;
	border-radius: 100%;
}

/*-----------------------------------------------------
メッセージ
-----------------------------------------------------*/

.tsunagu-title {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 2rem;
	text-align: center;
}

.tsunagu-subtitle {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.4rem;
}

h3.tsunagu {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	padding: .5em;
	background-color: #fff;
	border-left: 12px solid #fff179;
	border-radius: 2px;
	font-size: 1.4rem;
	font-weight: 500;
}

.tsunagu-name {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: right;
	margin-bottom: 40px;
}

.tsunagu-message {
	background-color: #f9f9f9;
	padding: 40px 20px;
}

h3.tsunagu-2 {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.2rem;
	position: relative;
	padding-left: 1.5em;
	line-height: 1.4;
	margin-bottom: 40px;
	font-weight: 500;
}

h3.tsunagu-2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	font-weight: 500;
	position: absolute;
	font-size: 1.3rem;
	left: 0;
	top: 0em;
	color: #fff179;
}

.messageinfo {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.1rem;
	padding: 20px;
}

.artist-message {}

.archive-artists {}

.guidebook-title {
	/* font-family: 'Noto Sans JP', "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGP明朝B, serif; */
	font-family: '游ゴシック体', "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	;
	font-size: 1.2rem;
	padding: 10px 20px;
}