@charset "Shift_JIS";

/* common */
#mario .subtitle-bg {
	padding: 7px 0 5px;
	background: url(../mario/images/bg_mario_ttl.png) repeat;
  background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
}

#mario .subtitle {
	font-size: 16px;
}

/* mario-main */
#mario-main .inner {
	position: relative;
}

#chara-mario {
	position: absolute;
	top: 50px;
	left: 216px;
	z-index: 100;
}

#slide-mario-wrap {
	margin-top: 10px;
	padding-left: 15px;
}

#slide-mario {
	position: absolute;
	top: 0;
	left: 0;
}

#slide-mario-wrap #slide-mario {
	width: 219px;
	height: 131px;
	overflow: hidden;
}

#slide-mario-wrap #slide-mario li {
	width: 219px;
	height: 131px;
}

#slide-mario-wrap .bx-wrapper {
	position: relative;
}

#slide-mario-wrap #bx-pager-mario {
	width: 120px;
	height: 40px;
	margin-top: 14px;
	padding-left: 59px;
	text-align: center;
}

#slide-mario-wrap #bx-pager-mario a {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../mario/images/slide_pointer.png) no-repeat right top;
  background-size: 60px 20px;
	-webkit-background-size: 60px 20px;
	-moz-background-size: 60px 20px;
}
	
#slide-mario-wrap #bx-pager-mario a.active {
		background-position: left top;
}

/* chara */
.chara {
	width: 290px;
	margin: 0 auto;
}

.chara02 {
	width: 290px;
	margin: 0 auto 10px;
}

.chara li,
.chara02 li {
	float: left;
	margin-bottom: 5px;
}

.chara li + li,
.chara02 li + li {
	margin-left: 10px;
}

.chara li:nth-child(5) {
	margin-left: 0px;
}

.chara li:nth-child(6) {
	margin-left: 5px;
}

.chara02 li:nth-child(3) {
	margin-left: 0;
}

.chara02 li:nth-child(4) {
	margin-left: 0;
}

.chara02 li:nth-child(5) {
	margin-left: 0px;
}

.character .toggle-btn span {
	display: block;
	padding: 10px 15px 8px 0;
}
.character .toggle-btn span {
	background: url(../common/arw_more.png) 195px 55% no-repeat;
  background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
}
.character .toggle-btn.open span {
	background: url(../common/arw_more_close.png) 195px 55% no-repeat;
  background-size: 16px 4px;
	-webkit-background-size: 16px 4px;
	-moz-background-size: 16px 4px;
}

/* course */
#course .inner {
	position: relative;
}

#course .subtitle {
	width: 295px;
}

#course-area01 {
	padding: 10px 0;
	background: url(../common/bg_green.jpg) repeat;
  background-size: 75px 75px;
	-webkit-background-size: 75px 75px;
	-moz-background-size: 75px 75px;
}

#course-area02 {
	padding: 10px 0;
	background: url(../mario/images/bg_pink.jpg) repeat;
  background-size: 60px 60px;
	-webkit-background-size: 60px 60px;
	-moz-background-size: 60px 60px;
}

.course-ttl {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.course-copy {
	width: 290px;
	margin: 10px auto;
	font-size: 14px;
	text-align: center;
}

.course-img {
	width: 240px;
	margin: 5px auto 10px auto;
}

.course-txt {
	width: 256px;
	padding: 0 17px;
	font-size: 12px;
	line-height: 1.5;
	color: #FFF;
	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.course-icon {
	position: absolute;
	top: -14px;
	right: 0;
}

.course-more {
	margin-top: -5px;
	text-align: center;
}

/*----------------------------*/
#course-slider,
#course-slider02 {
	position: relative;
}

#slides li,
#slides02 li {
	margin:0;
	display: block;
	float:left;
}

.carouPrev, .carouNext,
.carouPrev02, .carouNext02 {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 83px;		
}

#course-slider .carouPrev {
	left: 5px;
	background:url(../mario/images/btn_slide_arw_l.png) no-repeat;
  background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
}

#course-slider02 .carouPrev02 {
	left: 5px;
	background:url(../mario/images/btn_slide_arw_l_02.png) no-repeat;
  background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
}
#course-slider .carouNext {
	right: 5px;
	background:url(../mario/images/btn_slide_arw_r.png) no-repeat;
  background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
}
#course-slider02 .carouNext02 {
	right: 5px;
	background:url(../mario/images/btn_slide_arw_r_02.png) no-repeat;
  background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
}

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

/* play */
.img-left {
	margin-right: 15px;
}

.img-right {
	margin-left: 15px;
}

.about-text {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
	overflow: hidden;
	_zoom: 1;
}

#play .link-btn {
	margin: 10px auto 15px;
}

#play .link-btn a {
	display: block;
	padding: 12px 15px 10px 0;
}


/* item */
#item {
	display: table;
	width: 260px;
	margin: 30px auto 20px auto;
	line-height: 1.5;
}

#item .subtitle-bg {
	margin-bottom: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#mario #item .subtitle {
	padding: 0;
	text-align: center;
}

#item .item-inner {
	padding: 5px 15px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#item dl {
	display: table-cell;
}

.item-img {
	position: relative;
	text-align: center;
}


/* ========================================
	#popup
======================================== */
#coverLayer {
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 9000;
	height: auto;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #FFF;
	opacity: .7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}

/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
}

#popBody {
	background: transparent;
}

#popWrap {
	position: relative;
	width: 290px;
	margin: 0 auto 10px;
	padding-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* pop-course */
.pop-c01 #popWrap {
	background: url("../mario/images/pop_bg02.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
}

.pop-c02 #popWrap {
	background: url("../mario/images/pop_bg04.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
}

#popWrap .pop-ttl {
	line-height: 1.2;
	padding: 10px 0;
	color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 18px;
}

.pop-c01 #popWrap .pop-ttl {
	background: url("../mario/images/pop_bg01.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	border-bottom: #003300 1px solid;
}

.pop-c02 #popWrap .pop-ttl {
	background: url("../mario/images/pop_bg03.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	border-bottom: #ca1476 1px solid;
}

#popWrap .pop-inner {
	width: 240px;
	margin: 0 auto;
	padding-top: 15px;
}

#popBody #pop-close {
	text-align: center;
}


/* pop-challenge */
.pop-challenge #popWrap {
	background: url("../mario/images/pop_bg06.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
}

.pop-challenge #popWrap .pop-ttl {
	background: url("../mario/images/pop_bg05.png") repeat scroll left top;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	border-bottom: #0f5be3 1px solid;
}

.pop-challenge #popWrap .challenge-wrap {
	width: 290px;
	padding-bottom: 10px;
	border-bottom: #0f5be3 1px solid;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.pop-challenge #popWrap .challenge-inner {
	width: 240px;
	margin: 0 auto;
}


.pop-challenge #popWrap .challenge-ttl {
	padding: 10px 0;
	color: #FFFF00;
	text-align: center;
	-webkit-txt-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 16px;
	line-height: 1.2;
}

.pop-challenge #popWrap .challenge-txt {
	margin-top: 10px;
	color: #FFF;
	font-size: 12px;
	line-height: 1.6;
}

.pop-challenge #popWrap .challenge-copy {
	margin-top: 10px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
}