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

/*リセット*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*==============================
全体
==============================*/
html {
	font-size:62.5%;
	/*基本サイズ10px*/
	background:url(../images/bg.jpg) repeat;
}

body {
	-webkit-text-size-adjust: 100%;
	color:#3A3A3A;
	font-size:1.8rem;
	line-height:3.3rem;
	font-family:'Frank Ruhl Libre', "Times New Roman", Times, serif;
	font-weight:400;
}

@media screen and (max-width:899px) {
	body {
	font-size:1.6rem;
	line-height:2.6rem;
}
}

a:link,a:visited,a:hover,a:active {
	color:#1D356D;
	text-decoration:none;
}

@media screen and (max-width:899px) {
a {
	display:block;
}
}

img {
	vertical-align:bottom;
}

/*==============================
共通
==============================*/
/*クリア*/
.clear {
	clear:both;
}

/*マージン*/
.bottom5 {
	margin-bottom:5px;
}

.bottom10 {
	margin-bottom:10px;
}

.bottom15 {
	margin-bottom:15px;
}

.bottom20 {
	margin-bottom:20px;
}

.bottom25 {
	margin-bottom:25px;
}

.bottom30 {
	margin-bottom:30px;
}

.bottom35 {
	margin-bottom:35px;
}

.bottom40 {
	margin-bottom:40px;
}

.bottom45 {
	margin-bottom:45px;
}

.bottom50 {
	margin-bottom:50px;
}

.top5 {
	margin-top:5px;
}

.top10 {
	margin-top:10px !important;
}

.top15 {
	margin-top:15px;
}

.top20 {
	margin-top:20px;
}

.top25 {
	margin-top:25px;
}

.top30 {
	margin-top:30px;
}

.top35 {
	margin-top:35px;
}

.top40 {
	margin-top:40px;
}

.top45 {
	margin-top:45px;
}

.top50 {
	margin-top:50px;
}

.top70 {
	margin-top:70px;
}

.left5 {
	margin-left:5px;
}

.left10 {
	margin-left:10px;
}

.left15 {
	margin-left:15px;
}

.left20 {
	margin-left:20px;
}

.right5 {
	margin-right:5px;
}

.right10 {
	margin-right:10px;
}

.right15 {
	margin-right:15px;
}

.right20 {
	margin-right:20px;
}

.right25 {
	margin-right:25px;
}

.right30 {
	margin-right:30px;
}

.right35 {
	margin-right:35px;
}

.right40 {
	margin-right:40px;
}

/*パディング*/
.pTop5 {
	padding-top:5px;
}

.pTop10 {
	padding-top:10px;
}

.pTop15 {
	padding-top:15px;
}

.pTop20 {
	padding-top:20px;
}

.pBottom5 {
	padding-bottom:5px;
}

.pBottom10 {
	padding-bottom:10px;
}

.pBottom15 {
	padding-bottom:15px;
}

.pBottom20 {
	padding-bottom:20px;
}

.pLeft10 {
	padding-left:10px !important;
}

/*揃え*/
.taLeft {
	text-align:left;
}

.taRight {
	text-align:right;
}

.taCenter {
	text-align:center;
}

/*フォント*/
.fwBold {
	font-weight:bold;
}

/*float*/
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

/*クリア*/
.ofHidden {
	overflow:hidden;
}

/*==============================
ヘッダー
==============================*/
header {
	border-top:10px solid #1D356D;
	text-align:center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dacc75+0,ffffff+50,ffffff+50&0.7+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(218,204,117,0.7) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(218,204,117,0.7) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(218,204,117,0.7) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dacc75', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	padding:0 0 70px;
}

@media screen and (max-width:899px) {
header {
	width:100%;
	padding:0 0 10px;
}
}

header h1 {
	margin:50px 0 10px;
}

@media screen and (max-width:899px) {
header h1 {
	margin:15px 0 10px;
}

header h1 img {
	width:277px;
	height:auto;
}
}

.rankingYear {
	color:#000;
	font-size:7.0rem;
	line-height:7.4rem;
	font-weight:bold;
}

@media screen and (max-width:899px) {
.rankingYear {
	font-size:3.0rem;
	line-height:3.4rem;
	margin-bottom:10px;
}
}

.headTitleWrap {
	overflow:hidden;
	min-width:1000px;
	margin-top:50px;
}

@media screen and (max-width:899px) {
.headTitleWrap {
	min-width:inherit;
}
}

.headTitleLeft,.headTitleRight {
	font-family:'Frank Ruhl Libre', "Times New Roman", Times, serif;
	font-weight:400;
	font-size:3.2rem;
	line-height:3.6rem;
	color:#000;
	border-bottom:1px solid #1D356D;
	padding:5px;
}

@media screen and (max-width:899px) {
.headTitleLeft,.headTitleRight {
	font-size:2.0rem;
	line-height:2.4rem;
}
}

.headTitleLeft {
	text-align:right;
	width:48%;
	margin-bottom:5px;
}

@media screen and (max-width:899px) {
.headTitleLeft {
	text-align:center;
	width:100%;
}
}

