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

/*　選抜校 提出作品 別窓ページ=====================================*/

#sub-contents {
    width: 100%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    text-align: left;
    border-width: medium;
}
.subMidashiday11b {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	height: 50px;
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	border: #ccc solid 1px;
	font-size: 123.1%;
	float: left;
	background-color: #50B9FF;
}
.subMidashiday11b .midashiTextday11b {
	color: #333;
	width: 100%;
	background-position: 15px 20px;
	background-image: url(../images/bgMidashiIcon05.png);
	background-repeat: no-repeat;
	display: block;
	line-height: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 40px;
	padding-bottom: 0;
	border: #FFF solid 1px;
}
.subMidashiday22b {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	height: 50px;
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	border: #ccc solid 1px;
	font-size: 123.1%;
	float: left;
	background-color: #68EB02;
}
.subMidashiday22b .midashiTextday22b {
	color: #333;
	width: 100%;
	background-position: 15px 20px;
	background-image: url(../images/bgMidashiIcon03.png);
	background-repeat: no-repeat;
	display: block;
	line-height: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 40px;
	padding-bottom: 0;
	border: #FFF solid 1px;
}
.subMidashiday33b {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	height: 50px;
	width: 1320px;
	padding: 0;
	margin: 0 0 15px;
	border: #ccc solid 1px;
	font-size: 123.1%;
	float: left;
	background-color: #FF8F36;
}
.subMidashiday33b .midashiTextday33b {
	color: #333;
	width: 1290px;
	background-position: 15px 20px;
	background-image: url(../images/bgMidashiIcon06.png);
	background-repeat: no-repeat;
	display: block;
	line-height: 50px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 40px;
	padding-bottom: 0;
	border: #FFF solid 1px;
}
.sub-pro2 {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-right: 70px;
	margin-bottom: 50px;
	background-color: #FCCB61;
	font-size: 130%;
	width: 460px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 70px;
	letter-spacing: 1em;
}
.sub-pro2 a {
	text-decoration: none;
}
.sub-pro22 {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-right: 70px;
	margin-bottom: 50px;
	background-color: #C3D0FC;
	font-size: 130%;
	width: 460px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 70px;
	letter-spacing: 1em;
}
.sub-pro22 a {
	text-decoration: none;
}
/*別窓3日目*/

.sub-pro-select3 {
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	float: left;
	margin-bottom: 5px;
	border: 1px solid #878787;
	border-radius: 10px;
}
.sub-pro3 {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-right: 70px;
	margin-bottom: 50px;
	background-color: #FCCB61;
	font-size: 130%;
	width: 460px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 70px;
	letter-spacing: 1em;
}
.sub-pro3 a {
	text-decoration: none;
}
.sub-pro33 {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-right: 70px;
	margin-bottom: 50px;
	background-color: #C3D0FC;
	font-size: 130%;
	width: 460px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 70px;
	letter-spacing: 1em;
}
.sub-pro33 a {
	text-decoration: none;
}
.sub-pro3sele {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-right: 410px;
	margin-bottom: 20px;
	background-color: #C3D0FC;
	font-size: 130%;
	width: 400px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 420px;
}
.submidashi3 {
	width: 1290px;
	padding-left: 30px;
	font-size: 150%;
	text-align: left;
	color: #222222;
	letter-spacing: 0.1em;
	margin-top: 10px;
	border-bottom: 1px dotted #CC0000;
	background-image: url(../images/bgMidashiIcon07.png);
	background-repeat: no-repeat;
	background-position: 12px 15px;
	line-height: 1.5em;
	padding-bottom: 5px;
}
.sub-pro-main3 {
	width: 1290px;
	padding-left: 30px;
	font-size: 130%;
	text-align: left;
	color: #222222;
	margin-top: 10px;
	border-bottom: 1px dotted #FF9A36;
	background-image: url(../images/bgMidashiIcon06.png);
	background-repeat: no-repeat;
	background-position: 12px 10px;
	line-height: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
}
.subprophoto3 {
	margin-top: 0;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	width: 420px;
	float: left;
	border-right: 1px dotted #FF8318;
}
.subprophoto3 ul {
	margin: 0;
	padding: 0;
	width: 420px;
}
.subprophoto3 li {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 20px;
	padding: 0;
	width: 400px;
	float: left;
	list-style-type: none;
	text-align: center;
	margin-top: 5px;
	height: 420px;
	border-radius: 10px;
}
.subprophoto3 p {
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.3em;
	text-align: center;
}
/*li 縦中央に　*/
.subprophoto3 ul li p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 400px !important;
	width: auto;
	height: 420px !important;
	height: auto;
}
.subprophoto3r {
	margin-top: 0;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	width: 420px;
	float: left;
}
.subprophoto3r ul {
	margin: 0;
	padding: 0;
	width: 420px;
}
.subprophoto3r li {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 20px;
	padding: 0;
	width: 400px;
	float: left;
	list-style-type: none;
	text-align: center;
	margin-top: 5px;
	height: 420px;
	border-radius: 10px;
}
.subprophoto3r p {
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.3em;
	text-align: center;
}
/*li 縦中央に　*/
.subprophoto3r ul li p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 400px !important;
	width: auto;
	height: 420px !important;
	height: auto;
}
.sub-pro3sele {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 50px;
	margin-right: 440px;
	margin-bottom: 50px;
	background-color: #C4D0FC;
	font-size: 130%;
	width: 400px;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
	margin-left: 450px;
}
/*  選抜校 提出作品 別窓ページ　ここまで   */



