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

/* BasicStyle */

*{
	margin				:	0;
	padding				:	0;
}

body{
	background-color	:	#EEE;
	font-family			:	Meiryo,'メイリオ', 'ヒラギノ角ゴ ProN W3', Arial,Helvetica,sans-serif,Osaka;
	color				:	#936c3f;
	font-size			:	22px;
	background-color	:	#5a4023;
	min-width			:	320px;
}

@media screen and (max-width: 360px) {
	body{
		font-size			:	16px;
	}

}

.noTxt{
	display				:	none;
	height				:	0;
}

.clear{
	clear				:	both;
}

li{
	list-style			:	none;
}

img{
	border				:	0;
}

/* wrap部分 */

.yellowsmall{
	display				:	none;
}

/*ヘッダー部分*/

header{
		width				:	100%;
}

#wrapHeader{
	background			:	url(../img/headerbgPat.png) repeat-x;
	background-size		:	contain;
	width				:	100%;
	margin				:	0 auto;


}

header{
	background			:	url(../img/headerTitle_02.png) no-repeat;
	background-position	:	center;
	margin				:	0 auto;
	width				:	100%;
	z-index:999;
	background-size: contain;
}

@media screen and (max-width: 640px) {
	header{
		background-size		:	100%;
	}
}

@media screen and (min-width: 641px) {
	header{
		background-size		:	640px;
	}
}


h1{
	width				:	22%;
	max-width			:	144px;
	font-size			:	0;
	float				:	left;
	margin-top			:	0;
}

h1.top{
	float				:	left;
}




h1 img{
	width				:	100%;
	max-width			:	144px;
	margin-top			:	0;
}



/*メイン部分*/


#wrapMain{
	background			:	url(../img/mainbgPat.gif);
	background-position	:	center top;
	width				:	100%;
	padding-top			:	10px;
	padding-bottom		:	10px;
	margin				:	0 auto;
}

:root #wrapMain{
	background			:	url(../img/mainbgMap.jpg)no-repeat,url(../img/mainbgPat.gif);
	background-position	:	center top;
	width				:	100%;
	padding-top			:	10px;
	padding-bottom		:	10px;
	margin				:	0 auto;
}

/*

#wrapMain{
	background	:	url(../img/mainbgXmas.jpg) repeat-x;
	background-color: #0b00b4;
	background-position: center top;
	background-size:100%;
	background-attachment: fixed;

	width				:	100%;
	padding-top			:	10px;
	padding-bottom		:	10px;
	margin				:	0 auto;
}

:root #wrapMain{
	background	:	url(../img/mainbgXmas.jpg) repeat-x;
	background-color: #0b00b4;
	background-position: center top;
	background-size:100%;
	background-attachment: fixed;
	width				:	100%;
	padding-top			:	10px;
	padding-bottom		:	10px;
	margin				:	0 auto;
}
*/

section{
	margin				:	0 auto;
	width				:	100%;
	
}


/*メイン部分 お知らせ*/

section#Info{
	width				:	100%;
	margin				:	0 auto;
}

.InfoHead,.InfoFoot{
	line-height			:	0;
	text-align: center;
}

.InfoHead,.InfoFoot img{
	width				:	100%;
	max-width			:	640px;
}

.InfoHead{
	background			:	url(../img/eventbgTop.gif) no-repeat;
	background-size		:	100%;
	width				:	100%;
	height				:	29px;
	max-width			:	640px;
	margin: 0 auto;
	text-align: left;

}

.InfoHead img{
	padding-left		:	1%;
	width				:	33%;
	max-width			:	210px;
}


.swiper-container {
    margin-top: 1%!important;
}
.swiper-wrapper {
    width: 100%;
    max-width: 800px;
}

@media screen and (min-width:361px) and (max-width: 600px) {
	.InfoHead{
		height		:	14px;
	}
	
	.InfoMain{
		font-size	:	14px;
	}
}


@media screen and (max-width: 360px) {
	.InfoHead{
		height		:	12px;
	}
	
	.InfoMain{
		font-size	:	12px;
	}
}






.noren{
	padding-left		:	1%;
	width				:	20%;
	max-width			:	110px;
	position			:	absolute;
}

.InfoMain{
	width				:	100%;
	max-width			:	640px;
	background			:	url(../img/eventbgMain.gif) repeat-y;
	background-size		:	contain;
	margin				:	0 auto;
}

.InfoMain h2{
	margin				:	0;
	margin-left			:	3.5%;
	-webkit-margin-before:	0;
	-webkit-margin-after:	0;
}

.InfoMain h2 img{
	margin				:	0;
	width				:	96.3%;
	max-width			:	630px;
	vertical-align:middle;
}


dt.kikanLeft{
	width				:	17%;
	text-align			:	center;
	background-color	:	#826c4e;
	color				:	#f3eacc;
	margin-left			:	3.5%;
	font-size			:	90%;
    display: inline-block;
}


dd.kikan{
	padding-left		:	10px;
	width				:	74%;
	background-color	:	#f3eacc;
	font-size			:	90%;
	color				:	#321b04;
    display: inline-block;
    margin-left: -1%;
}


ul{
	list-style-position	:	outside;
	list-style			:	none;
	padding				:	0;
	margin				:	0;
}

ul.mntList {
	padding-left		:	0px;
}

.mntList li{
	width				:	76%;
	max-width			:	551px;
	background			:	url(../img/arrow_b.png) no-repeat;
	background-position	:	right;
	margin-left			:	3.3%;
	padding				:	3% 16% 3% 1.2%;
	border-bottom		:	#f2e8cb solid 3px;
	cursor				:	pointer;
	color				:	#fef9d4;
	font-weight			:	bold;
	font-size			:	80%;
	text-shadow			:	1px 1px 3px #000;	
}
.yellowsmall{
	width				:	0;
}

