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

/*=========font==========*/
span.red{color:#e20000;}
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.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:380px;padding-bottom:200px;background:url(/images/info/campaign/202306_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-top: 60px; margin-bottom: 60px;}

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;}



/* add */
#contents #main {
float: left;
width: 750px;
margin-bottom: 40px;
background:
url(/images/info/campaign/202306_01/bg_main.jpg);
}





#contents #main .detail {
padding: 20px 15px 30px 15px;
margin: 0 auto;
}
#info #contents #main .main_campaign_top {
width: 750px;
padding-top: 470px;
background: url(/images/info/campaign/202306_01/img_main.png) top center no-repeat;
}
.inner{
	padding: 0 5px;
/*	background: #e89c9c;
	border: 2px #d1b87f solid ;*/
	margin-bottom: 10px;
	margin-top: 80px;
}

.serif{
	margin-bottom: 0px;
	margin-top: -30px;
	text-align: center;
}



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/202306_01/bg-btm.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;}


/*table*/
/*#info #contents #main .skill{
	width: 582px;
	margin: 0px auto 10px auto;
	border: 2px #7a0c45 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

#info #contents #main .skill th {
	padding: 5px;
	table-layout: fixed;
	border: 2px #7a0c45 solid;
	background-color: #a40b5a;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}
#info #contents #main .skill th span{ display:block; font-weight:100; text-align:left; font-size:10px; color:#FFF; line-height:12px;}
#info #contents #main .skill span.small{ display:block; font-weight:100; text-align:left; font-size:10px; color:#000; line-height:12px;}
#info #contents #main .skill td{
	padding: 8px;
	border: 2px #7a0c45 solid;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
 }*/
.big{ font-size:18px; line-height:25px;}
.margin{margin-top:60px!important;margin-bottom:15px!important;}





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

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

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


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

.event_big_bg .event_bnr,
.event_small_bg .event_bnr{
  width: 324px;
  height: 55px;
  margin: 3px 193px auto auto;
}

.ttitle_busyo{
	margin-top:50px;
}

.shinan_busyo{
	margin-top: 12px;
}

.pt20{
	padding-top: 20px;
}



.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;
}

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

.partWrap{
	position: relative;
	width: 686px;
	background: #f4f3ef;
	margin: 60px auto 50px;
	padding-bottom: 40px;
}

.wrapBorder{
	border: 2px solid #bfa03c;
	background: url(/images/info/campaign/202306_01/bg_btn_pattern.png) no-repeat center bottom, -moz-linear-gradient(180deg, rgba(207,192,147,0) 55%, rgba(207,192,147,0.8) 100% #e8f4e8);
	background: url(/images/info/campaign/202306_01/bg_btn_pattern.png) no-repeat center bottom, -webkit-linear-gradient(180deg, rgba(207,192,147,0) 55%, rgba(207,192,147,0.8) 100% #e8f4e8);
	background: url(/images/info/campaign/202306_01/bg_btn_pattern.png) no-repeat center bottom, -ms-linear-gradient(180deg, rgba(207,192,147,0) 55%, rgba(207,192,147,0.8) 100% #e8f4e8);
	background: url(/images/info/campaign/202306_01/bg_btn_pattern.png) no-repeat center bottom, linear-gradient(180deg, rgba(207,192,147,0) 55%, rgba(207,192,147,0.8) 100%) #e8f4e8;
	text-align: center;
}
.shinanpoti{
	margin:50px auto 20px 25px;
}

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

}

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

}


.box-rule{
	margin-top: 70px;
	text-align: center;
}

.boxBorder{
	border: 2px solid #ffffff;

}
.event01-01 {
	margin-top: 0px;
}
.event01-01:first-of-type {
	margin-top: 70px;
}
.event02-01 {
	margin-top: 0px;
}
.event02-01:first-of-type {
	margin-top: 70px;
}
.event03-01 {
	margin-top: 0px;
}
.event03-01:first-of-type {
	margin-top: 70px;
}


.ttl_no{
	margin: 0px auto 20px 15px;
}

.ttl_no01{
	margin: 48px auto 20px 15px;
}

.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;

}


