@charset "UTF-8";
/*
File name:faq.css

Table of Contents:
[1] base
*/

/*========================================
[1] base
========================================*/
#tournament,#event,#entry,#entryAfter,#change,#venue,#other {
	padding-top: 100px;
    margin-top: -90px;
}
.faqArea {
    width: 940px;
    margin: 0 auto;
}

.faqArea section {
    overflow: hidden;
    display: block;
}

.faqArea section h3	{
	padding:8px 10px 6px;
	background:#efefef;
	color:#165e83;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #fff;
	position:relative;
}
.faqArea section h3:after {
    content: "　";
    width: 18px;
    height: 18px;
    background: url(/images/common/btn_plus_Blue.png) no-repeat center right;
    position: absolute;
    right: 10px;
    top: 83%;
    margin-top: -9px;
}
.faqArea section h3.active:after {
    content: "　";
    background: url(/images/common/btn_minus_Blue.png) no-repeat center right;
    position: absolute;
    right: 10px;
    top: 77%;
    margin-top: -1px;
}

.faqArea section > dl dt	{
	border-top:1px dotted #3f312b;
	padding:15px 35px;
	line-height:1.4;
	position:relative;
}
.faqArea section > dl dt:first-child	{
	border-top:none;
}
.faqArea section > dl dt:before	{
	content: "Q.";
	font-size:18px;
	position: absolute;
	left: 12px;
	top: 11px;
}
.faqArea section > dl dt:after	{
	content: "　";
	width: 18px;
	height: 18px;
	background: url(/images/common/btn_plus.png) no-repeat center right;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
}
.faqArea section > dl dt.active	{
	background:#3f312b;
	color:#fff;
}
.faqArea section > dl dt.active:after	{
	content: "　";
	width: 17px;
	height: 2px;
	background: url(/images/common/btn_minus_White.png) no-repeat center right;
	background-size: 17px 2px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -1px;
}
.faqArea section > dl dd	{
	padding:15px 10px 15px 32px;
	position:relative;
}
.faqArea section > dl dd:before	{
	content: "A.";
	font-size:18px;
	position: absolute;
	left: 12px;
	top: 11px;
}
.faqArea section > dl dd img	{
	display:block;
	margin:10px auto;
}

/* 番号付きリスト */
.faqArea section > dl ol li	{
	margin:5px 0;
}
.faqArea section > dl ol li	{
	list-style-type: decimal;
	margin-left:2em;
}

/* リスト */
.faqArea section > dl ul li	{
}
.faqArea section > dl ul li	{
	list-style-type: disc;
	margin-left:1.5em;
}
/*----------------------*/

ul.faq_contents a {
    display: block;
    text-decoration: none;
    color: #3fca91;
    padding: 15px 5px;
    font-size: 13px;
}
.arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}

.arrow:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.faq_contents a:after {
	content: "∨";
    font-size: 12px;
    left: 188px;
    margin-top: 14px;
}

.faq_contents{
	width: 940px;
	margin: 5px auto;
}
.faq_contents li {
    display: inline-block;
    margin: 5px 4px;
    width: 220px;
    border: 1px solid #3fca91;
    text-align: center;
    border-radius: 8px;
}
.faq_contents li:hover {
    background-color:#3fca91;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	}
.faq_contents a:hover {
	color: #ffffff !important;
	border:  #ffffff;
	transform: rotate(135deg)
	cursor: pointer;
	}

.rankarea {
    margin: 40px 0px;
}
.rankarea section {
    background: #E8E8E8;
}
.rankarea p{
    padding: 8px 10px 6px;
    background: #797979;
    font-size: 17px;
    font-weight: bolder;
    border-bottom: 1px solid #fff;
    position: relative;
    color: #FDFDFD;
}
.rankarea section p.active:after	{
	content: "　";
	width: 18px;
	height: 2px;
	background: url(/images/common/btn_minus_Blue.png) no-repeat center right;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -1px;
}
.rankarea section p:after	{
	content: "　";
	width: 18px;
	height: 18px;
	background: url(/images/common/btn_plus_Blue.png) no-repeat center right;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
}

.indent {
	font-size: 12px;
}

.newyear{
	text-align: center;
}

.notion{
	font-size: 1rem;
	padding: 0 0 20px;
}