@charset "UTF-8";


body {
	background-color: white;
	margin: 1em;
}
.clear {
	clear: both;
}


.item {
	width: 100%;

	background-color: #FFF;
}


#gallery-content {
	padding: 0;
	margin-top: 3em;
}

.left {
	width: 50%;
	margin: 0 0 0 0;
}
.right {
	font-size: 15px;
	width: 50%;
}
.right p {
	margin-bottom: 10px;
}

.picbox {
	margin: 0 auto 10px auto;
	width: 90%;
	max-width: 500px;
	position: relative;
	display: block;
}





input.back {
	background-color: #947f28;
	color: white;
	/*width:40%;*/
	margin: 10px auto;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 10px 10px 8px;
	border-radius: 10px;
}

input:hover.back {
	background-color: white;
	color: #947f28;
}

input:active.back {
	background-color: #CCC;
}


.q4Type2{ border:#A4927E dotted 1px; padding:10px; margin:0;}
.q4Type2 p{ text-align:left; font-size:90%; color:#FC1681; margin: 0;}


#gallery-content .contents .item{
	display: flex;
	flex-wrap: wrap;
}


@media screen and (max-width : 600px) {
	.picbox{ width: 100%;}
	.picbox input.back{ padding: 7px 13px 6px; width: auto;}
	.right{ font-size: 85%;}
	.q4Type2 { width: calc(100% - 1.3em);}



	#gallery-content {
		margin-top: 1em;
	}

	.left {
		width: 100%;
	}
	.right {
		width: 95%;
		margin: 0 auto;
	}
	.right h3{
		margin-top: 0;
	}


	.right p {
		margin-bottom: 5px;
	}
}


@media screen and (max-width : 480px) {
	/*.picbox{ width: 100%;}
	.picbox input.back{ padding: 7px 13px 6px; width: auto;}
	.right{ font-size: 85%;}
	.q4Type2 { width: calc(100% - 1.3em);}*/
}