/*選抜校個別ページ　*/
.sub-pro-select2 {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	float: left;
	margin-bottom: 5px;/*border: 1px solid #878787;
	border-radius: 10px;*/
}
/*　選抜校個別ページ　国・地域・都市　等*/
.submidashi2 {
    width: auto;
    padding-left: 30px;
    font-size: 110%;
    text-align: left;
    color: #000080;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-top: 10px;
    border-left: 8px solid #CC0000;
    border-bottom: 2px solid #CC0000;
    /*border-right: 1px dotted #CC0000;
	border-top: 1px dotted #CC0000;*/
    background-image: url(../images/bgMidashiIcon07.png);
    background-repeat: no-repeat;
    background-position: 12px 8px;
    line-height: 1.5em;
    padding-bottom: 5px;
    word-break: keep-all;
}
/*　選抜校個別ページ　国・地域・都市　等*/
.submidashi_j {
	width: auto;
	padding-left: 30px;
	font-size: 110%;
	text-align: left;
	color: #222222;
	margin-top: 30px;
	border-bottom: 1px dotted #FF9A36;
	background-image: url(../images/bgMidashiIcon11.png);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	line-height: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
	word-break: break-all;
}
/*　選抜校個別ページ　チーム写真*/
.sub-team-photo {
	width: 80%;
	margin: 10px 0px;
	padding: 0px 10%;
}
.sub-team-photo img {
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;/*写真とNoの間隔*/
}

/*　選抜校個別ページ　SUB　テキスト*/
.sub-text-left {
	width: auto;
	padding-left: 30px;
	padding-right:20px;
	font-size: 100%;
	text-align: left;
	color: #000000;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #CC0000;
	line-height: 1.5em;
	padding-bottom: 5px;
	word-break: normal;
}
/*　選抜校個別ページ　SUB　テキスト*/
.sub-text-right {
	width: auto;
	padding-left: 30px;
	padding-right:20px;
	font-size: 100%;
	text-align: right;
	color: #000000;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #CC0000;
	line-height: 1.5em;
	padding-bottom: 5px;
	word-break: normal;
}
/*　選抜校個別ページ　SUB　テキスト*/
.sub-text-left_aw {
	width: auto;
	padding-left: 50px;
	font-size: 100%;
	text-align: left;
	color: #000000;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CC0000;
	line-height: 1.5em;
	padding-bottom: 5px;
	word-break: keep-all;
	background-repeat: no-repeat;
	background-position: 20px 0px;
	background-image: url(../images/king2.png);
	display: block;
	font-weight: bold;
}
/*　審査員総評　タイトル　*/	
.jadgesmidashi {
	width: auto;
	padding-left: 30px;
	font-size: 110%;
	text-align: left;
	color: #222222;
	margin-top: 10px;
	border-bottom: 1px dotted #0545C5;
	background-image: url(../images/bgMidashiIcon10.png);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	line-height: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
	word-break: break-all;
}
/*　審査員総評　タイトル　*/	
.jadgesmidashi_blank {
	width: auto;
	padding-left: 30px;
	font-size: 110%;
	text-align: left;
	color: #000080;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 10px;
	border-left: 8px solid #0545C5;
	border-bottom: 2px solid #0545C5;
	/*border-right: 1px dotted #CC0000;
	border-top: 1px dotted #CC0000;*/
	background-image: url(../images/bgMidashiIcon10.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	line-height: 1.5em;
	padding-bottom: 5px;
	word-break: keep-all;
}
/*　選抜校個別ページ　タイトル　*/	
.sub-pro-main2 {
    width: auto;
    padding-left: 30px;
    font-size: 110%;
    text-align: left;
    color: #222222;
    margin-top: 30px;
    border-bottom: 1px dotted #FF9A36;
    background-image: url(../images/bgMidashiIcon01.png);
    background-repeat: no-repeat;
    background-position: 12px 6px;
    line-height: 1.4em;
    font-weight: bold;
    padding-bottom: 5px;
    word-break: break-all;
}
/*　受賞ページ総投票数　テキスト*/
.sub-text-number {
	width: auto;
	padding: 5px 30px;
	font-size: 100%;
	text-align: left;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #3D3D3D;
	line-height: 1.5em;
	word-break: keep-all;
	background-color: #747474;
	font-weight: bold;
}
/*　受賞ページ獲得数　テキスト*/
.sub-text-number2 {
	width: auto;
	padding: 5px 30px;
	font-size: 100%;
	text-align: left;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
	line-height: 1.5em;
	word-break: keep-all;
	font-weight: bold;
}
/* 選抜校個別ページ　写真部分　*/
.subprophoto1 {
    margin: 20px 0px 40px 0px;
	padding: 0;
    width: 100%;
    text-align: center;
    float: left;

}
/* 選抜校個別ページ　写真部分　*/
.subprophoto2 {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.subprophoto2 ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.subprophoto2 li {
	margin: 10px 2px;/*上下　左右*/
	padding: 0;
	width: 32%;
　/*写真３枚並べる*/
 list-style-type: none;
	font-size: 120%;
	line-height: 1em;
	text-align: center;
	height: auto;
	float: left;
}
.subprophoto2 li img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;/*写真とNoの間隔*/
}
.subprophoto2 li.tate80 img {
	width: 80%;
	height: auto;
	margin-bottom: 15px;/*写真とNoの間隔*/
}
.subprophoto2 li.tate70 img {
	width: 70%;
	height: auto;
	margin-bottom: 15px;/*写真とNoの間隔*/
}
.subprophoto2 li.tate60 img {
	width: 60%;
	height: auto;
	margin-bottom: 15px;/*写真とNoの間隔*/
}
.subprophoto2 li.tate50 img {
	width: 50%;
	height: auto;
	margin-bottom: 15px;/*写真とNoの間隔*/
}
/*li 縦中央に　*/
.subprophoto2 ul li p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 90% !important;
	width: auto;
	height: 320px !important;
	height: auto;
}
@media only screen and (max-width: 800px){
.subprophoto2 ul li p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 90% !important;
	width: auto;
	height: 220px !important;
	height: auto;
}
}