.mntList li span{
	display				:	table-cell;
	vertical-align		:	middle;
	font-size			:	0;
}

.mntList li a{
	display				:	table-cell;
	vertical-align		:	middle;
}



.faqList dt{
	width				:	91%;
	max-width			:	580px;
	margin-left			:	3%;
	padding				:	3% 0 3% 3%;
	border-bottom		:	#f2e8cb solid 3px;
	cursor				:	pointer;
	color				:	#fef9d4;
	font-weight			:	bold;
	font-size			:	90%;
	text-shadow			:	1px 1px 3px #000;
}

.faqList dt img{
	vertical-align		:	middle;
}

.faqList a{
	color				:	#2768ec;
	text-shadow			:	none;
}



.faqList dt:hover{
	background-color	:	#b08c5a;
}

.faqList dd{
	font-weight			:	normal;
	font-size			:	90%;
	text-shadow			:	none;

}
.faqList dt.odd{
	background-color	:	#b08c5a;
}

.faqList dd{
	background-color	:	#b08c5a;
	width				:	91%;
	max-width			:	580px;
	margin-left			:	3%;
	padding				:	3% 0 3% 3%;
	border-bottom		:	#f2e8cb solid 3px;
	color				:	#fef9d4;
	font-weight			:	bold;
	line-height			:	26px;
	text-shadow			:	1px 1px 3px #000;
}

.ans1,.ans2,.ans3,.ans4,.ans5,.ans6,.ans7,.ans8,.ans9,.ans10,
.ans11,.ans12,.ans13,.ans14,.ans15,.ans16,.ans17,.ans18,.ans19,.ans20,
.ans21,.ans22,.ans23,.ans24,.ans25,.ans26,.ans27,.ans28,.ans29,.ans30,
.ans31,.ans32,.ans33,.ans34,.ans35,.ans36,.ans37,.ans38,.ans39,.ans40,
.ans41,.ans42,.ans43,.ans44,.ans45,.ans46,.ans47,.ans48,.ans49,.ans50,
.ans51,.ans52,.ans53,.ans54,.ans55,.ans56,.ans57,.ans58,.ans59,.ans60,
.ans61,.ans62,.ans63,.ans64,.ans65,.ans66,.ans67,.ans68,.ans69,.ans70,
.ans71,.ans72,.ans73,.ans74,.ans75,.ans76,.ans77,.ans78,.ans79,.ans80,
.ans81

{
	display:none;
}

.pageList a{
	color				:	#fef9d4;
	text-decoration		:	none;
}


.pageList li{
	width				:	88.6%;
	max-width			:	567px;
	background-color	:	#b08c5a;
	margin-left			:	3.6%;
	height				:	20px;
	padding				:	3% 0 5% 4%;
	border-bottom		:	#f2e8cb solid 3px;
	cursor				:	pointer;
	color				:	#fef9d4;
	font-weight			:	bold;
	line-height			:	18px;
	text-align			:	right;
	border-bottom		:	#f3eacc solid 3px;
}

.pageList li:hover{
	background-color	:	#a07b49;	
}

.mntList li a{
	color				:	#fef9d4;
	text-decoration		:	none;
}

.InfoMain p{
	margin-left			:	3.46%;
	margin-right		:	4%;
	padding				:	0 3% 0 0;
	text-align			:	right;
	color				:	#2768ec;
	font-weight			:	bold;
}

.InfoMain p a{
	color				:	#2768ec;
}


p.right{
	width				:	84%;
	max-width			:	537px;
	text-align			:	right;
	margin-left			:	0px;
	margin-right		:	50px;
	padding				:	14px 10px 9px 0;
	color				:	#2768ec;
	cursor				:	pointer;
	text-shadow			:	1px 1px 3px #CCC;

}




p.right2{
	width				:	100%;
	max-width			:	640px;
	text-align			:	right;
	margin			:	0 auto;

	padding				:	0;
	color				:	#2768ec;
	cursor				:	pointer;
	text-shadow			:	1px 1px 3px #CCC;

}


p.right3{
	width				:	100%;
	max-width			:	640px;
	text-align			:	right;
	margin-left			:	0px;
	margin-right		:	50px;
	margin-top			:	20px;
	padding				:	0;
	color				:	#2768ec;
	cursor				:	pointer;
	text-shadow			:	1px 1px 3px #CCC;

}

p.right2 img,p.right3 img{
	width				:	50%;
	max-width			:	200px;
}

p.right a,p.right2 a{
	cursor				:	pointer;
	text-shadow			:	none;
}

p.right a:visited,p.right a:visited{
	cursor				:	pointer;
	text-shadow			:	none;
}


	
.mntList li:hover{
	background-color	:	#b08c5a;
}

.mntList .odd, .more{
	background-color	:	#b08c5a;
}

.mntList .odd:hover{
	background-color	:	#a07b49;	
}
	
.none li{
	text-indent			:	-9999px;
	height				:	0px;
	overflow			:	hidden;
}

.mntList br{
	display				:	none;
}
/*メイン部分 お知らせ*/


/*メイン部分 イベントエリア*/