.headTitleRight {
	text-align:left;
	width:60%;
	float:right;
}

@media screen and (max-width:899px) {
.headTitleRight {
	text-align:center;
	width:100%;
	float:none;
}
}

header p {
	font-size:2.0rem;
	line-height:3.5rem;
	font-weight:bold;
}

@media screen and (max-width:899px) {
header p {
	padding:0 20px;
	font-size:1.6rem;
	line-height:2.7rem;
	text-align:left;
}

header p br {
	display:none;
}
}

/*==============================
説明ブロック
==============================*/
#about {
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width:899px) {
#about {
	width:100%;
}
}

.headlineType01 {
	color:#1D356D;
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
	font-weight:500;
	margin-bottom:25px;
}

@media screen and (max-width:899px) {
.headlineType01 {
	font-size:2.8rem;
	line-height:3.2rem;
	margin:0 20px 15px;
}

.headlineType01 span {
	display:none;
}
}

.headlineType01:after {
	content:'';
	display:block;
	margin:0 auto;
	width:76px;
	height:16px;
	margin-top:10px;
	background-image:url(../images/headline_kazari.png);
	background-size:contain;
}

@media screen and (max-width:899px) {
.headlineType01:after {
	margin-top:15px;
}
}

.headlineType02 {
	color:#FFF;
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
.headlineType02 {
	font-size:2.8rem;
	line-height:3.2rem;
	margin:0 20px 25px;
}
}

.headlineType02:after {
	content:'';
	display:block;
	margin:0 auto;
	width:76px;
	height:16px;
	margin-top:10px;
	background-image:url(../images/headline_kazari2.png);
	background-size:contain;
}

@media screen and (max-width:899px) {
.headlineType02:after {
	margin-top:15px;
}
}

.headlineType03 {
	background:#1D356D;
	color:#FFF;
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:50px;
	padding:40px 0;
	margin-top:100px;
}

@media screen and (max-width:899px) {
.headlineType03 {
	font-size:2.8rem;
	line-height:3.2rem;
	margin:40px 0 25px;
	padding:25px 0;
}

.headlineType03 span {
	display:none;
}
}

.headlineType03:after {
	content:'';
	display:block;
	margin:0 auto;
	width:76px;
	height:16px;
	margin-top:10px;
	background-image:url(../images/headline_kazari3.png);
	background-size:contain;
}

@media screen and (max-width:899px) {
.headlineType03:after {
	margin-top:15px;
}
}

#report .headlineType03 br {
	display:none;
}

@media screen and (max-width:899px) {
#report .headlineType03 br {
	display:inherit;
}
}

/*採点方法*/
.aggregationMethod {
	font-size:1.8rem;
	line-height:3.2rem;
	margin-bottom:30px;
}

@media screen and (max-width:899px) {
.aggregationMethod {
	font-size:1.6rem;
	line-height:2.5rem;
	margin:0 20px;
	margin-bottom:20px;
}
}

.aggregationMethodEntry {
	text-align:center;
	margin-bottom:65px;
	font-weight:500;
}

.aggregationMethodEntry br {
	display:none;
}

@media screen and (max-width:899px) {
.aggregationMethodEntry {
	text-align:left;
	margin:0 20px 35px;
}

.aggregationMethodEntry br {
	display:inherit;
}

.aggregationMethodEntry span {
	display:none;
}
}


