@charset "utf-8";
/*** css reset ***/

/* html { box-sizing: border-box; font-size: 62.5%;}
* { box-sizing: inherit; }
*:before, *:after { box-sizing: inherit; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, sub { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
ol, ul{ list-style: none; list-style-position: inside; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a {	margin:0;	padding:0; font-size:100%; vertical-align:baseline; }
del {	text-decoration: line-through; }
input, select { vertical-align: 0; }
input, textarea, select { margin: 0; font-size: 100%;	width: 100%; }
img { max-width: 100%; height:auto;	width: auto; vertical-align:bottom; font-size:0;	line-height: 0;	border: 0; }
object, embed, video { max-width: 100%; }
address, caption, cite, code, dfn, em, th, var{	font-style: normal;	font-weight: normal; }
h1, h2, h3, h4, h5, h6{ font-size: 100%;} */


.mb10{margin-bottom:10px;}


.br-sp{display: none;}
@media screen and (max-width:414px) {
	.br-sp{display: block;}
}

.box-center{
	margin: 0 auto;
}

html, body{
}
body{
	background-color:#fff;
}
a{
	text-decoration:none;
}

a:hover, a:visited{
	opacity: 80%;
	transition: all 0.1s;
}

#wrapper{
	font-size:1.6rem;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	color:#4d4d4d;
}

#wrapper, .mv{
	width:100%;
}
.mv{
	width:100%;
}
.mv h1{
	width:100%;
	/*max-width:1365px;*/
}
.mv img{
	width:100%;
}

.upper-block{
	padding: 20px 108px 17px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.upper-block .logo{
	max-width: 121px;
	width: 100%;
	display: inline-block;
}
@media screen and (max-width: 1200px){
	.upper-block{padding: 20px 30px 17px;}
}
@media screen and (max-width: 750px){
	.upper-block{padding: 10px 15px;}
	.upper-block .logo{max-width: 51px;}
}

.sns-block-outer {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sns-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
}
.sns-block a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #fff;
}
.sns-block a .image {
	display: flex;
}
.sns-block .insta .image { width: 42.60px; }
.sns-block .youtube .image { width: 55.21px; }
.sns-block .twitter .image { width: 35px; }

@media screen and (max-width: 767px){
	.sns-block { gap: 18.75px; }
	.sns-block a { width: 60px; }
	.sns-block .insta .image { width: 31.95px; }
	.sns-block .youtube .image { width: 41.40px; }
	.sns-block .twitter .image { width: 24px; }
}

#main{
	margin:0 auto;
	width:100%;
	max-width:1150px;
	background-image: url(../img/bg_pc_01.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png);
	background-repeat:	no-repeat;
	background-position: center top 13px, center 184px, center 2484px, center 4785px, center 7086px, center 9387px, center 11688px, center 13989px;
	background-color:#fff3eb;
	padding: 55px 75px 0 75px;
	font-weight:600;
}


@media screen and (max-width:1000px) {
	#main{
		padding-left: 5%;
		padding-right: 5%;
	}
}


.main-inner{
	width:100%;
	text-align:center;
}

#main p.ind{
	text-indent:-0.75em;
}
#main p.ind03{
	text-indent:-0.3em;
}
#main p.ind0{
	text-indent:0;
}

.h1-sp{
	display:none;
}

.txtL{
	text-align:left;
}
.txtC{
	text-align:center;
}

ul.note{
	margin-top:1em;
	font-weight: 300;
	text-indent:-1em;
	padding-left:1em;
}
ul.note li::before{
	content:"○";
}

ul.kome li::before{
	content:"※";
}
ul.asta li::before{
	content:"＊" !important;
}

br.sp-br{
	display:none;
}

/***********main　base*/


/*.mv*/

.mv{
	position:relative;
	overflow:hidden;
	z-index: 1000;
}
.logolink{
	cursor:pointer;
	display:block;
	position: absolute;
	/*background-color: #fcc;*/
	opacity: 1;
	height: 26px;
	top:calc( (40 / 1366) * ( 100vw - 8px ) );
	left:calc( (108 / 1366) * ( 100vw - 8px ) );
	width:calc( ((108 / 1366) * ( 100vw - 8px ) ) * 1.2 );
	height:calc( ((108 / 1366) * ( 100vw - 8px )) * ( 49 / 130 ));
}

.sitelink{
	display: none;
	background-color: #E60009;
	align-items: center;
	justify-content: center;
	cursor:pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
	top: -4.25vw;
    right: calc( (95 / 1366) * (100vw - 8px) );
    height: calc( (469 / 1366) * (100vw - 8px) );
    width: calc( (468 / 1366) * (100vw - 8px) );
	padding: 3.9% 4% 0;
}
.sitelink:hover{opacity: 1;}
.sitelink:hover::after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	cursor:pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

/*headline*/
.headline{
	font-size: 2.6rem;
	line-height: 1.69;
}