/* 審査員ボタン　*/

.judjesb {
	margin: 0;
	padding: 0;
	width: 100%;
	/*float: left;*/
}
.judjesb ul {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}
.judjesb li {
	margin: 0px;/*上下　左右*/
	padding: 5px 0px;/*上下　左右*/
	width: 25%;
　/*写真4枚25% 2枚50% 並べる*/
 list-style-type: none;
	float: left;
}
.judjesb li img {
	width: 100%;
	height: auto;
	list-style-type: none;
	margin-bottom: 0px;/*写真とNoの間隔*/
}

@media only screen and (max-width: 800px){
.judjesb {
	margin: 0;
	padding: 0;
	width: 100%;
	/*float: left;*/
}
.judjesb ul {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}
.judjesb li {
	margin: 0px;/*上下　左右*/
	padding: 5px 0px;/*上下　左右*/
	width: 50%;
　/*写真4枚25% 2枚50% 並べる*/
 list-style-type: none;
	float: left;
}
.judjesb li img {
	width: 100%;
	height: auto;
	list-style-type: none;
	margin-bottom: 0px;/*写真とNoの間隔*/
}
}

/*　選抜校個別ページ　閉じるボタン　*/
.sub-pro2sele {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 50px 30%;
	background-color: #B2D1F1;
	font-size: 130%;
	width: 40%;
	text-align: center;
	border-radius: 10px;
	text-shadow: 1px 1px #ABABAB;
	float: left;
}
/*　選抜校個別ページ　*/
.sub-pro2sele a {
	text-decoration: none;
}
/*文字装飾*/
.fontbred {
	font-size: 110%;
	color: #000080;
	font-weight: bold;
}
/*選抜校個別ページ　ここまで*/

.sub-voteput1 {
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #CC0000;
	font-size: 130%;
	width: 200px;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
}
.sub-voteput1 a{
	text-decoration: none;
	color: #FFFFFF;
}

/* アクセントボタン　*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*共通ここまで*/
a.btn-border {
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

a.btn-border:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 15px;
  height: 100%;

  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);

  border-radius: 0 50% 50% 0;
  background: #000;
}

a.btn-border:hover:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  line-height: 30px;

  width: 30px;
  height: 30px;

  content: '\f061';
  -webkit-transform: translateX(700%) translateY(.5rem);
  transform: translateX(700%) translateY(.5rem);

  color: #fff;
  border-radius: 50%;
}

.theme h3 {
	clear: both;
	border: none!important;
	border-bottom: 2px solid #555!important;		/*線の幅、線bo種、色*/
	font-size: 110%;
	padding: 5px 30px;		/*上下、左右への見出し内の余白*/	
	font-weight: bold;
}
.awardstitle {
    width: 100%;
    padding: 20px;
    border: 2px solid #C1C1C1;
    font-size: 110%!important;
    font-weight: bold!important;
    background-color: #F8F8F8;
}
.themefont {
	padding: 20px;
	font-size: 1.2em;
	font-weight: bold;
}
.subgroupkojin {
    clear: both;
    margin: 20px 0;	/*見出しの下に空けるスペース*/
    font-size: 110%;		/*文字サイズ*/
    background: #838080;	/*背景色（古いブラウザ用）*/
    background-color: #838080;	/*背景グラデーション*/
    border: 1px solid #000;		/*線の幅、線種、色*/
    padding: 10px 20px;		/*上下、左右への見出し内の余白*/
    color: #F8F8F8!important;			/*文字色*/
    letter-spacing: 0em!important;	/*文字間隔を少し広くとる設定*/
    line-height: 1.6em;
    font-weight: bold;
}