@charset "UTF-8";


/* ------------------------------
	secondary-top
------------------------------ */
@media screen and (min-width: 751px), print {
	#secondary-top {
		display: block;
		width: 100%;
		height: 293px;
		background: url(../images/bg-secondary-visual.jpg) repeat-x;
		background-size: auto 293px;
		background-position: top center;
	}
	
	#secondary-top #site-logo {
		display: block;
		width: 608px;
		height: 130px;
		text-indent: -9999px;
		background: url(../images/logo.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 77px;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 100;
	}
	
	#secondary-top #site-logo-farm {
		display: block;
		width: 196px;
		height: 39px;
		text-indent: -9999px;
		background: url(../images/logo-farm.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 204px;
		right: 0;
		left: 0;
		margin: auto;
	}

	#secondary-top .logo-shoo {
		display: block;
		width: 257px;
		height: 166px;
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 100;
	}
	
	#secondary-top .logo-shoo a {
		display: block;
		width: 157px;
		height: 101px;
		text-indent: -9999px;
		background: url(../images/logo-shoo.png) no-repeat;
		background-size: contain;
	}

	#secondary-top .hero-copy {
		display: block;
		width: 438px;
		height: 22px;
		position: absolute;
		text-indent: -9999px;
		top: 25px;
		right: 15px;
		margin: auto;
		background: url(../images/img-offer.png) no-repeat;
		background-size: contain;
		z-index: 100;
	}
	
	#secondary-top .deco-dot-top {
		display: block;
		width: 1565px;
		height: 54px;
		text-indent: -9999px;
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		background: url(../images/deco-dots.png) no-repeat;
		background-size: contain;
		top: 6px;
	}

	#secondary-top .deco-dot-bottom {
		display: none;
	}
	
} @media screen and (max-width: 750px) {
	#secondary-top .content-area {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: 0;
		padding-top: 90.66%;
		background: url(../../images/main-visual/bg-main-visual.jpg) repeat-x;
		background-position: top center;
		background-size: cover;
		position: relative;
	}
	
	#secondary-top #site-logo {
		display: block;
		width: 93.6%;
		height: 22.0588235%;
		margin: 0;
		text-indent: -9999px;
		background: url(../images/logo.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 36.7647058%;
		left: 4%;
		z-index: 100;
	}
	
	#secondary-top #site-logo-farm {
		display: block;
		width: 39.66%;
		height: 8.0882352%;
		margin: 0;
		text-indent: -9999px;
		background: url(../images/logo-farm.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 60.29%;
		right: 0;
		left: 0;
		margin: auto;
	}

	#secondary-top .logo-shoo {
		display: block;
		width: 20.933%;
		height: 14.8529411%;
		position: absolute;
		top: 1.176%;
		left: 4%;
		z-index: 100;
	}
	
	#secondary-top .logo-shoo a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		background: url(../images/logo-shoo.png) no-repeat;
		background-size: contain;
	}
	
	#secondary-top .hero-copy {
		display: block;
		width: 65.733%;
		height: 3.676%;
		text-indent: -9999px;
		background: url(../images/img-offer.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 1.292%;
		right: 4.153%;
		z-index: 100;
	}

	#secondary-top .deco-dot-top,
	#secondary-top .deco-dot-bottom {
		display: block;
		width: 208.66%;
		height: 7.9411%;
		text-indent: -9999px;
		background: url(../images/deco-dots.png) no-repeat;
		background-size: contain;
		position: absolute;
		left: -17.866%;
	}
	
	#secondary-top .deco-dot-top {
		top: 0.8823529%;
	}
	
	#secondary-top .deco-dot-bottom {
		bottom: 3.3773861%;
	}

}