.headline_t{margin-bottom:1em; font-size:110%; background-color:#cc0000; color:#fff;}
.headline_b{display:block; color:#cc0000; text-decoration:underline; padding-top:1em}

.headline div{
	margin-top:50px;
	margin-bottom:50px;
}
.headline div p:last-child{
	display:none;
}

.col{
	margin-bottom:50px;
}
.col:nth-child(4){
	margin-bottom:3em;
}

.col h2{
	background: #f00;
	height: 5em;
	width: 5em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color:#ffffc1;
	font-size:2.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	margin:0 auto;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1em;
}

.matsuri_mark{
	width: 116px;
	margin: 0 auto;
}

.font-maru{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.line-under{
	padding-bottom:0.25em;
	border-bottom:#e60009 6px solid;
	font-size:3.1rem;
	width:84%;
	margin:0 auto;
	text-align-last: justify;
	text-justify: inter-ideograph;
}

.line-under span:not(.rad){
	font-size:135%;
}

.col:nth-child(3) h2{
	margin-bottom:0.25em;
}
.col p.para-1{font-size:2.0rem;}
.col p.para{font-size:2.0rem;}

.flex-box{
	display:flex;
	justify-content: space-between;
	margin-top:1.75em;
}

.flex-box div{
	width:48.5%;
	padding:0.75em 0 1em;
}

/*応募方法*/

.bg-green div{
	background-color:#22b573;
	font-size:2.6rem;
	color:#fff;
	line-height:1.75;
}
.col h3{
	font-size:4.2rem;
	color:#ff0;
}
.col .bg-green h3 span{
	font-size:133%;
}
.col .bg-green p.yellow{
	color:#ff0;
}

.col .yellowsmall{
	font-size:80%;
}
a.btn{
	display:block;
	border-radius: 16px;
	border:#fff 4px solid;
	width:75%;
	margin:0 auto;
	margin-top:1em;
	padding:0.25em 0;
	position:relative;
	color:#ff0;
}
a.btn:after{
	content:"＞";
	position:absolute;
	top:0.3em;
	right:3px;
	color:#fff;
}

/*結果発表*/

.bg-blue div{
	background-color:#29abe2;
	padding:30px 25px;
	line-height: 2;
}
.bg-blue h3{
	font-size:2.4rem;
	color:#ff0;
}
.bg-blue h3 span{
	font-size:70%;
}

.triangle:last-child p:nth-child(2){
	max-width:242px;
}

.triangle:last-child p:last-child{
	display:none;
}

.bg-blue .note{
	color:#fff;
}
.bg-blue .note li{
	position:relative;
}
.bg-blue .note li::before{
	content:"";
}
.triangle{
	position:relative;
	margin-bottom:50px;
}
.triangle:last-child{
	margin-bottom:0;
}
.triangle:not(:last-child)::after{
	content:"";
  border-top: 50px solid #29abe2;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
	position:absolute;
	bottom:-50px;
	left:calc(50% - 50px)
}
.triangle:nth-child(3){
	display:flex;
	justify-content: center;
	align-items:center;
}
.triangle:nth-child(3) h3{
	width:70%;
}
.icon_home{
	width: 22px;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 750px){
	.icon_home{width: 3.71vw; vertical-align: inherit;}
	.matsuri_mark{width: 80px;}
	.bg-blue div{padding: 20px 15px;}
}

/*入選商品*/

.col h2.cource_title{border-radius: 100vh;color: #ff0; font-family: inherit; height: 2em; max-width: 433px; width: 100%;padding:1em 0;margin-bottom: 20px;} /*height: 2.3em; max-width: 500px;*/
.col h2.cource_title.cource1{background-color:#F76D28;}
.col h2.cource_title.cource2{background-color:#9361D4;}

.cource_attention{color: #c00;	font-size: 2.2rem;margin-bottom: 20px;}
.cource_txt1,
.cource_txt2{font-size: 2.2rem; margin-bottom: 30px;} /*font-size: 1.8rem;*/

.col.nyusen {
	margin-bottom: 72px;
}

.nyusen .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nyusen .bg-d.box {
	justify-content: center;
}
.nyusen .bg-w.box {
	justify-content: center;
}

.nyusen .box > div{width: 49%; padding: 10px 10px 10px;}
.nyusen .box > div:nth-child(3n){margin-top:30px}

.nyusen .bg-red > div{background-color:#E60009;position: relative;}
.nyusen .bg-orange > div{background-color:#F7874F;position: relative;}
.nyusen .bg-purple > div{background-color:#9361D4;position: relative;}
.nyusen .bg-d > div{background-color:#29abe2;position: relative;}
.nyusen .bg-w > div{background-color:#8cc63f;position: relative;width: 63%;}

.nyusen h3{font-size: 3.6rem;font-weight: 700;text-align: left;}
.nyusen .num{font-size: 3.0rem;border-radius: 2.4rem;width: 101px;line-height: 1.6;}
.nyusen .num{background-color: rgba(255,255,255,0.8);position: absolute;top: 15px;right: 12px;}

.nyusen .bg-red > div .num{color:#E60009;}
.nyusen .bg-orange > div .num{color:#F7874F;}
.nyusen .bg-purple > div .num{color:#9361D4;}
.nyusen .bg-d > div .num{color:#29abe2;}

.nyusen .bg-d> div h3{font-size: clamp(18px, calc(3.118vw - 5.42px), 32px);height:66px;line-height: 60px;}
.nyusen .bg-w > div h3{text-align: center;}

.nyusen ul.note{margin-bottom: 50px;margin-top: 20px;}



/*審査員*/

.bg-brown{
	background-color:#D6D6BC;
	padding:30px 30px 30px 0;
	justify-content:space-between;
	align-items:center;
}
.shinsain .name{
	width: calc((307 / 873) * 100%);
	padding: 0;
}
.bg-brown > div p:first-child{
	font-size:3.0rem;
}
.bg-brown > div p:last-child{
	font-size:4.0rem;
}
.bg-brown > div p:last-child rt{
	font-size:1.4rem;
}
.shinsain .photo{
	width: calc((185 / 873) * 100%);
	margin-right: calc((70 / 873) * 100%);
}
.shinsain .text{
	width: calc((400 / 873) * 100%);
	font-size:1.6rem;
	text-align:left;
	font-weight:normal;
	line-height:1.5;
}


/*主催*/
.shusai{
	width:35em;
	margin-left: auto;
	margin-right: auto;
}
.shusai > div{
	display:flex;
	align-items:center;
	margin-bottom:1.5em;

}
.shusai .dt{
	background: #f00;
	height: 3em;
	width: 3em;
	min-height:3em;
	min-width:3em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #ffffc1;
	font-size: 2.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-right:1em;
}
.shusai .dl{
	font-size: 22px;
	text-align:left;
}


/**************規約部分*/
#kiyaku{
	text-align:left;
	font-size: 1.6rem;
	font-weight:normal;
	margin-bottom: 72px;
}
#kiyaku > div{
	border:1px solid #4D4D4D;
	background-color:rgba(248,250,234,0.8);
	padding:2em;
	margin-bottom:2em;
}
#kiyaku h2{
	font-size: 2.6rem;
	font-weight:600;
	text-align:center;
	margin-bottom:20px;
}
#kiyaku h3{
	margin-top:1.5em;
	text-indent:-0.25em;
	position:relative;
	padding-left:1.25em;
}
/*h3タイトルの前に記号を付けるとき
#kiyaku h3::before{
	content:"■";
	font-size:155%;
	position:absolute;
	top:-28%;
	left:0;
}
#kiyaku h3.mark-none{
	text-indent:-0.5em;
	padding-left:0;
}
#kiyaku h3.mark-none:before{
	content:"";
}*/
#kiyaku h3, p.sub-ttl{
	color:#3897FF;
	font-size:1.8rem;
	margin-top:1.5em;
}
#kiyaku ul li{
	text-indent: -1em;
	padding-left:1em;
}
#kiyaku ul li:before{
	content:"○";
}
/*リストの中のリストマーク*/

#kiyaku ul li ul{
	counter-reset: number;
}
#kiyaku ul li ul li:before{
	counter-increment: number;
  content: "("counter(number)") ";
}

/*list-style消すとき
#kiyaku ul.list-style-none li{
	text-indent:0em;
}

#kiyaku ul.list-style-none li:before{
	content:"";
}
*/

/***footer*/
footer {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Noto Sans JP', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
}

#footer{
	text-align: center;
	padding-bottom: 50px;
	/*		margin-left: calc( ( ( 100% - 100vw ) / 2 ));
    margin-right: calc( ( ( 100% - 100vw ) / 2 ));*/
	margin-top: 30px;
  /*background: linear-gradient(to bottom, rgba(248,250,234,0), #F8FAEA 30%);*/
}

#footer .logo_footer{
	display: inline-block;
	max-width: 640px;
	width: 100%;
	margin-bottom: 60px;
}

#footer p{
	margin-top: 50px;
	line-height:1;
}

#footer p small{
	font-size:1.4rem;
	font-weight:normal;
}
#footer .logo_footer-blk{
	max-width: 130px;
	width: 100%;
	display: inline-block;
	margin-top: 120px;
}


@media screen and (max-width:1120px) {

/*
	#footer{
		margin: 0;
		margin-left:calc( ( ( 100% - 100vw ) / 2 ));
		margin-right:calc( ( ( 100% - 100vw ) / 2 ));
		padding: 5.5em 1em 2em 1em;
		margin-top:4em;
	} */
}


/*スマホ*/

@media screen and (max-width:1024px) {

	/*応募期間*/
	.line-under{
		width: 100%;
		font-size: 5vw;
		text-align-last: auto;
	}
	/* .line-under .rad{
		display:block;
		transform:rotate(90deg);
	} */

	/*審査員*/
	.shinsain .flex-box{flex-wrap: wrap; padding: 30px; justify-content: center;}
	.shinsain .name{order: 1;width: 100%; margin-bottom: 30px }/*name*/
	.shinsain .photo{order: 2;width: 30%; margin: 0 auto;}/*photo*/
	.shinsain .text{order: 3;width: 45%; margin: 0 auto; margin-top: 20px; }/*text*/
}

@media screen and (max-width:750px) {
	.line-under{
		font-size: 4vw;
	}
}

@media screen and (max-width:750px) {

	/*.mv*/
	.logolink{
		top:3.5vw;
		left:calc( (30 / 750) * ( 100vw - 8px ) );
		width:calc( (130 / 750) * ( 100vw - 8px ));
		height:calc( ((130 / 750) * ( 100vw - 8px )) * ( 49 / 130 ));
	}

	.sitelink{
			/*top: -12vw;
			right: calc( (-72 / 750) * (100vw - 8px) );
			height: calc( (550 / 750) * (100vw - 8px) );
			width: calc( (550 / 750) * (100vw - 8px) ); */
			/* top: -10vw;
			right: calc( (-61 / 750) * (100vw - 8px) );
			height: calc( (440 / 750) * (100vw - 8px) );
			width: calc( (440 / 750) * (100vw - 8px) ); */

			/* top: -11vw;
			right: calc( (-60 / 750) * (100vw - 8px) );
			height: calc( (521 / 750) * (100vw - 8px) );
			width: calc( (521 / 750) * (100vw - 8px) ); */

			top: -12.01vw;
			right: calc( (-65 / 750) * (100vw) );
			height: calc( (520 / 750) * (100vw) );
			width: calc( (515 / 750) * (100vw) );
			/* background-color: rebeccapurple; */
			padding: 8% 11% 0 7%;
	}

	/*スライダー*/
	.headline div{margin: 25px 0 17.5px;}
	.headline div p:last-child,
	.h1-sp,
	.bg-blue:last-child p:last-child{display:block;}
	.headline div p:first-child,
	.h1-pc,
	.bg-blue:last-child p:nth-child(2){display:none;}

	/*layout*/
	#wrapper{font-size: 3.2000vw;}
	#main{
		background-image: url(../img/bg_sp_01.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png);
		background-position: center top -70px, center 89px, center 2509px, center 4928px, center 7347px, center 9766px, center 12185px, center 14604px, center 17023px, center 19442px, center 21861px;
		padding: 25px 4%
	}
	br.sp-br{display:block;}
	br.pc-br{display:none;}

	/*headline*/
	.headline{font-size: 3.6vw;font-feature-settings: 'palt';}

	/*col*/
	.col p.para-1{font-size:3.0000vw;margin-top: 10px;}
	.col p.para{font-size:4.0000vw;}
	.col h3{font-size: 6.6667vw;}

	.nyusen h3{font-size: 4.8vw;}
	.nyusen .num{font-size: 4.2vw; top:10px;width: 70px;}
	.nyusen .bg-d > div h3{font-size: 4.27vw;height: 36px;line-height: 1.4;}
	.nyusen .bg-w > div h3{font-size: 4.27vw;height: 36px;}

	/*midashi*/
	.col h2{font-size:5.6000vw;}

		/*応募方法*/
	.oubo{display: block;}
	.oubo.bg-green > div{font-size: 4.8000vw;width: 100%;}
	.oubo.bg-green > div:first-child{margin-bottom:20px;}
	#wrapper .note.txtL > li{font-size: 3.2000vw;}
	#wrapper .note.asta > li{font-size: 3.2000vw;line-height: 24px;}
	#wrapper .note.kome > li{font-size: 3.2000vw;}

	/*結果発表*/
	.kekka{font-size:3.2000vw;}
	.kekka h3{font-size:4.8000vw;font-weight: 700;}
	.kekka .note{text-align: left;}

	/*各賞*/
	.col h2.cource_title{font-size: 5.6000vw; max-width: 100%;padding-top: 0;padding-bottom: 0;}
	.nyusen .box{display: block;}
	.nyusen .box > div{width: 100%;}
	.nyusen .box > div:not(:last-child){margin-bottom: 20px;}

	.cource_attention{font-size:3.4667vw;}
	.cource_txt1{font-size: 3.7vw;margin-bottom: 20px;}
	.cource_txt2{font-size: 3.2vw;margin-bottom: 20px;}

	.nyusen ul.note:first-of-type{margin-bottom: 30px;}
	.nyusen ul.note li{text-align: left;}

	/*審査員*/
	.shinsain .bg-brown{flex-wrap: wrap;padding: 25px; justify-content: space-between;}
	.shinsain .name{order: 2;width: 50%; margin:0;}/*name*/
	.shinsain .photo{order: 1;width: calc((241 / 600) * 100%); margin: 0;}/*photo*/
	.shinsain .text{order: 3;width: 100%;font-size:3.7333vw;margin-top: 20px}/*text*/
	.shinsain .name p:first-child{font-size: 5.0667vw;}
	.shinsain .name p:nth-child(2){font-size: 6.2667vw;}

	/*主催*/
	.shusai{width: 100%;}
	.shusai > div{flex-direction: column;}
	.shusai .dl{font-size: 4.2667vw;}
	.shusai .dt{font-size: 5.6000vw;margin: 0 0 20px 0;}

	/*規約*/
	#kiyaku{font-size: 3.2000vw;}
	#kiyaku > div{
		padding:1.5em 1em;
	}
	#kiyaku h2{
		margin-bottom:0.5em;
		font-size: 4.7vw;
	}

	/*footer*/
	#footer{margin-top: 30px; padding-bottom: 25px;}
	#footer .logo_footer{max-width: 100%; margin-bottom: 27.5px;}
	#footer p small{font-size: 2.4000vw}
	#footer .logo_footer-blk{margin-top: 90px;}

 }


 /*--------------------------------------
	共通部分
----------------------------------------*/
.regular-text{
	font-weight: 300;
}
p.text-indent{
	text-indent: 20px;
}
p.paragraph{
	font-size: 1.54rem;
	line-height: 1.6;
}

