@charset "UTF-8";
header	{position: relative; background-color: #ffffff; z-index: 1;}
.footerBnrArea, footer	{position: relative;; z-index: 1;}
.contents	{position: relative; padding-bottom: 0; background-color: #000000; overflow: hidden;}
.contents > section:before {display: block; content: ""; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent url("../../../img/jch/110/bg.png") no-repeat center bottom; background-size: cover;}
.contents > section > * {position: relative}

.contents h2	{padding: 0.5em 0; color: #ffffff; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(115,0,9,0.9) 50%, rgba(0,0,0,0.9) 100%);text-align: center;}
.jchList ul li .field{color: #ffffff; background-color: #333333;}
.jchList ul li .row > .col strong{display: block; text-align: left;}
.jchList ul li .row > .col em{display: block; padding-bottom: 1.0em; border-bottom: 1px solid #ffffff; font-size: 0.75em; text-align: left;}
.jchList ul li .row > .col p{padding: 0.5em 0;}
.jchList ul li .row > .col > span{display: flex;}
.jchList ul li .row > .col > span:before{display: flex; align-items: center; justify-content: center; content: "選考競技会"; margin-right: 0.5em; padding: 0.5em 0.75em; color: #333333; background-color: rgba(255,255,255,1.00); font-size: 0.75em; text-align: center; line-height: 1.0;}
.jchList ul li .itemButton a{display: inline-block; margin-top: 1.5em; padding: 1.0em 1.5em; color: #ffffff; background-color: #e50112; border-radius: 5.0em; font-weight: bold; line-height: 1.0; text-decoration: none; transition: all 0.5s;}
.jchList ul li .itemButton a:after, .roadto ul li a:after{display: inline-block; content: "\f054"; margin-left: 0.5em; font-family: fontAwesome; font-weight: normal;}
.jchList ul li .itemButton a:hover{background-color: #720009;}



.roadto{position: relative; padding: 1.0em; background: rgb(88,55,125); background: linear-gradient(90deg, rgba(88,55,125,1) 0%, rgba(116,83,153,1) 50%, rgba(88,55,125,1) 100%); text-align: center; overflow: hidden;}
.roadto b{display: inline-block; margin-bottom: 1.0em; color: #ffffff; font-size: 1.25em; text-align: center;}
.roadto ul{display: flex;}
.roadto ul li a{display: block; padding: 1.0em; color: #ffffff; border: 2px solid #ffffff; font-weight: bold; text-decoration: none; transition: all 0.5s;}
.roadto ul li a:hover{color: rgb(88,55,125); background-color: #ffffff;}


@media only screen and (max-width: 640px){
	.contents > section:before {background-size: 150%;}
	.contents h2	{font-size: 4.0vw;}
	.jchList ul{padding: 0 20px 20px; font-size: 3.5vw;}
	.jchList ul > li{margin-top: 20px; border: 1px solid rgba(255,255,255,0.25); font-size: 3.5vw; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
	.jchList ul > li .row > .col:last-child{padding: 1.5em;}
	.jchList ul li .row > .col p{ font-size: 3.5vw;}
	.jchList ul li .row > .col span{align-items: stretch;}
	.jchList ul li .itemButton{text-align: center;}
	.roadto{margin-top: 2.0em; padding: 2.0em 0;}
	.roadto .bgContainer{padding: 1.0em 0;}
	.roadto ul{flex-wrap: wrap; margin: 0 20px;}
	.roadto ul li{width: 100%; font-size: 3.5vw;}
	.roadto ul li:not(:first-child){margin-top: 10px;}
}

@media only screen and (min-width: 641px){
	.contents, .main	{position: relative;}
	.wrapper {min-height: auto;	}
	.menu-container, .footerBnrArea, footer	{position: relative;; z-index: 1;}
	.jchList{width: 1050px; margin: 50px auto;}
	.jchList ul{font-size: 0; text-align: center;}
	.jchList ul > li {display: inline-block; vertical-align: top;}
	/*.jchList ul > li:first-child {width: 1050px; text-align: left;}
	.jchList ul > li:not(:first-child) {width: 510px; margin-top: 30px;}
	.jchList ul > li:not(:first-child):nth-child(odd) {margin-left: 30px;}*/
	.jchList ul > li {width: 510px; margin-top: 30px;}
	.jchList ul > li:nth-child(even) {margin-left: 30px;}
	.jchList ul li .field{padding: 20px;}
	/*.jchList ul > li:first-child .row{display: table; width: 100%;}
	.jchList ul > li:first-child .row > .col{display: table-cell; vertical-align: middle;}
	.jchList ul > li:first-child .row > .col:first-child{width: 400px; padding-right: 40px; box-sizing: border-box;}
	.jchList ul > li:not(:first-child) .row > .col:first-child img {width: 250px;}*/
	.jchList ul > li .row > .col:first-child img {width: 250px;}
	.jchList ul li .row > .col strong{font-size: 30px;}
	/*.jchList ul > li:not(:first-child) .row > .col strong{margin-top: 0.75em; font-size: 20px;}*/
	.jchList ul > li .row > .col strong{margin-top: 0.25em; font-size: 20px;}
	.jchList ul li .row > .col > p:first-child{padding: 1.0em 0 0;}
	.jchList ul li .row > .col span{align-items: flex-start;}
	.roadto {padding: 50px 0;}
	.roadto ul{width: 1050px; margin: 0 auto;}
	.roadto ul li{width: calc(100% - 20px); margin-left: 20px;}


}