@charset "Shift_JIS";

img {
	image-rendering: optimize-contrast;
	image-rendering: -webkit-optimize-contrast;
}

.clearText{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	color: transparent;
}

.sat{ color: #1455B1; }
.sun{ color: #C8161D; }
	
*,
*::before,
*::after {
  box-sizing: border-box;
}

#Overview dl#Information > dd .linkwrapper a img {
	width: 100%;
}
.prize_text span:not(.prize_title) {
	font-weight: bold;
}
/*======================================================
	PCサイズ（641px以上）ここから
======================================================*/

@media screen and (min-width:641px), print{
	
	a[href^="tel:"] {
		pointer-events: none;
		color: inherit;
	}
	
	/* 基本設定 */
	
	body{
		font-size: 15px;
		min-width: 1200px;
	}
	.wrapper{
		display: block;
		width: 1150px;
		margin: 0 auto;
	}
	a{
		color: #004EF0;
		transition: 0.15s ease-in-out;
	}
	a:hover{
		opacity: 0.65;
	}

	
	/* 概要 Overview　*/
	
	#Overview{
		display: block;
		padding: 60px 0 23vw;
		background-image:
			url("../images/main-molkky.png"),
			url("../images/molkky_head.png"),
			url("../images/molkky_foot.png"),
			url("../images/main_bg.jpg");
		background-repeat: no-repeat;
		background-size: 1400px auto, 100% auto, 100% auto, cover;
		background-position: center top 325px, center top, center bottom, center top;
	}
	#Overview .wrapper{
		margin-bottom: 130px;
	}
	#Overview .anniv{
		display: block;
		width: 100%;
		margin: 0 auto 30px;
		height: 40px;
		background-image: url("../images/20th_anniv.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Overview h1{
		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		height: 330px;
		background-image: url("../images/logo.png");
		background-repeat: no-repeat;
		background-size: auto calc(100% - 75px);
		background-position: center top;

	}
	#Overview h1::after{
		content: "大会結果";
		position: absolute;
		bottom: 0px;
		display: block;
		width: 100%;
		height: 55px;
		background-image: url("../images/kekka.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	
	#Attention, #Report, #PhotoContest{
		display: block;
		padding-top: 20px;
		margin-bottom: 50px;
	}
	#Attention .wrapper, #Report .wrapper,#PhotoContest .wrapper {
		display: block;
		width: 900px;
		margin: 0 auto;
		border: 4px solid #B9C8C4;
		border-radius: 15px;
		padding: 30px 45px;
	}
	#PhotoContest .wrapper {
		border-color: #AC7933;
	}
	#Attention .wrapper{
		border-color: #2ca6e0;
		background-color: #fff;
	}
	#Attention .wrapper h2 span {
		font-weight: bold;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#Attention .wrapper h2 span.title {
		display: block;
		height: 28px;
		margin-top: 3px;
		background-image: url(../images/attention.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Attention .wrapper h2 span.text {
		color: #E50012;
		margin-top: 10px;
		font-size: 18px;
	}
	#Attention .wrapper .button_box {
		display: flex;
		justify-content: space-around;
		margin: 20px 0;
	}
	#Attention .wrapper .button_box a {
		display: block;
		width: 300px;
		background-color: #036EB7;
		text-align: center;
		color: #FFFFFF;
		font-size: 18px;
		border-radius: 40px;
		padding: 18px;
	}
	#Report, #PhotoContest {
		width: 1150px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 50px;
	}
	#Report .wrapper, #PhotoContest .wrapper{
		background-color: #fff;
	}
	#Report .wrapper{
		border-color: #FF5E00;
	}
	#Report .wrapper h2 span {
		font-weight: bold;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#Report .wrapper h2 span.title {
		display: block;
		height: 28px;
		margin: 3px 0 30px;
		background-image: url(../images/report2.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Report .wrapper p {
		max-width: 650px;
		margin: 25px auto;
		line-height: 2;
	}
	#Report .wrapper .photo {
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	#Report .wrapper .photo img {
		max-width: 100%;
	}
	
	#Report .wrapper dl.day,
	#Report .wrapper dl.place{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 700px;
		margin: 8px auto;
	}
	#Report .wrapper dl.day dt,
	#Report .wrapper dl.place dt{
		width: 5em;
		text-align: center;
		background-color: #FF5E00;
		padding: 0.1em;
		font-size: 95%;
		color: #FFFFFF;
		font-weight: bold;
		border-radius: 30px;
		margin-right: 0.7em;
	}
	#Report .wrapper dl.day dd,
	#Report .wrapper dl.place dd{
		font-weight: bold;
	}

	#Report .wrapper dl.reportPrize{
		display: block;
		width: 600px;
		margin: 35px auto;
		padding: 12px 0 15px;
		background-image: url("../images/wood_bg.jpg");
		border-radius: 10px;
	}
	#Report .wrapper dl.reportPrize:last-of-type{
		margin-bottom: 50px;
	}
	#Report .wrapper dl.reportPrize > dt{
		display: block;
		height: 23px;
		margin-bottom: 12px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Report .wrapper dl.reportPrize > dt.ippan{ background-image: url("../images/kekka_ippan.png"); }
	#Report .wrapper dl.reportPrize > dt.challenge{ background-image: url("../images/kekka_challenge.png"); }
	#Report .wrapper dl.reportPrize > dt.family{ background-image: url("../images/kekka_family.png"); }
	
	#Report .wrapper dl.reportPrize > dd{
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}
	
	#Report .wrapper dl.reportPrize > dd > dl{
		width: 48%;
		background-color: #FFFFFF;
		padding: 10px 0 7px;
		border-radius: 7px;
		font-size: 13px;
		box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
	}
	#Report .wrapper dl.reportPrize > dd > dl.yusho{ background-color: #FFFFE8; }
	#Report .wrapper dl.reportPrize > dd > dl.jun_yusho{ background-color: #F6FCFF; }
	
	#Report .wrapper dl.reportPrize > dd > dl dt{
		height: 24px;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Report .wrapper dl.reportPrize > dd > dl.yusho dt{ background-image: url("../images/prize_yusho.png"); }
	#Report .wrapper dl.reportPrize > dd > dl.jun_yusho dt{ background-image: url("../images/prize_junyusho.png"); }

	#Report .wrapper dl.reportPrize > dd > dl dd{
		text-align: center;
	}
	#Report .wrapper dl.reportPrize > dd > dl dd span{
		display: block;
		font-size: 16px;
		font-weight: bold;
		margin: 2px 0;
	}
	
	
	
	
	/* photocontest */
	#PhotoContest .wrapper h2 span.title {
		display: block;
		/* height: 28px; */
		height: 38px;
		margin-top: 3px;
		background-image: url(../images/photocontest2.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		margin-bottom: 18px;
	}
	.prize_item {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 35px;
	}
	.prize_item:nth-of-type(2) {
		flex-direction: row-reverse;
	}
	.prize_text {
		width: 35%;
	}
	.prize_item:nth-of-type(odd) .prize_text {
		margin-right: 20px;
	}
	.prize_item:nth-of-type(even) .prize_text {
		margin-left: 20px;
	}
	.prize_item .prize_title {
		display: block;
		height: 30px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
		margin-bottom: 18px;
	}
	.prize_item:nth-of-type(1) .prize_title {
		background-image: url("../images/photocontest_title1.png");
	}
	.prize_item:nth-of-type(2) .prize_title {
		background-image: url("../images/photocontest_title2.png");
	}
	.prize_item:nth-of-type(3) .prize_title {
		background-image: url("../images/photocontest_title3.png");
	}
	.prize_text dt {
		margin-bottom: 20px;
	}
	.prize_img {
		width: 45%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		/* border: 6px solid #AC7933; */
	}
	.prize_img img {
		width: 100%;
	}
	
	
	
	#gotoTop{
		display: block;
		width: 260px;
		margin: 0 auto;
	}
	#gotoTop a{
		display: block;
		width: 100%;
		padding: 25px;
		text-align: center;
		background-color: #FFFFFF;
		border: 3px solid #FF5E00;
		border-radius: 50px;
	}
	#gotoTop a p{
		display: block;
		height: 22px;
		background-image: url("../images/back.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}




}
/*======================================================
	SPサイズ（640px以下）ここから
======================================================*/

