@charset "UTF-8";

/*
	ワコールボディブック　全ページ共通スタイル

	スマホ（ベース）
	タブレット（min-width: 481px）
	PC（min-width: 960px）
*/

/* ------------------------------------------------------------------------------------------------------ 
	Import CSS
------------------------------------------------------------------------------------------------------ */
@import url('normalize.css');
@import url('font.css');
@import url('animate.css');
/* ------------------------------------------------------------------------------------------------------ 
	Base Layout
------------------------------------------------------------------------------------------------------ */
.pc { display: none; }
.sp { display: block; }
/* タブレット用 */
@media screen and (min-width: 481px) {
	.pc { display: none; }
	.sp { display: block; }
}
/* PC用 */
@media screen and (min-width: 960px) {
	.pc { display: block; }
	.sp { display: none; }
}

a:focus, *:focus { outline:none; }
a { text-decoration: none; }

/* スマホ用マウスオーバー設定（userAgentChecker.jsのクラスで判別） */
a {
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mouse a:hover,
.mouse a:focus,
.touch a:active,
.mouse a:active {
/*
	color: #fff;
*/
}

/* ------------------------------------------------------------------------------------------------------ 
	COMMON Layout
------------------------------------------------------------------------------------------------------ */
body {
	-webkit-font-smoothing: antialiased;	/* 白文字が太くなる対策 */
}
html, body {
}
#wrapper {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	overflow: auto;
	position: relative;
	background: #f7f7f3;
}
#wrapper.otona {
	background: #fff;
}
main {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
section, footer.wbb-footer {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
section + section {
margin-top: 120px;
}
	main.obb + footer.wbb-footer {	/* 記事一覧のとき */
		background: #f7f7f3;
	}
	main.obb + section#new {	/* 記事ページのとき */
		background: #f7f7f3;
	}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	#wrapper {
		width: 100%;
		margin: 0px auto;
		text-align: center;
		overflow: auto;
		position: relative;
		background: #f7f7f3;
	}
	main {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px;
		padding: 0px 0px 30px;
		overflow: hidden;
		text-align: center;
	}
	section, footer.wbb-footer {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px;
		padding: 0px;
		overflow: hidden;
		text-align: center;
	}
	section + section {
	margin-top: 120px;
	}
	main.obb + footer.wbb-footer {	/* 記事一覧のとき */
		background: #f7f7f3;
	}
	main.obb + section#new {	/* 記事ページのとき */
		background: #f7f7f3;
	}
}