.gacya{
	background			:	url(../img/eventGacya.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	max-width			:	600px;
	margin				:	0 auto;
	background-position	:	center;
}

.camp{
	background			:	url(../img/eventCamp.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.event{
	background			:	url(../img/eventEvent.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventhw{
	background			:	url(../img/eventEventhw.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventxmas{
	background			:	url(../img/eventEventxmas.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventmetsu{
	background			:	url(../img/eventMetsu.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventmetsu2{
	background			:	url(../img/eventMetsu2.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventTsuyu{
	background			:	url(../img/eventTsuyu.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}


.eventCoin{
	background			:	url(../img/eventCoin.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.eventSummerfes{
	background			:	url(../img/eventSummerfes.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}



.eventapril{
	width				:	98%;
	margin				:	1% auto;
	max-width			:	600px;
}



#PickupKujiinfo dl.eventhw dd img{
	border:none;
	
}

#PickupKujiinfo dl.eventapril dd img{
	border:none;
	max-width:680px;
	
}

.info{
	background			:	url(../img/eventInfo.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}


.collabo{
	background			:	url(../img/eventCollabo.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.collaboMerc{
	background			:	url(../img/eventCollaboMerc.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}


.ranbat{
	background			:	url(../img/eventRanbat.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

.tower{
	background			:	url(../img/eventTower.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}


.coop{
	background			:	url(../img/eventcoop.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}


.tower2{
	width				:	98%;
	margin				:	1% auto;
}

.tower2 img{
	border: none;
    border-radius: none;
}

.gvm{
	background			:	url(../img/eventGvm.png) no-repeat;
	background-size		:	100%;
	width				:	93.7%;
	margin				:	0 auto;
	background-position	:	center;
	max-width			:	600px;
}

ul.db{
	background: #fff;
}

ul.db li{
	padding: 0.5% 2%;
	font-size: 0.7em;
	border-bottom: 1px dotted #a77d4b;

}

p.topObi{
	width: 100%;
	text-align: center;
	background: #a77d4b;
	font-size: 0;
}

p.topObi img{
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
}


#KujiInfo ul li{
	width				:	82.5%;
	max-width			:	500px;
	padding-left		:	2%;
	margin				:	10px auto;
	background-position	:	center;

}


#KujiInfo ul.half{
	width				:	85.5%;
	padding		:	0%;
	margin				:	5px auto;
	text-align:center;
}


#KujiInfo ul.half li{
	background:none;
	margin:0 auto;
	padding:0;

	width				:	48%;
	max-width			:	250px;
	display:inline-block;

	background-position	:	center;
	-webkit-border-radius:	12px;
	-moz-border-radius	:	12px;
	border-radius		:	12px;
	text-align:center;
	
}

#KujiInfo ul li.april{
	background:none;
	width				:	85.5%;
	max-width:525px;
	border:0;
	margin:0 auto;
}


#KujiInfo ul li img{
	width				:	95%;
	border				:	#958772 solid 3px;
	-webkit-border-radius:	6px;
	-moz-border-radius	:	6px;	
	der-radius		:	6px;
}

#KujiInfo ul li.april img{
	border:none;
}

#PickupKujiinfo dt{
	margin-left			:	18.9%;
	padding-top			:	4.7%;
	color				:	#fef9d4;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

#PickupKujiinfo .eventSummerfes dt
{
	margin-left			:	18.9%;
	padding-bottom		:	 2%;
	color				:	#fef9d4;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

@media screen and (max-width: 640px) {
	#PickupKujiinfo dt{
		font-size		:	12px;
	}
}


#PickupKujiinfo dl.eventmetsu dd img{
	margin-left			:	4%;
	width				:	90%;
	max-width			:	542px;
	border				:	#000 solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	10px;
}



#PickupKujiinfo dd img{
	margin-left			:	4%;
	width				:	90%;
	max-width			:	542px;
	border				:	#967f5e solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	10px;
}

#PickupKujiinfo dl.collaboMerc dd img{
	margin-left			:	4%;
	width				:	90%;
	max-width			:	542px;
	border				:	#000 solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	10px;
}

#PickupKujiinfo dl.eventapril dd{
	text-align:center;
}

#PickupKujiinfo dl.eventapril dd img{
	margin:0 auto;
	border:none;
}

#PickupKujiinfo dl:hover,#KujiInfo li:hover{
	animation			:	bannerMove 0.2s linear;
	-webkit-animation	:	bannerMove 0.2s linear;
}

@keyframes bannerMove {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(-2deg);}
	50% {transform: rotate(2deg);}
	75% {transform: rotate(-2deg);}
	100% {transform: rotate(0deg);}
}

@-webkit-keyframes bannerMove {
	0% {-webkit-transform: rotate(0deg);}
	25% {-webkit-transform: rotate(-2deg);}
	50% {-webkit-transform: rotate(2deg);}
	75% {-webkit-transform: rotate(-2deg);}
	100% {-webkit-transform: rotate(0deg);}
}



/* Link部分 */

#wrapLink{
	width				:	100%;
	background			:	url(../img/linkTopbar.jpg) repeat-x;
	background-position	:	center top;
	background-color	:	#7d6951;
	margin				:	0 auto;
	position			:	relative;
	overflow			:	hidden;
}



#Link{
	margin				:	45px auto 0;
}

#Link ul li{
	display				:	inline-block;
	margin				:	0 auto;
}

#Link br{
	line-height			:	1px;
}

:root #wrapLink{
	width				:	100%;
	min-width			:	320px;
	background			:	url(../img/linkTopbar.jpg) repeat-x,url(../img/linkbg.jpg) no-repeat;
	background-position	:	center top;
	background-color	:	#7d6951;
	margin				:	0 auto;
	position			:	relative;
	overflow			:	hidden;
}

#wrapLink h2{
	margin				:	10px auto;
}

#wrapLink h2 img{
	display				:	block;
	margin				:	0 auto;
}

#wrapLink ul {
/*	position			:	relative;
	margin-top			:	10px;
	left				:	46%;
	float				:	left;*/
	width				:	100%;
	max-width			:	640px;
	margin				:	0 auto 0;
}

#wrapLink ul.center{
/*	
	margin-top			:	10px;
*/
	position			:	relative;
	left				:	25%;
	float				:	left;
	width				:	100%;
	max-width			:	640px;
	margin				:	0 auto 0;
}

#wrapLink li.two{
	width				:	44%;
	max-width			:	280px;
	text-align			:	center;
	padding				:	1%;
	margin				:	1%;
	display				:	inline-block;
	background-color	:	#f4e4b3;
/*	position			:	relative;
	left				:	-50%;*/
	float				:	left;
	font-weight			:	bold;
	font-size			:	22px;
	line-height			:	24px;
	border				:	#967f5e solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
	box-shadow			:	3px 7px 0px 0px rgba(100,75,35,0.75);
}