/*対象コンテスト・アワード／ポイント加点方法*/
.awardExplanation {
	border-top:1px solid #8E9AB6;
	padding:20px 0;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (max-width:899px) {
.awardExplanation {
	border-top:none;
	padding:10px 0;
	margin:0 20px;
	display:block;
}
}

.lastUnderLine {
	border-bottom:1px solid #8E9AB6;
	margin-bottom:65px;
}

@media screen and (max-width:899px) {
.lastUnderLine {
	border-bottom:none;
	margin-bottom:30px;
}
}

.awardExplanation h3 {
	flex-basis:100%;
	background:#1D356D;
	color:#DACC75;
	font-size:2.6rem;
	line-height:3.0rem;
	padding:8px 20px;
	margin-bottom:15px;
	font-weight:500;
}

@media screen and (max-width:899px) {
.awardExplanation h3 {
	font-size:1.8rem;
	line-height:2.0rem;
	padding:5px 10px;
	margin-bottom:10px;
}
}

.awardLeft {
	flex-basis:50%;
	padding-right:20px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1.6rem;
	line-height:2.4rem;
}

@media screen and (max-width:899px) {
.awardLeft {
	width:100%;
	padding-right:0;
}
}

.awardRight {
	flex-basis:50%;
	padding-left:20px;
}

@media screen and (max-width:899px) {
.awardRight {
	width:100%;
	padding-left:0;
	margin-top:5px;
}
}

.awardLeft p {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

.notice {
	color:#1D356D;
	font-size:1.4rem;
	line-height:1.8rem;
	margin-top:14px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
}

@media screen and (max-width:899px) {
.notice {
	font-size:1.2rem;
	line-height:1.6rem;
}
}

.officialSite {
	font-size:1.5rem;
	line-height:2.0rem;
	text-align:right;
	margin-top:15px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
}

.officialSite a:link,.officialSite a:visited,.officialSite a:hover,.officialSite a:active {
	color:#1D356D;
	text-decoration:none;
}

@media screen and (max-width:899px) {
.officialSite a:link,.officialSite a:visited,.officialSite a:hover,.officialSite a:active {
	display:inline;
}
}

.officialSite:before {
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	background-image:url(../images/official_site.png);
	background-size:contain;
	vertical-align:middle;
	margin-right:12px;
}

.awardRight h4 {
	font-size:1.7rem;
	line-height:2.0rem;
	border-bottom:5px solid #1D356D;
	padding-bottom:3px;
	margin-bottom:10px;
	display:inline-block;
	font-weight:700;
}

.awardRight ul li {
	display:flex;
	flex-wrap:wrap;
	font-size:1.7rem;
	line-height:2.2rem;
}

@media screen and (max-width:899px) {
.awardRight ul li {
	font-size:1.5rem;
	line-height:2.0rem;
}
}

ul.point2column li div  {
	width:50%;
	padding:6px 10px;
}

ul.point2column li div:first-child {
	color:#1D356D;
}

ul.point2column li div:last-child {
	text-align:right;
}

ul.point2column li:nth-child(odd),ul.point3column li:nth-child(odd) {
	background-color: rgba(29,53,109,0.2);
}

ul.point2column li:nth-child(even),ul.point3column li:nth-child(even) {
	background:#09F;
	background-color: rgba(29,53,109,0.1);
}

ul.point3column {
	margin-top:10px;
}

ul.point3column li {
	display:flex;
	align-items:center;
}

ul.point3column li div:first-child {
	flex-basis:30%;
	padding:6px 10px;
	color:#1D356D;
}

@media screen and (max-width:899px) {
ul.point3column li div:first-child {
	flex-basis:35%;
}
}

ul.point3column li div:nth-child(2) {
	flex-basis:50%;
	padding:6px 0;
	color:#1D356D;
	font-size:1.5rem;
	line-height:1.8rem;
}

@media screen and (max-width:899px) {
	ul.point3column li div:nth-child(2) {
	flex-basis:40%;
	font-size:1.4rem;
	line-height:1.7rem;
}
}

ul.point3column li div:last-child {
	flex-basis:20%;
	text-align:right;
	padding:6px 10px;
}

@media screen and (max-width:899px) {
ul.point3column li div:last-child {
	flex-basis:25%;
}
}

@media screen and (max-width:899px) {
ul.point2column li div br,ul.point3column li div br {
	display:none;
}
}

ul.point2column,ul.point3column {
	font-weight:500;
}

.cancelled {
	color:#9F0000;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width:899px) {
.cancelled {
	margin-bottom:5px;
}
}

/*★による格付けについて*/
dl.starExplanation {
	font-size:2.0rem;
	line-height:3.4rem;
	display:flex;
	flex-wrap:wrap;
	width:320px;
	margin:20px auto 0;
	font-weight:500;
}

@media screen and (max-width:899px) {
dl.starExplanation {
	font-size:2.0rem;
	line-height:2.8rem;
	width:280px;
}
}

.starExplanation dt {
	color:#B7990A;
	width:50%;
}

@media screen and (max-width:899px) {
.starExplanation dt {
	width:30%;
}
}

.starExplanation dd {
	text-align:right;
	width:50%;
}

@media screen and (max-width:899px) {
.starExplanation dd {
	width:70%;
}
}

.starText {
	font-size:1.8rem;
	line-height:3.2rem;
}

@media screen and (max-width:899px) {
.starText {
	font-size:1.6rem;
	line-height:2.5rem;
	margin:0 20px;
}
}

/*世界酒蔵ランキングとは*/
#aboutRanking {
	font-size:1.8rem;
	line-height:3.2rem;
	margin-left:1em;
	font-weight:500;
}

@media screen and (max-width:899px) {
#aboutRanking {
	font-size: 1.6rem;
    line-height: 2.5rem;
	padding:0 20px;
}
}

#aboutRanking li {
	margin-bottom:15px;
}

#aboutRanking li:last-child {
	margin-bottom:0;
}

#aboutRanking li:before {
	content: "◆";
	color:#1D356D;
	display:inline-block;
	margin-left:-1em;
	width:1em;
}

/*コンセプト*/
#concept {
	margin:50px 0 55px;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (max-width:899px) {
#concept {
	margin:20px 20px 25px;
	display:inherit;
}
}

#concept h3 {
	font-size:2.0rem;
	line-height:2.6rem;
	background:#1D356D;
	color:#FFFFFF;
	font-weight:700;
	text-align:center;
	padding:8px;
	margin-bottom:25px;
    flex-basis:100%;
}

@media screen and (max-width:899px) {
#concept h3 {
    font-size: 1.7rem;
    line-height: 2.0rem;
	padding:10px 10px;
	margin-bottom:10px;
    flex-basis:100%;
}
}