/* ------------------------------
	report-detail
------------------------------ */
#report-detail:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (min-width: 751px), print {
	#report-detail .heading-report {
		padding: 44px 0 65px;
		background: #fff100;
	}
	
	#report-detail .heading-article {
		display: flex;
		align-items: center;
		justify-content: space-between;		
		padding: 0;
		margin-bottom: 16px;
		font-size: 28px;
		text-align: center;
		line-height: 1.88;
		letter-spacing: 4px;
		position: relative;
	}
	
	#report-detail .heading-article:before,
	#report-detail .heading-article:after {
		content: "";
		display: block;
		width: 443px;
		height: 28px;
		background: url(../images/deco/title-flag-report.png) repeat-x;
		background-size: contain;
	}

	#report-detail .heading-report-title {
		font-size: 40px;
		text-align: center;
		letter-spacing: 4px;
	}
	
	#report-detail .report-body {
		padding-top: 124px;
		background: #fff;
		position: relative;
		overflow: hidden;
	}
				
	#report-detail .report-body:before,
	#report-detail .report-body:after {
		content: "";
		width: 298px;
		position: absolute;
		top: 176px;
	}
				
	#report-detail .report-body:before {
		height: 100%;
		left: 0;
		background: url(../images/deco/bg-report-left.png) repeat-y;
	}

	#report-detail .report-body:after {
		height: 100%;
		right: 0;
		background: url(../images/deco/bg-report-right.png) repeat-y;
	}

	#report-detail .deco-flag-left,
	#report-detail .deco-flag-right {
		width: 400px;
		height: 130px;
		position: absolute;
		top: -3px;
	}
	
	#report-detail .deco-flag-left {
		background: url(../images/deco/deco-flag-left.png) no-repeat;
		background-size: contain;
		left: 0;
	}
	
	#report-detail .deco-flag-right {
		background: url(../images/deco/deco-flag-right.png) no-repeat;
		background-size: contain;
		right: 0;
	}
	
	#report-detail .report-body .content-area {
		z-index: 10;
	}
	
	#report-detail .report-body .content-area .img-area {
		margin-bottom: 18px;
	}	
	
	#report-detail .report-body .content-area .notes-area {
		margin-bottom: 35px;
		line-height: 1.78;
	}
	
	#report-detail .report-body .omake-block {
		width: 858px;
		padding: 35px 46px 32px;
		margin: 0 auto 78px;
		border: 8px solid #fff100;
		box-sizing: border-box;
		background: #fff;
	}

	#report-detail .report-body .omake-block .heading-omake {
		margin-bottom: 21px;
		font-size: 22px;
		text-align: center;
	}

	#report-detail .report-btn-area {
		margin-bottom: 130px;
	}
	
	#report-detail .bg-town {
		display: block;
		width: 100%;
		min-width: 1600px;
		height: 0;
		padding-top: 5.375%;
		background: url(../images/deco/bg-town.png) repeat-x;
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 20
	}
	
	
	.movie_area iframe {
		width: 750px;
		height: 422px;
	}	
	
} @media screen and (max-width: 750px) {
	.report-body {
		padding-top: 30px;
	}
	
	#report-detail .heading-report {
		padding: 42px 0 30px;
		background: #fff100;
	}
	
	#report-detail .heading-article {
		padding: 0;
		margin-bottom: 20px;
		font-size: 24px;
		letter-spacing: 4px;
		position: relative;
	}

	#report-detail .heading-report-title {
		font-size: 26px;
		text-align: center;
		letter-spacing: 4px;
	}

	#report-detail .report-body .content-area .content-unity {
	}
	
	#report-detail .report-body .content-area .img-area {
		margin-bottom: 18px;
	}
	
	#report-detail .report-body .content-area .notes-area {
		margin-bottom: 35px;
		line-height: 1.6;
	}
	
	#report-detail .report-body .omake-block {
		padding: 18px 15px;
		margin-bottom: 30px;
		border: 4px solid #fff100;
	}

	#report-detail .report-body .omake-block .heading-omake {
		margin-bottom: 16px;
		font-size: 18px;
		text-align: center;
	}
	
	#report-detail .report-btn-area {
		margin-bottom: 50px;
	}
	
	#report-detail .bg-town {
		display: block;
		width: 100%;
		min-width: 750px;
		height: 0;
		padding-top: 11.2%;
		background: url(../images/deco/bg-town_sp.png) repeat-x center bottom;
		background-size: contain;
	}
	

	.movie_inner {
		padding: 30px 0 56.25%;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
	}
	.movie_area iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}	
	
}