/* ------------------------------------------------------------------------------------------------------ 
	HEADER（バーガーメニューopen時、背景固定） Layout
------------------------------------------------------------------------------------------------------ */
.fixed {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: auto;
	transition: .3s;
	box-sizing: content-box;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
	.fixed {
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: auto;
		transition: .3s;
		box-sizing: content-box;
	}
}
/* PC用 */
@media screen and (min-width: 960px) {
	.fixed {
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: auto;
		transition: .3s;
		box-sizing: content-box;
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	HEADER（デフォルトとスクロール時【.transform】） Layout
------------------------------------------------------------------------------------------------------ */
.wbb-header{
	width: 100%;
	padding: 0px;
	background: #f7f7f3;
	display: flex;
	position: fixed;
	justify-content: space-between;
	transition: .5s;
}
.wbb-header.transform {
	background: rgba(247,247,243,1.0);
}
/* logo */
.wbb-header .logo {
	width: 100%;
	height: 68px;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	position: relative;
	transition: .5s;
}
.wbb-header.transform .logo {
	width: 100%;
	height: 60px;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	position: relative;
}
/* 円 *********/
.wbb-header .logo:before{
	content: "";
	width:80%;
	max-width: 350px;
	height: calc(392/760*350%);
	background: #f7f7f3;
	border-radius:50%;
	position:absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -10;
}
.wbb-header.transform .logo:before{
	-webkit-animation: circle01 0.5s forwards;
	animation: circle01 0.5s forwards;
	animation-timing-function: ease-out;
}
@keyframes circle01 {
	0% {
	background: rgba(247,247,243,0.75);
	top: -225px;
	}
	50% {
	background: rgba(247,247,243,0);
	top: -305px;
	}
	100% {
	background: rgba(247,247,243,0);
	top: -400px;
	}
}
/* 円の影 *********/
.wbb-header .logo:after{
	content: "";
	width:60%;
	max-width: 300px;
	height: calc(392/760*350%);
	position:absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	border-radius:50%;
	background: rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.55);
	z-index: -20;
}
.wbb-header.transform .logo:after{
	-webkit-animation: circle02 0.5s forwards;
	animation: circle02 0.5s forwards;
	animation-timing-function: ease-out;
}
@keyframes circle02 {
	0% {
	background: rgba(0,0,0,0);
	box-shadow: 0px 0px 15px rgba(0,0,0,0);
	top: -220px;
	}
	50% {
	background: rgba(255,255,255,0);
	box-shadow: 0px 0px 15px rgba(255,255,255,0);
	top: -280px;
	}
	80% {
	background: rgba(255,255,255,0);
	box-shadow: 0px 0px 15px rgba(255,255,255,0);
	top: -400px;
	}
	100% {
	background: rgba(255,255,255,0);
	box-shadow: 0px 0px 15px rgba(255,255,255,0);
	top: -400px;
	}
}
/* コピー */
.wbb-header .logo .catch {
	margin: 100%;
	height: auto;
	display: block;
	margin: 3px auto 2px;
	padding: 0px 10px 0px 0px;
	text-align: center;
}
.wbb-header.transform .logo .catch {
	margin: 100%;
	height: auto;
	display: block;
	margin: 5px auto 0px;
	padding: 0px 0px 0px 62px;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: -0.05em;
	text-align: left;
}
/* ロゴ */
.wbb-header .logo .sitename a {
	padding: 48px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 48px;
	width: 184px;
	background: url(../img/cmn/logo.svg) no-repeat left top;
	background-size: 184px auto;
	display: block;
	margin: 0px auto;
}
.wbb-header.transform .logo .sitename a {
	padding: 47px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 47px;
	width: 260px;
	background: url(../img/cmn/logo2.svg) no-repeat left top;
	background-size: 260px auto;
	display: block;
	margin: auto;
	position: absolute;
	top: 5px;
	left: 10px;
}
/* PC sns link */
.pc-right {
	display: none;
}
.wbb-header.transform .pc-right {
	display: none;
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	.wbb-header{
		width: 100%;
		padding: 0px;
		background: #f7f7f3;
		display: flex;
		position: fixed;
		justify-content: space-between;
		transition: .8s;
	}
	.wbb-header.transform {
		background: rgba(247,247,243,1.0);
	}
	/* logo */
	.wbb-header .logo {
		width: 760px;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		position: relative;
		transition: .5s;
	}
	.wbb-header.transform .logo {
		width: 760px;
		height: 80px;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		position: relative;
	}
	/* 円 *********/
	.wbb-header .logo:before{
		content: "";
		width:760px;
		max-width: initial;
		height:392px;
		background: #f7f7f3;
		border-radius:50%;
		position:absolute;
		top: -240px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -10;
	}
	.wbb-header.transform .logo:before{
		-webkit-animation: circle01 0.5s forwards;
		animation: circle01 0.5s forwards;
		animation-timing-function: ease-out;
	}
	/* 円の影 *********/
	.wbb-header .logo:after{
		content: "";
		width:620px;
		max-width: initial;
		height:392px;
		position:absolute;
		top: -240px;
		left: 0;
		right: 0;
		margin: auto;
		border-radius:50%;
		background: rgba(0,0,0,0.3);
		box-shadow: 0px 0px 15px rgba(0,0,0,0.55);
		z-index: -20;
	}
	.wbb-header.transform .logo:after{
		-webkit-animation: circle02 0.5s forwards;
		animation: circle02 0.5s forwards;
		animation-timing-function: ease-out;
	}
	/* コピー */
	.wbb-header .logo .catch {
		margin: 100%;
		height: auto;
		display: block;
		margin: 10px auto 5px;
		padding: 0px 0px 0px 7px;
		font-size: 14px;
		line-height: 1.5em;
		letter-spacing: 0.125em;
		font-weight: 400;
		color: #231815;
		text-align: center;
		transition: .3s;
	}
	.wbb-header.transform .logo .catch {
		margin: 100%;
		height: auto;
		display: block;
		margin: 15px auto 0px;
		padding: 0px 0px 0px 75px;
		font-size: 11px;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		font-weight: 400;
		color: #231815;
		text-align: center;
	}
	/* ロゴ */
	.wbb-header .logo .sitename a {
		padding: 95px 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/: 95px;
		width: 373px;
		background: url(../img/cmn/logo.svg) no-repeat left top;
		background-size: 368px auto;
		display: block;
		margin: 0px auto;
	}
	.wbb-header.transform .logo .sitename a {
		padding: 71px 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/: 71px;
		width: 390px;
		background: url(../img/cmn/logo2.svg) no-repeat left top;
		background-size: 390px auto;
		display: block;
		margin: auto;
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
	}
	/* PC sns link */
	.pc-right {
		width: 200px;
		height: auto;
		display: block;
		margin: auto;
		padding: 0px;
		text-align: right;
		position: absolute;
		top: 30px;
		right: 30px;
		transition: .5s;
	}
	.pc-right a {
		margin: auto;
		padding: 0px 7px;
		font-size: 24px;
		line-height: 1.5em;
		color: #231815;
		transition: all 0.3s;
	}
	.pc-right a:hover {
		color: #5d5452;
	}
	.wbb-header.transform .pc-right {
		width: 200px;
		height: auto;
		display: block;
		margin: auto;
		padding: 0px;
		text-align: right;
		position: absolute;
		top: 15px;
		right: 30px;
	}
	.wbb-header.transform .pc-right a {
		margin: auto;
		padding: 0px 5px;
		font-size: 24px;
		line-height: 1.5em;
		color: #231815;
		transition: all 0.3s;
	}
	.wbb-header.transform .pc-right a:hover {
		color: #5d5452;
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	HEADER（ハンバーガーメニューの開閉ボタン：オープン時【.open】） Layout
------------------------------------------------------------------------------------------------------ */
/* Toggle Button */
#nav-toggle {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 28px;
	height: 37px;
	cursor: pointer;
	z-index: 101;
	transition: all 0.5s;
}
.open #nav-toggle  {
	/* スマホは位置固定 */
}
#nav-toggle div {
	position: relative;
	width: 28px;
	height: 24px;
}
#nav-toggle div.text {
	position: absolute;
	top: 27px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 9px;
	line-height: 16px;
	letter-spacing: -0.1em;
	text-align: center;
}
.open #nav-toggle div.text {
	font-size: 0;
}
.open #nav-toggle div.text:before {
	font-size: 9px;
	line-height: 16px;
	letter-spacing: -0.1em;
	color: #231815;
	content: "CLOSE";
}
#nav-toggle span {
	width: 100%;
	height: 3px;
	display: inline-block;
	background-color: #231815;
	border-radius: 1px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.8s;
}
#nav-toggle span:nth-of-type(1) {
	top: 0px;
}
#nav-toggle span:nth-of-type(2) {
	top: 10px;
}
#nav-toggle span:nth-of-type(3) {
	top: 20px;
}
#nav-toggle span:nth-of-type(1) {
	-webkit-animation: menu-bar01 0.8s forwards;
	animation: menu-bar01 0.8s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {
	-webkit-transform: translateY(10px) rotate(45deg);
	}
	50% {
	-webkit-transform: translateY(10px) rotate(0);
	}
	100% {
	-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
	transform: translateY(10px) rotate(45deg);
	}
	50% {
	transform: translateY(10px) rotate(0);
	}
	100% {
	transform: translateY(0) rotate(0);
	}
}
#nav-toggle span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
#nav-toggle span:nth-of-type(3) {
	-webkit-animation: menu-bar02 0.8s forwards;
	animation: menu-bar02 0.8s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	}
	50% {
	-webkit-transform: translateY(-10px) rotate(0);
	}
	100% {
	-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
	transform: translateY(-10px) rotate(-45deg);
	}
	50% {
	transform: translateY(-10px) rotate(0);
	}
	100% {
	transform: translateY(0) rotate(0);
	}
}
.open #nav-toggle span:nth-of-type(1) {
	top: -10px;
	-webkit-animation: active-menu-bar01 0.8s forwards;
	animation: active-menu-bar01 0.8s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
	-webkit-transform: translateY(0) rotate(0);
	}
	50% {
	-webkit-transform: translateY(20px) rotate(0);
	}
	100% {
	-webkit-transform: translateY(20px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
	transform: translateY(0) rotate(0);
	}
	50% {
	transform: translateY(20px) rotate(0);
	}
	100% {
	transform: translateY(20px) rotate(45deg);
	}
}
.open #nav-toggle span:nth-of-type(2) {
	opacity: 0;
}
.open #nav-toggle span:nth-of-type(3) {
	top: 30px;
	-webkit-animation: active-menu-bar03 0.8s forwards;
	animation: active-menu-bar03 0.8s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
	-webkit-transform: translateY(0) rotate(0);
	}
	50% {
	-webkit-transform: translateY(-20px) rotate(0);
	}
	100% {
	-webkit-transform: translateY(-20px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
	transform: translateY(0) rotate(0);
	}
	50% {
	transform: translateY(-20px) rotate(0);
	}
	100% {
	transform: translateY(-20px) rotate(-45deg);
	}
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* Toggle Button */
	#nav-toggle {
		display: block;
		position: absolute;
		left: 30px;
		top: 30px;
		width: 46px;
		height: 52px;
		cursor: pointer;
		z-index: 101;
		transition: all 0.8s;
	}
	.open #nav-toggle  {
		left: 400px;
	}
	#nav-toggle div {
		position: relative;
		width: 46px;
		height: 52px;
	}
	#nav-toggle div.text {
		position: absolute;
		top: 46px;
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0em;
	}
	.open #nav-toggle div.text {
		font-size: 0;
	}
	.open #nav-toggle div.text:before {
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0em;
		color: #231815;
		content: "CLOSE";
	}
	#nav-toggle span {
		width: 100%;
		height: 8px;
		display: inline-block;
		background-color: #231815;
		border-radius: 1px;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		transition: all 0.8s;
	}
	#nav-toggle span:nth-of-type(1) {
		top: 0px;
	}
	#nav-toggle span:nth-of-type(2) {
		top: 17px;
	}
	#nav-toggle span:nth-of-type(3) {
		top: 34px;
	}
	#nav-toggle span:nth-of-type(1) {
		-webkit-animation: menu-bar01 0.8s forwards;
		animation: menu-bar01 0.8s forwards;
	}
	#nav-toggle span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}
	#nav-toggle span:nth-of-type(3) {
		-webkit-animation: menu-bar02 0.8s forwards;
		animation: menu-bar02 0.8s forwards;
	}
	.open #nav-toggle span:nth-of-type(1) {
		top: -5px;
		-webkit-animation: active-menu-bar01 0.8s forwards;
		animation: active-menu-bar01 0.8s forwards;
	}
	.open #nav-toggle span:nth-of-type(2) {
		opacity: 0;
	}
	.open #nav-toggle span:nth-of-type(3) {
		top: 34px;
		-webkit-animation: active-menu-bar03 0.8s forwards;
		animation: active-menu-bar03 0.8s forwards;
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	HEADER（ハンバーガーメニューの中身） Layout
------------------------------------------------------------------------------------------------------ */
/* 開閉メニュー */
#global-nav {
	position: fixed;
	top: 0;
	right: -999px;
	background: #e3e3dd;	/* 227,227,221 */
	width: 80vw;
	height: calc(100% - 10px);
	overflow-y: scroll;
	-ms-overflow-style:none;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	margin: 0px auto;
	padding: 30px 0px 200px;
	box-sizing: border-box;
	opacity: 0;
	transition: all 0.5s;
	scrollbar-width: none;
}
#global-nav::-webkit-scrollbar {
	display: none;
}
/* メニューオープン時 #global-nav */
.open #global-nav {
	opacity: 1;
	right: 0px;
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* 開閉メニュー */
	#global-nav {
		position: fixed;
		top: 0;
		left: -999px;
		right: initial;
		background: #e3e3dd;	/* 227,227,221 */
		width: 465px;
		height: calc(100% - 10px);
		overflow-y: scroll;
		-ms-overflow-style:none;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		margin: 0px auto;
		padding: 30px 0px 200px;
		box-sizing: border-box;
		opacity: 0;
		transition: all 0.8s;
		scrollbar-width: none;
	}
	#global-nav::-webkit-scrollbar {
		display: none;
	}
	/* メニューオープン時 #global-nav */
	.open #global-nav {
		opacity: 1;
		left: 0px;
		right: initial;
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	HEADER（ハンバーガーメニューの中身） Layout
	テキスト検索エリア・カテゴリー・コンテンツ・タグ・メルマガ登録・snsリンク