.result_title {
	margin: 50px auto;
}
.result_title p:last-child {
    display: none;
}

.winner-class{
	margin-bottom: 2.7em;
}
.bg-white{background-color: #fff !important;}
.winner-class h3{
	width: 3em;
	height: 3em;
	font-size: 1.8rem;
	border-radius: 50%;
	background: #D1B797;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 auto;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1em;
	font-weight: 600;
	/* margin-top: 1.65em; */
	margin-bottom: 1.1em;

	/* new */
	margin-top: 1.75em;
}
.winner-class .titleBox{
	width: 400px;
	height: 50px;
	font-size: 2.8rem;
	margin: 0 auto 30px;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	display: flex;
	justify-content: center;
	align-items: center;
}
.winner-class .titleBox.titleBox01{color: #f76d28; border: 2px solid #f76d28;}
.winner-class .titleBox.titleBox02{color: #9361d4; border: 2px solid #9361d4;}

.winner-class .pic1{
	max-width: 450px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

/* .flex-box{
	display:flex;
	justify-content: space-between;
} */
.ig-name{
	font-size: 1.6rem;
	margin-top: .3em;
	margin-bottom: .3em;
	line-height: 1.7;
}
.location{
	font-size: 2rem;
	line-height: 1.7;
}
.location-02{
	font-size: 1.4rem;
	line-height: 1.7;
}
.location-03{
	font-size: 1.6rem;
	margin-bottom: 1.05em;
	line-height: 1.7;
}

/*--------------------------------------
	thank-you
----------------------------------------*/
.whiteBack{
	background-color: #fff;
	padding: 6em 3em 2.7em;
	margin-top: -5.7em;
	text-align: left;
	font-weight: 300;
}

/*--------------------------------------
	winner format　共通部分
----------------------------------------*/
.winner-class .ng-margin{
	margin-top: -1.8em;
}
.winner-class .titleBar{
	position: relative;
	background: #E60009;
	color: #fff;
	width: 420px;
	margin: 0 auto;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	/* new */
	font-size: 2.7rem;
    padding: 0.35em 0;
    line-height: 1.1;

}
.titleBar.titleBar-01{background: #E60009;}
.titleBar.titleBar-02{background: #f76d28;}
.titleBar.titleBar-03{background: #9361d4;}

.winner-class .bt01{border-top: 10px solid #E60009;}
.winner-class .bt02{border-top: 10px solid #f76d28;}
.winner-class .bt03{border-top: 10px solid #9361d4;}

/* common padding + div設定 */
.winner-box{
	/* new */
	padding: 3.9em 1.95em 1.8em;
}
.winner-common > div{
	/* new */
	width: 48.11%;
}

/* 白背景と画像の設定 */
.display-pc{display: block;}
.display-sp{display: none;}

.div-white{
	background: #fff;
	text-align: center;
	width: 450px;
	height: 337px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	max-width: 100%;
}
.div-white img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
}


/* コメントボックス */
.comment-box .comment-title{
	font-size: 1.6rem;
	font-weight: 600;
	text-align: left;
	padding: 1em 0 0;
	max-width: 180px;
	width: 100%;
	color: #fff;
}
.comment-box .comment-title.comment-title01{color: #f76d28;}
.comment-box .comment-title.comment-title02{color: #9361d4;}
.comment-box .comment-desc{
	font-size: 1.6rem;
	padding: 0.5em 1.2em 1.5em 0;
	line-height: 1.8;
	font-weight: 300;
	list-style-position: outside;
}
.comment-box .comment-desc li {
  position: relative; 
  padding-left: 1em; 
}
.comment-box .comment-desc li::before {
  content: "・";
  position: absolute;
  left: 0;
}

/*--------------------------------------
	グランプリ
----------------------------------------*/
.whiteBack_winner{
	padding: 3.5em 1.93em 2.8em 2.06em;
}
#one .regular-text{
	max-width: 800px;
	margin: 0 auto;
}
/*--------------------------------------
	準グランプリ
----------------------------------------*/


/*--------------------------------------
	つたえたい日本の祭りコース
----------------------------------------*/
#three .winner-box{
	padding-top: 3.6em;
}

.winner-class .winner-box .winner-third01{margin-bottom: 68px;}
.winner-class .winner-box .winner-third02{margin-bottom: 50px;}
.winner-class .winner-box .winner-third03{margin-bottom: 68px;}
.winner-class .winner-box .winner-third04{margin-bottom: 45px;}

/*--------------------------------------
	祭りのほほえみコース
----------------------------------------*/
#four .winner-box{
	padding-top: 3.6em;
}
.winner-class .winner-box .winner-fourth01{margin-bottom: 68px;}
.winner-class .winner-box .winner-fourth02{margin-bottom: 50px;}
.winner-class .winner-box .winner-fourth03{margin-bottom: 68px;}
.winner-class .winner-box .winner-fourth04{margin-bottom: 45px;}

#four.winner-class{margin-bottom: 1.8em;}

/* common */
#three .special-prize,
#four .special-prize{
	text-align: center;
	margin-bottom: 25px;
	font-size: 1.6rem;
}

/*--------------------------------------
	フッター
----------------------------------------*/
.app-req{
	/* max-width: 31.25em; */
	max-width: 31.9em;
	width: 100%;
	margin:0 auto;
}
.app-req-title{
	background: #fff;
	border: 1px solid;
	font-size: 1.8rem;
	padding: .55em 0;
	margin-bottom: 3.45em;
}
.app-req div{
	display:flex;
	align-items:center;
	margin-bottom:1.5em;

}
.app-req > div p:first-child{
	background: #f00;
	width: 2.885em;
	height: 2.885em;
	min-height: 2.885em;
	min-width: 2.885em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #ffffc1;
	font-size: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-right: .731em;
	/* margin-right: 10px; */
}
.app-req > div p:last-child{
	font-size: 2.1rem;
	text-align: left;
	/* line-height: 1.8; */
}

/***footer*/

#footer{
	max-width: 1150px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 2em;
	font-size: 1.6rem;
	/* background: #FFF3EB; */
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	font-weight: 600;
}
.footer_bg{
	background: linear-gradient(to bottom, rgba(255, 243, 235, 0), #FFF3EB 10%);
	max-width: 1150px;
	width: 100%;
	height: 75px;
	margin: -75px auto 0;
}

#footer .logo_footer{
	display: inline-block;
	max-width: 640px;
	width: 100%;
	margin-bottom: 60px;
}

#footer p{
	margin-top:60px;
	line-height:1;
}

#footer p small{
	font-size:1.4rem;
	font-weight:normal;
}

/*---------------------------------------------------------
	media queries
-----------------------------------------------------------*/

/*-------------------------------------
	max-width:1120px
---------------------------------------*/
@media screen and (max-width:1120px) {
	.winner-class .ng-margin {
		margin-top: -1.75em;
	}

	#footer{
		/* margin: 0;
		margin-left:calc( ( ( 100% - 100vw ) / 2 ));
		margin-right:calc( ( ( 100% - 100vw ) / 2 )); */
		padding: 0 1em 2em;
	}
	.footer_bg{height: 170px;}
}

/*-------------------------------------
	max-width:1000px
---------------------------------------*/
@media screen and (max-width:1000px) {
	/*layout*/
	br.sp-br{display:block;}
	br.pc-br{display:none;}
	/*------------------- 
	header 
	-------------------*/
	/*header link*/
	.logolink{
		top: 3.5vw;
		left: calc((30 / 750) * 100%);
		width: calc((130 / 750) * 100% );
		height: calc((35.5 / 750) * 100% );
	}

	.sitelink{
		top: -12vw;
		right: calc( (-72 / 750) * 100% );
		height: calc( (355 / 750) * 100% );
		width: calc( (552 / 750) * 100% );
	}
	/*------------------- 
	headline 
	-------------------*/
	.headline{
		margin-bottom:2em;
		font-size:3.7vw;
		line-height:1.8;
	}
	/*画像切り替え*/
	.headline p.sp,
	.h1-sp{display:block;}
	.headline p.pc,
	.h1-pc{display:none;}
	/*------------------- 
	 main content
	-------------------*/
	#main{
		padding: 2em 1.5em 0 1.5em;
		font-size:2.4rem;
	}

	.whiteBack{margin-top: -3.55em; padding: 4em 1.5em 1.5em;}

	/* common */
	.winner-class .ng-margin{margin-top: -1.2em;} 
	.flex-box:not(.col .flex-box){flex-direction: column;}
	.flex-box div:not(.col .flex-box div){width:100%;}
	.winner-class .winner-common div:first-child{margin-bottom: 1.5em;}

	/* グランプリ */
	.whiteBack_winner{padding-top: 2em;}
	
	/* 準グランプリ */
	#two .winner-box{padding-top: 2em;}

	/* つたえたい日本の祭りコース */
	#three .winner-box {padding-top: 2.5em;}
	.winner-class .winner-box .winner-third01{margin-bottom: 50px;}
	.winner-class .winner-box .winner-third02{margin-bottom: 35px;}
	.winner-class .winner-box .winner-third03{margin-bottom: 50px;}
	.winner-class .winner-box .winner-third04{margin-bottom: 45px;}

	/* 祭りのほほえみコース */
	#four .winner-box {padding-top: 2.5em;}
	.winner-class .winner-box .winner-fourth01{margin-bottom: 50px;}
	.winner-class .winner-box .winner-fourth02{margin-bottom: 35px;}
	.winner-class .winner-box .winner-fourth03{margin-bottom: 50px;}
	.winner-class .winner-box .winner-fourth04{margin-bottom: 45px;}

	#three .special-prize,
	#four .special-prize{
		font-size: 1.4rem;
	}

	/*------------------- 
	 footer
	-------------------*/
	#footer p small{
		font-size: .9rem;
	}
 }