#wrapLink li.long{
	width				:	100%;
	max-width			:	640px;
	height				:	85px;
	display				:	inline-block;
	text-align			:	center;
	margin				:	8px;
}

#wrapLink li.long img{
	margin-top			:	10px;
}

#wrapLink li.one{
	width				:	41%;
	max-width			:	280px;
	text-align			:	center;
	padding				:	2%;
	margin				:	5px;
	display				:	inline-block;
	background-color	:	#f4e4b3;
	float				:	left;
	font-weight			:	bold;
	font-size			:	22px;
	border				:	#967f5e solid 3px;
	-webkit-border-radius:	20px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
	box-shadow			:	3px 7px 0px 0px rgba(100,75,35,0.75);
	line-height			:	150%;
	vertical-align		:	middle;
}



#wrapLink li.solo{
	width				:	44%;
	max-width			:	280px;
	height				:	46px;
	text-align			:	center;
	padding				:	5px;
	margin				:	8px auto;
	display				:	inline-block;
	background-color	:	#f4e4b3;
	font-weight			:	bold;
	font-size			:	15px;
	border				:	#967f5e solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
	box-shadow			:	3px 7px 0px 0px rgba(100,75,35,0.75);
	line-height			:	46px;
	vertical-align		:	middle;
	left				:	-50%;
	float				:	left;
}


#KujiInfo img{
	width				:	75%;
	max-width			:	480px;
}


/* DL Block */


.dl{
	width				:	100%;
	max-width			:	640px;
	margin				:	0 auto;
	background			:	url(../img/dlBgMain.png) no-repeat;
	background-size		:	contain;
	background-position	:	center;
	text-align			:	center;
	vertical-align		:	middle;
	padding-top			:	10px;
}

.dl img{
	width				:	40%;
	max-width			:	180px;
	}

#dlLink{
	width				:	100%;
	background			:	url(../img/dlBg.png) repeat-x;
	background-size		:	contain;
}

.imgBtn{
	margin-bottom:20px;
}


/* End BasicStyle */


footer{
	background-color	:	#5a4023;
	color				:	#FFF;
	padding				:	10px;
	font-size			:	11px;
	text-align			:	center;
}

/* End BasicStyle */



/* BasicStyle */


/* Menu部分 */
#wrapHeader .menu a {
	cursor:pointer		;	cursor:hand;
}

#wrapMenu {
	background			:	url(../img/linkTopbar.jpg) repeat-x;
	background-position	:	center bottom;
	width				:	100%;
	margin				:	0 auto;
	background-color	:	#956217;
	padding-bottom		:	31px;
	font-size			:	17px;
}

#wrapMenu .menuArea { 
	width				:	100%;
	max-width			:	640px;
	margin				:	0 auto;
	padding				:	5px 0px 20px;
}

#wrapMenu .menuArea ul{ 
	padding				:	0;
}

#wrapMenu .menuArea h2 {
	border-left			:	17px #4e361c solid;
	background			: 	#bda37e;
	color				:	#fef9d4;
	font-size			:	18px;
	padding				:	5px 0 5px 0;
	margin-bottom		:	5px;
}

#wrapMenu .menuArea section {
	margin-bottom		:	15px;
}


#wrapMenu .menuArea #Link ul,
#wrapMenu .menuArea #DL ul {
/*	position			:	relative;
	left				:	46%;
	float				:	left;*/
	width				:	100%;
	max-width			:	640px;
	margin				:	10px auto 0;
}

#wrapMenu .menuArea #Link li,
#wrapMenu .menuArea #DL li{
	width				:	40%;
	max-width			:	280px;
	text-align			:	center;
	padding				:	2%;
	margin				:	2%;
	display				:	inline-block;
	background-color	:	#f4e4b3;
/*	position			:	relative;
	left				:	-50%;*/
	float				:	left;
	font-weight			:	bold;
	border				:	#967f5e solid 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
	box-shadow			:	3px 7px 0px 0px rgba(100,75,35,0.75);
}

#wrapMenu .menuArea #Link li.one,
#wrapMenu .menuArea #DL li.one{
	line-height			:	24px;
	vertical-align		:	middle;
	font-size			:	18px;
}


@media screen and (max-width: 640px) {
	#wrapMenu .menuArea #Link li.one,#Link li, #wrapMenu .menuArea #DL li.one, #wrapLink li.one,#wrapLink li.two{
		font-size		:	10px;
	}
}

#wrapLink a li,
#wrapMenu a li {
	color				:	#936c3f;
	text-decoration		:	none; 
}

#wrapLink a:hover li.one,
#wrapLink a:hover li.two,
#wrapMenu .menuArea #Link a:hover li,
#wrapMenu .menuArea #DL a:hover li {
	background-color	:	#dabd92;
	cursor:pointer		;	cursor:hand;
}