------------------------------------------------------------------------------------------------------ */
/* ハンバーガーメニュー内テキスト検索エリア */
#SearchArea {
	width: 94%;
	display: block;
	position:relative;
	margin: 30px auto 0px;
	padding: 0px;
	font-size: 0;
	border-bottom: 1px solid #231815;
}
#SearchArea #sKeyword {
	width: 100%;
	margin: 0px auto; 
	display: inline-block;
}
#SearchArea #sKeyword input {
	margin: 0px auto; 
	display: inline-block;
}
#SearchArea #searchText {
	width: 100%;
	height: 35px;
	padding: 7px 35px 7px 10px; 
	box-sizing: border-box;
	border:none; 
	position:relative; 
	text-decoration:none; 
	background-color: #e3e3dd;	/* 背景色 */
	outline: none;
}
#SearchArea #searchText:focus {
	color: #231815;	/* 文字色 */
	background-color: #fff;	/* 背景色 */
}
#SearchArea #sSubmit {
}
#SearchArea #sSubmit input {
	width: 20px; 
	height: 20px; 
	position: absolute;
	right: 10px;
	top: 7px;
	cursor:pointer; 
	text-align:center; 
	border:none; 
	background-color: transparent;
	background-image: url(../img/cmn/icon-search.svg);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 20px auto;
	background-size: 20px auto;
	padding: 7px 0px; 
	margin: 0px auto;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* ハンバーガーメニュー内テキスト検索エリア */
	#SearchArea {
		width: 420px;
		display: block;
		position:relative;
		margin: 90px auto 0px;
		padding: 0px;
		font-size: 0;
		border-bottom: 1px solid #231815;
	}
	#SearchArea #sKeyword {
		width: 100%;
		margin: 0px auto; 
		display: inline-block;
	}
	#SearchArea #sKeyword input {
		margin: 0px auto; 
		display: inline-block;
	}
	#SearchArea #searchText {
		width: 365px; 
		height: 35px; 
		padding: 7px 45px 7px 10px; 
		box-sizing: content-box;
		border:none; 
		position:relative; 
		text-decoration:none; 
		background-color: #e3e3dd;	/* 背景色 */
		outline: none;
	}
	#SearchArea #searchText:focus {
		color: #231815;	/* 文字色 */
		background-color: #fff;	/* 背景色 */
	}
	#SearchArea #sSubmit {
	}
	#SearchArea #sSubmit input {
		width: 35px; 
		height: 35px; 
		position: absolute;
		right: 10px;
		top: 7px;
		cursor:pointer; 
		text-align:center; 
		border:none; 
		background-color: transparent;
		background-image: url(../img/cmn/icon-search.svg);
		background-position: center center;
		background-repeat: no-repeat;
		-moz-background-size: 35px auto;
		background-size: 35px auto;
		padding: 7px 0px; 
		margin: 0px auto;
	}
}

/* カテゴリーリンク */
#global-nav dl {
	width: 94%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: left;
	font-size: 0;
}
#global-nav dl dt {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	text-align: center;
}
#global-nav dl.categorylink dd {
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 0px auto 4px ;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0;
	background: #fff;
	position: relative;
}
#global-nav dl.categorylink dd:nth-child(2n) {
	margin: 0px auto 4px;
}
#global-nav dl.categorylink dd a {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	display: block;
	margin: 0px auto;
	padding: 10px 10px 0px 20px;
	text-align: left;
	background: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #231815;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mouse #global-nav dl.categorylink dd.beauty a:hover,.mouse #global-nav dl.categorylink dd.beauty a:focus,
