@charset "utf-8";

/* ==================================================================================
/
/  moomin CSS
/
================================================================================== */

.index .moominLpWp {
	margin:100px 0 20px;
	color:#6E9BC5;
	line-height:2.4em;
}
.index .moominLpWp img {
	width: 100%;
}
.index .moominLpWp p {
	font-size: 18px;
	margin: 0 auto;
}
.index .moominLpWp p.mainImg {
	max-width: 400px;
}
.index .moominLpWp p.hr {
	width: 90%;
	max-width: none;
	margin: 40px auto;
}
.index .moominLpWp p.txt {
	text-align: left;
	max-width: 450px;
	margin: 40px auto;
}
.index .moominLpWp p.title {
	max-width: 450px;
	margin: 0 auto 40px;
}
.index .moominLpWp p.title2 {
	max-width: 400px;
}
.moominLpWp p.type01,
.moominLpWp p.type02 {
	max-width: 450px;
	margin: 0 auto 40px;
}

.index .moominLpWp p.btn {
	width: 250px;
	margin: 0 auto 60px;
}
.index .moominLpWp p.btn a {
	display: block;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	background: #A0CBED;
	border-radius: 30px;
	color: #FFF;
	font-size: 20px;
	letter-spacing: .4rem;
}
.index .moominLpWp .mbi {
	max-width: 500px;
	margin: 0 auto;
}

/* banner */

.banner {
	width:50%;
	margin:70px auto 50px;
	text-align:center;
}	
.banner img {
	width:100%;
	height:auto;
}	
.contentsWp{
	color:#6E9BC5;
}





.moominLpWp {
	margin:100px 0 20px;

	line-height:2.4em;
}
.moominLpWp img {
	width: 100%;
	height: auto;
}
.moominLpWp p {
	font-size: 18px;
	margin: 0 auto;
}
.moominLpWp .topImg {
	max-width: 75%;
	margin: 0 auto;
}
.moominLpWp p.rLine {
	max-width: 90%;
	margin: 40px auto;
}
.moominLpWp h2.h2Ttl {
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
}
.moominLpWp h2.h2Ttl.st img {
	width: 50%;
	display: block;
	margin: 20px auto;
}

ul.characterList {
	width: 80%;
	padding:0;
	margin: 0 auto;
}

ul.characterList li.character{
	width: 100%;
	margin: 0 0 20px;
}
ul.characterList li.liRibonLine {
	margin: 0 0 20px;
}
	
ul.ringList{
	width: 80%;
	margin: 0 auto 1%;
	padding:0;
	}
	
ul.ringList li{
	width: 100%;
	margin-bottom:20px;
	}	

.moominLpWp p.btn {
	width: 250px;
	margin: 0 auto 60px;
}
.moominLpWp p.btn a {
	display: block;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	background: #A0CBED;
	border-radius: 30px;
	color: #FFF;
	font-size: 20px;
	letter-spacing: .4rem;
}

/* banner */

a.banner {
	display: block;
	width: 100%;
	height: auto;
	margin:70px auto 50px;
	text-align:center;
}	
.banner img {
	width:100%;
	height:auto;
}