.menu{
	margin				:	0 0 0 auto;
	text-align			:	right;
	font-size			:	0;
	right				:	0;
}

.menu img{
	width					:	20%;
	max-width				:	128px;
}


/*各ページのタグ*/

.InfoHead .noren img{
	width				:	100%;
	max-width			:	220px;
}

h3{	
	background			:	url(../img/eventh3.jpg) no-repeat;
	background-size		:	100%;
	background-position	:	center;
	margin				:	1% auto;
	padding				:	4% 0 4% 5%;	
	width				:	88%;
	max-width			:	571px;
	min-width			:	300px;
	color				:	#f3eacc;
	text-shadow			:	1px 1px 3px #000;
}

h3 img{
	width				:	6%;
	vertical-align		:	text-bottom;
	margin-right		:	1%;
}

h4{	
	background			:	url(../img/eventh4.jpg) no-repeat;
	margin				:	0px auto;
	padding				:	2px 0 0 8%;
	width				:	84%;
	max-width			:	640px;
	color				:	#f3eacc;
	font-size			:	90%;
	text-shadow			:	1px 1px 3px #000;
}

h4.h4Second{	
	background			:	url(../img/eventh4s.jpg) no-repeat;
	margin				:	0px auto;
	padding				:	2px 0 0 4%;
	width				:	83%;
	color				:	#f3eacc;
	font-size			:	90%;
	text-shadow			:	1px 1px 3px #000;
}

h5{	
	margin				:	1% 0 0 6%;
	padding				:	2px 0 0 0%;
	width				:	84%;
	max-width			:	540px;
	color:#005609;
	font-size			:	80%;
	border-bottom:#026B11 1px dotted;
	text-align:left;
}


p.details{
	width				:	84%;
	max-width			:	530px;
	height				:	100%;
	margin				:	0 auto;
	padding-right		:	5%;
	text-align			:	left;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
}

p.detailsRight{
	width				:	84%;
	max-width			:	530px;
	height				:	100%;
	margin				:	-3% 4% 0 auto;
	text-align			:	right;
	color				:	#321b04;
	padding:0;
	font-size			:	70%;
	font-weight			:	normal;
}

p.detailsCenter{
	width				:	84%;
	max-width			:	530px;
	height				:	100%;
	margin				:	0 auto;
	text-align			:	center;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
}

p.detailsCenterbg{
	width				:	84%;
	max-width			:	530px;
	height				:	100%;
	margin				:	20px auto 30px auto;
	padding				:	5px 0;
	text-align			:	center;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
	background-color	:	#f2e8ca;
	-webkit-border-radius:	5px;
	-moz-border-radius	:	5px;
	border-radius		:	10px;
}


p.detailsCenterNoborder{
	width				:	84%;
	max-width			:	530px;
	height				:	100%;
	margin				:	0 auto;
	margin-top			:	2%;
	text-align			:	center;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
}

p.detailsCenterNoborder img{
	width				:	100%;
}


p.detailsRadius{
	width				:	84%;
	max-width			:	530px;
	background-color	:	#f2e8ca;
	height				:	100%;
	margin				:	2% auto 2% auto;
	text-align			:	center;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
}

/* start ksekigutchi add 0521*/

.boxRadius{
	width:84%;
	max-width:540px;
	background-color:#f2e8ca;
	margin:10px auto;
    padding:1em 0.7em;
	border-radius:30px;
}

.boxRadius p{
    margin-bottom:1em;
    padding:0;
	text-align:center;
	color:#321b04;
	font-size:83%;
	line-height:1.3em;
    font-weight:normal;
}
.boxRadius p:last-child{
    margin-bottom:0;
}

.notes{
    margin:10px auto 0;
    box-sizing:border-box;
    padding-left:1em;
    text-indent:-1em;
    width:100%;
    max-width:570px;
    color:#321b04;
    font-size:0.9em;
}

/* end add*/

p.detailsRadiusLeft{
	width				:	84%;
	max-width			:	530px;
	background-color	:	#f2e8ca;
	height				:	100%;
	margin				:	2% auto 2% auto;
	text-align			:	left;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
	padding-left		:	15px;
}


p.details img,p.detailsCenter img{
	border				:	#f3eacc double 5px;
	margin				:	5px;
	width				:	100%;
	max-width			:	540px;
}

p.details img.normalimg{
	margin				:	5px;
	max-width			:	480px;
	border				:	none;
}

p.details img.miniimg,p.detailsCenter img.miniimg{
	max-width			:	320px;
}


p.bigimg{
	width				:	93%;
	height				:	100%;
	text-align			:	bottom;
}

p.bigimg img{
	width				:	100%;
	vertical-align:top;
}

p.bigimgEx{
	width				:	100%;
	max-width			:	640px;
}

p.bigimgEx img{
	width				:	96.3%;
	max-width			:	630px;
	height				:	auto;
}

.orange{
	color				:	#F30;
	font-weight			:	bold;
}
.blue{
	color				:	#0800D1;
	font-weight			:	bold;
}

.yellow{
	color				:	#FFED00;
	font-weight			:	bold;
}

.green{
	color:#00C804;
		font-weight			:	bold;

}

.orangeSmall{
	color				:	#FC6;
	font-size			:	95%;
	font-weight			:	bold;
}

p.details a,p.detailsCenter a{
	color				:	#2768ec;
}

p.details a:visited,p.detailsCenter a:visited{
	color				:	#2768ec;
}


/* tableまわり */

.InfoMain table{
	width				:	80%;
	max-width			:	513px;
	background-color	:	#f3eacc;
	border				:	3px #39370c solid;
	margin				:	0 auto;
}