.touch #global-nav dl.categorylink dd.beauty a:active,.mouse #global-nav dl.categorylink dd.beauty a:active
{ color: #ff6666; }
.mouse #global-nav dl.categorylink dd.fashion a:hover,.mouse #global-nav dl.categorylink dd.fashion a:focus,
.touch #global-nav dl.categorylink dd.fashion a:active,.mouse #global-nav dl.categorylink dd.fashion a:active
{ color: #c06dc6; }
.mouse #global-nav dl.categorylink dd.fitness a:hover,.mouse #global-nav dl.categorylink dd.fitness a:focus,
.touch #global-nav dl.categorylink dd.fitness a:active,.mouse #global-nav dl.categorylink dd.fitness a:active
{ color: #ef9d00; }
.mouse #global-nav dl.categorylink dd.lifestyle a:hover,.mouse #global-nav dl.categorylink dd.lifestyle a:focus,
.touch #global-nav dl.categorylink dd.lifestyle a:active,.mouse #global-nav dl.categorylink dd.lifestyle a:active
{ color: #8abf56; }
.mouse #global-nav dl.categorylink dd.food a:hover,.mouse #global-nav dl.categorylink dd.food a:focus,
.touch #global-nav dl.categorylink dd.food a:active,.mouse #global-nav dl.categorylink dd.food a:active
{ color: #ffa0c1; }
.mouse #global-nav dl.categorylink dd.culture a:hover,.mouse #global-nav dl.categorylink dd.culture a:focus,
.touch #global-nav dl.categorylink dd.culture a:active,.mouse #global-nav dl.categorylink dd.culture a:active
{ color: #539ce5; }
#global-nav dl.categorylink dd a:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: solid 1px #bfbcbb;
	border-right: solid 1px #bfbcbb;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#global-nav dl.categorylink dd a:hover:after {
	right: 12px;
}
#global-nav dl.categorylink dd a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 7px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff;
}
#global-nav dl.categorylink dd.beauty a:before { background: #ff6666; }
#global-nav dl.categorylink dd.fashion a:before { background: #c06dc6; }
#global-nav dl.categorylink dd.fitness a:before { background: #ef9d00; }
#global-nav dl.categorylink dd.lifestyle a:before { background: #8abf56; }
#global-nav dl.categorylink dd.food a:before { background: #ffa0c1; }
#global-nav dl.categorylink dd.culture a:before { background: #539ce5; }
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* カテゴリーリンク */
	#global-nav dl {
		width: 420px;
		height: auto;
		display: block;
		margin: 40px auto 0px;
		padding: 0px;
		text-align: left;
		font-size: 0;
	}
	#global-nav dl dt {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 20px;
		padding: 0px;
		font-size: 18px;
		line-height: 32px;
		letter-spacing: 0.05em;
		text-align: center;
	}
	#global-nav dl.categorylink dd {
		width: 208px;
		height: auto;
		display: inline-block;
		margin: 0px 0px 4px 0px;
		padding: 0px;
		text-align: center;
		font-size: 15px;
		line-height: 28px;
		letter-spacing: 0;
		background: #fff;
		position: relative;
	}
	#global-nav dl.categorylink dd:nth-child(2n) {
		margin: 0px 4px 4px 0px;
	}
	#global-nav dl.categorylink dd a {
		width: 208px;
		height: 60px;
		box-sizing: border-box;
		display: block;
		margin: 0px auto;
		padding: 15px 15px 15px 0px;
		text-align: center;
		background: #fff;
		position: relative;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		color: #231815;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.mouse #global-nav dl.categorylink dd.beauty a:hover,.mouse #global-nav dl.categorylink dd.beauty a:focus,
	.touch #global-nav dl.categorylink dd.beauty a:active,.mouse #global-nav dl.categorylink dd.beauty a:active
	{ color: #ff6666; }
	.mouse #global-nav dl.categorylink dd.fashion a:hover,.mouse #global-nav dl.categorylink dd.fashion a:focus,
	.touch #global-nav dl.categorylink dd.fashion a:active,.mouse #global-nav dl.categorylink dd.fashion a:active
	{ color: #c06dc6; }
	.mouse #global-nav dl.categorylink dd.fitness a:hover,.mouse #global-nav dl.categorylink dd.fitness a:focus,
	.touch #global-nav dl.categorylink dd.fitness a:active,.mouse #global-nav dl.categorylink dd.fitness a:active
	{ color: #ef9d00; }
	.mouse #global-nav dl.categorylink dd.lifestyle a:hover,.mouse #global-nav dl.categorylink dd.lifestyle a:focus,
	.touch #global-nav dl.categorylink dd.lifestyle a:active,.mouse #global-nav dl.categorylink dd.lifestyle a:active
	{ color: #8abf56; }
	.mouse #global-nav dl.categorylink dd.food a:hover,.mouse #global-nav dl.categorylink dd.food a:focus,
	.touch #global-nav dl.categorylink dd.food a:active,.mouse #global-nav dl.categorylink dd.food a:active
	{ color: #ffa0c1; }
	.mouse #global-nav dl.categorylink dd.culture a:hover,.mouse #global-nav dl.categorylink dd.culture a:focus,
	.touch #global-nav dl.categorylink dd.culture a:active,.mouse #global-nav dl.categorylink dd.culture a:active
	{ color: #539ce5; }
	#global-nav dl.categorylink dd a:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 18px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-top: solid 1px #bfbcbb;
		border-right: solid 1px #bfbcbb;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#global-nav dl.categorylink dd a:hover:after {
		right: 12px;
	}
	#global-nav dl.categorylink dd a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0px;
		width: 7px;
		height: 60px;
		margin: 0px;
		padding: 0px;
		background: #fff;
	}
	#global-nav dl.categorylink dd.beauty a:before { background: #ff6666; }
	#global-nav dl.categorylink dd.fashion a:before { background: #c06dc6; }
	#global-nav dl.categorylink dd.fitness a:before { background: #ef9d00; }
	#global-nav dl.categorylink dd.lifestyle a:before { background: #8abf56; }
	#global-nav dl.categorylink dd.food a:before { background: #ffa0c1; }
	#global-nav dl.categorylink dd.culture a:before { background: #539ce5; }
}

/* コンテンツリンク */
#global-nav dl.contentslink dd {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	position: relative;
}
#global-nav dl.contentslink dd a {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
	margin: 0px auto;
	padding: 4px 0px 4px 20px;
	text-align: left;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #231815;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#global-nav dl.contentslink dd.bnr a {	/* 2021.11 obb追加 */
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	text-align: left;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #231815;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#global-nav dl.contentslink dd.bnr a img {	/* 2021.11 obb追加 */
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
#global-nav dl.contentslink dd.bnr a .new {	/* 2021.11 obb追加 */
	width: auto;
	height: auto;
	box-sizing: border-box;
	display: inline-block;
	margin: 0px 5px 0px 0px;
	padding: 4px 4px;
	font-size: 10px;
	line-height: 1em;
	text-align: left;
	position: relative;
	color: #fff;
	background: #231815;
}
.mouse #global-nav dl.contentslink dd a:hover,.mouse #global-nav dl.contentslink dd a:focus,
.touch #global-nav dl.contentslink dd a:active,.mouse #global-nav dl.contentslink dd a:active
{ color: #ff3397; background: #fff; }
#global-nav dl.contentslink dd a .arrow {
	width: 15px;
	height: 17px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: #231815;
	border-radius: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#global-nav dl.contentslink dd a .arrow:before {
	content:  '';
	width: 5px;
	height: 5px;
	display: block;
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	margin: auto;
}
#global-nav dl.contentslink dd a:hover .arrow {
	background-color: #ff3397;
	left: auto;
	right: 10px;
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* コンテンツリンク */
	#global-nav dl.contentslink dd {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		font-size: 16px;
		line-height: 30px;
		position: relative;
	}
	#global-nav dl.contentslink dd a {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: block;
		margin: 0px auto;
		padding: 4px 0px 4px 25px;
		text-align: left;
		position: relative;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		color: #231815;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#global-nav dl.contentslink dd.bnr a {	/* 2021.11 obb追加 */
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: block;
		margin: 0px auto 10px;
		padding: 4px;
		text-align: left;
		position: relative;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		color: #231815;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#global-nav dl.contentslink dd.bnr a img {	/* 2021.11 obb追加 */
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
	}
	#global-nav dl.contentslink dd.bnr a .new {	/* 2021.11 obb追加 */
		width: auto;
		height: auto;
		box-sizing: border-box;
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 4px 4px;
		font-size: 13px;
		line-height: 1em;
		text-align: left;
		position: relative;
		color: #fff;
		background: #231815;
	}
	.mouse #global-nav dl.contentslink dd a:hover,.mouse #global-nav dl.contentslink dd a:focus,
	.touch #global-nav dl.contentslink dd a:active,.mouse #global-nav dl.contentslink dd a:active
	{ color: #ff3397; background: #fff; }
	#global-nav dl.contentslink dd a .arrow {
		width: 15px;
		height: 17px;
		display: inline-block;
		color: #fff;
		text-decoration: none;
		background-color: #231815;
		border-radius: 2px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#global-nav dl.contentslink dd a .arrow:before {
		content:  '';
		width: 5px;
		height: 5px;
		display: block;
		border-top: solid 2px;
		border-right: solid 2px;
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 6px;
		margin: auto;
	}
	#global-nav dl.contentslink dd a:hover .arrow {
		background-color: #ff3397;
		left: auto;
		right: 10px;
	}
}