#concept p {
	font-size:1.6rem;
	line-height:2.6rem;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	margin-bottom:20px;
}

@media screen and (max-width:899px) {
#concept p {
	margin-bottom:10px;
}
}

#concept div p:last-child {
	margin-bottom:0;
}

#concept div {
    flex-basis:50%;
}

#concept div:first-child {
	padding-right:20px;
}

@media screen and (max-width:899px) {
#concept div:first-child {
	padding-right:0;
}
}

#concept div:last-child {
	padding-left:20px;
}

@media screen and (max-width:899px) {
#concept div:last-child {
	padding-left:0;
}
}

#concept ol {
	margin-left:2rem;
	margin-bottom:10px;
	margin-top:-10px;
}

@media screen and (max-width:899px) {
#concept ol {
	margin-bottom:10px;
	margin-top:0;
}
}

#concept ol li {
	list-style:decimal outside;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1.6rem;
	line-height:2.6rem;
}

/*==============================
酒蔵ランキングタイトル
==============================*/
#rankingTitle {
	background:#1D356D;
	min-width:1000px;
	color:#FFF;
	font-size:1.8rem;
	line-height:3.0rem;
	font-weight:500;
	text-align:center;
	padding:30px 0 25px;
	margin:90px 0 100px;
}

@media screen and (max-width:899px) {
#rankingTitle {
	min-width:inherit;
	font-size:1.6rem;
	line-height:2.7rem;
	margin:40px 0 20px;
	padding:20px;
}

#rankingTitle p {
	text-align:left;
}

#rankingTitle br {
	display:none;
}

#rankingTitle img {
	width:90%;
	height:auto;
}
}

#rankingTitle h2 {
	margin-bottom:18px;
}

#rankingTitle div {
	font-size:1.8rem;
	line-height:2.2rem;
	margin-top:15px;
	color:#ecc50d;
}

@media screen and (max-width:899px) {
#rankingTitle div {
	font-size:1.4rem;
	line-height:2.0rem;
	text-align:left;
}
}

/*==============================
ランキング
==============================*/
#ranking {
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width:899px) {
#ranking {
	width:100%;
}
}

ul.rankingStar {
	display:flex;
	width:481px;
	margin:0 auto 45px;
}

@media screen and (max-width:899px) {
ul.rankingStar {
	display:flex;
	width:100%;
	margin:0 auto 20px;
	padding:0 20px;
}
}

ul.rankingStar li:nth-child(2) {
	background:url(../images/rank_plate_02.png) repeat-x;
	font-size:4.3rem;
	line-height:4.6rem;
	color:#FFF;
	text-align:center;
	height:93px;
	padding-top:8px;
	flex-basis:400px;
}

@media screen and (max-width:899px) {
ul.rankingStar li:nth-child(2) {
	background:url(../images/rank_plate_02.png) repeat-x;
	background-size:auto 59px;
	font-size:2.7rem;
	line-height:2.9rem;
	height:59px;
	padding-top:4px;
	flex-basis:100%;
}
}

ul.rankingStar li:nth-child(2) span {
	font-size:1.8rem;
	vertical-align:text-top;
	margin:0 15px;
}

@media screen and (max-width:899px) {
ul.rankingStar li:nth-child(2) span {
	font-size:1.4rem;
	margin:0 8px;
}
}

ul.rankingStar li:nth-child(2) div {
	font-size:2.3rem;
	line-height:2.8rem;
	color:#B7990A;
}

@media screen and (max-width:899px) {
ul.rankingStar li:nth-child(2) div {
	font-size:1.4rem;
	line-height:1.8rem;
}
}

@media screen and (max-width:899px) {
ul.rankingStar li:first-child img ,ul.rankingStar li:last-child img {
	width:auto;
	height:59px;
}
}

/*共通*/
.sakagura a:link,.sakagura a:visited {
	color:#1D356D;
}

.sakagura a:hover,.sakagura a:active {
	opacity: 0.8;
}

@media screen and (max-width:899px) {
.sakagura a:hover,.sakagura a:active {
	opacity: 1.0;
}
}

.point span {
	font-size:80%;
	margin-left:-8px;
}

@media screen and (max-width:899px) {
.point span {
	margin-left:-5px;
}
}


/*1位～10位*/
#rank1-10 .rankWrap {
	background:url(../images/double_line.png) repeat-x top left;
	position:relative;
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrap {
	margin:0 20px 25px;
}
}

#rank1-10 .rankWrap .rank {
	display:block;
	width:104px;
	height:140px;
	position:absolute;
	left:0;
	top:-11px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrap .rank {
	width:70px;
	height:94px;
	position:absolute;
	left:0;
	top:-7px;
}
}

#rank1-10 .rankWrap .rank img {
	width:104px;
	height:140px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrap .rank img {
	width:70px;
	height:94px;
}
}

#rank1-10 .rankSakaguraName {
	margin-left:125px;
	padding-top:33px;
	display:flex;
}

