@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
ul { list-style: none; }
img { border: none; vertical-align: bottom; }

/* clearfix */
.cFix::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/************************************************************
 * アンカー
 ************************************************************/
a { text-decoration: none; }
a:link { color: #4C4C80; }
a:visited { color: #4C4C80; }
a:hover,
a:active { color: #7878CC; text-decoration: underline; }

/************************************************************
 * フォント
 ************************************************************/
body, input, table, td, li,a {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", arial, sans-serif, verdana, Helvetica;
}
body {
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
}

/************************************************************
 * PC 〜 1000px
 ************************************************************/
@media screen and (min-width: 1000px){
h2 {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", arial, sans-serif, verdana, Helvetica;
}

/* wrapper */
	.kwWrapper {
		margin: 0 auto;
		max-width: 980px;
		padding: 0 10px;
		position: relative;
	}

/* Header */
	.kwHeaderWrap {
		border-bottom: 2px solid #998A8A;
		border-top: 16px solid #BFB4AB;
	}
	.kwHeader {
		height: 68px;
		margin: 0 auto;
		position: relative;
		max-width: 1000px;
	}
	.kwSummary {
		color: #FFFFFF;
		font-size: 10px;
		font-weight: normal;
		left: 15px;
		position: absolute;
		top: -86px;
	}
	.kwHeaderTtl {
		left: 15px;
		position: absolute;
		top: 9px;
	}
	.kwHeaderLogo {
		background: url(https://beauty.lawson.ink/keyword/img/sprites/c.png) no-repeat;
		background-position: 0 0;
		display: block;
		height: 52px;
		text-indent: -9999px;
		width: 512px;
	}

	.kwHeaderSp {
		display: none;
	}
	.kwLinkHcNcWrapSp {
		display: none;
	}

/* Gnav */
	.kwGnav {
		position: absolute;
		bottom: -2px;
		right: 20px;
	}
	.kwGnavList {
		float: left;
	}
	.kwGnavLink {
		background: url(https://beauty.lawson.ink/keyword/img/sprites/c.png) no-repeat;
		display: block;
		height: 35px;
		margin-right: 2px;
		text-indent: -9999px;
		width: 134px;
	}
	.kwGnavSalon {
		background-position: -20px -72px;
	}
	.kwGnavCatalog {
		background-position: -184px -72px;
	}
	.kwGnavNail {
		background-position: -348px -72px;
	}
	.kwGnavNailCatalog {
		background-position: -512px -72px;
	}
	.kwGnavRelax {
		background-position: -676px -72px;
	}
	.kwGnavEsthe {
		background-position: -840px -72px;
		margin-right: 6px;
	}
	.kwGnavSalon:hover {
		background-position: -20px -107px;
	}
	.kwGnavCatalog:hover {
		background-position: -184px -107px;
	}
	.kwGnavNail:hover {
		background-position: -348px -107px;
	}
	.kwGnavNailCatalog:hover {
		background-position: -512px -107px;
	}
	.kwGnavRelax:hover {
		background-position: -676px -107px;
	}
	.kwGnavEsthe:hover {
		background-position: -840px -107px;
	}

/* Footer */
	.kwFooter {
		border-top: 1px solid #DDDDDD;
		margin-top: 50px;
		padding: 10px 0;
	}
	.kwFooterCopyright {
		float: left;
        padding-left: 10px;
        margin-bottom: 3px;
	}
	.kwFooterNav {
		float: right;
		padding: 10px 20px 0 0;
		overflow: hidden;
	}
	.kwFooterNavList {
		float: left;
	}
	.kwFooterNavItem {
		border-left: 1px solid #DDDDDD;
		display: inline;
		font-size: 10px;
		margin-left: -1px;
		padding: 0 15px;
		text-align: inherit;
	}
	.kwFooterGroup {
		color: #4C4C80;
		display: block;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 10px;
		font-weight: bold;
		line-height: 2;
	}

/* パンくず */
	.kwBreadcrumb {
		font-size: 10px;
		line-height: 40px;
		margin: 0 10px;
		-webkit-overflow-scrolling: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.kwBreadcrumbList {
		display: inline;
		text-align: inherit;
	}
	.kwBreadcrumbList + .kwBreadcrumbList::before {
		content: ">";
		margin: 0 8px 0 5px;
	}

/* ページネーション */
	.kwPagenationWrap {
		height: 35px;
		text-align: center;
	}
	.kwBtnPagenationWrap {
		display: none;
	}
	.kwPagenationIn {
		display: inline-block;
	}
	.kwPagenationList {
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.kwPagenationList + .kwPagenationList {
		margin-left: 10px;
	}
	a.kwPagenationLink {
		color: #666666;
		display: block;
	}
	.kwPagenationList.isCr,
	a.kwPagenationLink:hover {
		border-radius: 4px;
		color: #FFFFFF;
	}
	.kwPagenationList.isCr {
		background-color: #1470CC;
	}
	a.kwPagenationLink:hover {
		background-color: #1470CC;
		opacity: 0.7;
		text-decoration: none;
	}

/* 注目キーワード一覧 */
	.kwCntWrap {
		margin-top: 20px;
	}
	.kwTtl {
		border-bottom: 2px solid #CDCABF;
		font-size: 16px;
		padding-bottom: 6px;
	}
	.kwCnt {
		margin-top: 30px;
	}
	.kwListWrap {
		margin: 30px 10px 0;
	}
	.kwListBlock {
		box-sizing: border-box;
		float: left;
		padding: 0 20px 0 10px;
		width: 33%;
	}
	.kwList {
		word-break: break-all;
	}
	.kwList + .kwList {
		margin-top: 10px;
	}
}

/************************************************************
 * PC 999px 〜 726px
 ************************************************************/
@media only screen and (min-width:726px) and (max-width:999px) {
/* wrapper */
	.kwWrapper {
		margin: 0 auto;
		padding: 0 10px;
		max-width: 980px;
	}

/* Header */
	.kwHeaderWrap {
		display: none;
	}
	.kwHeaderSp {
		border-top: 16px solid #BFB4AB;
		display: block;
	}
	.kwHeaderTtlSp {
		padding: 10px;
	}
	.kwLinkHcNcWrapSp {
		padding: 10px 0;
	}
	.kwLinkHcNcSp {
		float: left;
		padding: 0 10px;
		text-align: inherit;
		text-decoration: underline;
	}
	.kwLinkHcNcSp + .kwLinkHcNcSp {
		border-left: 1px solid #999999;
	}

/* Gnav */
	.kwGnavSp {
		border-bottom: 2px solid #D36985;
		display: table;
		height: 44px;
		width: 100%;
	}
	.kwGnavListSp {
		background-color: #EEEEEE;
		display: table-cell;
		vertical-align: middle;
		width: 25%;
	}
	.kwGnavListSp + .kwGnavListSp {
		border-left: 1px solid #FFFFFF;
	}
	.kwGnavLinkSp {
		display: table;
		height: 44px;
		width: 100%;
	}
	.kwGnavLinkSp:hover {
		text-decoration: none;
	}
	.kwGnavTxtSp {
		color: #555555;
		display: table-cell;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
		vertical-align: middle;
	}
	.kwGnavTxtSp.isCr {
		background-color: #D36985;
		color: #FFFFFF;
	}

/* Footer */
	.kwFooter {
		border-top: 1px solid #DDDDDD;
		margin-top: 50px;
		padding: 10px 0;
	}
	.kwFooterCopyright {
		float: left;
		padding-left: 10px;
	}
	.kwFooterNav {
		float: right;
		padding-top: 10px;
		overflow: hidden;
	}
	.kwFooterNavList {
		float: left;
	}
	.kwFooterNavItem {
		border-left: 1px solid #DDDDDD;
		display: inline;
		font-size: 10px;
		margin-left: -1px;
		padding: 0 15px;
		text-align: inherit;
	}
	.kwFooterGroup {
		color: #4C4C80;
		display: block;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 10px;
		font-weight: bold;
		line-height: 2;
	}

/* パンくず */
	.kwBreadcrumb {
		font-size: 10px;
		line-height: 40px;
		margin: 0 10px;
		-webkit-overflow-scrolling: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.kwBreadcrumbList {
		display: inline;
		text-align: inherit;
	}
	.kwBreadcrumbList + .kwBreadcrumbList::before {
		content: ">";
		margin: 0 8px 0 5px;
	}


/* ページネーション */
	.kwPagenationWrap {
		height: 35px;
		text-align: center;
	}
	.kwBtnPagenationWrap {
		display: none;
	}
	.kwPagenationIn {
		display: inline-block;
	}
	.kwPagenationList {
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.kwPagenationList + .kwPagenationList {
		margin-left: 10px;
	}
	a.kwPagenationLink {
		color: #666666;
		display: block;
	}
	.kwPagenationList.isCr,
	a.kwPagenationLink:hover {
		border-radius: 4px;
		color: #FFFFFF;
	}
	.kwPagenationList.isCr {
		background-color: #1470CC;
	}
	a.kwPagenationLink:hover {
		background-color: #1470CC;
		opacity: 0.7;
		text-decoration: none;
	}

/* 注目キーワード一覧 */
	.kwCntWrap {
		margin-top: 20px;
	}
	.kwSummary {
		color: #FFFFFF;
		font-size: 10px;
		font-weight: normal;
		left: 10px;
		position: absolute;
		top: 0;
	}
	.kwTtl {
		border-bottom: 2px solid #CDCABF;
		font-size: 16px;
		padding-bottom: 6px;
	}
	.kwCnt {
		margin-top: 30px;
	}
	.kwListWrap {
		margin: 30px 10px 0;
	}
	.kwListBlock {
		box-sizing: border-box;
		float: left;
		padding: 0 20px 0 10px;
		width: 33%;
	}
	.kwList {
		word-break: break-all;
	}
	.kwList + .kwList {
		margin-top: 10px;
	}
}

@media only screen and (min-width:726px) and (max-width:760px) {
	.kwFooterNavItem {
		padding: 0 12px;
	}
	.kwFooterNavItem:first-child {
		padding-left: 0;
	}
}

/************************************************************
 * SP 725px 〜
 ************************************************************/
@media (max-width: 725px) {
/* Header */
	.kwHeaderWrap {
		display: none;
	}
	.kwHeaderTtlSp {
		padding: 10px;
	}
	.kwLinkHcNcWrapSp {
		padding: 10px 0;
	}
	.kwLinkHcNcSp {
		float: left;
		padding: 0 10px;
		text-align: inherit;
		text-decoration: underline;
	}
	.kwLinkHcNcSp + .kwLinkHcNcSp {
		border-left: 1px solid #999999;
	}

/* Gnav */
	.kwGnavSp {
		border-bottom: 2px solid #D36985;
		display: table;
		height: 44px;
		width: 100%;
	}
	.kwGnavListSp {
		background-color: #EEEEEE;
		display: table-cell;
		vertical-align: middle;
		width: 25%;
	}
	.kwGnavListSp + .kwGnavListSp {
		border-left: 1px solid #FFFFFF;
	}
	.kwGnavLinkSp {
		display: table;
		height: 44px;
		width: 100%;
	}
	.kwGnavLinkSp:hover {
		text-decoration: none;
	}
	.kwGnavTxtSp {
		color: #555555;
		display: table-cell;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
		vertical-align: middle;
	}
	.kwGnavTxtSp.isCr {
		background-color: #D36985;
		color: #FFFFFF;
	}

/* Footer */
	.kwFooter {
		border-top: 1px solid #DDDDDD;
		margin-top: 40px;
		padding: 50px 0 10px;
	}
	.kwFooterCopyright {
		padding: 10px 0 0 10px;
	}
	.kwFooterNav {
		padding: 10px 10px 0;
		text-align: center;
		border-top: 2px solid #DDDDDD;
	}
	.kwFooterNavItem {
		display: inline;
		font-size: 10px;
		padding: 3px 5px;
		text-align: inherit;
	}
	.kwFooterNavLink,
	.kwFooterGroup {
		text-decoration: underline;
	}
	.kwFooterGroup {
		color: #4C4C80;
		display: block;
		font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 10px;
		font-weight: bold;
		line-height: 2;
	}

/* パンくず */
	.kwBreadcrumb {
		font-size: 10px;
		line-height: 40px;
		margin: 0 10px;
		-webkit-overflow-scrolling: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.kwBreadcrumbList {
		display: inline;
		text-align: inherit;
	}
	.kwBreadcrumbList + .kwBreadcrumbList::before {
		content: ">";
		margin: 0 8px 0 5px;
	}

/* ページネーション */
	.kwPagenationWrap {
		height: 35px;
		position: relative;
		text-align: center;
	}
	.kwBtnPagenation {
		border: solid #BFB9B0;
		border-radius: 4px;
		border-width: 1px 1px 2px 1px;
		bottom: 0;
		box-sizing: border-box;
		height: 34px;
		position: absolute;
		text-indent: -9999px;
		width: 80px;
	}
	.kwBtnPagenation.isDisable {
		cursor: default;
		pointer-events: none;
	}
	.kwBtnPagenation::before,
	.kwBtnPagenation::after {
		background-color: #666666;
		content: "";
		display: block;
		height: 9px;
		left: 50%;
		position: absolute;
		width: 3px;
	}
	.kwBtnPagenation.isDisable::before,
	.kwBtnPagenation.isDisable::after {
		background-color: #CCCCCC;
	}
	.kwBtnPagenationPrev {
		left: 0;
	}
	.kwBtnPagenationNext {
		right: 0;
	}
	.kwBtnPagenationPrev::before,
	.kwBtnPagenationPrev::after {
		margin-left: -2px;
	}
	.kwBtnPagenationPrev::before,
	.kwBtnPagenationNext::after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.kwBtnPagenationPrev::after,
	.kwBtnPagenationNext::before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.kwBtnPagenationPrev::before,
	.kwBtnPagenationNext::before {
		bottom: 13px;
	}
	.kwBtnPagenationPrev::after,
	.kwBtnPagenationNext::after {
		top: 14px;
	}
	.kwPagenation {
		display: inline-block;
		height: 35px;
		overflow: hidden;
		width: 175px;
	}
	.kwPagenationIn {
		-webkit-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		width: 200%;
	}
	.kwPagenationIn.isScroll {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.kwPagenationList {
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	a.kwPagenationLink {
		color: #666666;
		display: block;
	}
	a.kwPagenationLink:hover {
		text-decoration: none;
	}
	.kwPagenationList.isCr {
		background-color: #1470CC;
		border-radius: 4px;
		color: #FFFFFF;
	}

/* 注目キーワード一覧 */
	.kwCntWrap {
		margin-top: 20px;
		position: relative;
	}
	.kwSummary {
		bottom: -80px;
		box-sizing: border-box;
		font-size: 10px;
		font-weight: normal;
		height: 3em;
		padding: 0 10px;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.kwTtl {
		border-bottom: 2px solid #CDCABF;
		font-size: 16px;
		margin: 0 15px;
		padding-bottom: 6px;
	}
	.kwCnt {
		margin: 30px 15px 0;
	}
	.kwListWrap {
		margin: 30px 10px 0;
	}
	.kwListBlock + .kwListBlock {
		margin-top: 20px;
	}
	.kwList {
		word-break: break-all;
	}
	.kwList + .kwList {
		margin-top: 20px;
	}
}

@media (max-width: 374px) {
/* ページネーション */
	.kwBtnPagenation {
		width: 70px;
	}
}

@media (max-width: 359px) {
/* ページネーション */
	.kwBtnPagenation {
		width: 50px;
	}
}

.kwFooterCopyright p a {
    color: #435B67;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 10px;
    font-weight: bold;
}