@charset "UTF-8";
body	{margin: 0; padding: 0; color: #000000; background-color: rgba(255,245,0,1); font-family: 'Roboto', sans-serif; text-align: center;}
.content{text-align: left;}
header .info b{display:block;}
main > section > h1{padding: 0.25em; color: rgba(255,245,0,1); background-color: rgba(0,0,0,1.00);}
footer{padding: 2.0em 0; border-top: 1px solid #000000;}
footer p{margin: 0; padding: 0;}
img{max-width: 100%;}
.reset{margin: 0; padding: 0; list-style-type: none;;}
.row{display: table;}
.row > .col{display: table-cell;}
hr{border-top: none; border-right: none; border-bottom: 1px solid #c7c7c7; border-left: none; padding-top: 10px; margin: 0 0 10px;}
hr.spacer{margin-bottom: 0; padding: 10px 0; border: none;}
hr.spacer-2x{margin-bottom: 0; padding: 20px 0; border: none;}
hr.hr-2x{margin-bottom: 0; padding-top: 20px; margin: 0 0 20px;}
hr.hr-4x{margin-bottom: 0; padding-top: 40px; margin: 0 0 40px;}
.button-sns ul{display: flex; align-items: center; justify-content: flex-end; position: relative; margin-top: 10px; z-index: 2;}
.button-sns ul li{width: 30px; height: 30px; margin-right: 0.5em; overflow: hidden; vertical-align: top;}
.button-sns ul li:last-child{width: auto; margin: 0 0 0 1.0em;}
.button-sns ul li a{display: block; color: #333333; text-decoration: none;}
.button-sns ul li a:before{display: block; width: 30px; height: 30px; line-height: 30px; font-family: fontAwesome; font-size: 2.0rem;}
.button-sns ul li.icon-facebook a:before{content: "\f082";}
.button-sns ul li.icon-twitter a:before{content: "\f099";}
.button-sns ul li.icon-x a:before{content: "\e61b";}
.button-sns ul li.icon-youtube a:before{content: "\f16a";}
.button-sns ul li.icon-instagram a:before{content: "\f16d";}
.button-sns ul li.icon-line a:before{content: "\f3c0";}
.button-sns ul li:last-child a{height: 30px; line-height: 30px; padding: 0 0.5em; color: #ffffff; background-color: #000000; border-radius: 5px;}

@media screen and (max-width:834px){
body{font-size: 3.5vw}
header{display:flex; align-items:center; justify-content: space-between; position: relative; padding: 10px 10px 60px;}
header h1{width: 40%; margin: 0;}
header .button-sns{position: absolute; bottom: 20px; left: 0; width: 100%; height: 30px; border-top: 1px solid #000000;}
header .button-sns ul{margin: 10px 0; justify-content: center;}
footer{padding: 1.0em;}
.button-sns ul li a:before{font-size: 20px;}
.item-embed iframe { vertical-align: top;}
.item-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.item-embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
h1{font-size: 5vw;}
main{padding: 0 3.5vw;}
main section h1{width: calc(100% + 7vw); margin-top: 0; padding: 0.5em; transform: translate(-3.5vw); box-sizing: border-box;}
main > section table{width: 100%;}
main > section table th{padding: 1.0em; color:rgba(255,245,0,1); background-color: #000000; border-bottom: 5px solid rgba(255,245,0,1);}
main > section table td{padding: 1.0em; background-color: #ffffff; border-bottom: 5px solid rgba(255,245,0,1); border-left: 5px solid rgba(255,245,0,1);}
.unit-2-lg > .col:not(:last-child)	{margin-bottom: 2.0em;}
.results section h1, .ce section h1{margin-top: 1.5em; padding-top: 1.0em; border-top: 1px solid #000000; text-align: center;}

}

@media screen and (min-width:835px){
html	{
	font-size: 62.5%;
}

body	{
	min-width: 1060px;
	font-size: 1.6rem;
}
.content{width: 1060px; margin: 0 auto;}
header{display: flex; align-items: center;justify-content: space-between}
header{display: flex; justify-content: space-between}
header .info{text-align: right}
header .info b{font-size: 2.5rem;;}
main > section table{width: 100%;}
main > section table th{padding: 1.0em; color:rgba(255,245,0,1); background-color: #000000; border-bottom: 5px solid rgba(255,245,0,1);}
main > section table td{padding: 1.0em; background-color: #ffffff; border-bottom: 5px solid rgba(255,245,0,1); border-left: 5px solid rgba(255,245,0,1);}
.row-lg{display: table;}
.row-lg > .col{display: table-cell;}
main > section.results table tr th:first-child, main > section.results table tr td:first-child{width: 10%; border-left: none; text-align: center;}
main > section.results table tr th:nth-of-type(2), main > section.results table tr td:nth-of-type(2){width: 10%; text-align: center;;}
main > section.results table tr th:last-child, main > section.results table tr td:last-child{text-align: right;}
.results .row-lg{width: 100%;}
.results .row-lg > .col{vertical-align: top;;}
.results .row-lg > .col:last-child{width: 400px;}
.results .row-lg > .col:last-child ul.reset li{margin: 0 0 20px 20px;}
.results .row-lg > .col:last-child ul.reset li img{vertical-align: text-bottom;;}
.unit-2-lg, .unit-3-lg, .unit-4-lg, .unit-5-lg, .unit-6-lg	{font-size: 0;}
.unit-2-lg > .col, .unit-3-lg > .col, .unit-4-lg > .col, .unit-5-lg > .col, .unit-6-lg > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.unit-2-lg > .col	{width: 49.056%; vertical-align: top;}
.unit-2-lg.narrow > .col	{width: 48.113%;   margin: 3.773% 0 0 3.773%;  }
.unit-2-lg > .col:nth-child(2n+1)	{margin-left: 0;}
.unit-2-lg > .col:nth-child(-n+2)	{margin-top: 0;}
.ce .unit-2-lg > .col{text-align: center;}
.ce .unit-2-lg > .col p{text-align: left;}
}

@media screen and (min-width:1460px){
	/*header{width: 1460px; margin: 0 auto;}
	header ul{left: 0; width: 100%;}*/
}