@charset "utf-8";


#main.sponsor_index .title,
#main.sponsor_index .type h2,
#main.sponsor_index .type p,
#main.sponsor_index .type h3
{font-family: "mamelon","genjyuuR"; letter-spacing: -0.05em; font-weight: normal;}

#nav,
#main .event .eventSchedule ul li,
#main .sns a
{font-family: "genjyuuB"; font-weight: normal; }





/* --------------------------------------------


						index　インデックス


---------------------------------------------- */ 
#main h1 span { background-image:url(../img/sponsor/h1.png);}

#main.sponsor_index {} 

#main.sponsor_index .title { max-width: 910px; padding: 4% 0 1.5%;} 
#main.sponsor_index .title img { float: right; margin-top: -1em;} 
#main.sponsor_index .title h2 { font-size: 26px; font-size: 2.6rem; } 


#main.sponsor_index .type { max-width: 980px; padding: 3% 60px ; margin-bottom: 1%; background: #fdede2; border-radius: 20px; text-align: center;} 
#main.sponsor_index .type h2 { font-size: 28px; font-size: 2.8rem; color: #e95532;} 
#main.sponsor_index .type h2:before { content:"　";background:  url(../img/sponsor/h2Icon.png) center no-repeat; background-size: contain; vertical-align: middle; margin: -0.5em 0.2em 0 0; display: inline-block; vertical-align: middle;} 
#main.sponsor_index .type p { padding: 0em 0 1em; font-size:19px; font-size: 1.9rem; } 
#main.sponsor_index .type p span { float: right; width: 82%;} 
#main.sponsor_index .type div { padding: 0% 0 4%; text-align: center;} 
#main.sponsor_index .type div img {width: 50%; padding: 0 0.5% 1%;} 
#main.sponsor_index .type.event div { text-align: left}
#main.sponsor_index .type div a:after { display: inline-block; padding: 0.2em 0 0 0.5em; vertical-align: middle;} 
#main.sponsor_index .type div a[href*=".pdf"]:after { content: url(../img/share/pdf.png)} 
#main.sponsor_index .type div a[href*=".doc"]:after { content: url(../img/share/word.png) } 

#main.sponsor_index .type h3 { font-size: 19px;
font-size: 1.9rem; border-bottom: 2px solid #0067a0; padding: 3% 0 0;} 
#main.sponsor_index .type h4 { font-size: 16px;
font-size: 1.6rem; color: #0067a0; padding:2% 0 1%; } 
#main.sponsor_index .type h4:before { content:"　";background:  url(../img/sponsor/h3Icon.png) center no-repeat; background-size: contain; display: inline-block; vertical-align: middle; margin: -0.3em 0.2em 0 0;} 

#main.sponsor_index .type ul { padding-left: 1em} 
#main.sponsor_index .type li { float: left; width:33.3%; text-align: left;}
#main.sponsor_index .type li span { font-size: 1.2rem;}
#main.sponsor_index .type li.wide {width:66.6%; }
#main.sponsor_index .type li:before { content: "■";}

#main.sponsor_index .type .link-buttonW { background: #e95532; font-size: 22px;
font-size: 2.2rem; margin: 0 1% 2%;} 
#main.sponsor_index .type .link-buttonW[href*="member"] {} 
#main.sponsor_index .type .link-buttonW[href*="banner"] { font-size: 18px;
font-size: 1.8rem; line-height: 2.3; background: #f69c42;} 
#main.sponsor_index .type .link-buttonW[href*="event"] { background: #ff667c;} 



@media screen and (max-width: 1024px) {
	#main.sponsor_index .type { padding: 5% 5% ;} 

}

@media screen and (max-width:750px) {
	#main.sponsor_index .title img { float:none; display: block; margin: auto; width: 30%;} 
	#main.sponsor_index .title h2 { font-size: 20px; font-size: 2.rem; } 
	#main.sponsor_index .title h2 br { display: none;} 

	#main.sponsor_index .type h2 { font-size:22px; font-size: 2.2rem; } 
	#main.sponsor_index .type p { /*font-size:16px; font-size: 1.6rem; */} 
	#main.sponsor_index .type p br { display: none;} 
	#main.sponsor_index .type p span { float:none; width: auto;} 
	#main.sponsor_index .type div img,
	#main.sponsor_index .type.add div img { width: 50%;} 

	#main.sponsor_index .type h4 { font-size: 14px; font-size: 1.4rem; } 

	#main.sponsor_index .type li,
	#main.sponsor_index .type li.wide { width:50%; font-size: 12px; font-size: 1.2rem; }

	#main.sponsor_index .type .link-buttonW,
	#main.sponsor_index .type .link-buttonW[href*="banner"] { line-height:1.6;} 

}






.sponsor .youkou { padding-top: 6.643em;}
.sponsor .inner h2 { margin-bottom: .5em; font-size: 20px; font-size: 2rem; color: #e95532;}
.sponsor .inner { max-width: 1005px; padding-bottom: 3.5em;}
.sponsor .inner > div { padding: .5em 0 1em; border-top: 2px solid #e95532;}
.sponsor .inner h3 { margin-bottom: .5em; font-size: 16px; font-size: 1.6rem; font-weight: bold;}
.sponsor .inner h3:before { display: inline-block; content: "■";}

.sponsor .inner p { width: 98%; margin-bottom: 2em; padding-left: 4em; text-indent: -1.8em;}
.sponsor .inner .not { margin-bottom: .25em;}
.sponsor .inner p a:after { display: inline-block; content: ""; width: 23px; height: 18px; background: url(../img/share/word.png) center no-repeat; background-size: contain;}

.sponsor .inner ol { margin-bottom: 2em; padding-left: 4em;}
.sponsor .inner ol li { padding-left:4em; text-indent: -2.5em; padding-bottom: 0.5em;}

.sponsor .inner table { width: 100%; margin: 0 0 1.8em 5.2%; border: 1px solid #b5b5b5;}

.sponsor .inner table thead { background: #cecedb;}
.sponsor .inner table thead th,
.sponsor .inner table tbody td { border: 1px solid #b5b5b5;}
.sponsor .inner table thead th { font-weight: normal; text-align: center;}
.sponsor .inner table thead th:nth-of-type(1) { width: 125px;}

.sponsor .inner table tbody td { padding: .25em 1em;}
.sponsor .inner table tbody td span { display: block; padding-bottom: .5em; font-size: 12px; font-size: 1.2rem;}

.sponsor_member .inner table { max-width: 768px;}
.sponsor_ad .inner table { max-width: 868px;}

.sponsor .youkou h3 + p { padding-left: 3.8em; text-indent: -3.7em;}
.sponsor .youkou h3 + p span { padding-right: 1em;}



@media screen and (max-width: 1060px) {
.sponsor .youkou { padding-top: 3.571em;}

.sponsor h2 { font-size: 16px; font-size: 1.6rem; color: #e95532;}
.sponsor .inner h3 { margin-bottom: .5em; font-size: 14px; font-size: 1.4rem; font-weight: bold;}

.sponso .inner p a:after { width: 18px; height: 13px;}

.sponsor .inner p { margin-bottom: 1em; padding-left: 2em;}
.sponsor .inner ol { }
.sponsor .inner ol li {}

.sponsor .inner table { max-width: none; margin: 0 0 .8em 0;}
.sponsor .inner table thead th:nth-of-type(1) { width: 100px;}

.sponsor .youkou h3 + p { margin-bottom: 1.2em; padding-left: 0; text-indent: 0;}
.sponsor .youkou h3 + p span { display: block;}
.sponsor .youkou .not { margin-bottom: 1.2em;}

}