@charset "utf-8";

/*
カワイイをつくる.com
Copyright (C) KAO Corporation. All Rights Reserved.
*/

/* //////////////////////////////////////////////////
[mobile]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	@: 0. Import CSS
-------------------------------------------------- */
@import url(/kawatsuku/css/base.css);
@import url(/kawatsuku/css/base.module.css);

/* --------------------------------------------------
	@: 1. Mobile Top
-------------------------------------------------- */

/* @: headerB
----------------------------------- */
.mobileTop .headerB .txtLead {
	background: url(/kawatsuku/img/mobile/bg_mobile_01.png) no-repeat right top;
}

/* @: blockAbout 
----------------------------------- */
.mobileTop .blockAbout .sample {
	position: relative;
	display: inline; /* [IE6] */
	float: left;
	width: 450px;
	margin-left: 30px;
	margin-top: 40px;
}
.mobileTop .blockAbout .sample .url {
	position: absolute;
	top: 300px;
	left: 55px;
	width: 330px;
	font-weight: bold;
	font-size: 124%;
	line-height: 1.2;
	text-align: center;
}
.mobileTop .blockAbout .access {
	display: inline; /* [IE6] */
	float: right;
	width: 360px;
	margin-right: 40px;
}
.mobileTop .blockAbout .access h2 {
	margin-bottom: 10px;
}
.mobileTop .blockAbout .access .qrcode {
	margin: 30px 0 30px 0;
}
.mobileTop .blockAbout .access .qrcode .dx {
	margin: 0 0 0 40px;
}
.mobileTop .blockAbout .access .qrcode h3 {
	margin-bottom: 10px;
}
.mobileTop .blockAbout .access .qrcode .img {
	float: left;
}
.mobileTop .blockAbout .access .qrcode .txt {
	margin-left: 155px;
	overflow: hidden;
}
.mobileTop .blockAbout .access .register h3 {
	margin-bottom: 10px;
}
.mobileTop .blockAbout .access .register .txt {
	margin-bottom: 20px;
}

/* @: blockRecommendIndex
----------------------------------- */
.blockRecommendIndex {
}
.blockRecommendIndex h2 {
	margin-bottom: 30px;
}
.blockRecommendIndex .groupIndex {
	width: 990px;
	margin-right: -40px;
	overflow: hidden;
}
.blockRecommendIndex .groupIndex.groupCol2 {
	width: 1050px;
	margin-right: -70px;
}
.blockRecommendIndex .unit {
	float: left;
	width: 454px;
	margin: 0 40px 0 0;
	text-align: left;
}
.blockRecommendIndex .groupCol2 .unit {
	width: 440px;
	margin-right: 70px;
}
.blockRecommendIndex .unit .img {
	float: left;
	margin-right: 20px;
}
.blockRecommendIndex .unit h3,
.blockRecommendIndex .unit .txt {
	float: left;
	width: 314px;
}
.blockRecommendIndex .groupCol2 .unit h3,
.blockRecommendIndex .groupCol2 .unit .txt {
	width: 300px;
}
.blockRecommendIndex .unit h3 {
	margin-bottom: 8px;
}
.blockRecommendIndex .unit .txt {
	line-height: 1.8;
}