td{
	color				:	#321b04;
}

table.gacyalist{
	width				:	93%;
	max-width			:	620px;
	font-size			:	85%;
	text-align			:	center;
	margin-top			:	3%;
}

table.skilllist{
	width				:	93%;
	max-width			:	620px;
	font-size			:	70%;
	text-align			:	left;
}


table.skilllist img{
	width				:	50%;
	max-width			:	64px;
}

table.skilllist img.wide{
	width				:	100%;
	max-width			:	128px;
}

table.gacyalist img{
	width				:	100%;
	max-width			:	128px;
}

table.gacyalist th img{
	width				:	100%;
	max-width			:	100%;
}

table.gacyalist th{
	background-color:#e386c6;
}

table.youbilist{
	width				:	92%;
	max-width			:	588px;
	font-size			:	90%;
	text-align			:	center;
	margin				:	0 auto;
}

table.gplist{
	width				:	86%;
	max-width			:	493px;
	font-size			:	90%;
	text-align			:	center;
	margin				:	10px auto;
}


table.gplist img{
	width				:	60px;
}

table.whatlist{
	width				:	92%;
	max-width			:	513px;
	font-size			:	70%;
	text-align			:	left;
	margin				:	10px auto;
}

table.whatlist th{
	background-color:#F90;
}

table.whatlist td.legend{
	background-color	:	#6C6;
	font-weight			:	bold;
}

table.whatlist td.zetsu{
	background-color	:	#FC3;
	font-weight			:	bold;

}

table.whatlist td.normal{
	background-color	:	#F9F;
	font-weight			:	bold;
}

.recommendSys{
    margin:0 auto;
    padding:0;
}


.InfoMain table td{
	padding				:	1%;
	margin				:	0 auto;
	border-right		:	2px #39370c solid;
	border-bottom		:	2px #39370c solid;
	vertical-align		:	middle;
}

.InfoMain table th{
	padding				:	5px;
	margin				:	0 auto;
	border-right		:	2px #39370c solid;
	border-bottom		:	2px #39370c solid;
	vertical-align		:	middle;
}

.gacyalist th{
	color				:	#f3eacc;
	background-color	:	#666;
	padding				:	0;
}

.youbilist th{
	color				:	#f3eacc;
	background-color	:	#666;
}

.youbilist img{
	width				:	20%;
	max-width			:	50px;
}