/*-------------------------------------
	max-width:750px
---------------------------------------*/
@media screen and (max-width: 750px){
	/* layout */
	.display-pc{display: none;}
	.display-sp{display: block;}
	
	/*------------------- 
	 main content
	-------------------*/
	#main{
		font-size: 1.4rem;
		padding: 1.78em 1.5em 0;
	}

	.thank-you{font-size: 1.7rem;}
	.headline {margin-bottom: 1.75em;}

	/* 総評・講評 */
	/* .col h2{font-size: 2rem;} */
	.whiteBack {
		margin-top: -5em;
		padding: 5em 1em 2em;
	}
	/* .col h3 {font-size: 2rem;} */
	p.paragraph{font-size: 1.6rem;}
	/* .winner-class h3{
		width: 3em;
		height: 3em;
		font-size: 1.8rem;
	} */
	
	.whiteBack_winner{padding: 4em 1em 2.61em;}

	/* common winner format */
	.winner-class .ng-margin{margin-top: -2em;}
	.winner-class .titleBar{
		font-size: 2.5rem;
		max-width: 375px;
		width: 100%;
	}
	#two .winner-box {padding-top: 4em;}
	#three .winner-box {padding-top: 4em;}
	#four .winner-box {padding-top: 4em;}

	.ig-name{margin-bottom: 0.3em; line-height: 1.5;}
	.location{margin-bottom: 0.1em; line-height: 1.5;}

	.result_title {
		 margin: 25px 0 17.5px;
	}
	.result_title p:first-child {
    	display: none;
	}
	.result_title p:last-child {
    	display: block;
	}

	/*------------------- 
	 footer
	-------------------*/
	.app-req-title{
		font-size: 1.6rem;
	}
	.app-req > div p:first-child{
		font-size: 2.1rem;
	}
	.app-req > div p:last-child{
		font-size: 1.6rem;
	}
}