@media screen and (max-width:899px) {
#rank1-10 .rankSakaguraName {
	margin-left:80px;
	padding-top:16px;
	flex-wrap:wrap;
}
}

#rank1-10 .rankSakaguraName li:first-child {
	flex-basis:65%;
}

@media screen and (max-width:899px) {
#rank1-10 .rankSakaguraName li:first-child {
	flex-basis:100%;
}
}

#rank1-10 .rankSakaguraName li:last-child {
	flex-basis:35%;
	text-align:right;
	margin-left:10px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankSakaguraName li:last-child {
	flex-basis:100%;
	margin-left:0;
	margin-top:15px;
	display:flex;
	align-items:center;
}
}

#rank1-10 .sakagura {
	color:#1D356D;
	font-size:3.6rem;
	line-height:4.0rem;
	font-weight:500;
}

@media screen and (max-width:899px) {
#rank1-10 .sakagura {
	font-size:2.5rem;
	line-height:2.8rem;
}
}

#rank1-10 .star {
	color:#B7990A;
	font-size:2.3rem;
	line-height:2.6rem;
	margin:5px 0;
}

@media screen and (max-width:899px) {
#rank1-10 .star {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank1-10 .prefectures {
	font-size:2.3rem;
	line-height:2.6rem;
}

@media screen and (max-width:899px) {
#rank1-10 .prefectures {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank1-10 .point {
	color:#1D356D;
	font-size:5.0rem;
	line-height:5.2rem;
}

@media screen and (max-width:899px) {
#rank1-10 .point {
	font-size:2.6rem;
	line-height:3.0rem;
	flex-basis:100%;
}
}

.detailButton {
	margin-top:15px;
}

@media screen and (max-width:899px) {
.detailButton {
	flex-basis:70px;
	margin-left:10px;
	margin-top:0;
}
}

.detailButton img {
	width:101px;
	height:30px;
}

@media screen and (max-width:899px) {
.detailButton img {
	width:70px;
	height:21px;
}
}

.detailButton a:hover img,.detailButton img a:active img {
	opacity: 0.8;
}

@media screen and (max-width:899px) {
.detailButton a:hover img,.detailButton img a:active img {
	opacity: 1.0;
}
}


#rank1-10 .rankWrap h3 {
	background:#999999;
	color:#FFF;
	font-size:1.9rem;
	line-height:2.4rem;
	font-weight:bold;
	padding:5px 10px;
	margin:30px 0 10px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrap h3 {
	font-size:1.5rem;
	line-height:2.0rem;
	padding:5px 10px;
	margin:15px 0 10px;
}
}

#rank1-10 .winningSake {
	font-size:2.0rem;
	line-height:2.4rem;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (max-width:899px) {
#rank1-10 .winningSake {
	font-size:1.6rem;
	line-height:2.0rem;
	display:inherit;
}
}

#rank1-10 .winningSake li {
	border-bottom:1px solid #999999;
	padding-bottom:10px;
	margin-bottom:10px;
	display:flex;
	align-items:center;
}

@media screen and (max-width:899px) {
#rank1-10 .winningSake li {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:10px;
	display:inherit;
}
}

#rank1-10 .winningSake li:nth-child(odd) {
	flex-basis:50%;
	padding-right:10px;
}

@media screen and (max-width:899px) {
#rank1-10 .winningSake li:nth-child(odd) {
	padding-right:0;
}
}

#rank1-10 .winningSake li:nth-child(even) {
	flex-basis:50%;
	padding-left:10px;
}

@media screen and (max-width:899px) {
#rank1-10 .winningSake li:nth-child(even) {
	padding-left:0;
}
}

/*格付け発表時TOP10*/
#top10HiddenHeadline {
	font-size:2.5rem;
	line-height:3.0rem;
	color:#1D356D;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}

@media screen and (max-width:899px) {
#top10HiddenHeadline {
	font-size:2.0rem;
	line-height:2.6rem;
	padding:0 20px;
	margin-bottom:20px;
}
}

.top10lastBorder {
	border-bottom:1px solid #1D356D;
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
.top10lastBorder {
	margin-bottom:25px;
}
}

#rank1-10 .rankWrapTop10Hidden .rankSakaguraName {
	background:url(../images/double_line.png) repeat-x top left;
	margin-left: 0;
    padding-top: 0;
    display:inherit;
	padding:40px 0 35px;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrapTop10Hidden .rankSakaguraName {
	padding:20px 20px 20px;
}
}

#rank1-10 .rankWrapTop10Hidden .rankSakaguraName li:last-child {
	text-align:center;
}

@media screen and (max-width:899px) {
#rank1-10 .rankWrapTop10Hidden .rankSakaguraName li:last-child {
    margin-left: 0;
    margin-top:0;
    display:inherit;
}
}

/*11位～20位*/
#rank11-20 ol {
	background:url(../images/double_line.png) repeat-x top left;
	padding-top:6px;
	position:relative;
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
#rank11-20 ol {
	margin:0 20px 25px;
}
}

#rank11-20 ol li {
	border-bottom:1px solid #1D356D;
	display:flex;
	align-items:center;
	position:relative;
	padding:20px 0;
}