td.rare7{
	background-color	:	#660099;
	color				:	#f3eacc;
	font-size			:	120%;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

td.rare6{
	background-color	:	#FF080D;
	color				:	#f3eacc;
	font-size			:	120%;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

td.rare5{
	background-color	:	#F90;
	color				:	#f3eacc;
	font-size			:	120%;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

td.rare4{
	background-color	:	#F9C;
	color				:	#f3eacc;
	font-size			:	120%;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}

td.rare3{
	background-color	:	#6CF;
	color				:	#f3eacc;
	font-size			:	120%;
	font-weight			:	bold;
	text-shadow			:	1px 1px 3px #000;
}


td.skill{
	background-color	:	#393;
	color				:	#f3eacc;
	font-weight			:	bold;
}

td.scope{
	width:11.7%;
}

td.scope img{
	width:100%;
	max-width:75px;
}

td.lskill{
	background-color	:	#09F;
	color				:	#f3eacc;
	font-weight			:	bold;
}

td.stxt{
	text-align			:	left;
	font-size:90%;
}


td.parac{
	background-color	:	#933;
	font-weight			:	bold;
	color				:	#f3eacc;
}

td.paraskill{
	background-color	:	#028309;
	font-weight			:	bold;
	color				:	#f3eacc;
	font-size:90%;

}

td.type img{
	width				:	26%;
	margin				:	1%;
	vertical-align:middle;
}

td.type2 img{
	width				:	52%;
	margin				:	1%;
	vertical-align:middle;
}


th.icon{
	width				:	95px;
}
th.icon img{
	width				:	95px;
}

th.element{
	width				:	20px;
}
th.name{
	width				:	151px;
}
th.para{
	width				:	55px;
}

th.param{
	width				:	35px;
}


td.fire{
	background-color	:	#C00;
	color				:	#f3eacc;
}

td.fire2{
	background-color	:	#C00;
	color				:	#f3eacc;
	text-align			:	left;
	width				:	25%;
}


td.water{
	background-color	:	#36F;
	color				:	#f3eacc;
}

td.water2{
	background-color	:	#36F;
	color				:	#f3eacc;
	text-align			:	left;
	width				:	25%;
}


td.tree{
	background-color	:	#393;
	color				:	#f3eacc;
}

td.tree2{
	background-color	:	#393;
	color				:	#f3eacc;
	text-align			:	left;
	width				:	25%;
}


td.light{
	background-color	:	#FF3;
}

td.light2{
	background-color	:	#FF3;
	text-align			:	left;
	width				:	25%;
}

td.dark{
	background-color	:	#639;
	color				:	#f3eacc;
}

td.dark2{
	background-color	:	#639;
	color				:	#f3eacc;
	text-align			:	left;
	width				:	25%;
}

td.shinka img{
	width:25%;
}


td.space{
	background-color	:	#c2a77c;
	height				:	20px;
}

/* ガチャページなどの注意書きまわり */

.notice{
	padding				:	28px;
	margin-left			:	20px;
	color				:	#321b04;
	font-size			:	80%;
	line-height			:	22px;
	font-weight			:	normal;
}

.notice li{
	list-style			:	disc;
}

/* 注意事項 */

h2.caution{
	width				:	300px;
	padding				:	6px;
	margin-left			:	20px;
	color				:	#f2e8ca;
	background-color	:	#967f5e;
	font-size			:	80%;
	text-align			:	center;
	line-height			:	22px;
	font-weight			:	bold;
	border				:	#f2e8ca double 3px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	30px;
}

.cautionTxt{
	width				:	80%;
	max-width			:	450px;
	padding				:	4%;
	margin				:	0 auto;
	margin-bottom		:	15px;
	color				:	#321b04;
	background-color	:	#f2e8ca;
	text-align			:	left;
	font-size			:	70%;
	line-height			:	22px;
	font-weight			:	normal;
	border				:	#967f5e double 10px;
	-webkit-border-radius:	10px;
	-moz-border-radius	:	10px;
	border-radius		:	50px;
}

p.detailsDL{
	width				:	530px;
	height				:	100%;
	margin				:	0 auto;
	text-align			:	center;
	color				:	#321b04;
	font-size			:	90%;
	line-height			:	22px;
	font-weight			:	normal;
}

p.detailsDL img{
	
	border				:	#f3eacc double 5px;
	margin				:	5px;
	max-width			:	480px;
}

.nodrop{
	background-color:#848484;
	font-size:0.8em;
}

.drop{
	background-color:#C9FFC6;
font-size:0.8em;
}

.btn_tw{
		font-size			:	80%;
		width: 30%;
		margin-left:6%;
		padding:2%;
		border:1px #522712 solid;
		background: #b7deed; /* Old browsers */
		background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
		color:#FFF;
		text-align:center;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
		border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  

}


.btn_tw a{

    text-decoration: none;
    font-weight: bold;
    color:#FFF;
}




/* 2016/3 拡張部分 主にモンスターステータス周り */


p.bigimg{font-size:0; padding:0;}
.gacyalist th.element{background-color:#666;width:5%;}
.gacyalist th.name{background-color:#666;width:35%;}
.gacyalist th.param{background-color:#666;width:30%;}
.gacyalist td.rare6,.gacyalist td.rare5,.gacyalist td.rare4,.gacyalist td.rare7{font-size:1em;}
.gacyalist td{font-size:0.7em;}
p.small{font-size:0.6em;}
p.soul{margin-top:10px;}
p.ltd{margin-top:10px;}
p.lineupCheck{margin-top:10px;}
p.rightNotes{padding:0;margin-top:10px;font-size:0.8em;font-weight:normal;}

ul.abilityLinks li{
	background:#b08c5a;
	box-sizing:border-box;
	border-top:3px solid #cdb28c;
	border-left:3px solid #cdb28c;
	border-right:3px solid #a07a44;
	border-bottom:3px solid #a07a44;
	border-radius:0.5em;width:90%;
	max-width:580px;
	margin:0.5em auto;
	padding:0.3em;
	text-align:center;
}

ul.abilityLinks li a:before {
content: "◆";
color:#cdb28c;
}



ul.abilityLinks li a{display:inline-block;
background-size:0.8em; color:#f3eacc;font-size:0.9em;font-weight:bold;line-height:1em;text-shadow:#000 1px 1px 0;}

ul.abilityLinks li a:not(:hover){text-decoration:none;}
ul.abilityLinks li a:hover{text-decoration:underline;}

ul.coutionBody{background:#f2e8ca;box-sizing:border-box;width:85% !important;border:#967f5e double 10px;border-radius:40px;padding:30px 20px;margin-bottom:20px !important;color:#321b04;}

ul.coutionBody li{margin-top:0.5em !important;padding-left:1em;text-indent:-1em;font-size:0.6em;line-height:1.3em;}

ul.coutionBody li:before{content:"・";}

@media screen and (max-width:723px){
	ul.coutionBody{width:90%;padding:15px;}
	ul.coutionBody li{font-size:0.7em !important;}
}


p.bigimg{
	width:93.1%;
	padding:0;
	font-size:0;
}

p{font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;}


h4.point {
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-weight:600;
    background: #7E0002;
    margin-right: 4%;
    padding: 2px 0 0 2.1%;
    width: 91%;
    max-width: 640px;
    color: #FFF;
    font-size: 100%;
    margin-left: 3.5%;
}

p.pointTxt{
	width: 88.1%;
	text-align:left;
	padding:2% 3% 2% 2%;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-weight:500;
	font-size:72%;
	color:#FFFFFF;
	background:#000;
}

ul.abilityLinks li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}

table.status{
	width:93.2%;
	max-width:599px;
	border-top:none;
	border-bottom:2px solid #534f4f;
	border-left:none;
	border-right:none;
	vertical-align:middle;
	margin-top:-7.4%;
	position:relative;
	z-index:999;
	background:none;
}



table.status tr td{
	border:none;
	padding:0.5%;
	margin:center;
	background-color:rgba(39,24,0,0.5);

}

table.status tr td img{
	vertical-align:middle;
}

table.status tr td.sElement{
	width:6%;
}


table.status tr td.sElement img{
	width:100%;
	max-width:42px;
}

table.status tr td.sName{
	width:42%;
	color:#FFF;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:77%;
	font-style:italic;

}

table.status tr td.sStar{
	width:21%;


}

table.status tr td.sStar img{
	width:100%;
	max-width:136px;
}

table.status tr td.sStar4{

	width:21%;


}

table.status tr td.sStar5,table.status tr td.sStar6{

	width:21%;


}

table.status tr td.sStar7{

	width:21%;


}


table.status tr td.sStar4 img,table.status tr td.sStar5 img,table.status tr td.sStar6 img,table.status tr td.sStar7 img{
	width:100%;
	max-width:136px;
}


table.status tr td.sType2{
	width:11%;
	text-align:center;
}

table.status tr td.sType{
	width:11%;
	text-align:center;
}

table.status tr td.sTopicl{
	width:17%;
	text-align:center;
}

table.status tr td.sType2 img{
	width:100%;
	max-width:60px;
}

table.status tr td.sType img{
	width:50%;
	max-width:29px;
}

table.status tr td.sTopicl img{
	width:33%;
	max-width:33px;
}


table.SS{
	width:93.2%;
	max-width:599px;
	background-color:#3d2500;
	border:none;
	vertical-align:middle;
}

table.SS td{
	border:none;
}

table.SS td.sMonster{
	width:40%;
	background:url(/member/common/img/status/ss_bg.jpg) no-repeat;
	background-size:100%;
	padding:0;
}

table.SS td.sMonster img{
	width:100%;
	max-width:250px;
	vertical-align:middle;
	border-bottom:2px solid #FFF9E2;
}

table.SS td.sSkill,table.SS td.sLskill{
	width:60%;
	max-width:395px;
	padding:0;
	margin:0;
	border:none;
}

table.SS td.sSkill img,table.SS td.sLskill img{
	width:100%;
	vertical-align:middle;
	
}

	ul.reg{width:90%;padding:0; margin:0.5em auto;text-align:left;color:#321b04;font-size:0.8em;font-weight:normal;line-height:1.3em;}
	ul.reg li{padding-left:1em;text-indent:-1em;}
	ul.reg li:before{content:"※";}
	@media screen and (min-width:724px){ul.reg,p.reg{font-size:0.7em;}}

    table.powerUpDetail{margin:1em auto;padding:0;font-size:0.8em;width:93%;max-width:590px;color:#321b04;}
    @media screen and (min-width:724px){table.powerUpDetail{font-size:0.6em;}}
    table.powerUpDetail th{font-weight:normal;}
    table.powerUpDetail td.paramLv{border-right:1px #39370c solid;}
    colgroup.targetParam{width:20%;}
    colgroup.before{background-color:#c5c5c5;width:20%;}
    colgroup.after{background-color:#ffebb1;width:20%;}
    col.targetParam{width:20%;}
    col.before{background-color:#c5c5c5;width:40%;}
    col.after{background-color:#ffebb1;width:40%;}
    .sSkill td{background-color:#24BC4D;color:#fff;}
    .sSkill td:not(:first-child){font-weight:bold;text-align:center;}
    .lSkill td{background-color:#4874FF;color:#fff;}
    .lSkill td:not(:first-child){font-weight:bold;text-align:center;}
    .turns td{background-color:#fff;text-align:center;}
    .arrow td:not(:first-child){text-align:center;}
    .arrow td img{width:100%;max-width:128px;}
	
	p.mtExtend, h2.mtExtend, h3.mtExtend, ul.mtExtend {
    margin-top:0!important;
}


p.statusObi{
width:89.1%;
max-width:640px;
text-align:left;
padding-left:1%;
background-color:#573707;
color:#FFFFFF;
}

[id^="monster"]{
	background-color:#000000;

}

[id^="monster"] p.statusObi{
width:99%;
text-align:left;
background-color:#573707;
color:#FFFFFF;
}

[id^="monster"] p.bigimg{
	width				:	100%;
	height				:	100%;
	text-align			:	bottom;
	margin:0;
}


[id^="monster"] h4.point {
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-weight:600;
    background: #7E0002;
    padding: 2px 0 0 2.1%;
    width: 97.9%;
    max-width: 640px;
    color: #FFF;
    font-size: 100%;
	margin:0;
}

[id^="monster"] p.pointTxt{
	margin:0;
	width: 95%;
	text-align:left;
	padding:2% 3% 2% 2%;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	font-weight:500;
	font-size:0.7em;
	color:#FFFFFF;
	background:#000;
}

ul.gacyaBox li{
	width:89.1%;
	margin:0 auto;
}

ul.gacyaBox li img{
	width:100%;
}

.mntList li span.suti01 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag01.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li span.suti02 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag02.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li span.suti03 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag03.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;
}

.mntList li span.suti04 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag04.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li span.suti05 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag05.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li span.suti06 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag06.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li span.suti07 {
width:19%;
max-width: 92px;
padding-top: 8%;
margin-top: -2%;
background:url(/member/info/flag/flag07.png) no-repeat;
background-size: cover;
color:#FFF;
display:inline-block;
background-position: inherit;

}

.mntList li a {
display:inline;
}



ul.abilityLinks li{
font-size: 0.8em;
    line-height: normal;}


ul.abilityLinks li img{
	vertical-align: middle;
}


ul.abilityLinks li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
       line-height: normal;
}

ul.abilityLinks li a:before {
    content: "";
    color: #cdb28c;
    vertical-align: middle;
}

ul.abilityLinks li.cat_skill a:before {
    content: "スキル";
    color: #FFF;
    background:#060;
    text-shadow:none;
    font-size: 0.5em;
    display: inline-block;
    padding: 3px;
    margin-right: 3px;
    border-radius: 5px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;  
}

ul.abilityLinks li.cat_lskill a:before {
    content: "ﾘｰﾀﾞｰｽｷﾙ";
    color: #FFF;
    background:#00A;
    text-shadow:none;
    font-size: 0.5em;
    display: inline-block;
    padding: 3px;
    margin-right: 3px;
    border-radius: 5px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;  
}

ul.abilityLinks li.cat_ability a:before {
    content: "能力";
    color: #FFF;
    background:#800;
    text-shadow:none;
    font-size: 0.5em;
    display: inline-block;
    padding: 3px;
    margin-right: 3px;
    border-radius: 5px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;  
}