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

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.happymam {
	width: 1000px;
	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 .sp {
	display:none
}

.happymam .lead01 {
	font-size:20px;
	line-height:30px;
	padding:30px 50px 40px;
}

.happymam .kaiin01 {
	font-size:16px;
	line-height:22px;
	background:#ffea73;
	border:1px solid #e3ca3d;
	margin:30px 0 0;
	padding:22px
}

.happymam .kaiin01 span {
	display:inline-block;
	vertical-align:middle;
	margin-right:38px;
}

.happymam .kaiin01 a {
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	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);
	display:flex;
	flex-wrap: wrap;
	padding:40px 50px;
	gap:35px;
	border-bottom:80px solid #c71b34
}

.happymam .co01 div {
	background:#fff;
	border-radius:20px;
	border:1px solid #d1c16e;
	position: relative;
	text-align:left;
	padding-bottom:15px;
	width:432px;
}

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

.happymam .co01 div .cat01 {
	background:#89ad31;
}

.happymam .co01 div .cat01,
.happymam .co01 div .cat02,
.happymam .co01 div .cat03,
.happymam .co01 div .cat04 {
	width:105px;
	border-radius:0 20px 20px 0;
	position: absolute;
	top: 115px;
	color:#fff;
	padding:6px;
	font-size:18px;
	letter-spacing: 0.3em;
	text-align:center
}

.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 {
	position: absolute;
	font-size:18px;
	top: 125px;
	left:120px;
	padding:10px;
}

.happymam .co01 div p {
	padding:42px 22px 12px;
	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
}