@charset "utf-8";


/*------------------------------------------------------------------------------------------------------------
# ヘッダー
------------------------------------------------------------------------------------------------------------*/
#logoPc {
	display:none;
}

/* キャッチコピー（PCトップページのみ）
--------------------------------------------------------------------------*/
.catchBox {
	display:none;
}

/* ハンバーガーメニュー
--------------------------------------------------------------------------*/
#gnav {
	display:none;
}
.slicknav_menu {
	display:block;
}

/*------------------------------------------------------------------------------------------------------------
# 連続するリストを横並びに等分表示する（トップページ）
------------------------------------------------------------------------------------------------------------*/
.item-list,
.item-list-b {
	margin: 0;
	padding: 10px 0 0 0;
}

.item-list ul,
.item-list-b ul {
	overflow: hidden;
	margin-left: -20px;	/* セル間ガター分マイナスマージン */
	background-color: transparent;
}

.item-list ul li,
.item-list-b ul li {
	float: left;
	list-style-type: none;
	xtext-align: center;
	padding-left: 20px;	/* セル間ガター */
	margin-bottom: 20px;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

ul.cols-3 li,ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
	width: 50%;	/* 4列以上は2列に */
}

/* 高さ調整 */
.inner{
	overflow: hidden;
	margin: 0;
	padding: 6px;	
	background: #f9f8e6;
	border: 2px #027637 solid;
	background-image: linear-gradient(-45deg, #027637 10px, transparent 0);
}
.inner:hover {
	background: #fff;
	border: 2px #027637 solid;
	background-image: linear-gradient(-45deg, #027637 10px, transparent 0);
}
.inner_b{
	overflow: hidden;
	xwidth: 100%;
	xheight: 100%;
	margin: 0;
	padding: 6px;	
	background: #f1f8fd;
	border: 2px #4267b2 solid;
	background-image: linear-gradient(-45deg, #4267b2 10px, transparent 0);
}
.inner_b:hover {
	background: #fff;
	border: 2px #4267b2 solid;
	background-image: linear-gradient(-45deg, #4267b2 10px, transparent 0);
}


/*------------------------------------------------------------------------------------------------------------
# 料金（ヘルパー画像調整）
------------------------------------------------------------------------------------------------------------*/
.helperColRight img {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 50%;
}

/*------------------------------------------------------------------------------------------------------------
# 会員募集（入会理由は、みなさん様々です）
------------------------------------------------------------------------------------------------------------*/
.item-list-uservoice {
	margin: 0;
	padding: 0;
}
.item-list-uservoice ul {
	overflow: hidden;
	margin-left: -10px;	/* セル間ガター分マイナスマージン */
	background-color: transparent;
}
.item-list-uservoice ul li {
	float: left;
	list-style-type: none;
	padding-left: 10px;	/* セル間ガター */
	margin-bottom: 10px;
	font-size: 11px;

}
.boxTitle {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 11px;
	background: #4267b2;
	color: #fff;
	font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------------
# フッターロゴ
------------------------------------------------------------------------------------------------------------*/
.footerLogo{
	overflow: hidden;
	margin: 15px 0 20px 0;
	padding: 0;
}
.footerLogoImg {
	text-align: center;
}
.footerLogoImg img{
	width: 85px;
}
.footerLogoText{
	margin: 0;
	padding: 5px 10px 0 10px;
}
.footerLogoFB{
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
}
.footerLogoFB img{
	width: 176px;
}

/*------------------------------------------------------------------------------------------------------------
# フッターナビゲーション（モバイル時表示）
------------------------------------------------------------------------------------------------------------*/
#luxbar{
	display:none;
}