@media screen and (max-width:899px) {
#rank11-20 ol li {
	flex-wrap:wrap;
	padding:10px 0 15px;
}
}

#rank11-20 ol li .sakaguraWrapCenter {
	flex-basis:75%;
	padding-left:150px;
}

@media screen and (max-width:899px) {
#rank11-20 ol li .sakaguraWrapCenter {
	flex-basis:100%;
	padding-left:80px;
}
}

#rank11-20 ol li .sakagraWrapRight {
	flex-basis:25%;
	text-align:right;
	padding-left:20px;
}

@media screen and (max-width:899px) {
#rank11-20 ol li .sakagraWrapRight {
	flex-basis:100%;
	padding-left:80px;
	display:flex;
	align-items:center;
	margin-top:10px;
}
}

#rank11-20 ol li .rank {
	width:100px;
	height:102px;
	text-align:center;
	color:#FFF;
	font-size:4.0rem;
	background:url(../images/rank_ribbon_11-20.png) no-repeat top center;
	background-size:100px 102px;
	padding-top:15px;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width:899px) {
#rank11-20 ol li .rank {
	width:70px;
	height:71px;
	font-size:2.8rem;
	background:url(../images/rank_ribbon_11-20.png) no-repeat top center;
	background-size:70px 71px;
	padding-top:8px;
}
}

#rank11-20 ol li .rank div {
	font-size:2.8rem;
	line-height:3.0rem;
}

@media screen and (max-width:899px) {
#rank11-20 ol li .rank div {
	font-size:2.0rem;
	line-height:2.2rem;
}
}

#rank11-20 ol li .sakagura {
	font-size:3.0rem;
	line-height:3.4rem;
	font-weight:500;
}

@media screen and (max-width:899px) {
#rank11-20 ol li .sakagura {
	font-size:2.4rem;
	line-height:2.6rem;
}
}

#rank11-20 .star {
	color:#B7990A;
	font-size:2.3rem;
	line-height:2.6rem;
	margin:5px 0;
}

@media screen and (max-width:899px) {
#rank11-20 .star {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank11-20 .prefectures {
	font-size:2.0rem;
	line-height:2.4rem;
}

@media screen and (max-width:899px) {
#rank11-20 .prefectures {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank11-20 .point {
	color:#1D356D;
	font-size:4.0rem;
	line-height:4.2rem;
}

@media screen and (max-width:899px) {
#rank11-20 .point {
	color:#1D356D;
	font-size:2.6rem;
	line-height:2.6rem;
	flex-basis:100%;
}
}

/*21位～30位・31位～40位・41位～50位*/
#rank21-30 ol,#rank31-40 ol,#rank41-50 ol {
	background:url(../images/double_line.png) repeat-x top left;
	padding-top:6px;
	position:relative;
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
#rank21-30 ol,#rank31-40 ol,#rank41-50 ol {
	margin:0 20px 25px;
}
}

#rank21-30 ol li,#rank31-40 ol li,#rank41-50 ol li {
	border-bottom:1px solid #1D356D;
	display:flex;
	align-items:center;
	padding:20px 0;
}

@media screen and (max-width:899px) {
#rank21-30 ol li,#rank31-40 ol li,#rank41-50 ol li {
	padding:10px 0 15px;
}
}

.rank21-50Wrap {
	flex-basis:85%;
	display:flex;
	align-items:center;
}

@media screen and (max-width:899px) {
.rank21-50Wrap {
	flex-basis:calc(100% - 80px);;
	flex-wrap:wrap;
}
}

#rank21-30 ol li .sakaguraWrapCenter,#rank31-40 ol li .sakaguraWrapCenter,#rank41-50 ol li .sakaguraWrapCenter {
	flex-basis:75%;
}

@media screen and (max-width:899px) {
#rank21-30 ol li .sakaguraWrapCenter,#rank31-40 ol li .sakaguraWrapCenter,#rank41-50 ol li .sakaguraWrapCenter {
	flex-basis:100%;
}
}

#rank21-30 ol li .sakagraWrapRight,#rank31-40 ol li .sakagraWrapRight,#rank41-50 ol li .sakagraWrapRight {
	flex-basis:25%;
	text-align:right;
}

@media screen and (max-width:899px) {
#rank21-30 ol li .sakagraWrapRight,#rank31-40 ol li .sakagraWrapRight,#rank41-50 ol li .sakagraWrapRight {
	flex-basis:100%;
	margin-top:10px;
	display:flex;
	align-items:center;
}
}

#rank21-30 ol li .rank,#rank31-40 ol li .rank,#rank41-50 ol li .rank {
	font-size:4.5rem;
	line-height:4.6rem;
	color:#1D356D;
	flex-basis:15%;
	text-align:center;
}

@media screen and (max-width:899px) {
#rank21-30 ol li .rank,#rank31-40 ol li .rank,#rank41-50 ol li .rank {
	font-size:3.0rem;
	line-height:3.2rem;
	text-align:center;
	flex-basis:80px;
	padding-right:5px;
}
}

