/*================================================
  Dl Table
================================================*/
.dl-table {
	display:table;
	width:100%;
	margin:0px 0px 0px 0px;
}
.dl-table > dt,
.dl-table > dd {
	display:table-cell;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}

.title-label {
	display: block;
	position:relative;
	font-weight:bold;
	padding:8px 35px 8px 8px;
	line-height:1.3;
	margin-top:0px;
	margin-bottom: 0px;
	background-color:#e73c2b;
	color:#FFFFFF;
	border: 1px solid transparent;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

.dl-table.corporate-color.break-none > dt > .title-label {
	padding:0px 35px 0px 0px;
	white-space:nowrap;
	background-color:transparent;
}

.event-label {
	display: block;
	font-weight:bold;
	padding:4px;
	line-height:1.3;
	margin-top:0px;
	margin-bottom: 0px;
	background-color:#ededed;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}

@media (min-width: 768px) {

.title-label {
	padding:8px 35px 8px 8px;
	background-color:transparent;
}

.event-label {
	padding:0px 0px 0px 0px;
	background-color:transparent;
}

}

/* Cell Padding
================================================*/

.dl-table.cell-01 > dt,.dl-table.cell-01 > dd { padding: 1px; }
.dl-table.cell-02 > dt,.dl-table.cell-02 > dd { padding: 2px; }
.dl-table.cell-03 > dt,.dl-table.cell-03 > dd { padding: 3px; }
.dl-table.cell-04 > dt,.dl-table.cell-04 > dd { padding: 4px; }
.dl-table.cell-05 > dt,.dl-table.cell-05 > dd { padding: 5px; }
.dl-table.cell-06 > dt,.dl-table.cell-06 > dd { padding: 6px; }
.dl-table.cell-07 > dt,.dl-table.cell-07 > dd { padding: 7px; }
.dl-table.cell-08 > dt,.dl-table.cell-08 > dd { padding: 8px; }
.dl-table.cell-09 > dt,.dl-table.cell-09 > dd { padding: 9px; }
.dl-table.cell-10 > dt,.dl-table.cell-10 > dd { padding: 10px; }

dt.nest-box,dd.nest-box { padding: 0px !important; }


/* Break Point
================================================*/

.dl-table.break-xs > dt,.dl-table.break-xs > dd,
.dl-table.break-sm > dt,.dl-table.break-sm > dd,
.dl-table.break-md > dt,.dl-table.break-md > dd,
.dl-table.break-lg > dt,.dl-table.break-lg > dd {
	display: block;
}

@media (min-width: 768px) {
	.dl-table.break-xs > dt,
	.dl-table.break-xs > dd {
		display:table-cell;
	}
}

@media (min-width: 960px) {
	.dl-table.break-sm > dt,
	.dl-table.break-sm > dd {
		display:table-cell;
	}
}

@media (min-width: 1200px) {
	.dl-table.break-md > dt,
	.dl-table.break-md > dd {
		display:table-cell;
	}
}

@media (min-width: 1600px) {
	.dl-table.break-lg > dt,
	.dl-table.break-lg > dd {
		display:table-cell;
	}
}

/* DL Table CorporateColor
================================================*/
.dl-table.corporate-color > dt { padding: 8px 0px; }
@media (min-width: 768px) {
.dl-table.corporate-color > dt { width:25%; }
}
@media (min-width: 960px) {
.dl-table.corporate-color > dt { width:25%; }
}
.dl-table.corporate-color > dd,
.dl-table.corporate-color > dd.nest-box > .dl-table > dt,
.dl-table.corporate-color > dd.nest-box > .dl-table > dd { padding: 8px 8px; }
.dl-table.corporate-color + .dl-table.corporate-color { margin-top:10px; }

.dl-table.corporate-color.user-info { border: 1px solid #dddddd; border-radius: 4px 4px 0px 0px;}
.dl-table.corporate-color.user-info > dt { padding: 8px 8px; border-radius: 4px 0px 0px 0px; }
.dl-table.corporate-color.user-info > dd { border-left: 1px solid #dddddd; background-color:#f9f9f9; border-radius: 0px 4px 0px 0px;}
.dl-table.corporate-color.user-info > dt { background-color:#222222; color:#FFFFFF;}
.dl-table.corporate-color.user-info + .dl-table.corporate-color.dsp { border-top: 1px solid #dddddd; margin-top:15px; }

.dl-table.corporate-color.break-none { border: 1px solid #dddddd; }
.dl-table.corporate-color.break-none > dt { padding: 8px 8px; width:25%; }
.dl-table.corporate-color.break-none > dd { border-left: 1px solid #dddddd; background-color:#f9f9f9;}
.dl-table.corporate-color.break-none > dt { background-color:#00a8e6; color:#FFFFFF;}
.main.ic .dl-table.corporate-color.break-none > dt { background-color:#00b3c2; color:#FFFFFF;}
.main.ks .dl-table.corporate-color.break-none > dt { background-color:#f6ab00; color:#FFFFFF;}

.dl-table.corporate-color.break-none + .dl-table.corporate-color.break-none { border-top: none; margin-top:0px; }

@media (min-width: 768px) {
	.dl-table.corporate-color > dt,.dl-table.corporate-color > dd { padding: 8px; }
	.dl-table.corporate-color > dt { border: 1px solid #d4d2ca; }
	.dl-table.corporate-color > dd { border: 1px solid #d4d2ca; }

	.dl-table.corporate-color + .dl-table.corporate-color { margin-top:0px; }
	.dl-table.corporate-color + .dl-table.corporate-color > dt,.dl-table.corporate-color + .dl-table.corporate-color > dd { border-top: none; }
	
	.dl-table.corporate-color > dd { background-color:#f9f9f9;}
	.dl-table.corporate-color > dt { background-color:#e73c2b; color:#FFFFFF;}

	.radius > .dl-table.corporate-color:first-child > dt {
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px; 
	-moz-border-top-left-radius: 6px;
	 }
	.radius > .dl-table.corporate-color:first-child > dd {
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px; 
	-moz-border-top-right-radius: 6px;
	 }
	.radius > .dl-table.corporate-color:last-child > dt {
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px; 
	-moz-border-bottom-left-radius: 6px;
	 }
	.radius > .dl-table.corporate-color:last-child > dd {
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px; 
	-moz-border-bottom-right-radius: 6px;
	 }
}
/* DL Table Style
================================================*/
.dl-table.border-solid { border: 1px solid #dddddd; }
.dl-table.border-solid > dd { border-left: 1px solid #dddddd;}
.dl-table.border-solid + .dl-table.border-solid { border-top: none; }

.break-xs.border-solid > dd { border-left: none; border-top: 1px solid #dddddd;}
@media (min-width: 768px) {
	.break-xs.border-solid > dd { border-left: 1px solid #dddddd; border-top: none;}
}

.dl-table.line-dotted > dd { border-bottom: 1px dotted #afafaf; }
.dl-table.line-solid > dd { border-bottom: 1px solid #dddddd; }

/*================================================
  Banner
================================================*/
.mv .sampleBox {
	top: 440px;
}
.mv .bannerBox {
	position: absolute;
	top: 550px;
	right: 0%;
	font-size: 1.4rem;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	padding: 0px 15px;
	background-color: #fff;
	border-radius: 8px;
	width: 55%;

}
.mv .bannerBox .ban {
	margin-left:-17px;
	margin-right:-17px;
}
/* Point Item
================================================*/
.dl-table.point-item {
	width:100%;
	margin:0px auto 20px auto;
}
.dl-table.point-item > dt { padding: 8px 0px; }
.dl-table.point-item > dd { padding: 8px 0px 8px 8px; }
.dl-table.point-item > dt { width:78px; }


@media (min-width: 768px) {

.dl-table.point-item {
	width:90%;
	margin:0px auto 20px auto;
}
.dl-table.point-item > dt,.dl-table.point-item > dd { padding: 8px 8px; }
.dl-table.point-item > dt { width:102px; }

}
/* Point Area
================================================*/
.point-area {
	margin:30px 0px 0px 0px;
}

@media (min-width: 768px) {

.point-area {
	margin:0px 0px 60px 0px;
}

}
/* logo sona
================================================*/
.logo-sona {
	width:200px;
	margin:0px 0px 10px 0px;
	display:block;
}

@media (min-width: 768px) {

.logo-sona {
	width:200px;
	margin:0px 0px 0px 0px;
	float:right;
}

}
/*================================================
  Event Info
================================================*/

.eventInfo {
	padding: 80px 0;
	background: #fff;
}
.eventInfo h4 {
	font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 10px;
}
.eventInfo h4.subTitle {
	background-color: #e73c2b;
	font-size: 3.0rem;
	color: #FFF;
	padding: 10px 0;
	text-align: center;
	border-radius: 6px;
}
.eventInfo .screenDescription {
	margin-top: 20px;
	margin-bottom: 10px;
}
.eventInfo .ttl {
	text-align: center;
}
.eventInfo .ttl .bgTtl {
	font-size: 4.4rem;
	font-weight: bold;
	color: #000;
	position: relative;
	padding: 0 56px;
	display: inline-block;
}
.eventInfo .ttl .bgTtl:before, .eventInfo .ttl .bgTtl:after {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
}
.eventInfo .ttl .bgTtl:before {
	background-image: url(../../img/ttl_left.png);
	top: 11px;
	left: 0;
}
.eventInfo .ttl .bgTtl:after {
	background-image: url(../../img/ttl_right.png);
	top: 11px;
	right: 0;
}
.eventInfo .lead {
	font-size: 2.0rem;
	padding: 30px 0;
	text-align: center;
}
.eventInfo ol {
	margin-top: 20px;
}
.eventInfo ol li {
	position: relative;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 25px 24px;
	border: 1px solid #d4d2ca;
	border-radius: 6px;
	background: #fff;
}
.eventInfo ol li .number {
	position: absolute;
	top: 50%;
	left: 32px;
	width: 10%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.eventInfo ol li .content {
	position: relative;
	float: right;
	overflow: hidden;
	zoom: 1;
	width: 83.8%;
	min-height: 106px;
}
.eventInfo ol li .content .txtBox {
	float: left;
	width: 75%;
}
.eventInfo ol li .content .txtBox h3 {
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 10px;
}
.eventInfo ol li .content .txtBox .txt {
	font-size: 1.4rem;
}
.eventInfo ol li .content .img {
	position: absolute;
	top: 50%;
	right: 2%;
	width: 18.4%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.eventInfo ol li .txtBox ul {
	margin-left: 20px;
}
.eventInfo ol li .txtBox ul li {
	list-style-type: disc;
	position: relative;
	overflow: visible;
	zoom: 1;
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: #fff;
}
.eventInfo .caution {
	font-size: 1.4rem;
}
.eventInfo .pageLink {
	text-align: center;
	padding: 20px 0 80px;
	display: block;
	height: 40px;
}
.eventInfo .pageLink a {
	font-size: 2.0rem;
	background-image: url(../../img/pageLink.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:25px 25px;
	color: #2e2e2e;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#header .btnBox ul .btnSona img {
	max-width: 345px;
}


 @media only screen and (max-width: 768px) {

.eventInfo {
	padding: 40px 0;
}
.eventInfo h4 {
	font-size: 1.4rem;
}
.eventInfo .ttl .bgTtl {
	font-size: 2.0rem;
	padding: 0 20px;
}
.eventInfo .ttl .bgTtl:before, .eventInfo .ttl .bgTtl:after {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 18px;
	background-size: contain;
	position: absolute;
}
.eventInfo .ttl .bgTtl:before {
	background-image: url(../../img/ttl_left.png);
	top: 5px;
	left: 0;
}
.eventInfo .ttl .bgTtl:after {
	background-image: url(../../img/ttl_right.png);
	top: 5px;
	right: 0;
}
.eventInfo .lead {
	font-size: 1.6rem;
	padding: 20px 20px 0;
	text-align:left;
}
.eventInfo ol {
	margin-top: 20px;
}
.eventInfo ol li {
	padding: 13px 10px 13px 60px;
}
.eventInfo ol li .number {
	position: absolute;
	top: 13px;
	left: 10px;
	width: 40px;
	-webkit-transform: none;
	transform: none;
}
.eventInfo ol li .content {
	width: 100%;
}
.eventInfo ol li .content .txtBox {
	float: none;
	width: 100%;
}
.eventInfo ol li .content .txtBox h3 {
	font-size: 1.6rem;
	padding-top: 4px;
	padding-bottom: 6px;
}
.eventInfo ol li .content .txtBox .txt {
	font-size: 1.2rem;
}
.eventInfo ol li .content .img {
	position: static;
	top: 0;
	right: 0;
	width: 69px;
	margin: 0 auto;
	padding-top: 12px;
	-webkit-transform: none;
	-webkit-transform: translateX(-50%);
	transform: none;
	transform: translateX(-50%);
}
.eventInfo .caution {
	font-size: 1.0rem;
}

.eventInfo h4.subTitle {
	font-size: 1.8rem;
	padding: 12px 20px;
	margin-top: 10px;
}
.eventInfo .pageLink {
	text-align: left;
	padding: 0 0 20px;
}
.eventInfo .pageLink a {
	font-size: 1.6rem;
	background-image: url(../../img/pageLink.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 20px auto;
	color: #2e2e2e;
	padding-left: 26px;
	display: block;
	padding-top: 0;
}

.mv .bannerBox {
	position: static;
	width: 95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 15px auto 0 auto;
}

#header .btnBox ul .btnSona img {
	max-width: 141px;
}

}

 @media only screen and (max-width: 1030px) {

	.mv .bannerBox {
	right: 2%;
} 
	 }

.ib { display: inline-block !important; }


.nl-sp {

}


@media (min-width: 768px) {

.title-label {
	padding:8px 35px 8px 8px;
	background-color:transparent;
}

.nl-sp {
 display:none;
}

}


@media (max-width: 768px) {

.lh-sp {
  line-height:1.2 !important;
}
}