/* タグリンク */
dl.taglink dd {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px 7px 7px 0px;
	padding: 0px;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	position: relative;
}
dl.taglink dd a {
	width: auto;
	height: auto;
	display: block;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 3px 5px;
	text-align: left;
	position: relative;
	color: #231815;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mouse dl.taglink dd a:hover,.mouse dl.taglink dd a:focus,
.touch dl.taglink dd a:active,.mouse dl.taglink dd a:active
{ color: #ff3397; background: #fff; }

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* タグリンク */
	dl.taglink dd {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px 7px 7px 0px;
		padding: 0px;
		text-align: left;
		font-size: 15px;
		line-height: 28px;
		position: relative;
	}
	dl.taglink dd a {
		width: auto;
		height: auto;
		display: block;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 5px 7px;
		text-align: left;
		position: relative;
		color: #231815;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: rgba(255,255,255,0.3);
		border-radius: 5px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.mouse dl.taglink dd a:hover,.mouse dl.taglink dd a:focus,
	.touch dl.taglink dd a:active,.mouse dl.taglink dd a:active
	{ color: #ff3397; background: #fff; }
}

/* メルマガ登録リンク */
#global-nav .maillink {
	width: 94%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
}
#global-nav .maillink a {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 7px 0px;
	position: relative;
	text-align: center;
	background: #231815;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mouse #global-nav .maillink a:hover,.mouse #global-nav .maillink a:focus,
.touch #global-nav .maillink a:active,.mouse #global-nav .maillink a:active
{ color: #ff3397; background: #fff; }
#global-nav .maillink a:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	width: 15px;
	height: 15px;
	margin: auto;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#global-nav .maillink a:hover:after {
	right: 12px;
	border-top: solid 1px #ff3397;
	border-right: solid 1px #ff3397;
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* メルマガ登録リンク */
	#global-nav .maillink {
		width: 420px;
		height: auto;
		display: block;
		margin: 40px auto 0px;
		padding: 0px;
		text-align: center;
	}
	#global-nav .maillink a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px;
		padding: 7px 0px;
		position: relative;
		text-align: center;
		background: #231815;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.mouse #global-nav .maillink a:hover,.mouse #global-nav .maillink a:focus,
	.touch #global-nav .maillink a:active,.mouse #global-nav .maillink a:active
	{ color: #ff3397; background: #fff; }
	#global-nav .maillink a:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 18px;
		width: 15px;
		height: 15px;
		margin: auto;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#global-nav .maillink a:hover:after {
		right: 12px;
		border-top: solid 1px #ff3397;
		border-right: solid 1px #ff3397;
	}
}

/* SP sns link */
.sp-snslink {
	width: 100%;
	height: auto;
	display: block;
	margin: 40px auto;
	padding: 0px;
	text-align: center;
}
.sp-snslink a {
	margin: 0px 10px;
	padding: 0px 5px;
	font-size: 24px;
	line-height: 1.5em;
	color: #231815;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sp-snslink a:hover {
	color: #fff;
}
/* SP site link */
.sp-sitelink {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
.sp-sitelink ul li {
	width: auto;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 20px 10px;
	text-align: center;
}
.sp-sitelink ul li a {
	width: auto;
	height: auto;
	display: block;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	line-height: 1.5em;
	letter-spacing: 0.125em;
	color: #231815;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all 0.3s;
}
.sp-sitelink ul li a:hover {
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	/* SP sns link */
	.sp-snslink {
		width: 100%;
		height: auto;
		display: block;
		margin: 30px auto;
		padding: 0px;
		text-align: center;
	}
	.sp-snslink a {
		margin: 0px 7px;
		padding: 0px 5px;
		font-size: 24px;
		line-height: 1.5em;
		color: #231815;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.sp-snslink a:hover {
		color: #fff;
	}
	/* SP site link */
	.sp-sitelink {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 20px 0px;
		text-align: center;
	}
	.sp-sitelink ul li {
		width: auto;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px 10px 10px;
		text-align: center;
	}
	.sp-sitelink ul li a {
		width: auto;
		height: auto;
		display: inline-block;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.125em;
		color: #231815;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0);
		transition: all 0.3s;
	}
	.sp-sitelink ul li a:hover {
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	カテゴリー表示設定
------------------------------------------------------------------------------------------------------ */
ul.category {
	width: 100%;
	height: 25px;
	margin: 0px auto 0px;
	padding: 0px;
	display: block;
	text-align: left;
	list-style: none;
	font-size: 0px;
	position: relative;
}
ul.category li.cat {
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 2px 3px 2px 0px;
	display: inline-block;
	list-style: none;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: -0.05em;
	font-weight: 800;
}
#new figure.snip-3col .inner ul.category li.teikei {
	display: block;
	width: 65px;
	height: 14px;
	position: absolute;
	right: 0;
	margin: auto;
	padding: 1px 0px 0px 1px;
	text-align: center;
	border: 1px solid rgba(127,127,127,0.5);
	background: rgba(255,255,255,1.0);
}
#list-result figure.snip-2col .inner ul.category li.teikei {
	display: block;
	width: 65px;
	height: 14px;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 0px 1px;
	text-align: center;
	border: 1px solid rgba(127,127,127,0.5);
	background: rgba(255,255,255,1.0);
}
ul.category li.cat a {
	width: auto;
	height: auto;
	margin: 0px auto;
	padding: 2px 5px 2px 5px;
	display: inline-block;
	list-style: none;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: -0.05em;
	font-weight: 800;
	border-radius: 2px;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mouse ul.category li.cat a:hover,
.mouse ul.category li.cat a:focus,
.touch ul.category li.cat a:active,
.mouse ul.category li.cat a:active { opacity: 0.55; }

#entry-blog .inner ul.category li.teikei {
	display: block;
	width: 65px;
	height: 14px;
	position: absolute;
	top: 17px;
	right: 2px;
	left: initial;
	bottom: initial;
	margin: 0px;
	padding: 2px 0px 1px 1px;
	text-align: center;
	border: 1px solid rgba(127,127,127,1.0);
	background: transparent;
}
ul.category li.cat-beauty { color: #ff6666; }
ul.category li.cat-fashion { color: #c06dc6; }
ul.category li.cat-fitness { color: #ef9d00; }
ul.category li.cat-lifestyle { color: #8abf56; }
ul.category li.cat-food { color: #ffa0c1; }
ul.category li.cat-culture { color: #539ce5; }

ul.category li.cat-beauty a { color: #ff6666; border: 1px solid #ff6666; }
ul.category li.cat-fashion a { color: #c06dc6; border: 1px solid #c06dc6; }
ul.category li.cat-fitness a { color: #ef9d00; border: 1px solid #ef9d00; }
ul.category li.cat-lifestyle a { color: #8abf56; border: 1px solid #8abf56; }
ul.category li.cat-food a { color: #ffa0c1; border:  1px solid#ffa0c1; }
ul.category li.cat-culture a { color: #539ce5; border: 1px solid #539ce5; }

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	ul.category {
		width: 100%;
		height: 25px;
		margin: 0px auto 0px;
		padding: 0px;
		display: block;
		text-align: left;
		list-style: none;
		font-size: 0px;
		position: relative;
	}
	ul.category li.cat {
		width: auto;
		height: auto;
		margin: 0px auto;
		padding: 2px 3px 2px 0px;
		display: inline-block;
		list-style: none;
		text-align: left;
		font-size: 11px;
		line-height: 14px;
		letter-spacing: -0.05em;
		font-weight: 800;
	}
	#new figure.snip-3col .inner ul.category li.teikei {
		display: block;
		width: 65px;
		height: 14px;
		position: absolute;
		top: -2px;
		right: 0;
		left: initial;
		bottom: initial;
		margin: 0px;
		padding: 2px 0px;
		text-align: center;
		border: 1px solid rgba(127,127,127,0.5);
		background: transparent;
	}
	#list-result figure.snip-2col .inner ul.category li.teikei {
		display: block;
		width: 65px;
		height: 14px;
		position: absolute;
		top: -2px;
		right: 0;
		left: initial;
		bottom: initial;
		margin: 0px;
		padding: 2px 0px;
		text-align: center;
		border: 1px solid rgba(127,127,127,0.5);
		background: transparent;
	}
	ul.category li.cat a {
		width: auto;
		height: auto;
		margin: 0px auto;
		padding: 2px 5px 2px 5px;
		display: inline-block;
		list-style: none;
		text-align: left;
		font-size: 11px;
		line-height: 14px;
		letter-spacing: -0.05em;
		font-weight: 800;
		border-radius: 2px;
		opacity: 1;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.mouse ul.category li.cat a:hover,
	.mouse ul.category li.cat a:focus,
	.touch ul.category li.cat a:active,
	.mouse ul.category li.cat a:active { opacity: 0.75; }

	#entry-blog .inner ul.category li.teikei {
		display: inline-block;
		width: 65px;
		height: 14px;
		position: absolute;
		top: -2px;
		right: 90px;
		left: initial;
		bottom: initial;
		margin: 0px;
		padding: 2px 0px;
		text-align: center;
		border: 1px solid rgba(127,127,127,0.5);
		background: transparent;
	}
}
/* ------------------------------------------------------------------------------------------------------ 
	PAGETOP Layout
------------------------------------------------------------------------------------------------------ */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10000;
}
.arrow-up {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: rgba(35,24,21,0.85);
	position: relative;
	height: 38px;
	width: 38px;
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  
}
.arrow-up::after {
	content: '';
	width: 15px;
	height: 15px;
	display: block;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(-45deg);
	position: absolute;
	top: 7px;
	bottom:  0;
	left: 0;
	right: 0;
	margin: auto;
}

/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	#page-top {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 10000;
	}
	.arrow-up {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		background-color: rgba(35,24,21,0.85);
		position: relative;
		height: 45px;
		width: 45px;
		border-radius: 2px;        /* CSS3草案 */  
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 2px;   /* Firefox用 */  
	}
	.arrow-up::after {
		content: '';
		width: 15px;
		height: 15px;
		display: block;
		border-top: solid 1px;
		border-right: solid 1px;
		transform: rotate(-45deg);
		position: absolute;
		top: 6px;
		bottom:  0;
		left: 0;
		right: 0;
		margin: auto;
	}
}
/* ================================================================ 
	記事一覧・記事ページのパンくずリスト Layout
================================================================ */
#breadcrumb {
	width: 100%;
	height: 40px;
	margin: 68px auto 0px;
	padding: 0px;
	z-index: 500;
	background: #e3e3dd;
	display: block;
}
main.obb #breadcrumb {
	background: #000;
}
#breadcrumb .inner {
	width: 94%;
	height: auto;
	margin: 0px auto 0px;
	padding: 18px 0px 13px;
	overflow-y: hidden;
	overflow-x: scroll;
	display: flex; 
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	white-space: nowrap;
}
main.obb #breadcrumb .inner,
main.obb #breadcrumb .inner a,
main.obb #breadcrumb .fM1223 {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.05em;
	font-family: "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #fff;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	#breadcrumb {
		width: 100%;
		height: 53px;
		display: block;
		margin: 131px auto 0px;
		padding: 0px;
		z-index: 500;
		background: #e3e3dd;
	}
	main.obb #breadcrumb {
		background: #000;
	}
	#breadcrumb .inner {
		width: 100%;
		max-width: 1000px;
		height: auto;
		overflow-y: hidden;
		overflow-x: visible;
		margin: 0 auto;
		display: block;
		-webkit-overflow-scrolling: auto;
		overflow-scrolling: touch;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
		margin: 0px auto 0px;
		padding: 25px 0px 0px;
	}
	#breadcrumb .inner::-webkit-scrollbar {  /* Chrome, Safari 対応 */
		display:none;
	}

	main.obb #breadcrumb .inner,
	main.obb #breadcrumb .inner a,
	main.obb #breadcrumb .fM1223 {
		font-size: 12px;
		line-height: 23px;
		letter-spacing: 0.05em;
		font-family: "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 600;
		color: #fff;
	}
}
/* ============================================================== 
	ページャー（一覧用） Layout
================================================================ */
#pager {
	width: 96%;
	height: 30px;
	margin: 0px auto 0px;
	padding: 10px 0px;
	text-align: center;
	display:block;
	border-bottom: 2px solid rgba(35,24,21,1.0);
	position: relative;
	overflow: visible;
}
#pager ul.navi {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 0;
}
#pager ul.navi li {
	width: 50%;
	height: auto;
	display: inline-block;
	margin: 0px auto;
	padding: 0px;
}
#pager ul.navi li.prev a {
	width: 50px;
	height: 40px;
	display: block;
	margin: 5px auto 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 13px;
	line-height: 20px;
	color: #231815;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager ul.navi li.next a {
	width: 50px;
	height: 40px;
	display: block;
	margin: 5px 0px 0px auto;
	padding: 0px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	color: #231815;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager ul.navi li.prev a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: solid 1px #231815;
	border-right: solid 1px #231815;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mouse #pager ul.navi li.prev a:hover:before,
