@charset "UTF-8";
/* CSS Document */

.hr01 {
  height:0px;
  border: 3px solid hsl(0, 0%, 80%);
    margin: 20px 0;
}
.hr02 {
  height:0px;
  border: 1px solid hsl(0, 0%, 50%);
    margin: 20px 0;
}

.mm_btm05 {
	margin-bottom: 05px;
}
.mm_btm10 {
	margin-bottom: 10px;
}
.mm_btm15 {
	margin-bottom: 15px;
}
.mm_btm20 {
	margin-bottom: 20px;
}
.mm_btm30 {
	margin-bottom: 30px;
}
.mm_top05 {
	margin-top: 5px;
}
.mm_top10 {
	margin-top: 10px;
}
.mm_top20 {
	margin-top: 20px;
}
.mm_left10 {
	margin-left: 10px;
}

.mm_left20 {
	margin-left: 20px;
}
.mm_right10 {
	margin-right: 10px;
}
.waku_gry01 {
    border:1px solid #ddd;
	padding: 4px 7px 3px;
}

.waku_gry02 {
    border:3px solid #ddd;
	padding: 10px;
}

.waku_gry03 {
    border:1px solid #666;
	padding: 10px;
}

.waku_gry04 {
    border-top:1px solid #CCC;
	background: #F0F0F0;
	padding: 10px;
}

.waku_blue01 {
	border: 3px double #B0CCDD;
	padding: 4px 7px 3px;
}

.waku_blue02 {
	background-color: #D6E2F0;
	padding: 3px 8px 2px;
}

.waku_blue01a {
	border: 3px double #B0CCDD;
	padding: 15px 30px 14px;
	background: #FFF;
	line-height:2em;
}

.waku_yellow01 {
	padding: 10px 10px 9px;
	background: #FCE7BA;
}

.waku_pink01 {
	border: 2px solid #F9D1E3;
	background-color: #FFF;
	padding: 10px 14px 9px;
}

.waku_red01 {
	border: 1px solid #F00;
	background-color: #FFF;
	padding: 2px 5px 0px;
	font-size: 80%;
	font-weight: normal;
	color: #000;
	vertical-align: 1px;
}

div.clear {
	clear: both;
}

/* 画像の回り込み */
.f_right {
	float: right;
	margin-left: 10px;
}
.f_left {
	float: left;
	margin-right: 10px;
}

/* 募集チラシ */
.f_right_rec_b,
.f_right_rec_s {
        width: 177px; /* チラシの横幅 */
}
/* 表示領域が481px以下の場合に適用するスタイル */
@media screen and (max-width: 481px) {
    .f_right_rec_b {
		visibility:hidden;
        height: 0;
    }
    .f_right_rec_s {
		visibility: visible;
        margin: 0 auto;
    }
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


/* 表示領域が482px以上の場合に適用するスタイル */
@media screen and (min-width: 482px) {
    .f_right_rec_b {
		visibility: visible;
        float: right;
        margin-left: 20px;
    }
    .f_right_rec_s {
		visibility:hidden;
        height: 0;
    }
}