@media screen and (max-width:640px){

	.sp_none {
		display: none;
	}

	a[href^="tel:"] {
		color: inherit;
	}
	
	/* 基本設定 */
	
	body{
		font-size: 14px;
		min-width: 320px;
	}
	.wrapper{
		width: calc(100% - 30px);
	}
	a{
		color: #004EF0;
	}

	
	/* 概要 Overview　*/
	
	#Overview{
		display: block;
		padding: 8vw 0 24vw;
		background-image:
			url("../images/main-molkky.png"),
			url("../images/molkky_head.png"),
			url("../images/molkky_foot.png"),
			url("../images/main_bg_sp.jpg");
		background-repeat: no-repeat;
		background-size: 135vw auto, 100% auto, 100% auto, cover;
		background-position: center top 52vw, center top, center bottom, center top;
	}
	#Overview .wrapper{
		width: 100%;
	}
	#Overview .anniv{
		display: block;
		width: 70vw;
		margin: 0 auto 3vw;
		height: 7vw;
		background-image: url("../images/20th_anniv.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Overview h1{
		display: block;
		width: 100%;
		margin: 0 auto 17vw;
		height: 48vw;
		background-image: url("../images/logo.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top;
	}
	#Overview h1::after{
		content: "大会結果";
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 70vw;
		height: 10vw;
		background-image: url("../images/kekka.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	
	
	#Attention .wrapper, #Report .wrapper, #PhotoContest .wrapper{
		display: block;
		margin: 0 auto;
	}
	#Attention .wrapper{
		border: 3px solid #2ca6e0;
		border-radius: 10px;
		padding: 15px;
		background-color: #fff;
		width: calc(100% - 30px);
		margin: 30px auto;
	}
	#Attention .wrapper h2 span {
		font-weight: bold;
		margin: 0 auto;
		display: block;
		text-align: left;
	}
	#Attention .wrapper h2 span.title {
		display: block;
		height: 20px;
		/* margin-top: 3px; */
		background-image: url(../images/attention.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left;
	}
	#Attention .wrapper h2 span.text {
		color: #E50012;
		margin-top: 10px;
		font-size: 16px;
		margin-right: auto;
	}
	#Attention .wrapper .button_box a {
		display: block;
		width: 300px;
		margin: 10px auto;
		background-color: #036EB7;
		text-align: center;
		color: #FFFFFF;
		font-size: 18px;
		border-radius: 40px;
		padding: 18px;
	}
	#Report .wrapper, #PhotoContest .wrapper {
		border: 3px solid #FF5E00;
		border-radius: 10px;
		padding: 15px;
		background-color: #fff;
		width: calc(100% - 30px);
		margin: 30px auto;
	}
	#PhotoContest .wrapper {
		border-color: #AC7933;
	}
	#Report .wrapper h2 span, #PhotoContest .wrapper h2 span {
		font-weight: bold;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#Report .wrapper h2 span.title {
		display: block;
		height: 20px;
		margin: 3px 0 15px;
		background-image: url(../images/report2.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
	}
		#Report .wrapper p {
		max-width: 650px;
		margin: 25px auto;
		line-height: 2;
	}
	#Report .wrapper .photo {
		width: 100%;
		margin: 0 auto;
	}
	#Report .wrapper .photo img {
		max-width: 100%;
	}
	
	#Report .wrapper dl.day,
	#Report .wrapper dl.place{
		display: block;
		justify-content: flex-start;
		align-items: center;
		margin: 8px auto;
	}
	#Report .wrapper dl.day dt,
	#Report .wrapper dl.place dt{
		display: block;
		width: 6em;
		text-align: center;
		background-color: #FF5E00;
		padding: 0.1em;
		font-size: 95%;
		color: #FFFFFF;
		font-weight: bold;
		border-radius: 30px;
		margin-bottom: 3px;
	}
	#Report .wrapper dl.day dd,
	#Report .wrapper dl.place dd{
		font-weight: bold;
	}

	#Report .wrapper dl.reportPrize{
		display: block;
		width: 100%;
		margin: 25px auto;
		padding: 12px 0 5px;
		background-image: url("../images/wood_bg.jpg");
		border-radius: 10px;
	}
	#Report .wrapper dl.reportPrize:last-of-type{
		margin-bottom: 30px;
	}
	#Report .wrapper dl.reportPrize > dt{
		display: block;
		height: 23px;
		margin-bottom: 12px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Report .wrapper dl.reportPrize > dt.ippan{ background-image: url("../images/kekka_ippan.png"); }
	#Report .wrapper dl.reportPrize > dt.challenge{ background-image: url("../images/kekka_challenge.png"); }
	#Report .wrapper dl.reportPrize > dt.family{ background-image: url("../images/kekka_family.png"); }
	
	#Report .wrapper dl.reportPrize > dd{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	#Report .wrapper dl.reportPrize > dd > dl{
		width: 100%;
		background-color: #FFFFFF;
		padding: 10px 0 7px;
		border-radius: 7px;
		font-size: 13px;
		margin-bottom: 12px;
		box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
	}
	#Report .wrapper dl.reportPrize > dd > dl.yusho{ background-color: #FFFFE8; }
	#Report .wrapper dl.reportPrize > dd > dl.jun_yusho{ background-color: #F6FCFF; }
	
	#Report .wrapper dl.reportPrize > dd > dl dt{
		height: 24px;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#Report .wrapper dl.reportPrize > dd > dl.yusho dt{ background-image: url("../images/prize_yusho.png"); }
	#Report .wrapper dl.reportPrize > dd > dl.jun_yusho dt{ background-image: url("../images/prize_junyusho.png"); }

	#Report .wrapper dl.reportPrize > dd > dl dd{
		text-align: center;
	}
	#Report .wrapper dl.reportPrize > dd > dl dd span{
		display: block;
		font-size: 16px;
		font-weight: bold;
		margin: 2px 0;
	}
	
	
	/* photocontest */
	#PhotoContest .wrapper h2 span.title {
		display: block;
		height: 30px;
		margin-top: 3px;
		background-image: url(../images/photocontest2.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center left;
		margin-bottom: 18px;
	}
	.prize_item {
		margin-bottom: 30px;
	}
	.prize_item .prize_title {
		display: block;
		height: 25px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
		margin-bottom: 10px;
	}
	.prize_item:nth-of-type(1) .prize_title {
		background-image: url("../images/photocontest_title1.png");
	}
	.prize_item:nth-of-type(2) .prize_title {
		background-image: url("../images/photocontest_title2.png");
	}
	.prize_item:nth-of-type(3) .prize_title {
		background-image: url("../images/photocontest_title3.png");
	}
	.prize_img img {
		width: 100%;
	}

	
	#gotoTop{
		display: block;
		width: 260px;
		margin: 0 auto;
	}
	#gotoTop a{
		display: block;
		width: 100%;
		padding: 25px;
		text-align: center;
		background-color: #FFFFFF;
		border: 3px solid #FF5E00;
		border-radius: 50px;
	}
	#gotoTop a p{
		display: block;
		height: 22px;
		background-image: url("../images/back.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	
	
}

@media screen and (max-width:430px) {
	.prize_img {
		margin-right: 0;
		margin-left: 0;
	}
}



