/* ****************************************************

	Style for MAYSLOT FAQ PAGE
	/japanese/myslot/css/faq.css

***************************************************** */


/* main
***************************************************** */

.mainvisual {
	background-color: #91ffff;
	background-image: url(/japanese/myslot/common/img/bg_myslot_main.png);
	background-repeat: no-repeat;
	text-align: center;
}
.leadtxt {
	margin-top: 25px;
	text-align: center;
}

.ttl-skin01 {
	margin-top: 40px;
}
.ttl-skin01:first-child {
	margin-top: 0;
}

.faq-wrap {
}
.faq-wrap .faq-list-wrap {
}
.faq-wrap .faq-list-wrap .faq-clm {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.faq-wrap .faq-list-wrap .faq-clm .ttl-clm {
	padding: 12px 30px;
	background: #dbeec9;
}
.faq-wrap .faq-list-wrap .faq-clm .ttl-clm {
}
.faq-wrap .faq-list-wrap .faq-clm .ttl-clm .icn {
	display: block;
	float: left;
	margin-right: 10px;
	border-radius: 3px;
	padding: 3px 8px;
	background-color: #00a243;
	color: #ffffff;
	font-weight: bold;
}
.faq-wrap .faq-list-wrap .faq-clm .ttl-clm .ttl {
	float: left;
	padding: 3px 0;
	width: 620px;
	font-size: 116.7%;
	font-weight: bold;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm {
	padding: 15px 29px 20px;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .ans-area {
	font-size: 116.7%;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area {
	margin-top: 5px;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .icn {
	display: block;
	float: left;
	margin-right: 10px;
	border-radius: 10px;
	padding: 1px 0 1px 1px;
	width: 20px;
	background-color: #00a243;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .txt {
	padding: 1px 0;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .txt2 {
	margin: 10px 0 0 30px;
}
.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .link {
	margin-left: 32px;
}

.info-sttl {
	margin-top: 40px;
	border: 1px solid #3ebafc;
}
.info-sttl span {
	display: block;
	border-left: 9px solid #c5eafe;
	padding: 10px 20px;
	color: #0076cd;
	font-size: 133.3%;
	font-weight: bold;
}
.info-sttl span.imp,
.info-sttl span.imp-after {
	display: inline;
	margin-left: 5px;
	border-left: 0;
	font-size: 75%;
	font-weight: normal;
}
.info-sttl span.imp {
	color: #ff0000;
}
.info-sttl span.imp-after {
	color: #0478ce;
}

.slide-wrap {
	margin-top: 20px;
}
.slide-wrap .slide-list {
}
.slide-wrap .slide-list li {
	position: relative;
	float: left;
	margin-left: 40px;
	width: 200px;
}
.slide-wrap .slide-list li:before {
	position: absolute;
	content: '';
	display: block;
	top: 10px;
	left: -27px;
	width: 18px;
	height: 52px;
	background-image: url(/japanese/myslot/common/img/icn_arrow_myslot.png);
	background-repeat: no-repeat;
	background-size: 18px 52px;
	background-position: 0 0;
}
.slide-wrap .slide-list li:nth-child(4) {
	margin-top: 30px;
}
.slide-wrap .slide-list li:nth-child(4),
.slide-wrap .slide-list li:first-child {
	margin-left: 0;
}
.slide-wrap .slide-list li:nth-child(4):before,
.slide-wrap .slide-list li:first-child:before {
	background-image: none;
}
.slide-wrap .slide-list li .slide-list-inner {
}
.slide-wrap .slide-list li .slide-list-inner dl {
}
.slide-wrap .slide-list li .slide-list-inner dl dt {
	display: table;
	border: 1px solid #c5eafe;
	background-color: #e4f6ff;
}
.slide-wrap .slide-list li .slide-list-inner dl dt .num {
	display: table-cell;
	padding-left: 7px;
	vertical-align: middle;
	color: #3ebafc;
	font-size: 216%;
	font-weight: bold;
}
.slide-wrap .slide-list li .slide-list-inner dl dt .ttl {
	display: table-cell;
	padding: 10px 5px;
	height: 5.2em;
	letter-spacing: 0.02em;
	line-height: 1.3;
	vertical-align: middle;
}
.slide-wrap .slide-list li .slide-list-inner dl dd {
	padding: 10px 0;
}
.slide-wrap .slide-list li .slide-list-inner dl dd p {
	text-align: center;
}

.slide-wrap .slide-list.list01 li:nth-child(4) {
	width: 660px;
}
.slide-wrap .slide-list.list01 li:nth-child(4) dl dt {
	width: 200px;
}
.slide-wrap .slide-list.list01 li:nth-child(4) dl dd {
	overflow: hidden;
}
.slide-wrap .slide-list.list01 li:nth-child(4) dl dd .img {
	float: left;
	width: 200px;
}
.slide-wrap .slide-list.list01 li:nth-child(4) dl dd .info {
	float: right;
	margin-top: 70px;
	width: 440px;
}

.slide-wrap .slide-list.list01 li .balloon-area {
	position: relative;
	padding: 30px;
	border-radius: 20px;
	background-color: #ffebeb;
}
.slide-wrap .slide-list.list01 li .balloon-area:before {
	border-color: #ffebeb transparent;
	border-style: solid;
	border-width: 20px 20px 0;
	top: 70px;
	content: "";
	display: block;
	left: -30px;
	position: absolute;
	width: 0;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.ie8 .slide-wrap .slide-list.list01 li .balloon-area:before {
	display: none;
}
.slide-wrap .slide-list.list01 li .balloon-area .ttl {
	color: #ff0000;
	font-size: 116.7%;
	font-weight: bold;
}
.slide-wrap .slide-list.list01 li .balloon-area .txt {
	text-align: left;
}
.slide-wrap .slide-list.list01 li .complete-area {
	padding: 30px;
}
.slide-wrap .slide-list.list01 li .complete-area .txt {
	text-align: left;
}

.slide-wrap .slide-list.list02 li:nth-child(3),
.slide-wrap .slide-list.list02 li:nth-child(4) {
	margin-top: 30px;
}
.slide-wrap .slide-list.list02 li:nth-child(2) {
	width: 440px;
}
.slide-wrap .slide-list.list02 li:nth-child(2) img {
	margin-left: 30px;
}
.slide-wrap .slide-list.list02 li:nth-child(2) img:first-child {
	margin-left: 0;
}
.slide-wrap .slide-list.list02 li:nth-child(4) {
	margin-left: 40px;
}
.slide-wrap .slide-list.list02 li:nth-child(4):before {
	background-image: url(/japanese/myslot/common/img/icn_arrow_myslot.png);
}
.slide-wrap .slide-list.list02 li:nth-child(3),
.slide-wrap .slide-list.list02 li:first-child {
	margin-left: 0;
}
.slide-wrap .slide-list.list02 li:nth-child(3):before,
.slide-wrap .slide-list.list02 li:first-child:before {
	background-image: none;
}

.slide-notes {
	display: none;
}

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

	.mainvisual img {
		width: 100%;
		height: auto;
	}
	.leadtxt {
		margin-top: 15px;
		padding: 0 15px;
		font-size: 14px;
		text-align: left;
	}

	.faq-wrap .faq-list-wrap .faq-clm .ttl-clm {
		padding: 8px 15px;
	}
	.faq-wrap .faq-list-wrap .faq-clm .ttl-clm .ttl {
		float: none;
		width: auto;
	}

	.faq-wrap .faq-list-wrap .faq-clm .info-clm {
		padding: 15px 15px 20px;
	}
	.faq-wrap .faq-list-wrap .faq-clm .info-clm .ans-area {
		font-size: 14px;
	}
	.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area {
		margin-top: 12px;
		font-size: 12px;
	}
	.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .link {
		margin-top: 5px;
		margin-left: 0;
		text-align: center;
	}
	.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .link a {
		display: inline-block;
		margin-top: 10px;
		border: 1px solid #3ebafc;
		border-radius: 10px;
		padding: 10px 30px;
		background-color: #e4f6ff;
		background-image: url(/common/img/icn_arrow.png);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 97% center;
		color: #313131;
		font-weight: bold;
	}
	.faq-wrap .faq-list-wrap .faq-clm .info-clm .notes-area .txt2 {
		margin: 10px 0 0 0;
	}

	.info-sttl {
		margin-top: 15px;
	}
	.info-sttl span {
		display: block;
		border-left: 5px solid #c5eafe;
		padding: 5px;
		color: #0076cd;
		font-size: 14px;
		font-weight: bold;
	}
	.info-sttl span.imp {
		display: block;
		margin-left: 0;
		border-left: 0;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
	}

	.slide-wrap {
		position: relative;
		margin-top: 20px;
		padding: 0 10px;
	}
	.slide-wrap .slide-list {
	}
	.slide-wrap .slide-list li {
		margin-left: 0;
		width: 100%;
	}
	.slide-wrap .slide-list li:before {
		background-image: none !important;
	}
	.slide-wrap .slide-list li .slide-list-inner dl dt {
		width: 100%;
	}
	.slide-wrap .slide-list li .slide-list-inner dl dd {
		border-bottom: 1px solid #c5eafe;
		border-right: 1px solid #c5eafe;
		border-left: 1px solid #c5eafe;
		height: 300px;
		overflow-y: scroll;
	}
	.slide-wrap .slide-list li .slide-list-inner dl dt .num {
		padding-right: 7px;
		background-color: #c5eafe;
	}

	.slide-wrap .slide-list li {
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.slide-wrap .slide-list.list01 li:nth-child(4) {
		width: 100%;
	}
	.slide-wrap .slide-list.list01 li:nth-child(4) dl dt {
		width: 100%;
	}
	.slide-wrap .slide-list.list01 li:nth-child(4) dl dd {
		overflow: scroll;
	}
	.slide-wrap .slide-list.list01 li:nth-child(4) dl dd .img {
		float: none;
		width: auto;
		text-align: center;
	}
	.slide-wrap .slide-list.list01 li:nth-child(4) dl dd .info {
		float: none;
		margin-top: 30px;
		width: 100%;
	}

	.slide-wrap .slide-list.list01 li .balloon-area {
		margin: 30px auto 0;
		padding: 10px;
		width: 90%;
	}
	.slide-wrap .slide-list.list01 li .balloon-area:before {
		border-color: #ffebeb transparent;
		border-style: solid;
		border-width: 20px 20px 0;
		top: -20px;
		content: "";
		display: block;
		left: 45%;
		position: absolute;
		width: 0;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.slide-wrap .slide-list.list01 li .complete-area {
		padding: 10px 30px;
	}

	.slide-wrap .slide-list.list02 li:nth-child(2) {
		width: 100%;
	}
	.slide-wrap .slide-list.list02 li:nth-child(2) img {
		margin-top: 20px;
		margin-left: 0;
	}
	.slide-wrap .slide-list.list02 li:nth-child(2) img:first-child {
		margin-top: 0;
	}

	.slide-notes {
		display: block;
		margin-top: 5px;
		padding: 0 10px;
	}
	.slide-notes p {
		padding: 5px;
		background-color: #f0f0f0;
		color: #7d7d7d;
	}

	.slide-wrap .slide-list li .slide-list-inner dl dt .ttl {
		font-size: 14px;
	}

	.slide-wrap .slide-list li .slide-list-inner dl dt .ttl {
		height: 5.8em !important;
	}
	.slide-wrap .slide-list.list02 li .slide-list-inner dl dt .ttl {
		height: 6.5em !important;
	}

	.sp-notes {
		margin-top: 3px;
		padding: 8px;
		background-color: #f0f0f0;
		color: #7d7d7d;
	}

	/* flex slider overwrite */
	.flex-direction-nav a  {
		text-decoration:none;
		display: block;
		width: 60px;
		height: 20px;
		background: url(/common/img/icn_arrow2.png) no-repeat;
		background-position: center center;
		background-size: 15px 10px;
		margin: 0;
		position: absolute;
		top: 200px;
		z-index: 10;
		overflow: hidden;
		opacity: 1;
		cursor: pointer;
		color: rgba(0,0,0,0.8);
		text-shadow: none;
	}
	.flex-direction-nav .flex-prev {
		display: none;
	}
	.flex-direction-nav .flex-next {
		right: -30px;
	}
	.flex-direction-nav .flex-next,
	.flex-direction-nav .flex-next:hover {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	.carousel li {
		margin-right: 0;
	}

}


/* ClearFix
***************************************************** */
.slide-list:after,
.ttl-clm-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.slide-list,
.ttl-clm-wrap {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .slide-list,
* html .ttl-clm-wrap {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .slide-list,
*:first-child+html .ttl-clm-wrap {
	display: inline-table;
}/* end hacks */