@charset "utf-8";


/*作品のご購入*/
#contents-worksArea {
	width: 100%;
	clear: both;
	background-color: #FFC600;
	background-image: url(../img/bg-works.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 70px;
	padding-bottom: 70px;
	overflow: hidden;
}
.bannerArea {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	clear: both;
	}
.contents-works {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #1C4D0E;
}
.contents-works ul.works-list {
	margin-top: 40px;
}
.contents-works ul.works-list li {
	margin-right: 10px;
	float: left;
}
.contents-works ul.works-list li a {
	color: #1C4D0E;
}
.contents-works ul.works-list li img {
	width: 170px;
	height: auto;
	border: 5px solid #FFF;
}


/*Tシャツ他グッズ*/
#contents-goodsArea {
	width: 100%;
	clear: both;
	background-color: #EEEEEE;
	padding-top: 70px;
	padding-bottom: 70px;
	overflow: hidden;
}
.contents-goods {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
}
.contents-goods ul.goods-list {
	margin-top: 40px;
}
.contents-goods ul.goods-list li {
	margin-right: 10px;
	float: left;
}
.contents-goods ul.goods-list li a {
	color: #1C4D0E;
}
.contents-goods ul.goods-list li img {
	width: 170px;
	height: auto;
	border: 5px solid #FFF;
}


/*花龍さん名刺*/
#contents-namecardArea {
	width: 100%;
	clear: both;
	background-color: #F463CF;
	background-image: url(../img/bg-namecard.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-bottom: 70px;
	box-shadow: 0 0 3px 5px rgba(220, 71, 189, .4);
	overflow: hidden;	
}
.contents-namecard {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}
.contents-namecard ul.namecard-list {
	margin-top: 40px;
}
.contents-namecard ul.namecard-list li {
	margin-right: 10px;
	float: left;
}
.contents-namecard ul.namecard-list li img {
	width: 170px;
	height: auto;
	border: 5px solid #FFF;
}

/*描くひと*/
#contents-profileArea {
	width: 100%;
	clear: both;
	background-color: #7A4C9F;
	background-image: url(../img/bg-profile.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 70px;
	padding-bottom: 70px;
	box-shadow: 0 0 3px 5px rgba(121, 72, 158, .4);
	overflow: hidden;
}
.contents-profile {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}

/*受賞者*/
#contents-awardArea {
	width: 100%;
	clear: both;
	background-color: #FFCCCC;
	padding-top: 70px;
	padding-bottom: 70px;
	box-shadow: 0 0 3px 5px rgba(121, 72, 158, .4);
	overflow: hidden;
}
.contents-award {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #555;
}

/*コモン*/
#contents-commonArea {
	width: 100%;
	clear: both;
	background-color: #4DD2FF;
	padding-top: 70px;
	padding-bottom: 70px;
	overflow: hidden;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
.contents-common {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}
.contents-common h3 {
	margin-top: 25px;
}
.contents-common ul {
	margin-top: 7px;
}
.contents-common a {
	color: #fff;
}

@media screen and (max-width: 750px) {
/*作品のご購入*/
#contents-worksArea {
	background-position: 80px -120px;
	background-size: 500px auto;
	background-image: url(../img/bg-works-sp.png);
}
.bannerArea {
	width: 94%;
	}
	.bannerArea img {
	width: 100%;
	height: auto;
	}
.contents-works {
	width: 94%;
}
.contents-works ul.works-list li {
	margin-right: 0px;
	float: none;
	clear: both;
	margin-bottom: 15px;
}

.contents-works ul.works-list li img {
	width: 80%;
}

/*Tシャツグッズ*/

.contents-goods {
	width: 94%;
}
.contents-goods ul.works-list li {
	margin-right: 0px;
	float: none;
	clear: both;
	margin-bottom: 15px;
}

.contents-goods ul.goods-list li img {
	width: 80%;
}

/*花龍さん名刺*/
#contents-namecardArea {
	background-position: 40px bottom;
	background-size: 400px auto;
	background-image: url(../img/bg-namecard-sp.png);
	padding-bottom: 240px;
}
.contents-namecard {
	width: 94%;
}
.contents-namecard ul.namecard-list li {
	margin-right: 0px;
	float: none;
	clear: both;
	margin-bottom: 15px;
}
.contents-namecard ul.namecard-list li img {
	width: 80%;
}

