@charset "UTF-8";
@import "/include_2015/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.happymam {
	width: 100%;
	margin:auto;
	color:#422c1c;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:bold;
	background:#fff9d7
}

.happymam .pc {
	display:none
}

.happymam .lead01 {
	font-size:16px;
	line-height:27px;
	padding:4% 3%;
	text-align:left
}

.happymam .kaiin01 {
	font-size:15px;
	line-height:22px;
	background:#ffea73;
	border:1px solid #e3ca3d;
	margin:3% 0 1%;
	padding:3%;
	text-align:center
}

.happymam .kaiin01 span {
	display:block;
	margin-bottom:3%;
}

.happymam .kaiin01 a {
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	border:3px solid #422c1c;
	text-decoration:none;
	padding:13px 65px;
	color:#422c1c;
	background:#fff;
	transition:0.5s;
}

.happymam .kaiin01 a:hover {
	color:#fff;
	background:#735a47
}

.happymam .co01 {
	background: url(../../images/bk01.png);
	padding:4%;
	border-bottom:80px solid #c71b34;
}

.happymam .co01 div {
	background:#fff;
	border-radius:20px;
	border:1px solid #d1c16e;
	text-align:left;
	padding-bottom:5%;
	max-width:432px;
	margin:0 auto 4%
}

.happymam .co01 div img {
	display:block;
	border-radius:20px 20px 0 0;
}

.happymam .co01 div .cat01,
.happymam .co01 div .cat02,
.happymam .co01 div .cat03,
.happymam .co01 div .cat04 {
	display:inline-block;
	vertical-align:middle;
	width:75px;
	border-radius:0 20px 20px 0;
	color:#fff;
	padding:6px;
	font-size:16px;
	letter-spacing: 0.2em;
	text-align:center;
	margin-top:-30px;
}

.happymam .co01 div .cat01 {
	background:#e7637f;
}

.happymam .co01 div .cat02 {
	background:#aa69c4;
}

.happymam .co01 div .cat03 {
	background:#339a94;
}

.happymam .co01 div .cat04 {
	background:#e37c04;
}

.happymam .co01 div strong {
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	padding:8px
}

.happymam .co01 div p {
	padding:0 3% 4%;
	font-size:15px;
	line-height:22px;
	font-weight:normal
}

.happymam .co01 div a {
	display:block;
	width:225px;
	vertical-align:middle;
	font-size:15px;
	border:3px solid #422c1c;
	text-decoration:none;
	padding:4px 55px;
	color:#422c1c;
	background:#fff;
	transition:0.5s;
	margin:auto;
}

.happymam .co01 div a:hover {
	color:#fff;
	background:#735a47
}