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

	Style for MAYSLOT PAGE
	/japanese/myslot/css/site.css

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


/* main title
***************************************************** */

.mainvisual {
	background-color: #fffcc7;
	background-image: url(/japanese/myslot/common/img/bg_myslot_main.png);
	background-repeat: no-repeat;
	text-align: center;
}

.clm-inner {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.borderb {
	border-bottom: 1px solid #e6e6e6;
}

.lead-txt {
	padding: 25px 30px 20px;
}
.lead-txt02 {
	margin-bottom: 20px;
}

.tabarea {
	border-bottom: 4px solid #0076cd;
}
.tabarea .tablist {
	padding: 0 29px;
}
.tabarea .tablist li {
	width: 330px;
}
.tabarea .tablist .tab-sm {
	float: left;
}
.tabarea .tablist .tab-ft {
	float: right;
}
.tabarea .tablist li a {
	display: block;
	border: 1px solid #0076cd;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	padding: 15px 0;
	background-color: #f0f0f0;
	background-image: url(/common/img/icn_arrow2.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 15px 10px;
	color: #0670bc;
	font-size: 133.3%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.tabarea .tablist li a:hover,
.tabarea .tablist li.act a {
	background: #0081d1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076cd), color-stop(100%, #0081d1));
	background: -webkit-linear-gradient(top, #0076cd, #0081d1);
	background: linear-gradient(to bottom, #0076cd, #0081d1);
	color: #ffffff;
}
.ie8 .tabarea .tablist li a {
	background-image: url(/common/img/ie8/icn_arrow2_1.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
.ie8 .tabarea .tablist li a:hover,
.ie8 .tabarea .tablist li.act a {
	background-image: none;
}

.ttl-site {
	padding: 15px 29px;
	background-color: #e4f6ff;
	font-size: 133.3%;
	font-weight: bold;
}

.site-wrap {
	border-bottom: 1px solid #e7e7e7;
}
.site-wrap-inner {
	padding: 23px 29px 50px;
}
.site-wrap .img-clm {
	float: left;
	width: 260px;
}
.site-wrap .img-clm img {
	width: 100%;
}
.site-wrap .info-clm {
	float: right;
	width: 400px;
}
.site-wrap .info-clm.info-top {
	padding-top: 20px;
}
.site-wrap .info-clm .detail-list {
	border-top: 1px solid #e7e7e7;
}
.site-wrap .info-clm .detail-list li {
	border-bottom: 1px solid #e7e7e7;
	padding: 7px 0;
}
.site-wrap .info-clm .detail-list .ttl-detail {
}
.site-wrap .info-clm .detail-list .ttl-detail .icn {
	display: inline-block;
	background-color: #00a243;
	color: #ffffff;
	font-size: 116.7%;
	font-weight: bold;
	width: 1.5em;
	height: 1.5em;
	padding: 0px;
	border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	letter-spacing: -0.05em;
}
.site-wrap .info-clm .detail-list .ttl-detail .ttl {
	margin-left: 10px;
	color: #00a243;
	font-size: 116.7%;
	font-weight: bold;
}
.site-wrap .info-clm .detail-list .info-wrap {
	margin-top: 8px;
}
.site-wrap .info-clm .detail-list .info-wrap .icn {
	float: left;
	margin-left: 30px;
	width: 60px;
}
.site-wrap .info-clm .detail-list .info-wrap .txt {
	float: left;
	margin-left: 15px;
	width: 290px;
}
.site-wrap .info-clm .detail-list .info-wrap .txt.wide {
	width: 370px;
}

.site-wrap .wrap01 .info-clm .detail-list .info-wrap .icn {
	width: 60px;
}
.site-wrap .wrap01 .info-clm .detail-list .info-wrap .icn img {
	width: 60px;
}
.site-wrap .wrap02 .info-clm .detail-list .info-wrap .icn {
	width: 48px;
}
.site-wrap .wrap02 .info-clm .detail-list .info-wrap .icn img {
	width: 48px;
}

/* フィーチャーフォン専用「マイスロTOPサイト」 */
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt01 {
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt01 .icn {
	margin-left: 17px;
	width: 76px;
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt01 .txt {
	width: 280px;
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt02 {
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt02 .icn {
	margin-left: 35px;
	width: 50px;
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt02 .txt {
	margin-left: 25px;
	width: 280px;
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt03 {
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt03 .icn {
	margin-left: 20px;
	width: 80px;
}
.site-wrap .info-clm .detail-list .info-wrap.wrap-ftt03 .txt {
	margin-left: 10px;
	width: 280px;
}


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

	.mainvisual img {
		width: 100%;
		height: auto;
	}

	.lead-txt {
		padding: 15px 15px 20px;
		border-bottom: 1px solid #e7e7e7;
		font-size: 14px;
	}
	.lead-txt02 {
		padding: 0 15px 10px;
		font-size: 14px;
	}

	.tabarea {
		display: none;
	}

	.ttl-site {
		padding: 7px 8px;
		font-size: 16px;
	}

	.site-wrap {
		border-top: none;
		border-bottom: none;
	}
	.site-wrap-inner {
		padding: 20px 0 0;
	}
	.site-wrap .site-wrap-inner.wrap02 {
		padding-top: 40px;
	}
	.site-wrap .img-clm {
		float: none;
		width: 100%;
		text-align: center;
	}
	.site-wrap .img-clm p {
		padding: 0 50px;
	}
	.site-wrap .img-clm p img {
		width: 220px;
	}
	.site-wrap .info-clm {
		float: none;
		margin-top: 15px;
		width: 100%;
	}
	.site-wrap .info-clm.info-top {
		padding-top: 0;
	}

	.site-wrap .info-clm .detail-list {
	}
	.site-wrap .info-clm .detail-list li {
		padding: 10px 15px;
	}
	.site-wrap .wrap02 .info-clm .detail-list li:last-child {
		padding-bottom: 35px;
	}
	.site-wrap .info-clm .detail-list .ttl-detail {
	}
	.site-wrap .info-clm .detail-list .ttl-detail .icn {
		display: inline-block;
		background-color: #00a243;
		color: #ffffff;
		font-size: 15px;
		font-weight: bold;
		width: 1.5em;
		height: 1.5em;
		padding: 0px;
		border-radius: 50%;
		-ms-border-radius: 50%;
		text-align: center;
		letter-spacing: -0.05em;
	}
	.site-wrap .info-clm .detail-list .ttl-detail .ttl {
		margin-left: 10px;
		color: #00a243;
		font-size: 15px;
		font-weight: bold;
	}
	.site-wrap .info-clm .detail-list .info-wrap {
		margin-top: 10px;
	}
	.site-wrap .info-clm .detail-list .info-wrap .icn {
		float: left;
		margin-left: 0;
		width: 60px;
	}
	.site-wrap .info-clm .detail-list .info-wrap .txt {
		float: none;
		margin-left: 75px;
		width: auto;
		font-size: 14px;
	}
	.site-wrap .info-clm .detail-list .info-wrap .txt.wide {
		margin-left: 0;
		width: 100%;
	}

	.site-wrap .wrap02 .info-clm .detail-list .info-wrap .icn,
	.site-wrap .wrap02 .info-clm .detail-list .info-wrap .icn img {
		width: 40px;
	}
	.site-wrap .wrap02 .info-clm .detail-list .info-wrap .txt {
		margin-left: 55px;
	}

	#featurephone {
		display: none;
	}


}



/* ClearFix
***************************************************** */
.info-wrap:after,
.tablist:after,
.site-wrap-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.info-wrap,
.tablist,
.site-wrap-inner {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .info-wrap,
* html .tablist,
* html .site-wrap-inner {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .info-wrap,
*:first-child+html .tablist,
*:first-child+html .site-wrap-inner {
	display: inline-table;
}/* end hacks */