.daiourei{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

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

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

.btn_daiourei{
	text-align: center;
	margin-bottom: 40px;
}
.btn-wrap {
	text-align: center;
	margin: 5px 0 10px;
}
.btn-wrap a {
	display: inline-block;
}
.btn-wrap a img {
	margin: 0 !important;
}
.btn-back {
	margin: 40px 0 60px;
}
/*table*/
.skill{
	width: 630px;
	margin: 0px auto 10px auto;
	border: 1px #F4F3EF solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

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


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



.skill.blue th {
	padding: 10px;
	table-layout: fixed;
	border: 2px #F4F3EF solid;
	background-color: #1250eb;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
}


.skill.blue th.text {
	background: none;
	color: #f00;
	font-size: 15px;
}
.skill.blue th.text span {
	color: #f00;
}



.skill th span{ display:block; font-weight:100; text-align:left; font-size:13px; color:#FFF; line-height:24px; text-align: center; font-weight: bold;}

.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 #F4F3EF solid;
	font-size: 13px;
	font-weight: bold;
 }

.tb_small span.f18{
	font-size: 16px;
	font-weight: bold;
}


.tb_small{
	width: 100px;
	/*color: #ffffff;*/
	font-size: 18px;
	text-align: center;
}


.skill02 .tb_small{
	width: 170px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}

.blue1{
	background-color: #97c1ff;
}

.blue2{
	background-color: #d8def6;
}

.blue3{
	background-color: #c4e1ff;
}


.blue2 span{
	font-size: 15px;
	font-weight: bold;
}

.orenge1{
	background-color: #eb8d4e;
}

.orenge2{
	background-color: #f7c3a1;
}


.orenge2 span.f18{
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}


.green1{
	background-color: #acda65;
}

.green2{
	background-color: #cfe8a8;
}

.green3{
	background-color: #afde66;
}



.purple1{
	background-color: #c7a8ff;
}

.purple2{
	background-color: #e6d7ff;
}


.attention{
	background-color: #ffffff;
	width: 584px;
	margin: 50px auto 60px;
	overflow: hidden;
}


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

}

.textlay{
	font-size: 13px;
	font-weight: bold;
	color: #e20000;
	margin: 0 30px;
}
.textlay .attention_1{
	margin-left: 2em;
}
.textlay .attention_1 span:first-child {
	margin-left: -2em;
}

.textlay02{
font-size: 14px;
    font-weight: bold;
    color: #e20000;
    margin: -10px auto 20px 30px;
}


.mb30{margin-bottom:30px;}

#pop{
	background-color:#20211b;
	margin:0 auto;
	padding:0 auto;
}


.pop_center{
	margin: 20px auto 20px;
	text-align: center;
}

.cf::after {
	content:"";
	display:table;
	clear:both;
}

.btnbox{
	width: 638px;
	border: 10px #e2ddd0 solid;
	background: #e2ddd0;
	margin: 70px auto 20px;
}

.btnbox02{
	width: 638px;
	border: 10px #e2ddd0 solid;
	background: #e2ddd0;
	margin: 0 auto 20px;
}

.btnbox .btnttl{
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	line-height: 0;
	margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.btnbox02 .btnttl{
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.btnbox02 p{
	line-height: 1.4em;
	font-size: 12px;
	text-indent: 15px;
	margin: 0 !important;
}

.btnbox .btn-inr{
	background: #f4f4f4;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.btnbox02 .btn-inr{
	background: #f4f4f4;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.btn-inr img{
	margin: 0 auto;
}

.date{
	font-size: 17px;
	background: #fff;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
}

.btnbox02 ul{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 600px;
}

.btnbox02 ul li{
	list-style: none;
    float: left;
    padding: 4px 6px;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-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;
	border: none;
}


.s_box {
	color: #000;
	width: 624px;
	padding-top: 18px;
	padding-bottom: 24px;
	margin: 60px auto 10px 31px;
	background-color: #fff799;
	border: 4px solid #67520a;
}


.partWrap .expiration {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	line-height: 48px;
	padding-bottom: 0 !important;
}
.partWrap .expiration.small {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin: 10px 0 0!important;
	padding-bottom: 0 !important;
}


.event_list {
    margin: 30px auto 20px;
    width: 622px;
}

.event_bg {
    overflow: hidden;
    clear: both;
}

.pink_b_ttl {
    background: #4788e1;
    color: #fff;
    padding: 15px 20px;
    letter-spacing: 0.1em;
}

.pink_b {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}
.pink_b a {
	display: inline-block;
}

.pink_b_ttl_point {
	padding-right: 0.4em;
}





th.table-ttl{
	font-size: 17px;
	padding: 10px;
	font-weight: bold;
}


th.table-ttl.green{
	background: #5e9a00;
}

th.table-ttl.purple{
	background: #673ab7;
}



.skill03 .tb_small {
	color: #000;
	width: 190px;
	font-weight: bold;
}



.btn_posi{
	padding-top: 32px;
	padding-left: 263px;
}

.btn_mb{
	margin-bottom: 64px;
}







#info #contents #main p#event-coment{
	color:#f00;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	font-weight: bold;
}


/*獲得ポイント*/
.ranking-table{
	width: 650px;
	margin: 20px auto 20px auto;
	border: 1px #047a0f solid;
	border-collapse: collapse;
	border-spacing: 0px;
	letter-spacing: 0.025em;
}

.ranking-table th {
	padding: 10px 6px;
	table-layout: fixed;
	border: 2px #047a0f solid;
	background-color: #03b70a;
	color: #FFF;
	/* font-weight: bold; */
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}

.ranking-table th.rank{
	font-size: 16px;
	font-weight: bold;
	width: 40px;
}
.ranking-table th.rank.small{
	width: 20px;
}

.ranking-table td{
    padding: 8px 3px;
    border: 2px #047a0f solid;
    font-size: 14px;
    /* font-weight: bold; */
    background-color: #e9edf4;
	line-height: 1.5em;
	white-space: nowrap;
	text-align: center;
}

.ranking-table td.green2{
	background-color: #c1efc6;
}

.ranking-table td.green1{
	background-color: #f7fff8;
}

.ranking-table td.rank{
	font-size: 15px;
	background-color: #fffcdb;
}