@charset "UTF-8";
/* CSS Document */

.topContainer {
	background:#000 url(../images/bg_sp.jpg) repeat-y;
}

header.top {
}
header.top .hdContainer {
}
header.top .hdContainer h1 {
	display: none;
}
header.top .hdContainer h1.fix {
	display: block;
}
header .spcmt {
	display: none;
}
@keyframes spcmtAnim {
	0% { opacity:0; top:240px; }
	100% { opacity:1; top:199px; }
}

ul#top-slideimgHeader1, ul#top-slideimgHeader2 {
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
}
ul#top-slideimgHeader1 {
	top:898px;
}
ul#top-slideimgHeader2 {
	top:998px;
}
ul#top-slideimgHeader1 li, ul#top-slideimgHeader2 li {
	float:left;
	width:2125px;
	height:100px;
	overflow:hidden;
}


.Opening {
	position:relative;
	width: 640px;
	height: 1000px;
}
.Opening ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.Opening ul li{
	position: relative;
	overflow: hidden;
	width: 640px;
	height: 1000px;
	text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
	max-width: inherit;
	width: 100%;
	height: auto;
}


.top-ship {
	padding: 0 0 20px;
}
.top-cmt {
	padding:0 35px 30px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.4em;
	color:#bebebe;
	text-align:left;
}

.top-ranking {
	position:relative;
	background:none;
	padding:40px 0;
}
.top-ranking::before {
	display:block;
    position:fixed;
    top:0;
    left:0;
	background:url(../images/bg_ranking_sp.jpg) center center no-repeat;
    width:640px;
	height:100%;
    content: "";
    z-index:-1;
}

.top-info {
	padding:60px 40px 30px;
}
.top-blog {
	padding:30px 0 60px;
}

.top-info .contentsTitle span {
}
.top-blog .contentsTitle span {
}

.top-wnttl {
	border-bottom:8px #6c675d dotted;
	border-radius:6px;
	padding-bottom:5px;
	margin-bottom:25px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	text-align:left;
}
.top-wnbox {
	position:relative;
	border-bottom:14px #6c675d solid;
	height:514px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
	overflow:scroll;
}



.top-mlmg {
	position:relative;
	width:640px;
	height:1200px;
	overflow:hidden;
}
.top-mlmg .img {
	position:absolute;
	top:232px;
	left:0;
	background:url(../images/mailmaga_bg_sp.png) center top no-repeat;
	padding-top:300px;
	width:640px;
}
.top-mlmg .cmt {
	padding:0 20px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
	text-align:left;
}
.top-mlmg .qr {
	font-size:12px;
	font-size:1.2rem;
}

.slideimgFooter {
	position:relative;
	width:640px;
	height:300px;
	overflow:hidden;
}
ul#top-slideimgFooter1 {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
}
ul#top-slideimgFooter2 {
	position:absolute;
	top:150px;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
}
ul#top-slideimgFooter1 li, ul#top-slideimgFooter2 li {
	float:left;
	width:2096px;
	height:150px;
	overflow:hidden;
}