/*-------------------------------------
	max-width:500px
---------------------------------------*/
@media screen and (max-width:500px) {
	
	/*------------------- 
	 main content
	-------------------*/
	#main{
		background-image: url(../img/bg_sp_01.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png);
		background-position: center top -160px, center -325px, center 2095px, center 4513px, center 6933px, center 9353px, center 11773px;
	}
	/* thank you */
	.thank-you{
		font-size: 1.5rem; 
		line-height: 1.6;
		margin-bottom: 1.45em;
	}

	/* common */
	p.paragraph{font-size: 1.35rem;}

	/* 総評・講評 */
	.col {margin-bottom: 1.55em;}
	.whiteBack{
		margin-top: -4.5em;
		padding: 5.15em 1em 1.4em;
	}
	/* .col h2{font-size: 1.77rem;}
	.col h3{
		font-size: 1.6rem;
		line-height: 1.7;
		margin-bottom: .54em;
	} */

	/* winner common format */
	.winner-class{margin-bottom: 1.55em;}
	.winner-class .titleBar{
		max-width: 285px;
		width: 100%;
		font-size: 1.8rem;	
		padding: 8.5px 0 6px;
		padding: 0.45em 0 0.37em;
	}
	.winner-class .whiteBack_winner,
	.winner-class .winner-common{border-top-width: 7px;}
	.winner-class .ng-margin {margin-top: -1.5em;}
	.div-white{max-width: 300px; width: 100%; height: auto;}
	.ig-name{
		font-size: 1.2rem;
		line-height: 1.7;
		margin-top: 0.3em;
	}
	.location{
		font-size: 1.6rem;
	}
	.location-02{
		font-size: 1.1rem;
		line-height: 1.7;
	}
	.location-03{
		font-size: 1.3rem;
		line-height: 1.7;
		margin-bottom: 8.5px;
	}
	.winner-class .titleBox{
		width: 240px;
		height: 28px;
		font-size: 1.74rem;
		line-height: 1.2;
		margin-bottom: 1.11em;
	}

	/* グランプリ */
	.whiteBack_winner{
		padding: 30px 15px 18.5px;
		padding: 2.1em 1.03em 1.3em;
	}
	.winner-class h3{
		width: 3.4em;
		height: 3.4em;
		font-size: 1.5rem;
		margin-top: 1.4em;
		margin-bottom: 0.9em;
	}

	/* 準グランプリ */
	#two .winner-box{padding: 2.07em 0.99em 0.77em;} 
	#two .winner-common div:first-child{margin-bottom: 2.55em;}

	/* つたえたい日本の祭りコース */
	#three .winner-box{padding: 2.75em 0.99em 1.05em;} 
	#three .winner-common div{
		margin-bottom: 32.5px; 
	}
	#three .winner-common.winner-third01,
	#three .winner-common.winner-third03,
	#three .winner-common.winner-third04{
		margin-bottom: 40px; 
	}
	#three .winner-common.winner-third01 div:last-child,
	#three .winner-common.winner-third03 div:last-child,
	#three .winner-common.winner-third04 div:last-child{margin-bottom: 0;}
	#three .winner-common.winner-third02{margin-bottom: 0;}

	/* 祭りのほほえみコース */
	#four .winner-box{padding: 2.75em 0.99em 1.05em;} 
	#four .winner-common div{
		margin-bottom: 32.5px; 
	}
	#four .winner-common.winner-fourth01,
	#four .winner-common.winner-fourth03,
	#four .winner-common.winner-fourth04{
		margin-bottom: 40px; 
	}
	#four .winner-common.winner-fourth01 div:last-child,
	#four .winner-common.winner-fourth03 div:last-child,
	#four .winner-common.winner-fourth04 div:last-child{margin-bottom: 0;}
	#four .winner-common.winner-fourth02{margin-bottom: 0;}

	/*------------------- 
	 comment box
	-------------------*/
	.comment-box .comment-title{
		font-size: 1.4rem;
		max-width: 200px;
		padding: 1.035em 0 0;
	}
	.comment-box .comment-desc{
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 1.035em 1.035em 1.205em 0;
	}
	/*------------------- 
	 footer
	-------------------*/

	.note{
		font-size: 1.2rem;
		line-height: 1.12;
		margin-bottom: 1.21em;
	}
	.app-req-title {
		font-size: 1.6rem;
		padding: .4em 0;
		margin-bottom: 1.805em;
	}
	.app-req div{
		flex-direction: column;
	}
	.app-req > div p:first-child{
		font-size: 2.1rem;
		width: 3.45em;
		height: 3.45em;
		margin-right: 0;
		margin-bottom: 0.58em;
	}
	.app-req > div p:last-child{
		font-size: 1.539rem;
		text-align: center;
	}

	#footer{
		font-size: 1.3rem;
	}
	.footer_bg{height: 80px;margin-top: -15px;}
	#footer .logo_footer{
		max-width: 330px;
		margin-bottom: 28px;
	}
	#footer p{margin-top: 24px;}
 }

