@charset "utf-8";

/* ============ ▼ 見出し｜PC用 ▼ ============ */
@media screen and (min-width: 768px) {
	h2.cerulean_tit {
		position: relative;
		padding-top: 2px;
		text-align: center;
		font-weight: 200;
		font-size: 26px;
		line-height: 160%;
		letter-spacing: 1px;
		color: #713e19;
		box-sizing: border-box;
}
	h2.cerulean_tit:before,
	h2.cerulean_tit:after { 
		content: "";
		display: inline-block;
		position: absolute;
		width: 15px;
		height: 100%;
	}
	h2.cerulean_tit:before {
		border-left: 1px solid #713e19;
		border-top: 1px solid #713e19;
		border-bottom: 1px solid #713e19;
		top: 0;
		left: 0px;
	}
	h2.cerulean_tit:after {
		border-top: 1px solid #713e19;
		border-right: 1px solid #713e19;
		border-bottom: 1px solid #713e19;
		top: 0;
		right: 0px;
	}
}
/* ============ ▲ 見出し｜PC用 ▲ ============ */

/* ============ ▼ 見出し｜SP用 ▼ ============ */
@media screen and (max-width: 767px) {
	h2.cerulean_tit {
		position: relative;
		padding: 0px;
		text-align: center;
		font-weight: 200;
		font-size: 20px;
		line-height: 150%;
		letter-spacing: 1px;
		color: #713e19;
		box-sizing: border-box;
}
	h2.cerulean_tit:before,
	h2.cerulean_tit:after { 
		content: "";
		display: inline-block;
		position: absolute;
		width: 12px;
		height: 100%;
	}
	h2.cerulean_tit:before {
		border-left: 1px solid #713e19;
		border-top: 1px solid #713e19;
		border-bottom: 1px solid #713e19;
		top: 0;
		left: 0px;
	}
	h2.cerulean_tit:after {
		border-top: 1px solid #713e19;
		border-right: 1px solid #713e19;
		border-bottom: 1px solid #713e19;
		top: 0;
		right: 0px;
	}
}
/* ============ ▲ 見出し｜SP用 ▲ ============ */

/* ============ ▼ 作家紹介｜PC用 ▼ ============ */
@media screen and (min-width: 768px) {
	.cerulean_artist_wrap {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		background-color: #f1e5f3;
		padding: 28px 35px 28px 35px;
		margin-bottom: 45px;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
	}
	.cerulean_artist_wrap_inner p.name {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 20px;
		line-height: 160%;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner p.detail {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 23px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 18px;
		line-height: 170%;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner p.artist_sns {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 15px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 16px;
		line-height: 170%;
		word-break: break-all;
	}
	.cerulean_artist_wrap_inner p.days {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 15px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 16px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ 作家紹介｜PC用 ▲ ============ */

/* ============ ▼ 作家紹介｜SP用 ▼ ============ */
@media screen and (max-width: 767px) {
	.cerulean_artist_wrap {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		background-color: #f1e5f3;
		padding: 23px 25px 23px 25px;
		margin-bottom: 45px;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
	}
	.cerulean_artist_wrap_inner p.name {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 20px;
		line-height: 150%;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner p.detail {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 23px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 18px;
		line-height: 170%;
		word-wrap: break-word;
	}
	.cerulean_artist_wrap_inner p.artist_sns {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 17px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 15px;
		line-height: 170%;
		word-break: break-all;
	}
	.cerulean_artist_wrap_inner p.days {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 17px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 15px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ 作家紹介｜SP用 ▲ ============ */

/* ============ ▼ 作品詳細｜PC用 ▼ ============ */
@media screen and (min-width: 992px) {
	.cerulean_work_container01 {
		margin: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.cerulean_work_container02 {
		margin: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.cerulean_work_container_item01 {
		width: 70%;
		margin-bottom: 38px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
	.cerulean_work_container_item02 {
		width: 48%;
		margin-bottom: 38px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
	.cerulean_work_container_item_box {
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
		word-wrap: break-word;
	}
	.cerulean_work_container_item_detail_box {
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding-top: 13px;
		margin: 0px;
		word-wrap: break-word;
	}
	.cerulean_work_container_item_detail_box p.detail {
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 16px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ 作品詳細｜PC用 ▲ ============ */

/* ============ ▼ 作品詳細｜TB・SP用 ▼ ============ */
@media screen and (max-width: 991px) {
	.cerulean_work_container01 {
		margin: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.cerulean_work_container02 {
		margin: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.cerulean_work_container_item01 {
		width: 100%;
		margin-bottom: 35px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
	.cerulean_work_container_item02 {
		width: 100%;
		margin-bottom: 35px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
	.cerulean_work_container_item_box {
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
		word-wrap: break-word;
	}
	.cerulean_work_container_item_detail_box {
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding-top: 13px;
		margin: 0px;
		word-wrap: break-word;
	}
	.cerulean_work_container_item_detail_box p.detail {
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 15px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ 作品詳細｜TB・SP用 ▲ ============ */

/* ============ ▼ ShinQs Gallery 5紹介｜PC用 ▼ ============ */
@media screen and (min-width: 768px) {
	.shinqsgallery5_info_wrap {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		background-color: #f2f2f2;
		padding: 28px 35px 28px 35px;
		margin: 0px;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
	}
	.shinqsgallery5_info_wrap_inner p.shinqsgallery5 {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 26px;
		line-height: 160%;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner p.detail {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 17px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 18px;
		line-height: 170%;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner p.info {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 20px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 17px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ ShinQs Gallery 5紹介｜PC用 ▲ ============ */

/* ============ ▼ ShinQs Gallery 5紹介｜SP用 ▼ ============ */
@media screen and (max-width: 767px) {
	.shinqsgallery5_info_wrap {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		background-color: #f2f2f2;
		padding: 26px 25px 24px 25px;
		margin: 0px;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner {
		display: block;
		clear: both;
		text-align: left;
		font-weight: 200;
		padding: 0px;
		margin: 0px;
	}
	.shinqsgallery5_info_wrap_inner p.shinqsgallery5 {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 21px;
		line-height: 160%;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner p.detail {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 17px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 17px;
		line-height: 170%;
		word-wrap: break-word;
	}
	.shinqsgallery5_info_wrap_inner p.info {
		display: block;
		clear: both;
		padding: 0px;
		margin-top: 20px;
		text-align: left;
		font-weight: 200;
		color: #000000;
		font-size: 16px;
		line-height: 170%;
		word-wrap: break-word;
	}
}
/* ============ ▲ ShinQs Gallery 5紹介｜SP用 ▲ ============ */

@media screen and (min-width: 992px) {
	.mode_tb_cerulean {
		display: none;
	}
}
@media screen and (max-width: 991px) {
	.mode_pc_cerulean {
		display: none;
	}
}