#rank21-30 ol li .rank div,#rank31-40 ol li .rank div,#rank41-50 ol li .rank div {
	font-size:3.0rem;
	line-height:3.2rem;
}

@media screen and (max-width:899px) {
#rank21-30 ol li .rank div,#rank31-40 ol li .rank div,#rank41-50 ol li .rank div {
	font-size:2.0rem;
	line-height:2.2rem;
}
}

#rank21-30 ol li .sakagura,#rank31-40 ol li .sakagura,#rank41-50 ol li .sakagura {
	font-size:3.0rem;
	line-height:3.4rem;
	font-weight:500;
}

@media screen and (max-width:899px) {
#rank21-30 ol li .sakagura,#rank31-40 ol li .sakagura,#rank41-50 ol li .sakagura {
	font-size:2.4rem;
	line-height:2.8rem;
	font-weight:500;
}
}

#rank21-30 .star,#rank31-40 .star,#rank41-50 .star {
	color:#B7990A;
	font-size:2.3rem;
	line-height:2.6rem;
	margin:5px 0;
}

@media screen and (max-width:899px) {
#rank21-30 .star,#rank31-40 .star,#rank41-50 .star {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank21-30 .prefectures,#rank31-40 .prefectures,#rank41-50 .prefectures {
	font-size:2.0rem;
	line-height:2.4rem;
}

@media screen and (max-width:899px) {
#rank21-30 .prefectures,#rank31-40 .prefectures,#rank41-50 .prefectures {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#rank21-30 .point,#rank31-40 .point,#rank41-50 .point {
	color:#1D356D;
	font-size:4.0rem;
	line-height:4.2rem;
}

@media screen and (max-width:899px) {
#rank21-30 .point,#rank31-40 .point,#rank41-50 .point {
	color:#1D356D;
	font-size:2.6rem;
	line-height:2.6rem;
	flex-basis:100%;
}
}

/*==============================
フッター
==============================*/
footer {
	color:#FFF;
	background:#1D356D;
	text-align:center;
	padding:45px 0 50px;
	min-width:1000px;
}

@media screen and (max-width:899px) {
footer {
	min-width:inherit;
	padding:20px;
}
}

footer a:link,footer a:visited,footer a:hover,footer a:active {
	color:#FFF;
}

footer ul {
	font-size:0;
	font-weight:700;
}

footer ul li {
	font-size:1.8rem;
	line-height:2.4rem;
	display:inline-block;
	margin-right:40px;
}

footer ul li:last-child {
	margin-right:0;
}

footer address {
	font-size:1.4rem;
	line-height:2.4rem;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	margin:20px 0 25px;
}

@media screen and (max-width:899px) {
footer address {
	margin:10px 0 15px;
	text-align:left;
}
}

footer p {
	font-size:1.2rem;
	line-height:1.6rem;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

/*==============================
ページトップ
==============================*/
.pagetop {
	display: none;
	position: fixed;
	bottom:40px;
	right:60px;
}

@media screen and (max-width:899px) {
.pagetop {
	bottom:13px;
	right:13px;
}	
}

.pagetop img {
	width:48px;
	height:50px;
}

/*==============================
サイトポリシー
==============================*/
#sitePolicy header {
	padding:50px 0 35px;
}

@media screen and (max-width:899px) {
#sitePolicy header {
	width:100%;
	padding:20px 0 30px;
}
}

#sitePolicy header p {
	width:1000px;
	margin:0 auto;
	font-size:1.8rem;
	line-height:3.0rem;
	font-weight:400;
	text-align:left;
}

@media screen and (max-width:899px) {
#sitePolicy header p {
	width:100%;
	font-size:1.6rem;
	line-height:2.5rem;
	padding:0 20px;
}
}

#contents {
	width:1000px;
	margin:0 auto;
	font-size:1.6rem;
	line-height:2.5rem;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
}

@media screen and (max-width:899px) {
#contents {
	width:100%;
	padding:0 20px;
}
}

#contents h2 {
	font-size:2.2rem;
	line-height:2.6rem;
	color:#1D356D;
	margin-bottom:15px;
	font-weight:600;
	padding-left:1em;
    text-indent:-1em;
}

@media screen and (max-width:899px) {
#contents h2 {
	font-size:2.0rem;
	line-height:2.4rem;
}
}

#contents h2:before {
	content:"◆";
}

#contents h3 {
	font-size:1.6rem;
	line-height:2.6rem;
	color:#1D356D;
	font-weight:bold;
}

#contents p {
	margin-bottom:30px;
}

#contents ul {
	list-style:outside disc;
	margin:-20px 0 30px 2rem;
}

/*==============================
言語切替
==============================*/
#language {
	background:#3FF;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-weight:600;
	font-size:1.5rem;
	line-height:34px;
	width:1000px;
	margin:0 auto;
	position:relative;
}

@media screen and (max-width:899px) {
#language {
	font-family: 'Open Sans', sans-serif;
	font-size:1.3rem;
	width:100%;
}
}