.mouse #pager ul.navi li.prev a:focus:before,
.touch #pager ul.navi li.prev a:active:before,
.mouse #pager ul.navi li.prev a:active:before {
	left: 0px;
}
#pager ul.navi li.next a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: solid 1px #231815;
	border-right: solid 1px #231815;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mouse #pager ul.navi li.next a:hover:before,
.mouse #pager ul.navi li.next a:focus:before,
.touch #pager ul.navi li.next a:active:before,
.mouse #pager ul.navi li.next a:active:before {
	right: 0px;
}
#pager ul.pages {
	width: 80%;
	height: 40px;
	margin: auto;
	padding: 4px 0px 0px 0px;
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#pager ul.pages li {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.1em;
	color: #231815;
}
#pager ul.pages li.page a,
#pager ul.pages li.lastpage a {
	width: 35px;
	height: 14px;
	display: block;
	margin: 0px auto 0px 0px;
	padding: 11px 0px 10px;
	text-align: center;
	color: #231815;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: rgba(35,24,21,0);
	border-radius: 50%;
}
.mouse #pager ul.pages li.page a:hover,
.mouse #pager ul.pages li.page a:focus,
.touch #pager ul.pages li.page a:active,
.mouse #pager ul.pages li.page a:active,
.mouse #pager ul.pages li.lastpage a:hover,
.mouse #pager ul.pages li.lastpage a:focus,
.touch #pager ul.pages li.lastpage a:active,
.mouse #pager ul.pages li.lastpage a:active
{
	background: rgba(35,24,21,0.3);
	border-radius: 50%;
}
#pager ul.pages li.page .current {
	width: 35px;
	height: 14px;
	display: block;
	margin: 0px auto 0px 0px;
	padding: 11px 0px 10px;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: rgba(35,24,21,1.0);
	border-radius: 50%;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	#pager {
		width: 100%;
		max-width: 1000px;
		height: 30px;
		margin: 50px auto 0px;
		padding: 10px 0px;
		text-align: center;
		display:block;
		border-bottom: 2px solid rgba(35,24,21,1.0);
		position: relative;
		overflow: visible;
	}
	#pager ul.navi {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 0;
	}
	#pager ul.navi li {
		width: 50%;
		height: auto;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
	}
	#pager ul.navi li.prev a {
		width: 60px;
		height: 60px;
		display: block;
		margin: 0px auto 0px 0px;
		padding: 0px;
		text-align: right;
		font-size: 18px;
		line-height: 32px;
		color: #231815;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager ul.navi li.next a {
		width: 60px;
		height: 60px;
		display: block;
		margin: 0px 0px 0px auto;
		padding: 0px;
		text-align: left;
		font-size: 18px;
		line-height: 32px;
		color: #231815;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.mouse #pager ul.navi li a:hover,
	.mouse #pager ul.navi li a:focus,
	.touch #pager ul.navi li a:active,
	.mouse #pager ul.navi li a:active {  }
	#pager ul.navi li.prev a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-top: solid 1px #231815;
		border-right: solid 1px #231815;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager ul.navi li.prev a:hover:before {
		left: 0px;
	}
	#pager ul.navi li.next a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-top: solid 1px #231815;
		border-right: solid 1px #231815;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager ul.navi li.next a:hover:before {
		right: 0px;
	}
	#pager ul.pages {
		width: 80%;
		height: 50px;
		margin: auto;
		padding: 0px 0px;
		font-size: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#pager ul.pages li {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px 2px;
		padding: 0px;
		text-align: center;
		font-size: 17px;
		line-height: 30px;
		letter-spacing: -0.1em;
		color: #231815;
	}
	#pager ul.pages li.page a,
	#pager ul.pages li.lastpage a {
		width: 45px;
		height: 24px;
		display: block;
		margin: 0px auto 0px 0px;
		padding: 11px 0px 10px;
		text-align: center;
		color: #231815;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background: rgba(35,24,21,0);
		border-radius: 50%;
	}
	.mouse #pager ul.pages li.page a:hover,
	.mouse #pager ul.pages li.page a:focus,
	.touch #pager ul.pages li.page a:active,
	.mouse #pager ul.pages li.page a:active,
	.mouse #pager ul.pages li.lastpage a:hover,
	.mouse #pager ul.pages li.lastpage a:focus,
	.touch #pager ul.pages li.lastpage a:active,
	.mouse #pager ul.pages li.lastpage a:active
	{
		background: rgba(35,24,21,0.3);
		border-radius: 50%;
	}
	#pager ul.pages li.page .current {
		width: 45px;
		height: 24px;
		display: block;
		margin: 0px auto 0px 0px;
		padding: 11px 0px 10px;
		text-align: center;
		color: #fff;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background: rgba(35,24,21,1.0);
		border-radius: 50%;
	}
}
/* ============================================================== 
	ページャー（エントリー用） Layout
================================================================ */
#pager-entry {
	width: 100%;
	height: 81px;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: center;
	display:block;
	overflow: visible;
	background: #fff;
}
#pager-entry ul {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 0;
	position: relative;
}
#pager-entry ul li {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#pager-entry ul li:last-child {
	margin: 0px;
}
#pager-entry ul li.prev a {
	width: 49.5%;
	height: 40px;
	display: block;
	box-sizing: border-box;
	margin: 0px 1px 0px auto;
	padding: 8px 0px 0px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #fff;
	background: #231815;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager-entry ul li.next a {
	width: 50%;
	height: 40px;
	display: block;
	box-sizing: border-box;
	margin: 0px 0px 0px auto;
	padding: 8px 0px 0px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #fff;
	background: #231815;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager-entry ul li.list a {
	width: 100%;
	height: 40px;
	display: block;
	box-sizing: border-box;
	margin: auto;
	padding: 8px 0px 0px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #fff;
	background: #231815;
	position: absolute;
	top: 41px;
	right: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager-entry ul li.prev a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 13px;
	height: 13px;
	margin: auto;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager-entry ul li.prev a:hover:before {
	left: 15px;
}
#pager-entry ul li.next a:before,
#pager-entry ul li.list a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 13px;
	height: 13px;
	margin: auto;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#pager-entry ul li.next a:hover:before,