/*------------------- 
	 スライダー矢印
	-------------------*/
.mv h1,
.mv .regular {
  position: relative;
}

/* 左右ボタン共通 */
.mv .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;

  width: 56px;
  height: 56px;
  padding: 0;

  background: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);

  font-size: 0;
  cursor: pointer;

  transform: translateY(-50%);
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
}

/* Slick標準の矢印文字を消す */
.mv .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 14px;
  height: 14px;

  border-top: 3px solid #333;
  border-right: 3px solid #333;

  opacity: 1;
  font-family: initial;
}

/* 左矢印 */
.mv .slick-prev {
  left: 24px;
}

.mv .slick-prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}

/* 右矢印 */
.mv .slick-next {
  right: 24px;
}

.mv .slick-next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}

/* マウスオーバー */
.mv .slick-arrow:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* クリック時 */
.mv .slick-arrow:active {
  transform: translateY(-50%) scale(0.94);
}

/* キーボード操作時 */
.mv .slick-arrow:focus-visible {
  outline: 3px solid #0068b7;
  outline-offset: 3px;
}

/* スマートフォン */
@media screen and (max-width: 750px) {
  .mv .slick-arrow {
    width: 42px;
    height: 42px;
  }

  .mv .slick-arrow::before {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }

  .mv .slick-prev {
    left: 10px;
  }

  .mv .slick-next {
    right: 10px;
  }
}