@charset "utf-8";

#detail-box #catch-box #catch-detail p {
	color:  #802186;
	font-weight: bold;
}


@media screen and (max-width: 640px) {
	#main-box {
		width: 100%;
	}
	#main-box-inner {
	}

	#detail-box {
	}
	#detail-box-inner {
	}

	#detail-box .head {
		background: url(../images/sp/t-yuhaemon.png) no-repeat center top;
		padding: 20.469% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto 11.4%;
		position: relative;
	}
	#detail-box .head h3 {
		width: 100%;
		height: 100%;
		font-size: 1.3em;
		line-height: 1.3;
		color: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}

	/* #catch-box */
	#detail-box #catch-box {
		width: 93.75%;
		margin: 0 auto 6.4%;
	}
	#detail-box #catch-box #catch-photo {
		margin: 0 auto 9.6%;
	}
	#detail-box #catch-box #catch-detail {
	}
	#detail-box #catch-box #catch-detail p {
		font-size: 4.4vw;
		line-height: 1.7;
		margin: 0 0 3.6%;
	}
	#detail-box #catch-box #catch-detail h4 {
		width: 87.1667%;
		display: block;
		background: url(../yuhaemon/images/catch-sp.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 31.8333% 0 0; /* w100% = 36.52% */
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
	}


	/* .archive-box */
	.archive-box {
		width: 100%;
		padding: 7.2% 0 19.6%;
		margin: -7.2% 0 0;
	}
	.archive-box-inner {
		width: 100%;
		padding: 7.2% 0 0;
		margin: 0 auto;
	}

	.archive-box .head {
		width: 90%;
		background: #ffeb25;
		padding: 1.8em 0 1.6em;
		margin: 0 auto 6.4%;
	}
	.archive-box .head h3 {
		font-size: 1.5em;
		line-height: 1.0;
		color: #f643f2;
		text-align: center;
	}

	.archive-box .archive-list {
		width: 90%;
		margin: 0 auto;
	}
	.archive-box .archive-list ul {
	}
	.archive-box .archive-list li {
		line-height: 1.5;
		border-bottom: 2px solid #ffeb25;
		padding: 0 0 7.2%;
		margin: 0 auto 6.4%;
	}
	.archive-box .archive-list li:last-child {
		margin: 0 auto;
	}
	.archive-box .archive-list li img {
	}
	.archive-box .archive-list li div {
		margin: 0 0 3.2%;
	}
	.archive-box .archive-list li div h4 {
		font-weight: bold;
	}
}


@media screen and (min-width: 641px) {
	#main-box {
		width: 100%;
		/* background: url(../images/pc/main-bg02.png) no-repeat center top; */
		padding: 122px 0 0;
		margin: -122px 0 0;
	}
	#main-box-inner {
	}

	#detail-box {
		width: 980px;
		margin: 0 auto;
	}
	#detail-box-inner {
	}

	#detail-box .head {
		display: table;
		background: url(../images/pc/t-yuhaemon.png) no-repeat 0 0;
		width: 600px;
		height: 160px;
		padding: 0 141px;
		margin: 0 auto 80px;
	}
	#detail-box .head h3 {
		display: table-cell;
		font-size: 30px;
		line-height: 1.0em;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		padding: 8px 0 0;
	}

	/* #catch-box */
	#detail-box #catch-box {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 940px;
		margin: 0 auto;
	}
	#detail-box #catch-box #catch-photo {
		float: left;
		width: 300px;
	}
	#detail-box #catch-box #catch-detail {
		float: right;
		width: 620px;
	}
	#detail-box #catch-box #catch-detail p {
		font-size: 16px;
		line-height: 1.7;
		margin: 0 0 12px;
	}
	#detail-box #catch-box #catch-detail h4 {
		display: block;
		background: url(../yuhaemon/images/catch-pc.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 568px;
		height: 72px;
	}


	/* .archive-box */
	.archive-box {
		width: 100%;
		padding: 98px 0 84px;
		margin: -98px 0 0;
	}
	.archive-box-inner {
		width: 100%;
		padding: 98px 0 0;
		margin: 0 auto;
	}

	.archive-box .head {
		display: table;
		background: #ffeb25;
		width: 940px;
		height: 86px;
		margin: 0 auto 38px;
	}
	.archive-box .head h3 {
		display: table-cell;
		font-size: 30px;
		line-height: 1.0em;
		color: #f643f2;
		text-align: center;
		vertical-align: middle;
	}

	.archive-box .archive-list {
	}
	.archive-box .archive-list ul {
		font-size: 16px;
		line-height: 1.5;
	}
	.archive-box .archive-list li {
		overflow: hidden;
		position: relative;
		zoom: 1;
		width: 940px;
		border-bottom: 3px solid #ffeb25;
		padding: 0 0 36px;
		margin: 0 auto 36px;
	}
	.archive-box .archive-list li:last-child {
		margin: 0 auto;
	}
	.archive-box .archive-list li img {
		float: left;
		width: 470px;
	}
	.archive-box .archive-list li div {
		float: right;
		width: 454px;
	}
	.archive-box .archive-list li div h4 {
		font-weight: bold;
	}
}