#pager-entry ul li.list a:hover:before {
	right: 15px;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	#pager-entry {
		width: 100%;
		max-width: 1000px;
		height: 50px;
		margin: 0px auto 0px;
		padding: 0px;
		text-align: center;
		display:block;
		overflow: visible;
		background: #fff;
	}
	#pager-entry ul {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 0;
		position: static;
	}
	#pager-entry ul li {
		width: auto;
		min-width: 160px;
		height: auto;
		display: inline-block;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		position: relative;
	}
	#pager-entry ul li:last-child {
		margin: 0px;
	}
	#pager-entry ul li.prev a {
		width: 160px;
		height: 50px;
		display: block;
		box-sizing: border-box;
		margin: 0px 0px 0px auto;
		padding: 10px 0px 0px;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 0.125em;
		color: #fff;
		background: #231815;
		position: static;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager-entry ul li.next a {
		width: 160px;
		height: 50px;
		display: block;
		box-sizing: border-box;
		margin: 0px 0px 0px auto;
		padding: 10px 0px 0px;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 0.125em;
		color: #fff;
		background: #231815;
		position: static;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager-entry ul li.list a {
		width: 670px;
		height: 50px;
		display: block;
		box-sizing: border-box;
		margin: 0px 0px 0px auto;
		padding: 10px 0px 0px;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 0.125em;
		color: #fff;
		background: #231815;
		position: static;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager-entry ul li.prev a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 20px;
		width: 13px;
		height: 13px;
		margin: auto;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager-entry ul li.prev a:hover:before {
		left: 15px;
	}
	#pager-entry ul li.next a:before,
	#pager-entry ul li.list a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		width: 13px;
		height: 13px;
		margin: auto;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#pager-entry ul li.next a:hover:before,
	#pager-entry ul li.list a:hover:before {
		right: 15px;
	}
}



