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

/*=========font==========*/
span.red{color:#ff0000;}
span.white{color:#ffffff;}
span.pink{color:#d53a53;}
span.f10{font-size:10px;}
span.f11{font-size:11px; line-height: 17px;}
span.f12{font-size:12px;}
span.f14{font-size:14px;}
span.f15{font-size:15px;}
span.f16{font-size:16px;}
span.f17{font-size:17px;}
span.f18{font-size:18px;}
span.f22{font-size:22px;}
span.f24{font-size:24px;}
span.f30{font-size:30px;}
span.f36{font-size:36px;}
span.f48{font-size:48px;}
span.f_bold{font-weight:bold;}

p.catch{font-size:14px;line-height:28px;}

/*=========info==========*/

#info #contents #main h3.suikyo{ width:690px; height:84px; margin:-40px 0px 10px -7px; padding-left:90px; padding-top:10px;line-height:90px; font-size:18px; font-weight:bold; color:#FFF; background:url(/images/info/campaign/201401_01/ttl_suikyo.gif) no-repeat;}
#limit { font-weight:bold; font-size:24px; line-height: 30px;}

#tablelist { width:680px; margin:0px auto;}
#tablelist img{ vertical-align:middle; margin-right:5px;}
#tablelist span.txt {margin-top:10px; display:block; padding-bottom:10px;}
#tablelist th { color:#FFFFFF; background:#0ba3a7; text-align: center; padding:5px 0px; border:1px solid #FFFFFF;}
#tablelist th.a { width:45%;}
#tablelist th.ryubi { color:#000;background:#b6e2f3; text-align: left; padding:10px 10px 0 10px; border-bottom:1px solid #FFFFFF;}
#tablelist tr td { padding:10px 25px; border:0px;}
tr#bgyellow01 { background-color:#ffffff;}
tr#bgyellow02 { background-color:#f4faf6;}
/*tr#bgyellow01 td.bnr1331,
tr#bgyellow02 td.bnr1331{ width:255px; float:left; text-align:center; padding:0px; clear: both; padding-bottom:15px;}*/
/*span.price{ line-height:16px; color:#c50000; font-size:12px;}*/
#linkright { text-align:right; margin-top:10px;}


#info #contents #main .one{background:url(/images/info/campaign/201311_02/tbg_01.png) no-repeat 7px top;width:700px;height:252px;margin-bottom:10px;clear:both;}
#info #contents #main .two{background:url(/images/info/campaign/201401_01/tbg_02.png) no-repeat 13px top;width:700px;height:387px;margin-top:24px;margin-bottom:24px;clear:both;}


#info #contents #main .one p,
#info #contents #main .two p,
#info #contents #main .three p{font-size:18px;line-height:30px;color:#523a0b; text-indent:100%; white-space:nowrap;overflow:hidden;}


#info #contents #main .attention_bg{clear:both;padding-top:294px;padding-bottom:160px;background:url(/images/info/campaign/202510_01/attention_bg.png) no-repeat bottom center;}
#info #contents #main .attention_bg .att{
margin-top: 30px;	background: #fff; padding:10px 10px 0 10px;/*border: 2px #b27e04 solid ;*/}
#info #contents #main .attention_bg p{font-size:14px;line-height:24px;}
#info #contents #main span.attention{ line-height:16px; color:#c50000; font-size:12px;}
#info #contents #main p.center{ width:100%; text-align:center; margin-bottom: 0px;}

img.suikyo{ margin:5px; vertical-align:middle;}

/*#info #contents #main .card{ width:50px; float:left; margin:0px; margin-right:5px; padding:0px; clear: both; padding-bottom:15px;}*/

#info #contents #main .bnr1311{ text-align:center; padding:0; clear: both; padding:15px 0;}

#info #contents #main span.small{font-size:11px; margin-top:0; clear: both;}

span.chui{ color:#C50000; margin-left:10px; display:block;}
p.redword{ padding:20px 20px; border:3px #C50000 solid; background:#fceded;}
.ptop {
	padding-left: 620px;
	padding-bottom: 45px;
}


/* add */
#contents #main {
float: left;
width: 750px;
margin-bottom: 40px;
background: url(/images/info/campaign/202510_01/bg.png);
}
#contents #main .detail {
padding: 35px 15px 0px 15px;
margin: 0 auto;
}
#info #contents #main .main_campaign_top {
width: 750px;
padding-top: 530px;
background: url(/images/info/campaign/202510_01/img_main.png) top center no-repeat;
}
.inner{
	padding: 0 5px;
	margin-bottom: 10px;
	margin-top: 0;
}

.serif_chara{
	margin-bottom: 60px;
	margin-top: -63px;
	text-align: center;
}

#event_card{
	width: 680px; height: 392px; overflow: hidden;
	background: url(/images/info/campaign/201406_01/event_card.jpg) top center no-repeat;
	margin: 0 auto;
}

span.att{ clear: both;text-align: right; margin-top: 25px; padding-right: 20px;display:block;}
span.housyu{text-align: right; color:#ffffff;margin-bottom: 20px; display:block;}

#contents #main .main_bottom {
width: 750px;
min-height: 337px;
background: url(/images/info/campaign/202510_01/bg_main_bottom.png) bottom center no-repeat;
}

#info #contents #main p.cp{text-align: center; padding-left:0px; padding-bottom: 20px;}

#info #contents #main p.ev{text-align: left; margin-left: 23px; padding-top: 25px;}

.big{ font-size:18px; line-height:25px;}
.margin{margin-top:60px!important;margin-bottom:15px!important;}

.event_big_bg{
	width: 624px;
	margin: 15px auto 0px auto;
	overflow: hidden;
	clear:both;
}

.event_small_bg{
	width: 624px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
}

.event_big_bg .name{
  color: #000000;
  font-size: 18px;
  padding: 20px 20px 0 20px;
  width: 610px;
  height: 64px;
  margin-top: 2px;
}

.event_small_bg .name{
	color: #000000;
	font-size: 18px;
	padding: 15px 20px 0 20px;
	width: 640px;
	height: 35px;
}

.event_small_bg_h .name{
	color: #000000;
	font-size: 18px;
	padding: 15px 20px 0 20px;
	width: 640px;
	height: 35px;
}

.event_big_bg .event_sche{
	line-height:32px;
	padding:7px 10px 0 100px;
}


.event_small_bg .event_sche{
	line-height:32px;
	padding:25px 10px 0 100px;
}

.event_small_bg_h .event_sche{
	line-height:32px;
	padding:15px 10px 0 100px;
}

.event_big_bg .event_bnr{
	width: 324px;
	height: 55px;
	margin: -3px auto;
}

.event_small_bg .event_bnr{
	width: 324px;
	height: 55px;
	margin: 10px auto;
}

.event_small_bg_h .event_bnr{
	width: 324px;
	height: 55px;
	margin: -3px auto;
}

.ttitle_busyo{
	margin-top:50px;
}

.shinan_busyo{
	margin-top: 12px;
}

.pt20{
	padding-top: 20px;
}

.bosyu_w34{
	margin-top: 50px;
	height: 1247px;
	background: url(/images/info/campaign/201406_01/bosyu_bg.png) center top no-repeat;

}

.bosyu_inner{
	padding: 220px 40px 0px 40px;
	text-align: left;
}

.gaiyou p{
	font-size: 16px;
	padding-top: 1px !important;
	padding-bottom: 2px !important;

}

.syousai{
	margin-top:20px;
}

.syousai p{
	font-size: 16px;
	padding-top: 5px !important;
	padding-bottom: 1px !important;
	margin: 3px 0px 0px 0px !important;

}

.syousai img{
	vertical-align: middle;
}

.fg{
	color: #2d5610;
}

.fr{
	color: #c30000;
	font-weight: bold;
}

.pt12{
	font-size:12px;
	padding-top:10px;
}

.f20b{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.p40{
	padding-left: 120px;
}

.mt{
	margin-top: 20px;
}

.pt40{
	padding-top: 40px;
}

.chara{
	position: absolute;
	width: 690px;
	height: 77px;
	margin: -25px -2px;
	color: #ffffff;
	font-size: 17px;
	text-align: left;
	padding-top: 32px;
	text-indent: 90px;
	background: url(/images/info/campaign/202510_01/ttl_panda.png) no-repeat center top;
}

.chara2{
    position: absolute;
    width: 690px;
    height: 101px;
    margin: -48px -2px;
    color: #ffffff;
    font-size: 17px;
    text-align: left;
    padding-top: 55px;
    text-indent: 152px;
	background: url(/images/info/campaign/202510_01/ttl_point.png) no-repeat center top;
}

.partWrap{
	position: relative;
	width: 686px;
	background-color: #fcfaf6;
	margin: 0px 10px 50px;
	padding-bottom: 15px;
}

.partWrap02{
	position: relative;
	width: 686px;
	background-color: #fcfaf6;
	margin: 0px 10px 60px;
	padding-bottom: 15px;
}
.partWrap:last-child {
	margin-bottom: 20px;
}



.wrapBorder{
	border: 2px solid #cfa972;
}
.shinanpoti{
	margin:50px auto 20px 25px;
}

.boxWrap{
	width: 624px;
	background-color: #f0e5b7;
	margin:70px 30px 16px auto;

}

.boxWrap02{
	width: 624px;
	background-color: #f0e5b7;
	margin:0px 30px 16px auto;

}

.boxBorder{
	border: 2px solid #ffffff;

}
.event_01{
	margin: 70px 14px 25px;
}

.event_02_1{
	margin: 70px 14px 40px;
}

.event_02_2{
	margin: 0px 14px 40px;
}

.event_02{
	margin: 70px 14px 25px;
}

.event_03_1{
	margin: 70px 14px 40px;
}

.event_03_2{
	margin: 0px 14px 10px;
}

.event_04_1{
	margin: 70px 14px 25px;
}

.event_05_1, .event_06_1, .event_07_1 {
	margin: 70px 14px 25px;
}

.event_08_1{
	margin: 70px 14px 20px;
}

.event_08_2{
	margin: 0px 14px 40px;
}
.event_08_3{
	margin: 0px 14px 10px;
}
.event_08_4{
	margin: 30px 14px 10px;
}
/* .event_09_3_1{
	vertical-align: top;
}
.event_09_3_2{
	margin-top: -40px;
} */


.date_box{
	background-color: #fff;
	width: 600px;
	margin: 10px auto;
	color: #ec0d37;
	font-size: 21px;
	padding: 24px;
	line-height: 35px;
	font-weight: bold;
}

.taisyo{
  color: #fff;
  background-color: #efc943;
  width: 40px;
  height: 20px;
  padding: 5px 30px;
  font-size: 20px;
  font-weight: bold;
  margin-left: 37px;
  margin-top: 20px;
}

.jyouken {
  font-weight: normal;
  color: #ec0d37;
  line-height: 30px;
  margin: 20px auto 20px 46px;
  font-weight: bold;
}


.setumei{
	color: #ce0000;
	font-size: 12px;
	text-align: right;
	padding-bottom: 30px;
	padding-right: 20px;
	line-height: 16px;
}

.setumei02{
	color: #ce0000;
	font-size: 12px;
	text-align: left;
	padding-bottom: 30px;
	padding-left: 20px;
	line-height: 16px;
}
.ttl_event02{
	margin: 20px auto 14px 22px;

}

.ttl_event03{
	margin: -3px auto 14px 15px;

}

.ttl_event04{
	margin: 20px auto 20px 22px;

}

.center{
	margin: 60px auto 10px;
}

.center img{
	margin: 30px 205px 10px !important;
}

/*table*/
.skill {
    width: 630px;
    margin: 0px auto 40px;
	border: 1px #fcfaf6 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	display: table;
}

.skill th {
	padding: 5px;
	table-layout: fixed;
	border: 2px #fcfaf6 solid;
	background-color: #72b143;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.skill th.quest {
	width: 110px;
}
.skill th.naiyou {
	width: 230px;
}
.skill th.category {
	width: 50px;
}

.skill th span{
	display:block;
	font-weight:100;
	text-align:left;
	font-size:10px;
	color:#FFF;
	line-height:12px;
}
.skill span.small {
	display:block;
	font-weight:100;
	text-align:left;
	font-size:10px;
	color:#000;
	line-height:12px;
}
.skill td {
	padding: 8px;
    border: 2px #fcfaf6 solid;
    font-size: 12px;
    font-weight: bold;
	line-height: 1.75;
}

.skill tr td.first_td, .skill tr:nth-child(odd) td.first_td {
	text-align: center;
	background-color: #b9d86d;
}
.skill tr td {
	background-color: #d2e3a8;
}
.skill tr:nth-child(odd) td {
	background-color: #eaf2d6;
}
.chusei {
	height: 75px;
}
.icon-new {
	position: relative;
}
.icon-new::after {
	content: "";
	position: absolute;
	background: url(/images/info/campaign/202510_01/icon_new.png) no-repeat;
	width: 43px;
	height: 18px;
	top: 8px;
	left: -20px;
}
.star{
	color: #bd8016;
}


.tb_small{
	width: 172px;
}

.tb_small2{
	width: 154px;
}


.attention{
	background-color: #ffffff;
	width: 584px;
	margin: 50px auto 60px;
	overflow: hidden;
}
.attention-text {
	display: block;
	color: #ff0000;
	padding: 0;
	margin: 0 14px 15px;
}

.attention ul{
	padding: 20px 40px 20px 75px;
}
.attention li{
	font-size: 12px;
	color: #000000;
	float:none;
	list-style-type:disc !important;
}

.textlay{
	font-size: 12px;
    color: #000;
    margin: -26px 16px 32px;
    padding: 20px 0px 20px 40px;
	background-color: #fff;
	width: 648px;
	font-weight: bold;
}


.mb30{
	margin-bottom:30px;
}

.pb30{
	padding-bottom:30px;
}

.tb_small{
	width: 173px;
}

.brown{
	background-color: #423c22;
}

.mt_50{
	margin-top: -50px;
}

.mt_30{
	margin-top: -30px;
}

.event_sche{
	margin: 70px auto 0px;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 2.3em;
}

.brown_b{
	background: #c95560;
	color: #fff;
	width: 624px;
	padding: 20px;
}

.white_b{
	background: #f0f1ed;
	width: 624px;
	text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

.s_box{
	background: #f0f1ed;
	width: 624px;
    padding-top: 18px;
    padding-bottom: 24px;
    margin: 75px auto 10px 31px;
}

.partWrap dt{
	text-align:left;
	font-weight: bold;
	font-size: 16px;
	padding-left: 20px;
}

.partWrap dd{
	text-align:left;
	font-size: 21px;
	padding-left: 74px;
	line-height: 1.8em;
	padding-top: 5px;
	font-weight: bold;
}

.sajinyan{
	margin-bottom: 50px;
	text-align: center;
}

.mt_50{
	margin-top: -50px;
}

.bg_game{
	width: 632px;
	height: 474px;
	background: url(/images/info/campaign/202510_01/bg_game.png) no-repeat;
	display: block;
	margin: 0 auto 20px;
}

.btn_mb{
	margin-bottom: 64px;
}

.bg_date{
	display: block;
	width: 630px;
	height: 85px;
	background: url(/images/info/campaign/202510_01/bg_date.png) no-repeat;
	margin: 70px auto 20px;
}

.bg_date p{
	color: #000;
	font-size: 16pt;
    text-align: center;
    padding-top: 47px;
}
.textlay img{
	text-align: center;
	margin: 5px auto 10px -10px;
}

.btnArea{
	padding: 53px 0px 10px 49px;
}

.btnArea img{
	padding-right: 4px;
}

.btnArea02{
	padding: 51px 0px 10px 11px;
}

.btnArea02 img{
	padding-right: 4px;
}


/*table*/
.rank {
	width: 618px;
	margin: 0px auto 10px auto;
	border: 1px #fcfaf6 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

.rank tr th {
    height: 26px;
	padding: 7px 5px 5px 15px;
	table-layout: fixed;
	border: 2px #fcfaf6 solid;
	background-color: #72B143;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
}
.rank span.small {
	display:block;
	font-weight:100;
	text-align:left;
	font-size:10px;
	color:#000;
	line-height:12px;
}
.rank td {
	padding: 8px;
	border: 2px #fcfaf6 solid;
	font-size: 12px;
	font-weight: bold;
	color: #000;
    line-height: 2em;
}
.rank tr td:first-child {
    width: 192px;
}

.rank tr td {
	background-color: #d1e4a5;
}
.rank tr:nth-child(odd) td {
	background-color: #eaf2d6;
}







/* --------------- 202201追記 --------------- */




.wrapBorder{
	padding-bottom: 50px;

}

.contents-box{
	position: relative;
	width: 100%;
	height: 36px;
	margin-bottom: 40px;
	margin-top: 0px;
}


img.event_100{
	width: 100%;
	margin-top: 30px;
}

.partWrap{
	position: relative;
}
a.mokuji-btn{
	position: absolute;
	right: 0px;
	bottom: 0px;
}




.inner-contents{
	width: 650px;
	margin: 0 auto 40px;
	position: relative;
}


.mb-0{
	margin-bottom: 0;
}

#mokuji-box{
	padding: 20px;
	margin-top: 40px;
	padding-bottom: 0;
}

.mokuji-inner{
	background: linear-gradient(135deg, rgba(117,2,7,1) 0%, rgba(166,1,8,1) 100%);
	border: solid 1px #fff;
	padding: 20px;
	box-sizing: border-box;
	padding: 30px;
}

ul.mokuji-list{
	color: #fff;
	font-size: 16px;
}

ul.mokuji-list li{
	color: #fff;
	margin-bottom: 10px;
}

ul.mokuji-list li.list-inner{
	color: #fff;
	margin-bottom: 10px;
	padding-left: 20px;
}

ul.mokuji-list li a{
	color: #fff;
	text-decoration: underline;
}
ul.mokuji-list li a:hover{
	color: #fff;
	text-decoration: none;
}

ul.mokuji-list li:last-child{
	margin-bottom: 0;
}