@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
 style.css
* * * * * * * * * * * * * * * * * */

/* MARGIN */ .m10 {margin: 10px;} .m20 {margin: 20px;} .m30 {margin: 30px;} .m40 {margin: 40px;} .m50 {margin: 50px;} .mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mr10 {margin-right:10px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .m50 {margin-right:50px;} .mb10 {margin-bottom:10px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;} .ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;}

/* PADDING */ .p10 {padding: 10px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .p40 {padding: 40px;} .p50 {padding: 50px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;} .pr10 {padding-right:10px;} .pr20 {padding-right:20px;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px;} .p50 {padding-right:50px;} .pb10 {padding-bottom:10px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;} .pl10 {padding-left:10px;} .pl20 {padding-left:20px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl50 {padding-left:50px;}

/* TEXT-ALIGN */ .textcenter {text-align:center;} .textleft {text-align:left;} .textright {text-align:right;} .textbold {font-weight:bold;}

.mod-featuredNewProducts_col a:link, .mod-featuredNewProducts_col a:visited {color: #333333; text-decoration: none;} .mod-featuredNewProducts_col a:hover, .mod-featuredNewProducts_col a:active {color: #D43500; text-decoration: underline;} ul.notice {margin-left: 15px; font-size: 90%;} ul.notice li {list-style: disc; margin-bottom: 10px; line-height: 1.4;} .specialLinkBtn a {text-decoration:none;}

h2, p.headingH2 {border-bottom: 3px solid #FFCF01}

p.specialLinkBtn {background-color: #FFCF01;}


.linkPageTop{
	display: block;
	overflow: hidden;
	width: 84px;
	height: 0;
	padding-top: 64px;
	white-space: nowrap;
	background: url(../img/bg-btn-page-top.png) 0 0 no-repeat;
}

.linkPageTop:hover{ background-position: 0 bottom; }


.spe-tabWrap.spe-tabWrap_col-2 {
	padding-right: 40px;
	min-width: 0;
	margin: 0 0 20px
}
.spe-tabWrap_col-2 .spe-tab {
	margin-right: 40px;
	width: 50%;
	padding: 0;
}
.spe-tabWrap_col-2 .spe-tab.last {
	margin-right: -40px;
}

.spe-tab a {
	text-decoration: none;
}
.spe-tab a:hover {
	color: #d43500!important;
}

/*
.spe-tabWrap_col-2 .spe-tab a {
	padding: 10px 0;
}
*/


ul.btn_bg .spe-tab .bnrImgWrap {
	background: #fff4c4;
}


p.btn_download a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 580px;
	height: 70px;
	line-height: 70px;
	color: #333;
	font-weight: bold;
	font-size: 22px;
	background: #fdd000;
	text-decoration: none;
	border-radius: 5px;
	outline: none;
}
p.btn_download a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.inWrap {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 90%;
}
.inWrap > * + * {
	margin-top: 5px;
}


ul.appBtn {
	margin-bottom: 20px;
}
ul.appBtn li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

strong.ttl_num {
	color: #F2BD00;
	font-size: 110%;
	margin-right: 10px;
}

.noPC {
	display: none;
}


/* responsive */
@media screen and (max-width: 768px) {

.noPC {
	display: block;
}
img.noPC, span.noPC {
	display: inline;
}
.noSP {
	display: none;
}

body{
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover{
	text-decoration: none;
}

/* opacity */
a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


#wrapper {
	min-width: 0;
}
.widthFixedContent {
	width: auto;
	margin: 0;
}

.spe-tab .bnrImgWrap {
	font-size: 12px;
}
.spe-tabWrap.spe-tabWrap_col-2,
.spe-tabWrap.spe-tabWrap_col-4 {
	padding-right: 10px;
}
.spe-tabWrap_col-2 .spe-tab {
	margin-right: 10px;
}
.spe-tabWrap_col-4 .spe-tab {
	width: 50%;
	margin-bottom: 10px;
	padding-right: 0;
}

.spe-tabWrap.spe-tabWrap_col-3 {
	padding-right: 0;
	margin-bottom: 10px;
}
.spe-tabWrap_col-3 .spe-tab {
	width: auto;
	float: none;
	margin-right: 0;
}
.spe-tabWrap_col-3 .spe-tab + .spe-tab {
	margin-top: 10px;
}
.spe-tabWrap_col-3 .spe-tab.last {
	margin-right: 0;
}


.spe-txtBox {
	margin-top: 20px;
}


.spe-txtBox_col-9,
.spe-txtBox_col-3 {
	float: none;
	width: auto;
}
.spe-txtBox_col-3 {
	text-align: center;
}

ul.appBtn {
	margin: 0 -5px 10px;
	overflow: hidden;
}
ul.appBtn li {
	display: block;
	width: 50%;
	float: left;
	padding: 0 5px 10px;
	text-align: center;
	box-sizing: border-box;
}

p.btn_download {
	margin: -10px -20px 0;
}
p.btn_download a {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
}
p.btn_download a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

strong.ttl_num {
	display: block;
}


.spe-movieArea {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
}
.spe-movieArea > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.mod-pageTop .linkPageTop {
	right: 10px;
	bottom: 10px;
}
.linkPageTop {
	width: 42px;
	height: 32px;
	background-size: 42px 64px;
	background-position: 0 0;
	padding-top: 0;
	text-indent: -9999px;
}
.linkPageTop:hover {
	background-position: 0 0;
}


.spe-txtBox_col.mt50 {
	margin-top: 0;
	margin-bottom: -30px;
}

}/* responsive end */