/* ------------------------------------------------------------------------------------------------------ 
	FOOTER Layout
------------------------------------------------------------------------------------------------------ */
.wbb-footer {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px;
	background: #fff;
	display: block;
	text-align: center;
}
.wbb-footer .inner{
	width: 100%;
	height: auto;
	padding: 20px 0px;
	margin: 0px auto;
	display: flex;		/*　順番入替え */
	flex-direction: column;		/*　順番入替え */
	text-align: center;
	font-size: 0;
}
.wbb-footer .sitelink {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 20px 0px 0px;
	text-align: center;
	order: 2;		/*　順番入替え */
}
.wbb-footer .sitelink ul li {
	width: auto;
	height: auto;
	display: block;
	margin: 0px auto 5px;
	padding: 10px 20px 0px;
	text-align: center;
}
.wbb-footer .sitelink ul li a {
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0px 0px 2px;
	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 0.125em;
	color: #231815;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all 0.3s;
}
.wbb-footer .sitelink ul li a:hover {
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.wbb-footer .snslink {
	width: 100%;
	height: auto;
	display: block;
	margin: 10px auto 10px;
	padding: 0px;
	text-align: center;
	order: 1;		/*　順番入替え */
}
.wbb-footer .snslink ul li {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
.wbb-footer .snslink ul li a {
	width: 42px;
	height: auto;
	display: block;
	margin: auto;
	padding: 0px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 1.0em;
	color: #231815;
	transition: all 0.3s;
}
.wbb-footer .snslink ul li a:hover {
	color: #5d5452;
}
/* タブレット用 */
@media screen and (min-width: 481px) {
}
/* PC用 */
@media screen and (min-width: 960px) {
	.wbb-footer {
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px auto;
		background: #fff;
		display: block;
		text-align: center;
	}
	.wbb-footer .inner{
		width: 100%;
		max-width: 1000px;
		height: auto;
		padding: 30px 0px;
		margin: 0px auto;
		display: block;
		text-align: center;
		font-size: 0;
	}
	.wbb-footer .sitelink {
		width: 75%;
		height: auto;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		vertical-align: top;
	}
	.wbb-footer .sitelink ul li {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px auto;
		padding: 0px 20px;
		text-align: left;
	}
	.wbb-footer .sitelink ul li a {
		width: auto;
		height: auto;
		display: block;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.125em;
		color: #231815;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,0);
		transition: all 0.3s;
	}
	.wbb-footer .sitelink ul li a:hover {
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}
	.wbb-footer .sitelink ul li a::after {
		content: "|";
		width: 20px;
		height: auto;
		display: block;
		box-sizing: border-box;
		margin: auto;
		padding: 0px;
		text-align: center;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.125em;
		color: #999;
		position: absolute;
		right: -30px;
		top: 0;
		bottom: 0;
	}
	.wbb-footer .sitelink ul li:last-child a::after {
		content: "";
	}
	.wbb-footer .snslink {
		width: 25%;
		height: auto;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
		text-align: right;
		vertical-align: top;
	}
	.wbb-footer .snslink ul li {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
		text-align: right;
	}
	.wbb-footer .snslink ul li a {
		width: 42px;
		height: auto;
		display: block;
		margin: auto;
		padding: 0px;
		box-sizing: border-box;
		font-size: 24px;
		line-height: 1.0em;
		color: #231815;
		transition: all 0.3s;
	}
	.wbb-footer .snslink ul li a:hover {
		color: #5d5452;
	}
}