#language a {
	color:#FFF;
	text-decoration:none;
	background:#1D356D;
	display:block;
	width:120px;
	height:34px;
	padding-right:2px;
	padding-bottom:2px;
	position:absolute;
	top:-4px;
	right:0;
}

@media screen and (max-width:899px) {
#language a {
	right:20px;
}
}

#language a:before {
  content:'';
  display:inline-block;
  width:13px;
  height:10px;
  background-image:url(../images/lang_arrow.png);
  background-size:contain;
  vertical-align:middle;
  margin-right:5px;
  margin-top:-3px;
}

/*==============================
過去年度リンク
==============================*/
#archive {
	background:#1D356D;
	color:#FFF;
	padding:100px 0 72px;
	border-bottom:1px solid #FFF;
}

@media screen and (max-width:899px) {
#archive {
	padding:30px 20px 10px;
}
}

#archive ol {
	width:1000px;
	margin:0 auto;
	font-size:36px;
	line-height:42px;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

@media screen and (max-width:899px) {
#archive ol {
	width:100%;
	font-size:30px;
	line-height:36px;
}
}

#archive ol li {
	text-align:center;
	border:1px solid #B0B0B0;
	flex-basis: calc(25% - 21px);
	box-sizing:border-box;
	margin-right:28px;
	margin-bottom:28px;
}

@media screen and (max-width:899px) {
#archive ol li {
	flex-basis: calc(50% - 10px);
	margin-right:20px;
	margin-bottom:20px;
}
}

#archive ol li:nth-child(4n) {
	margin-right:0;
}

@media screen and (max-width:899px) {
#archive ol li:nth-child(4n) {
	margin-right:inherit;
}

#archive ol li:nth-child(2n) {
	margin-right:0;
}
}

#archive ol li a {
	display:block;
	color:#FFFFFF;
	padding:16px 0;
}

@media screen and (max-width:899px) {
#archive ol li a {
	padding:12px 0;
}
}

/*==============================
表彰式レポート
==============================*/
#report {
	margin-bottom:70px;
}

@media screen and (max-width:899px) {
#report {
	margin-bottom:10px;
}
}

#report h3 {
	color:#1D356D;
	font-weight:bold;
	font-size:3.5rem;
	line-height:3.4rem;
	text-align:center;
	margin:20px 0 45px;
}

@media screen and (max-width:899px) {
#report h3 {
	font-size:2.5rem;
	line-height:2.7rem;
	margin:0 0 27px;
}
}

#report h3 .reportStar {
	color:#B7990A;
	font-size:2.3rem;
}

@media screen and (max-width:899px) {
#report h3 .reportStar {
	font-size:1.6rem;
}
}

#report h3 .reportRank {
	font-size:2.6rem;
}

@media screen and (max-width:899px) {
#report h3 .reportRank {
	font-size:1.8rem;
}
}

#report h3.history br {
	display:none;
}

@media screen and (max-width:899px) {
#report h3.history br {
	display:inherit;
}
}

#report p {
	width:1000px;
	margin:0 auto 50px;
}

@media screen and (max-width:899px) {
#report p {
	width:100%;
	margin:0 0 20px;
	padding:0 20px;
}
}

.photoRow1,.photoRow2,.photoRow3 {
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width:899px) {
.photoRow1,.photoRow2,.photoRow3 {
	width:calc(100% - 40px);
}
}

.photoRow1 figcaption,.photoRow2 figcaption,.photoRow3 figcaption {
	margin-top:10px;
	font-size:1.5rem;
	line-height:2.0rem;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

.photoRow1 figure,.photoRow2 figure,.photoRow3 figure {
	margin-bottom:25px;
}

.photoRow2 {
	display:flex;
	flex-wrap:wrap;
}

.photoRow2 figure {
	width:490px;
	margin-right:20px;
}

@media screen and (max-width:899px) {
.photoRow2 figure {
	width:calc(50% - 5px);
	margin-right:10px;
}
}

.photoRow2 figure:nth-child(2n) {
	margin-right:0;
}

.photoRow3 {
	display:flex;
	flex-wrap:wrap;
}

.photoRow3 figure {
	width:320px;
	margin-right:20px;
}

@media screen and (max-width:899px) {
.photoRow3 figure {
	width:calc(50% - 5px);
	margin-right:10px;
}
}

.photoRow3 figure:nth-child(3n) {
	margin-right:0;
}

@media screen and (max-width:899px) {
.photoRow3 figure:nth-child(3n) {
	margin-right:10px;
}

.photoRow3 figure:nth-child(2n) {
	margin-right:0;
}
}

.photoRow1 img,.photoRow2 img,.photoRow3 img {
	width:100%;
	height:auto;
}

.top10Name {
	color:#1D356D;
	font-weight:bold;
	font-size:2.4rem;
	line-height:2.8rem;
	text-align:center;
	margin:30px 0 20px;
}

@media screen and (max-width:899px) {
.top10Name {
	font-size:1.8rem;
	line-height:2.2rem;
	margin:0 0 20px;
}
}