@charset "utf-8";

/* -------------------------------
   BASE
------------------------------- */

body {
	-webkit-text-size-adjust: 100%;
}
#wrap {
	width:100%;
	min-width:320px;
	overflow:hidden;
}
.pc {
	display:none;
}
.spNL:before {
	content: "\A" ;
	white-space: pre ;
}
img {
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
}

.btn a{
	min-width:240px;
	padding:10px 20px;
}

/* -------------------------------
   header
------------------------------- */

.head{
	text-align:center;
	padding:10px 0 20px;
}

.head .logo p{
	padding:5px 0px;
	font-size:10px;
	font-weight:bold;
}

/* -------------------------------
   footer
------------------------------- */

.footer{
	text-align:center;
	font-size:10px;
	padding:20px;
	border-top:solid 2px #EAEAEA;
}

.footer div{
	margin-bottom:10px;
}

/* -------------------------------
   home
------------------------------- */

#mainVisual{
	padding:20px 0 0;
}

#mainVisual dl{
	margin:10px 20px 20px;
}

#mainVisual dt{
	padding:10px;
	font-size:18px;
}

#mainVisual dd{
	font-size:18px;
	padding:20px 0;
}

.topTxt{
	padding:30px 20px;
}

.introduce h3{
	font-size:16px;
}

.introduce ul{
	margin:20px 10px 0;
	font-size:0;
}

.introduce li{
	width:49%;
	margin:0 2% 20px 0;
}

.introduce li:nth-child(2n){
	margin-right:0;
}

.introduce ul li figure{
	padding:10px 0 0;
}

.introduce ul li figure img{
	height:70px;
	width:auto;
}

.sec{
	padding:0 20px;
	margin-top:40px;
}

.sec .secTit{
	font-size:20px;
	padding:20px 20px;
	margin:0 -20px 20px;
}

.sec .subTit{
	font-size:18px;
	margin-bottom:20px;
	padding:20px 0;
	margin-top:40px;
}

.sec .titWrap .subTit{
	margin-top:0;
}

.sec .titWrap figure{
	text-align:center;
}

.sec .titWrap figure img{
	max-width:70%;
}

.sec .secTopTxt{
	margin-bottom:20px;
}

.talk li{
	margin-top:20px;
}

.talk li .comment{
	padding:20px;
}

.talk li .comment:after{
	left:70px;
}

.talk li .person{
	font-size:14px;
}

.talk li .person img{
	height:60px;
	width:auto;
}

.note{
	margin-top:20px;
	padding:0 20px 20px;
}

.note h3{
	padding:15px 0;
	font-size:16px;
	margin-bottom:20px;
}

.note .btn{
	margin-top:15px;
}

.note .model li{
	font-size:14px;
	margin-top:20px;
}

.note h4{
	margin:20px 0;
	font-size:16px;
}

.note .type li{
	text-align: center;
}

.note .type li:nth-child(1),
.note .type li:nth-child(2){
	width:48%;
	display: inline-block;
}

.note .type li:last-child{
	margin-top:20px;
}

.note .lebelfix{
	margin-top:20px;
}

.note .lebelfix figure{
	text-align: center;
}

.bnr{
	margin:30px 20px;
}

#after{
	padding:20px 40px;
	margin:40px -20px 0;
}

#after h2{
	font-size:20px;
	margin-bottom:20px;
}

#after .afterTop{
	margin-bottom:20px;
}

#after .afterTop figure{
	margin-top:10px;
}

#after .afterTop figure img{
	max-width:48%;
}

#after .message h3{
	font-size:16px;
}

.mattressWrap{
	display: block;
	margin: 0;
}

.mattressWrap > div{
	margin: 30px auto 0;
}