@charset "UTF-8";
/* CSS Document */

/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px) {


	body {
		background: url(../images/bg.jpg) repeat;
		font-feature-settings: "palt";
		background-size: cover;
		color: #3f3f3f;
		/*--背景画像のサイズ--*/
		background-attachment: fixed;
		/*--背景画像の固定--*/
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}

	.nonePC {
		display: none
	}

	.br-pc {
		display: block;
	}

	.br-sp {
		display: none;
	}



	/*///////////////////////////////////////////

ヘッダー

///////////////////////////////////////////*/



	header {
		background-color: #FFF;
		height: 70px;
		margin-top: -15px;
		padding-top: 10px;
	}


	h1 img {
		width: 120px;
		height: auto;
		margin: 0px auto 0;
		text-align: center;
		display: block;
	}





	/*///////////////////////////////////////////

メイン画面

///////////////////////////////////////////*/


	section.mainimg {
		text-align: center;
		margin-bottom: 50px;
	}





	/*///////////////////////////////////////////

リードコピー

///////////////////////////////////////////*/



	div.readcopy {
		margin-top: -20px;
		padding-top: 0px;
	}

	p.radcopy img {
		width: 900px;
		text-align: center;
		margin-bottom: 10px;
	}


	p.readtxt {
		font-size: 120%;
		font-family: "Noto Serif JP", serif;
		font-weight: 700;
		letter-spacing: 0.2em;
		line-height: 220%;
		margin-bottom: 30px;
	}






	/*///////////////////////////////////////////

コンテンツボックス

///////////////////////////////////////////*/



	section.contents {
		text-align: center;
	}


	div.contents_header {
		margin-bottom: -5px;
	}

	div.contentsbox {
		background: url(../images/con_mid.png) repeat-y;
		margin: -10px auto 0;
		text-align: center;
		width: 1150px;
		height: auto;
		padding: 0 0 1px 0;
	}



	h3 {
		width: 980px;
		margin: 5% auto 2% auto;
		background-position: center;
		color: #FFF;
		font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: 0.4em;
		font-size: 200%;
		background-color: #2f673a;
		vertical-align: middle;
		padding: 35px 0;
		border: 3px double #090;
		font-weight: bold !important;
	}


	h3.gold {
		color: #333;
		background: linear-gradient(45deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 50%, #DAAF08 85%, #B67B03 100% 100%);
		border: 3px double #a89165;
		letter-spacing: 0.3em;
	}


	h3.silver {
		color: #333;
		background: linear-gradient(45deg, #757575 0%, #9E9E9E 25%, #E8E8E8 50%, #9E9E9E 85%, #757575 100% 100%);
		border: 3px double #666;
		letter-spacing: 0.3em;
	}




	h3.chubu {
		color: #333;
		background-image: radial-gradient(circle, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
		border: 3px double #c1985a;
		letter-spacing: 0.3em;
	}





	h2 {
		width: 1000px;
		height: 80px;
		background: url(../images/bg_h2red2.png) no-repeat;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
		justify-content: center;
		/* 水平方向の中央 */
		align-items: center;
		/* 垂直方向の中央 */

		margin: 0 auto;
		color: #FFF;
		font-family: "Noto Serif JP", serif;
		font-weight: 400;
		letter-spacing: 0.3em;
		font-size: 24px;
		line-height: 1;
	}



	h2 span {
		transform: translateY(2px);
		/* 微調整で本当に中央に */
	}


	h2.entry001 {
		width: 1150px;
		height: 80px;
		background: url(../images/bg_h2green.png) no-repeat;
		margin: -2% auto;
		padding-top: 6%;
		background-position: center;
		color: #FFF;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing: 0.3em;
		font-size: 170%;
	}




	h2.entry002 {
		width: 1150px;
		height: 80px;
		background: url(../images/bg_h2red.png) no-repeat;
		margin: -2% auto;
		padding-top: 6%;
		background-position: center;
		color: #FFF;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing: 0.3em;
		font-size: 170%;
	}



	h2.entry003 {
		width: 1150px;
		height: 80px;
		background: url(../images/bg_h2blue.png) no-repeat;
		margin: -2% auto;
		padding-top: 6%;
		background-position: center;
		color: #FFF;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		letter-spacing: 0.3em;
		font-size: 170%;
	}






	p.stepone {
		margin: 2% 0 5% 0;
	}






	p.copyright {
		text-align: center;

		padding: 3%;
		font-size: 90%;
		letter-spacing: 0.1em;
	}




	/* ページトップへ戻る */
	#pageTop {
		position: fixed;
		bottom: 30px;
		right: 30px;
	}



	p.past {
		margin: 3%;
	}






	/*/////////////////////////////////////////////////////////


「第31回SC接客ロールプレイングコンテスト」について


//////////////////////////////////////////////////////////*/


	div.contestbox {
		width: 940px;
		margin: 0 auto 30px;
		text-align: left;
		line-height: 180%;
		font-size: 16px;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}



	div.aboutchubu {
		width: 940px;
		margin: 0 auto;
		background-color: #E4D2A7;
		padding: 16px 30px;
		margin-bottom: 80px;
	}




	p.titlecubu {
		font-weight: bold;
		background-color: #630;
		padding: 20px 0;
		color: #FFF;
		letter-spacing: 0.1em;
		font-size: 24px;
	}


	p.txtcubu {
		text-align: left;
		font-size: 16px;
		line-height: 200%;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	p.txtcubu02 {
		font-size: 24px;
		letter-spacing: 1px;
		font-weight: bold;
	}


	div.infobox {
		background-color: #fff;
		border-radius: 5px;
		padding: 10px 0;
	}


	p.day {
		font-size: 18px;
		line-height: 190%;
		margin-top: -10px;
	}


	p.day02 {
		font-size: 16px;
		line-height: 160%;
	}













	/*/////////////////////////////////////////////////////////


結果発表後のcss


//////////////////////////////////////////////////////////*/




	p.question {
		padding: 2%;
		width: 70%;
		margin: 3% auto;
		font-size: 100%;
		border: 3px solid #CDBA67;
		line-height: 200%;
		letter-spacing: 0.1em;
	}


	p.photo {
		margin: 7% 0 10% 0;
	}


	p.Participation {
		font-size: 160%;
		padding: 2%;
		letter-spacing: 5px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

		width: 400px;
		text-align: center;
		margin: 4% auto 3%;
		border: double 5px #d8bb56;
	}


	p.Participation002 {
		font-size: 160%;
		padding: 2%;
		letter-spacing: 5px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

		width: 400px;
		text-align: center;
		margin: 4% auto 3%;
		border: double 5px #acacac;
	}





	/*///////////////////////////////////////////

	
参加者のボタン
	

///////////////////////////////////////////*/


	p.entrybtn {
		width: 500px;
		margin: 5% auto;
		border-radius: 8px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7bb320+20,22752f+100 */
		background: #006835;
		/* Old browsers */
	}



	p.entrybtn a {
		color: #fff;
		font-size: 150%;
		letter-spacing: 0.1em;
		display: block;
		padding: 8% 4%;
		border: 3px solid #d6be60;
		border-radius: 8px;
	}



	p.entrybtn a:hover {
		color: #fff;
		background-color: #1d891c;
		border: 3px solid #d6be60;
	}







	/*/////////////////////////////////////////////////////////


開催概要


//////////////////////////////////////////////////////////*/


	p.cenoonetitle img {
		text-align: center;
		width: 60%;
		margin: 30px 0 0;
	}


	p.abouttxt {
		text-align: left;
		width: 80%;
		margin: 2% auto;
		line-height: 220%;
	}



	p.timesschedule {
		margin: 3% auto 4%;
	}






	/*///////////////////////////////////////////////


スタッフ紹介


///////////////////////////////////////////////*/


	p.quesstionvoice {
		letter-spacing: 0.1em;
		border: 1px solid #ddd;
		width: 70%;
		padding: 3%;
		margin: 3% auto;
		font-weight: bold;
		font-size: 140%;
		letter-spacing: 0.2em;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}



	section.contentsitem {
		padding: 3% 5%;
		overflow: hidden;
	}


	.contentsitem-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.contentsitem-box {
		padding: 1% 0;
		width: 18.5%;
	}

	.contentsitem-box_none {
		width: 18.5%;
		border: 1px solid #fff;
	}




	div.porabox {
		padding: 1% 6% 10%;
		background-color: #fbfbee;
		border-radius: 4px;
		height: auto;
		filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
		position: relative;
		display: inline-block;
	}




	span.entrynumber001 {
		background-color: #015c31;
		font-weight: bold;
		color: #fff;
		padding: 5px;
		left: 10px;
		top: 17px;
		position: absolute;
		z-index: 100000;
		font-size: 55% !important;
		letter-spacing: 0;
		width: 20px;
	}


	_::-webkit-full-page-media, _:future, :root .entrynumber001 {
		padding: 5px;
		font-size: 90% !important;
	}




	span.entrynumber002 {
		background-color: #9c1e22;
		font-weight: bold;
		color: #fff;
		padding: 5px;
		left: 10px;
		top: 17px;
		position: absolute;
		z-index: 100;
		font-size: 55% !important;
		letter-spacing: 0;
		width: 20px;
	}


	_::-webkit-full-page-media, _:future, :root .entrynumber002 {
		padding: 5px;
		font-size: 90% !important;
	}



	span.entrynumber003 {
		background-color: #202a67;
		font-weight: bold;
		color: #fff;
		padding: 5px;
		left: 10px;
		top: 17px;
		position: absolute;
		z-index: 100;
		font-size: 55% !important;
		letter-spacing: 0;
		width: 20px;
	}


	_::-webkit-full-page-media, _:future, :root .entrynumber003 {
		padding: 5px;
		font-size: 90% !important;
	}





	p.staffphoto img {
		width: 100%;

		height: auto;
		background-color: #fff;
		border: 1px solid #B7A243;
	}


	dl.staffinfo, dt, dd {
		padding: 0;
		margin: 0;
	}


	dl.staffinfo dt.name {
		font-weight: bold;
		color: #795900;
	}

	dl.staffinfo dd.history {
		font-size: 80%;
		font-weight: bold;
		color: #795900;
	}

	dl.staffinfo dd.shopname {
		font-size: 75%;
		margin-top: 5%;
		color: #795900;
	}

	dl.staffinfo dd.shopcate {
		font-size: 60%;
		margin: 1% 0 5% 0;
		color: #795900;
	}


	dl.staffinfo dd.txt01 {
		font-size: 75%;
		line-height: 160%;
		padding: 5% 0;
		text-align: left;
		border-top: 1px solid #ddd;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
		font-feature-settings: "palt";
		letter-spacing: 1px;
	}


	dl.staffinfo dd.txt02 {
		font-size: 70%;
		padding: 5% 0;
		text-align: left;
		border-top: 1px solid #ddd;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
		font-feature-settings: "palt";
		letter-spacing: 1px;
	}


	span.txtnumber {
		padding-right: 3%;
	}



	span.smallfont {
		font-size: 80%;
		margin-left: 2%;
	}



	dd.insta img {
		width: 20px;
		vertical-align: middle;
		margin-right: 5px;
	}


	dd.insta a {
		color: #333;
		font-size: 80%;
	}





	/*///////////////////////////////////////////

受賞者

///////////////////////////////////////////*/



	dl.award {
		border: 5px solid #e0cd88;
		width: 750px;
		padding: 30px 20px;
		margin: 0 auto;
	}


	dl.award002 {
		border: 5px solid #d3d3d3;
		width: 750px;
		padding: 30px 20px;
		margin: 0 auto;
	}


	dl.award003 {
		border: 5px solid #015c31;
		width: 750px;
		padding: 30px 20px;
		margin: 0 auto;
	}


	dl.award004 {
		border: 5px solid #e5e4e2;
		width: 750px;
		padding: 30px 20px;
		margin: 0 auto;
	}



	dt.awardname {
		font-size: 160%;
		font-weight: 700;
		color: #795900;
	}


	dd.awardhistory {
		font-size: 90%;
		margin: 1%;
	}


	dd.awardshopname {
		font-size: 90%;
		margin: 1%;
		color: #795900;
	}


	dd.awardshopcate {
		font-size: 8%;
		margin: 1% 0 3%;
		color: #795900;
	}


	dd.awardtxt01, dd.awardtxt02 {
		font-size: 90%;
		margin: 1% 0;
		text-align: center;
	}

	dd.awardtxt01 img {
		width: 220px;
	}


	dd.awardtxt03 {
		font-size: 90%;
		margin: 20px 20px 10px 20px;
		text-align: left;
		line-height: 2.2;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}




	.awbg001 {
		background: url(../images/bg_aw001.jpg) no-repeat;
		background-position: top 10px right 10px;
		background-size: 16%;
	}

	.awbg002 {
		background: url(../images/bg_aw002.jpg) no-repeat;
		background-position: top 10px right 10px;
		background-size: 16%;
	}


	.awbg003 {
		background: url(../images/bg_aw003.jpg) no-repeat;
		background-position: top 10px right 10px;
		background-size: 16%;
	}







	.mt50 {
		margin-top: 50px;
	}









}