@charset "utf-8";
/* --------------------------------------------

当サイトについて

---------------------------------------------- */ 

main {
	background: url("../img/bg.png") no-repeat bottom left;
	background-size: 860px auto;
	background-attachment: fixed;
}

@media screen and (max-width:1260px){
	main {
		background-size: 700px auto;
	}
}
@media screen and (max-width:960px){
	main {
		background-size: 80% auto;
	}
}



/* --------------------------------------------
ページタイトル
---------------------------------------------- */ 
.concept__pageTitle {
	margin: 3em auto ;
	font-size: 20px; font-size: 2rem;
	text-align: center;
	color: #E50012;
}
.concept__pageTitle span {
	font-size: 12px; font-size: 1.2rem;
}
.concept__pageTitle span::before {
	content: "";
	width: 5em;
	display: block;
	margin: 1.5em auto 0;
	border-top: 2px solid #E50012;
}



/* --------------------------------------------
共通タイトル・テキスト
---------------------------------------------- */ 
.concept__title {
	clear: both;
}
.concept__title span {
	display: inline-block;
	padding: 0.2em 0.3em;
	margin-bottom: 0.15em;
	font-size: 32px; font-size: 3.2rem;
	line-height: 1;
	font-weight: normal;
	color: #fff;
	background: #E50012;
}
@media screen and (max-width:768px){
.concept__title span {
	font-size: 20px; font-size: 2.0rem;
}
}



.concept__text {
	width: 90%; max-width: 672px;
	margin: auto;
	font-size: 18px; font-size: 1.8rem;
}



/* --------------------------------------------
焼物産地としての笠間
---------------------------------------------- */ 
.aboutKasama {
	margin-bottom: 10em;
}
.aboutKasama__titleImg {
	overflow-x: hidden;
	position: relative;
	width: 100%; max-width: 1356px;
	margin: 0 auto 6em;
	text-align: right;
}
.aboutKasama__titleImg img {
	margin: auto;
	width: 80%;
}
.aboutKasama .concept__title {
	position: absolute; bottom: 1.5em; left: 5%;
	margin: 0 auto 2em;
}
.aboutKasama .concept__title h2 {
}
@media screen and (max-width:768px){
.aboutKasama__titleImg img {
	width: 120%;
}
}




/* --------------------------------------------
クラフトカウンシルの役割
---------------------------------------------- */ 
.aboutCC {
	margin-bottom: 10em;
}
.aboutCC__title {
	padding: 4em 0 7em;
	margin: 0 0 4em;
	text-align:center; 
	background: url("../img/img2.jpg") center;
	background-size: cover;
}
.aboutCC__title p {
	width: 18em;
	text-align: center;
	margin: 4em auto 0;
	font-size: 18px; font-size: 1.8rem;
	color: #E50012;
	font-weight: bold;
	border: 2px solid #E50012;
}

.aboutCC .concept__title {
	width: 90%; max-width: 672px;
	margin: 0 auto 2em;
}



/* --------------------------------------------
カテゴリツリー
---------------------------------------------- */ 
.aboutCate {
	width: 96%; max-width: 672px;
	margin: 0 auto 6em;
	display: flex;
	flex-wrap: wrap;
}
.aboutCate__logo {
	position: relative;
	text-align: center;
	width: 100%;
	padding-bottom: 1em;
}
.aboutCate__logo::before,
.aboutCate__logo::after {
	display: block;
	content: "";
	position: absolute; bottom:0; left: 0;
}
.aboutCate__logo::before {
	width: 3px;
	height: 3em;
	margin-left:calc(50% - 1.5px);
	background: url("../img/line.png") no-repeat center;
}
.aboutCate__logo::after {
	width:calc(50% + 3px);
	height: 3px;
	margin-left:calc(25% - 1px);
	background: #f9c7ca;
}
.aboutCate__inner {
	width: 50%;
	padding: 2em 1.5% 0;
	line-height: 1.4;
	background: url("../img/line.png") no-repeat center top;
	background-size: 3px 12em;
}
.aboutCate__inner p {
	padding: 1em 0;
	margin-bottom: 2em;
	text-align: center;
	font-size: 20px; font-size: 2.0rem;
	font-weight: bold;
	background:  #fff;
}
.aboutCate__inner a {
	display: block;
	padding: 1.2em 0;
	margin-top: 0.3em;
	text-align: center;
	text-decoration: none;
	border: 2px solid #E6E6E6;
	border-radius: 3px;
	background:#fff;
}
.aboutCate__inner a:hover {
	letter-spacing: 0.02em;
	background: #E6E6E6 ;
}




/* --------------------------------------------
投稿リンク
---------------------------------------------- */ 
.postLinkBtn {
	padding: 3.5em 0;
	text-align: center;
	background: #F0F0F0;
}
.postLinkBtn a {
	display: block;
	width: 20em;
	margin: 0.8em auto;
	padding: 1.2em 0;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.postLinkBtn-list {
	border: 1px solid #000;
	border-radius: 3px;
	background: #fff;
}
.postLinkBtn-form {
	color: #fff;
	border-radius: 3px;
	background: #E50012;
}
.postLinkBtn-form:hover {
	letter-spacing: 0.02em;
	color: #FCABAC;
}







.conceptEx{
	display: block; 
	width: 100%; 
	text-align: center;
	margin: auto; 
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, .5) 40%)
}

.conceptEx img{
	max-width: 100%; 
}