/*描くひと*/
#contents-profileArea {
	background-position: 20px top;
	background-size: 600px auto;
	background-image: url(../img/bg-profile-sp.png);
}
.contents-profile {
	width: 94%;
}

/*受賞者*/
.contents-award {
	width: 94%;
}

/*コモン*/
.contents-common {
	width: 94%;
}

.sp{ display: block!important; }
.pc{ display: none!important; }
#contents { font-size: 16px; line-height: 1.5em; width: 100%; }
#contents #pankuzu p{ padding-left: 10px; padding-right: 10px; }
#page main img{ max-width: 100%; }
#navi-title{ height: auto; }
#navi-title .navi-name{ padding: 10px; }
#h1Block { min-height: 60px; width: auto; padding-top: 20px; padding-bottom: 20px;}
#h1Block-subArea { width: auto;}
.outlineArea { width: auto; }






.contentBlock h2 { padding-left: 20px!important; padding-right: 20px!important; }
.contentsArea{ width: 94%; }
.contentArea1200{ width: 100%; margin-right: auto; margin-left: auto; }
.contentBlock{ width: 100%; margin-right: auto; margin-left: auto; }
.contentArea1200Block{ width: 94%; margin-right: auto; margin-left: auto; }
/*写真エリア*/
.imagesArea {
	width: 100%;
}
.imagesArea img {
	width: 100%;
}
/*フルサイズ写真エリア*/
.imagesArea1200 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.photoBlock{ width: 100%; margin-right: auto; margin-left: auto; }
.photoBlock img{ width: 100%; }
.contentBlock-inBox1{ width: auto; margin-right: 20px; margin-left: 20px; }
.personBlock1{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.personBlock2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.personBlock-outline{ width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.personBlock-imageRight{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; }
.personBlock-imageLeft{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: auto;}
.imageBlock-imageLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: 100%;}
.imageBlock-imageLeft img { width: 100%; }
.imageBlock-imageRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 auto 10px; float: none; width: 100%; }
.imageBlock-imageRight img { width: 100%;}
.personBlock-name{ padding-bottom: 20px; }
.personBlock-katagaki p{ font-size: 14px; line-height: 1.5; }
.personBlock-career p{ font-size: 14px; line-height: 1.5; }
.notes-area{ width: 94%; }
.notes-area p { font-size: 14px; }
.btn-area{ width: 94%; max-width: 380px; }
.btn-area a{ font-size: 1rem; }

/*2022.01 追加*/
.table7{ border-top: 1px solid #AFB2CB; }
.table7 th{ display: block; }
.table7 td{ display: block; }
.table7 td.bgC-Gray02{ display: block; border-top: none; border-bottom: 0; }

.scrollTable table{ width:100%; }
.scrollTable{ overflow: auto; white-space: nowrap; }
.scrollTable::-webkit-scrollbar{ height: 5px; }
.scrollTable::-webkit-scrollbar-track{ background: #F1F1F1; }
.scrollTable::-webkit-scrollbar-thumb { background: #BCBCBC; }

.imageBlock-outline{ width: 100%; }

.contentBlock-inBox2{ padding: 0 20px; }
.contentBlock-inBox2>div{ width: 100%; height: 6em; }
.contentBlock-inBox2>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox2>div a{ padding: 15px; }

.contentBlock-inBox3{ padding: 0 20px; }
.contentBlock-inBox3>div{ width: 100%; margin-right: 0; }
.contentBlock-inBox3>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox3>div a{ height: 8em; padding: 15px; }

.contentBlock-inBox4{ padding: 0 20px; }
.contentBlock-inBox4>div{ width: 100%; margin-right: 0; }
.contentBlock-inBox4>div:nth-of-type(n+2){ margin-top: 15px; }
.contentBlock-inBox4>div a{ height: 7em; padding: 15px; }

.openBlock{ margin: 0 20px; }
.openBlock div dt{ font-size: 16px; }
.openBlock div dd{ font-size: 14px; }

.btn-on,.btnBrown-on,.btn-off{ width: 84%; }
}