// out: style.css, sourcemap: false, compress: false
// var start
@bgColor: #ffffff;
@primaryColor: #359a21;//theme
@secondaryColor: #005000;
@cddvdColor: #0078ff;
@osusumeColor: #213B5E;
@naraColor: #8c4600;
@fontColor: #000000;//font
@shadowColor: #666666;//shadow
@white: #ffffff;//white
@black: #000000;//black
@fontSize: 14px;
@lineHeight: 1.5;
@letterSpacing: 0;
@maxWidth: 1200px;
@imgURL: 'img/';
// var end

@charset "UTF-8";
/*This CSS has been compiled by LESS*/
/*
* Theme Name: Keirindo
*/
body {
	background: @white;
	color: @fontColor;
	font-size: @fontSize;
	line-height: @lineHeight;
	font-weight: normal;
	font-family: "MS Pゴシック","Noto Sans Japanese", "ヒラギノ角ゴ ProN","メイリオ",sans-serif;
}
.serif {
	font-family: "Hannari", "小塚明朝 Pro","ヒラギノ明朝 Pro","Adobe 楷体 Std","MS P明朝",serif;
	font-weight: 300;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width: 0;
	min-height: 0;
}
img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.container {
	position: relative;
	max-width: @maxWidth;
	margin-left: auto;
	margin-right: auto;
	&--full {
		max-width: 100%;
	}
}
.clearfix:after,.container:after {
	content: "";
	display: table;
	width: 100%;
	height: 0;
	clear: both;
	overflow: hidden;
}
a {
	cursor: pointer;
}
a[href^="tel:"] {
	pointer-events: none;
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
button,select {
	cursor: pointer;
	text-align: left;
}
button:focus,select:focus {
	outline: 0;
}

/**** hover action ****/
	.header__line__linkArea:hover img {
		opacity: 0.65;
	}
	.header__utility__icon__linkArea:hover {
		text-decoration: none;
	}
	.header__utility__icon__linkArea:hover .header__utility__fukidashi {
	    display: block;
	    position: absolute;
	    top: 100%;
		margin-top: 8px;
	    width: auto;
	    white-space: nowrap;
	    left: 50%;
	    transform: translateX(-50%);
	    z-index: 1;
	}
	.gnav__inner > li:hover:after {
	    content: "";
	    position: absolute;
	    bottom: -5px;
	    height: 5px;
	    width: 100%;
	    background: #fff;
	    z-index: 1;
	    display: block;
	}
	.wideslider ul li > a:hover {
	    opacity: 0.8;
	}
	.infoItem__image a:hover {
		// &:before,&:after {
		// 	width: 94%;
		// 	height: 94%;
		// 	opacity: 0.9;
		// }
		// &:before {
		// 	border-bottom: none;
		// 	border-left: none;
		// 	transition: width 0.15s linear,height 0.15s linear 0.15s;
		// }
		// &:after {
		// 	border-top: none;
		// 	border-right: none;
		// 	transition: width 0.15s linear 0.3s,height 0.15s linear 0.45s, opacity 0s linear 0.3s;
		// }
		&:before {
			width: 100%;
			height: 100%;
			background-color: #333;
			border: none;
			top: 0;
			left: 0;
			opacity: 0.3;
		}
		img {
			opacity: 1;
		}
	}
	.infoItem__tag a:hover {
	    background: @secondaryColor;
	}
	.infoItem__text a:hover {
		text-decoration: underline;
	}
	.blogItem__list__title:hover {
		text-decoration: underline;
	}
	.moreLink__banner__linkArea:hover {
		.moreLink__banner__image {
			&:before,&:after {
				width: 94%;
				height: 94%;
				opacity: 0.9;
			}
			&:before {
				border-bottom: none;
				border-left: none;
				transition: width 0.15s linear,height 0.15s linear 0.15s;
			}
			&:after {
				border-top: none;
				border-right: none;
				transition: width 0.15s linear 0.3s,height 0.15s linear 0.45s, opacity 0s linear 0.3s;
			}
		}
		.moreLink__banner__text	{
			text-decoration: underline;
		}
	}
	.itemsList__item__linkArea:hover img {
	    opacity: 0.65;
	}
	.itemsList__item__title button:hover {
	    text-decoration: underline;
	}
	.itemsList__item__title a:hover {
		text-decoration: underline;
	}
	.bookCategory__item__linkArea:hover .bookCategory__item__image {
		&:before,&:after {
			width: 94%;
			height: 94%;
			opacity: 0.9;
		}
		&:before {
			border-bottom: none;
			border-left: none;
			transition: width 0.15s linear,height 0.15s linear 0.15s;
		}
		&:after {
			border-top: none;
			border-right: none;
			transition: width 0.15s linear 0.3s,height 0.15s linear 0.45s, opacity 0s linear 0.3s;
		}
	}
	.toppageBanner__item a:hover img {
	    opacity: 0.65;
	}
	.slick-prev:hover, .slick-next:hover {
	    opacity: 0.65;
	}
	.mw_wp_form__label__field.mw_wp_form__label__field--submit input[type="submit"]:hover {
	    background: #fff;
	    color: @primaryColor;
	}
	.sidebar > ul > li > a:hover {
	    text-decoration: underline;
	}
	.wp-pagenavi a:hover {
		text-decoration: underline;
	}
	.postSection__content__navigation__prev a:hover, p.postSection__content__navigation__next a:hover {
	    text-decoration: underline;
	}
	.postSection__container p .buttonUpload:hover {
		background-color: #fff;
		color: @primaryColor;
	}
	.pagetopImage:hover img {
		-webkit-animation: bounce 0.5s ease-in-out;
		animation: bounce 0.5s ease-in-out;
	}
	.footer__menu a:hover {
	    text-decoration: underline;
	}
	.footer__info__sns > li > a:hover img {
	    transition: transform 0.8s ease;
	    transform: rotate(720deg);
	}
	.footer__shop__list > li > a:hover img {
	    opacity: 0.7;
	}
	.footer__shop__list > li > a:hover p {
	    text-decoration: underline;
	}
	.button {
		&&--readmore:hover {
			color: #fff;
			text-decoration: none;
		}
		&&--small:hover {
			color: #fff;
			text-decoration: none;
		}
		&&--info:hover {
			background-color: @primaryColor;
		}
		&&--shinkan:hover {
			background-color: #fff;
			color: @primaryColor;
		}
		&&--narabook:hover {
			background-color: #fff;
			color: @naraColor;
		}
		&&--osusume:hover {
			background-color: #fff;
			color: @osusumeColor;
		}
		&&--cddvd:hover {
			color: @cddvdColor;
		}
	}

/**** animation ****/
	@-webkit-keyframes ball-beat {
		50% {
			opacity: 0.2;
			-webkit-transform: scale(0.75);
			transform: scale(0.75); }
		100% {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1); }
	}
	@keyframes ball-beat {
		50% {
			opacity: 0.2;
			-webkit-transform: scale(0.75);
			transform: scale(0.75); }
		100% {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1); }
		}

	@-webkit-keyframes bounce {
		0%, 100% {
			transform: translateY(0);
		}
		10% {
			transform: translateY(-10px);
		}
		30% {
			transform: translateY(-12px);
		}
		50% {
			transform: translateY(-12px);
		}
		70% {
			transform: translateY(-10px);
		}
	}
	@keyframes bounce {
		0%, 100% {
			transform: translateY(0);
		}
		10% {
			transform: translateY(-10px);
		}
		30% {
			transform: translateY(-12px);
		}
		50% {
			transform: translateY(-12px);
		}
		70% {
			transform: translateY(-10px);
		}
	}

/**** header ****/
	.header {
	    position: relative;
	    width: 100%;
	    display: block;
		z-index: 2;
		&__inner {
			position: relative;
			width: 100%;
			margin: 10px auto;
		}
		&__logo {
			display: inline-block;
			margin: 0;
			margin-right: 10px;
			vertical-align: middle;
			max-width: 50%;
			&__linkArea {
				display: block;
				img {
					display: block;
					width: 167px;
					height: auto;
				}
			}
		}
		&__zaiko {
		    display: none;
		    vertical-align: middle;
		}
		&__line {
			display: inline-block;
			vertical-align: middle;
			&__linkArea {
				display: block;
				img {
					display: block;
				}
			}
		}
		&__utility {
			display: inline-block;
			min-width: 154px;
			position: absolute;
			top: 50%;
			right: 0px;
			transform: translate(0,-50%);
			z-index: 1;
			&__icons {
				display: flex;
				list-style: none;
				align-items: center;
				justify-content: flex-start;
				width: auto;
			}
			&__icon {
				display: block;
				margin: 0 3px;
				&:first-child {
					margin-left: 0;
				}
				&:last-child {
					margin-right: 0;
				}
				&__linkArea {
					display: block;
					text-decoration: none;
					position: relative;
					img {
						display: block;
					}
				}
			}
			&__fukidashi {
				display: none;
				padding: 0px 5px;
				border: solid 2px #ffca00;
				border-radius: 5px;
				text-align: center;
				color: #ffca00;
				background: #fff;
				&:before {
					border: solid 8px #ffca00;
					content: "";
					position: absolute;
					top: -8px;
					border-top: 0;
					border-left: solid 4px transparent;
					border-right: solid 4px transparent;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		&__search {
			display: inline-block;
			min-width: 320px;
			width: 35%;
			overflow: hidden;
			border: solid 1px @primaryColor;
			border-radius: 7px;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
			position: relative;
			vertical-align: middle;
			&__title {
				display: flex;
				align-items: center;
				justify-content: center;
				min-width: 80px;
				background: @primaryColor;
				width: auto;
				a {
					color: @white;
					text-decoration: none;
				}
			}
			form {
				display: flex;
				align-items: stretch;
				justify-content: flex-start;
				width: auto;
				select {
					width: 100%;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					background: #eee;
					height: 100%;
					border: none;
					padding: 2px 10px 0;
					font-size: 0.76em;
					line-height: 1;
					color: @primaryColor;
					cursor: pointer;
				}
				select::-ms-expand {
				    display: none;
				}
				button.submit {
					flex-basis: 30px;
					height: 30px;
					text-indent: 100%;
					overflow: hidden;
					white-space: nowrap;
					background-image: url("@{imgURL}icon_search.png");
					background-color: @primaryColor;
					background-size: 20px;
					background-position: center;
					background-repeat: no-repeat;
					border: none;
					cursor: pointer;
				}
				input {
					height: 30px;
					width: 66.6%;
					width: calc(~"100%" - 110px);
					border: none;
					padding: 0 5px;
					&::-ms-clear {
					    display: none;
					}
				}
			}
			&__category {
				flex-basis: 80px;
				max-width: 80px;
				background: #eee;
				height: 30px;
				position: relative;
				color: @primaryColor;
				display: flex;
				align-items: center;
				justify-content: center;
				width: auto;
			}
		}
	}

	.header__search .deleteKeyword { right: 30px; }
	.sphoneSearch .deleteKeyword { right: 40px; }
	.searchPage__form .deleteKeyword { right: 40px; }
	.deleteKeyword {
	    position: absolute;
	    top: 50%;
	    line-height: 1;
	    font-size: 16px;
	    font-weight: bold;
	    display: none;
	    padding: 4px;
	    width: 24px;
	    height: 24px;
	    transform: translateY(-50%);
	    right: 30px;
	    cursor: pointer;
	    color: #888;
		&.active {
			display: flex;
		}
	}

	.gnav {
	    width: 100%;
	    position: relative;
	    background: @secondaryColor;
		margin-top: 10px;
		&&--mobile {
			display: none;
		}
		&__inner {
			display: flex;
			flex-wrap: nowrap;
			list-style: none;
			padding: 10px 0px;
			font-weight: normal;
			width: auto;
			> li {
				border-left: solid 1px #fff;
				width: 12.5%;
				text-align: center;
				position: relative;
				&:first-child {
					border-left: none;
				}
				> a {
					padding: 5px;
					display: block;
					color: #fff;
					text-decoration: none;
					background: @secondaryColor;
				}
			}
		}
	}
	.menuButton {
		display: none;
	}

/**** main ****/
	.main {
		margin-top: 30px;
		position: relative;
		width: 100%;
	}
	.mainSlider {
	    position: relative;
		width: 100%;
		overflow: hidden;
		padding-bottom: 34px;
		margin-bottom: 50px;
	}
	/* wideslider */
	.wideslider {
		width: 100%;
		background: #666;
		ul,ul li {
			float: left;
			display: inline;
			overflow: hidden;
		}
		ul li {
			width: 100%;
			a {
				display: block;
				img {
					display: block;
				}
			}
		}
		&_base {
			top: 0;
			position: absolute;
		}
		&_wrap {
			top: 0;
			position: absolute;
			overflow: hidden;

		}
	}
	.slider {
		&_prev,&_next {
			top: 0;
			overflow: hidden;
			position: absolute;
			z-index: 100;
			cursor: pointer;
		    width: 40px!important;
		    height: 40px!important;
		    top: 50%;
		    transform: translate(-50%,-50%);
		    border-radius: 40px;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}
		&_prev {
			background-image: url(./img/icon_mainslider_prev.png);
			left: 0px!important;
		}
		&_next {
			background-image: url(./img/icon_mainslider_next.png);
			right: -40px!important;
		}
	}
	.pagination {
		bottom: 0;
		left: 0;
		width: 100%;
		height: 14px;
		text-align: center;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		z-index: 9;
		a {
			margin: 0 5px;
			width: 100px;
			height: 14px;
			display: inline-block;
			overflow: hidden;
			background: @primaryColor;
			opacity: 0.5;
			&.active {
				opacity: 1!important;
			}
		}
	}
	.sphoneSearch {
		display: none;
	}

	.mobile-tabmenu {
		display: none;
	}

	/* container */
	.container {
		&&--info {
			max-width: @maxWidth - 30px;
		}
	}
	/* heading */
	.heading {
		line-height: 1;
		font-size: 1.32em;
		max-width: 1200px;
		margin: 30px auto;
		position: relative;
		&&--toppage {
			margin: 0 auto;
		}
		&&--page {
			color: @primaryColor;
		}
		&&--info {
		    border-bottom: solid 5px @primaryColor;
		    padding-bottom: 5px;
			margin-bottom: 15px;
			font-size: 1.48em;
			max-width: 100%;
			line-height: 1.2;
		}
		&__title {
			display: inline-block;
			font-size: 1.16em;
			font-weight: bold;
			border-bottom: solid 3px;
			min-width: 100px;
			text-indent: 10px;
			margin: 0 20px 0 0;
			padding-bottom: 2px;
			vertical-align: top;
		}
		&__subtitle {
		    display: inline-block;
		    vertical-align: middle;
			margin-right: 30px;
		}
		&__caption {
		    display: inline-block;
		    vertical-align: middle;
			font-size: 0.84em;
		    font-weight: normal;
		}
	}
	.headingWrap {
		padding: 10px;
		color: #fff;
		position: relative;
		&&--books {
			background: @secondaryColor;
			margin-bottom: 20px;
		}
		&&--cddvd {
			background: @cddvdColor;
		}
	}

	#topics,#books,#blog,#cddvd,#narabook,#osusume {
		position: relative;
		margin-bottom: 40px;
	}
	#topics {
		color: @primaryColor;
		border-color: @primaryColor;
	}
	#books,#blog {
		border-color: @secondaryColor;
	    color: @secondaryColor;
	}
	#cddvd {
		border-color: @cddvdColor;
	    color: @cddvdColor;
		.postSection__itemDetail a {
			color: @cddvdColor;
		}
	}
	#narabook {
		border-color: @naraColor;
		color: @naraColor;
	}
	#osusume {
		border-top-color: @osusumeColor;
		color: @osusumeColor;
	}

	.toppageInfoSection {
	    display: flex;
	    align-items: flex-start;
			width: 100%;
		> article {
			width: auto;
			margin-left: 5px;
			margin-right: 5px;
			&:first-child { margin-left: 0; }
			&:last-child { margin-right: 0; }
		}
	}
	.catSection {
	    position: relative;
		padding: 0;
		&&--2column {
		    display: flex;
		    width: 100%;
		    justify-content: space-between;
			padding: 0;
		}
		&&--topics {
			color: @secondaryColor;
		}
		&&--shinkan {
			color: @primaryColor;
		}
		&&--banner {
			margin-bottom: 50px;
		}
		&__title {
			display: block;
			font-size: 1.4em;
			margin: 0 0 20px;
			padding-left: 20px;
			padding-bottom: 2px;
			border-bottom: solid 3px;
			&__main {
			    min-width: 6em;
			    display: inline-block;
			    border-bottom: solid 3px;
			    margin-right: 20px;
			}
			&&--sectionTop {
				display: inline-block;
				vertical-align: top;
			    font-size: 1em;
				white-space: nowrap;
				margin-bottom: 0px;
				padding-left: 0;
				padding-bottom: 0;
				border-bottom: none;
			}
			&&--kongetsu {
				margin-bottom: 20px;
				margin-left: 50px;
				padding-left: 0;
				padding-bottom: 0;
				border-bottom: none;
			}
			&__caption {
				display: inline-block;
				margin-left: 4%;
				vertical-align: bottom;
				font-size: 0.76em;
			}
			small {
				font-weight: normal;
				font-size: 0.68em;
				display: inline-block;
				vertical-align: middle;
			}
		}
		&__searchresult {
		    margin: -20px 0 40px;
		    padding-left: 80px;
		    font-weight: normal;
			&__count {
				font-size: 1.4em;
				margin: 0 5px;
			}
		}
		&__caption {
			display: inline-block;
			font-size: 1.16em;
		}
		&__items {
			margin: 20px 0 40px;
			position: relative;
			width: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			color: @fontColor;
			&&--shinkan {
				color: @primaryColor;
			}
			&&--carousel {
			}
		}
	}

	.infoItem {
		width: calc(~"20%" - 32px);
		margin: 0 20px 40px;
		position: relative;
		&&--slide {
			padding: 0 10px;
			margin: 0;
		}
		@media all and (min-width: 769px){
			&:first-child {
				margin-left: 0;
			}
			&:last-child {
				margin-right: 0;
			}
		}
		&__image {
			width: 100%;
			height: 170px;
			position: relative;
			margin-bottom: 10px;
			a {
				display: block;
				width: 120px;
			    height: 100%;
			    position: absolute;
			    top: 0;
			    left: 15%;
			    overflow: hidden;
				&:before,&:after {
					content: "";
					display: block;
					width: 0;
					height: 0;
					border: solid 6px #fff;
					position: absolute;
					z-index: 1;
					opacity: 0;
					box-sizing: border-box;
				}
				&:before {
					top: 3%;
					left: 3%;
				}
				&:after {
					bottom: 3%;
					right: 3%;
				}
				img {
					display: block;
					width: auto;
					height: 170px;
					margin: auto;
					width: auto;
				    max-width: none;
				    transform: translateX(-50%);
				    position: absolute;
				    top: 0;
				    left: 50%;
				}
			}
		}
		&__tag {
			display: block;
			width: 100%;
			margin-bottom: 5px;
			a {
				display: inline-block;
				background: @primaryColor;
				color: #fff;
				text-align: center;
				min-width: 4.2em;
				font-size: 0.92em;
				margin: 2px 2px 2px 0;
				padding: 0 2px;
				text-decoration: none;
				border: solid 1px @primaryColor;
				&:first-child {
					margin-left: 0;
				}
				&:last-child {
					margin-right: 0;
				}
			}
		}
		&__date {
			color: @fontColor;
			font-size: 0.92em;
			margin-bottom: 5px;
		}
		&__text {
			color: @fontColor;
			line-height: 1.4;
			a {
				color: inherit;
				text-decoration: none;
				font-weight: normal;
			}
		}
		&__list {
			list-style: none;
			font-size: 0.92em;
		}
		&__listItem {
			position: relative;
			display: flex;
			align-items: flex-start;
			width: 100%;
			margin-bottom: 20px;
			&:last-child {
				margin-bottom: 0;
			}
			&__date {
				display: inline-block;
				padding: 0px 5px;
				border: solid 1px @fontColor;
				color: @fontColor;
				margin-right: 10px;
				min-width: 85px;
				text-align: center;
			}
			&__title {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				color: @fontColor;
				font-weight: bold;
			}
		}
	}
	@supports(display:-webkit-box){
		.infoItem__text {
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
	}

	.toppageButtons {
	    margin: 10px auto 0;
	    max-width: 1040px;
		> ul {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			list-style: none;
			width: 100%;
			> li {
				width: 27.33%;
				text-align: center;
				margin: 0 4.5%;
				> a {
					display: flex;
					align-items: center;
					justify-content: center;
					width: auto;
					background: @primaryColor;
					color: #fff;
					line-height: 1;
					text-decoration: none;
					font-size: 1.32em;
					padding: 15px;
					padding-left: 0;
					&:hover {
						background: @secondaryColor;
						text-decoration: none;
					}
					> img {
						vertical-align: middle;
						margin-right: 20px;
						display: inline-block;
						margin-left: -20px;
					}
				}
				&:nth-child(3n+1) { margin-left: 0; }
				&:nth-child(3n+3) { margin-right: 0; }
			}
		}
	}


	.itemsList {
		width: 100%;
	    list-style: none;
	    display: flex;
	    align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		> li {
			margin-right: 1.5%;
			margin-bottom: 30px;
			width: 170px;
			position: relative;
			&:last-child {
				margin-right: 0;
			}
			&.blogItem {
				width: calc(~"20%" - 40px);
				margin: 0 20px 40px;
				flex-basis: 200px;
				&:last-child {
					margin-right: 20px;
				}
			}
		}
		&&--shinkanwadai {
			width: 75%;
			justify-content: space-between;
		}
		&&--carousel {
			flex-basis: auto;
			padding: 0 50px;
		}
		&__item {
			width: 100%;
			max-width: 170px;
			margin: 0 auto;
			position: relative;
			&__linkArea {
				color: inherit;
				text-decoration: none;
				display: block;
				background: none;
			    border: none;
				outline: none;
			}
			&__image {
				display: block;
				margin-bottom: 10px;
				height: 160px;
				&&--large {
					margin-bottom: 30px;
					img {
						max-width: 160px;
						max-height: 160px;
					}
				}
				img {
					display: block;
					width: auto;
					max-width: 160px;
					max-height: 160px;
				}
			}
			&__text {
				display: block;
			}
			&__label {
			    margin-bottom: 5px;
				.label {
					color: #fff;
					padding: 2px 5px;
					font-size: 0.84em;
				}
				.label.label--red { background: red; }
				.label.label--green { background: @primaryColor; }
				.label.label--blue { background: @cddvdColor; }
			}
			&__title {
				// margin-bottom: 10px;
				button {
				    background: none;
				    border: none;
				    color: inherit;
					line-height: inherit;
				    font-weight: inherit;
				}
				a {
					color: inherit;
					text-decoration: none;
				}
			}
			&__detail {
				color: @fontColor;
				font-size: 0.84em;
				line-height: 1.7;
				dt {
					display: block;
					float: left;
					vertical-align: top;
					margin-right: 4px;
					&:after {
						content: ":";
						margin: 0;
					}
				}
				dd {
					display: block;
					vertical-align: top;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}
	.noImage {
		width: 100%;
		height: 100%;
		background: #eaeaea;
		padding: 2em;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #888;
	}
	@supports(display:-webkit-box){
		.itemsList__item__title {
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
	}

	.bookCategory {
	    display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
	    list-style: none;
	    text-align: center;
			width: 100%;
		&__item {
			position: relative;
		    width: 21%;
			max-width: 220px;
			&:first-child {
			    width: 25%;
				max-width: 300px;
			}
			&__linkArea {
				display: block;
				color: inherit;
				text-decoration: none;
				position: relative;
				&&--osusume {
					color: @osusumeColor;
				}
				&&--cddvd {
					color: @cddvdColor;
				}
				&&--duo {
					color: @primaryColor;
				}
			}
			&__image {
				display: block;
				position: relative;
				margin-bottom: 15px;
				&:before,&:after {
					content: "";
					display: block;
					width: 0;
					height: 0;
					border: solid 6px #fff;
					position: absolute;
					z-index: 1;
					opacity: 0;
					box-sizing: border-box;
				}
				&:before {
					top: 3%;
					left: 3%;
				}
				&:after {
					bottom: 3%;
					right: 3%;
				}
				img {
					display: block;
					max-width: 100%;
				}
			}
		}
	}
	.moreLink__banner {
		width: 25%;
		flex-basis: 220px;
		color: #febd11;
		&__linkArea {
			color: inherit;
		}
		&__image {
			display: block;
			margin-bottom: 10px;
			position: relative;
			&:before,&:after {
				content: "";
				display: block;
				width: 0;
				height: 0;
				border: solid 6px #fff;
				position: absolute;
				z-index: 1;
				opacity: 0;
				box-sizing: border-box;
			}
			&:before {
				top: 3%;
				left: 3%;
			}
			&:after {
				bottom: 3%;
				right: 3%;
			}
			img {
				display: block;
			}
		}
		&__text {
			display: block;
			text-align: center;
			text-decoration: none;
			font-size: 1.16em;
		}
	}
	#store {
		display: none;
	}
	.toppageBannerArea {
	    position: relative;
		margin-bottom: 40px;
	}
	.fb-bannerWrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	    display: flex;
	    flex-wrap: nowrap;
	    align-items: flex-start;
	    justify-content: space-between;
	}
	.facebook-iframe {
	    width: 320px;
		margin: 0 auto 40px;
	}
	.facebook-iframe iframe {
	    width: 100%;
		display: block;
	}
	.toppageBanner {
		&__list {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			list-style: none;
			width: 100%;
		}
		&__item {
			width: 25%;
			width: calc(~"25%" - 10px);
			margin: 0 5px 10px;
			display: block;
			position: relative;
			overflow: hidden;
			a,img {
				display: block;
				width: 100%;
			}
		}
	}
	.pagetop {
	    position: fixed;
	    bottom: 80px;
	    right: 2%;
	    z-index: 99999;
	    opacity: 0;
	    transition: opacity 0.5s ease;
		text-align: right;
		line-height: 1;
		&.active {
			opacity: 1;
		}
		&Image {
			display: inline-block;
			img {
				display: block;
				filter: drop-shadow(0 1px 2px rgba(255,255,255,0.3));
			}
		}
	}
	/* slick */
	.slick {
		&-prev,&-next {
			background-size: contain;
			width: 30px;
			height: 30px;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			border: none;
			border-radius: 30px;
			outline: none;
			position: absolute;
			top: 40%;
			border: solid 1px #fff;
			cursor: pointer;
			z-index: 2;
			background-repeat: no-repeat;
		}
		&-prev { left: 0px; }
		&-next { right: 0px; }
	}
	.container {
		.slick-prev { background-image: url(./img/icon_prev.png); }
		.slick-next { background-image: url(./img/icon_next.png); }
	}
	.container--info {
		.slick-prev,.slick-next { background-color: @primaryColor; }
	}
	.catSection--shinkan {
		.slick-prev,.slick-next { background-color: @primaryColor; }
	}
	.catSection--narabook {
		.slick-prev,.slick-next { background-color: @naraColor; }
	}
	.catSection--osusume {
		.slick-prev,.slick-next { background-color: @osusumeColor; }
	}
	.catSection--cddvd {
		.slick-prev,.slick-next { background-color: @cddvdColor; }
	}

/**** 下層ページ ****/
	.archive {
		margin-top: 40px;
	}
	.booksBinding {
	    position: relative;
	    overflow: hidden;
		margin-bottom: 50px;
		&__list {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			list-style: none;
			> li {
				width: 80px;
				margin: 0 20px;
				> a {
					color: inherit;
					text-decoration: none;
					text-align: center;
					font-size: 1.16em;
					display: block;
					> p {
						text-align: center;
						line-height: 1;
						font-size: 80%;
					}
					> img {
						margin-bottom: 5px;
					}
				}
			}
		}
	}
	.archiveSection,.postSection {
		&&--newsblog,&&--mailmagazine {
			color: @primaryColor;
		}
		&&--ohanashi {
		    color: #ffca00;//orange
			color: @primaryColor;
		}
		&&--info {
		    color: @osusumeColor;
			color: @primaryColor;
		}
		&__flexWrap {
			display: flex;
			width: 100%;
			align-items: flex-start;
			justify-content: space-between;
		}
	}
	.archiveSection.archiveSection--mailmagazine {
	    position: relative;
	    width: 100%;
		table {
			max-width: 100%;
			width: auto;
			padding: 5px;
			background: #eeeae0!important;
			table {
				padding: 0;
				tbody > tr > td {
					padding: 5px;
					text-align: justify;
					min-width: 100px;
					&.empty {
						min-width: 15px;
					}
				}
			}
			img {
				padding: 0 10px 5px;
				max-width: 100%;
				width: auto;
				height: auto;
			}
		}
	}
	.mailpoet_template {
		table,thead,tfoot,tbody,tr,th,td,div {
			max-width: inherit!important;
		}
	}
	.itemsListWrap,.blogItemWrap {
		&&--archive {
			order: 2;
			width: calc(~"100%" - 230px);
		}
		&&--wide {
			width: 100%;
		}
		&&--search {
			width: 100%;
		}
	}
	.postSection__content {
		order: 2;
		width: calc(~"100%" - 230px);
	}
	.blogItem__list {
	    display: flex;
	    align-items: flex-start;
	    margin-bottom: 20px;
		&__date {
			border: solid 1px;
			flex-basis: 80px;
			min-width: 80px;
			text-align: center;
			margin-right: 20px;
		}
		&__title {
		    color: inherit;
		    text-decoration: none;
		}
	}
	.itemsList {
		&&--archive {
			flex-wrap: wrap;
		}
	}
	.single {
		margin-top: 20px;
		margin-bottom: 100px;
	}
	.page {
		margin-top: 20px;
	}
	.postSection {
		.flexcontainer {
			display: flex;
		}
		&__title {
			display: block;
			font-size: 1.4em;
			margin: 0 0 30px;
			padding-left: 20px;
			padding-bottom: 2px;
			&&--sectionTop {
				display: block;
				// font-size: 0.96em;
				font-weight: bold;
				vertical-align: top;
				margin: 10px;
				padding-left: 0;
				padding-bottom: 0;
				border-bottom: none;
			}
			&__caption {
				display: inline-block;
				margin-left: 4%;
				vertical-align: bottom;
				font-size: 0.76em;
			}
		}
		&__container {
		    color: @fontColor;
			margin-left: auto;
			margin-right: auto;
			&&--flex {
				display: flex;
			}
			&__main {
			    margin-right: 100px;
			    line-height: 1.7;
				width: calc(~"100%" - 320px);
				position: relative;
				&&--search {
					order: 2;
					margin-left: auto;
					margin-right: 0;
				}
			}
			.gaisho_item__html h3 {
			    margin-top: 20px;
			}
			.gaisho_item h3 {
			    margin-top: 0px;
			}
			h3 {
				color: @primaryColor;
				font-size: 1.48em;
				margin: 20px 0;
			}
			.fullWidth-BG {
				position: relative;
				z-index: 1;
				color: #fff;
				margin-top: 40px;
				padding: 5px 20px;
				&:after {
					content: "";
					width: 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					background: @primaryColor;
					z-index: -1;
					transform: translateX(-50%);
					left: 50%;
				}
			}
			p {
				margin-bottom: 15px;
				.buttonUpload {
				    display: inline-block;
				    width: 200px;
				    background: @primaryColor;
				    color: #fff;
				    padding: 15px;
				    border: solid 1px @primaryColor;
				    cursor: pointer;
				    transition: all 0.5s ease;
					text-align: center;
					text-decoration: none;
				}
				#upfile {
					color: @primaryColor;
					border: solid 1px;
					padding: 10px;
				}
			}
			.kanpouTable {
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				dt {
					display: block;
					width: 200px;
					margin-right: 30px;
					margin-bottom: 10px;
					background: #ddffee;
					padding: 3px 0;
					text-align: center;
					color: @primaryColor;
					font-weight: normal;
				}
				dd {
					display: block;
					width: calc(~"100%" - 230px);
					vertical-align: top;
					padding: 3px 0;
				}
			}
			.kanpouTable--kodoku {
				width: 500px;
				dt {
					width: 300px;
					flex-basis: 300px;
				}
				dd {
					width: calc(~"100%" - 330px);
				}
			}
			.kanpoumoshikomiWrap {
				display: flex;
				align-items: flex-end;
				width: calc(~"100%" - 500px);
			}
			.kanpoBanner {
			    display: block;
			    margin-right: 30px;
				img {
					display: block;
				}
			}
			.kanpoDetail {
			    flex-basis: 370px;
			}
		}
		&__category {
			padding: 0px 10px;
		    display: inline-block;
		    vertical-align: top;
			> ul {
				list-style: none;
				> li {
					display: inline-block;
					vertical-align: top;
					margin-right: 20px;
					> a {
						min-width: 100px;
						display: block;
						color: inherit;
						font-weight: bold;
						font-size: 1em;
						text-decoration: none;
						padding: 6px 10px;
						line-height: 1;
						text-align: center;
						border: solid 1px;
						&[href*="recommend"] { color: @osusumeColor; }
						&[href*="narabooks"] { color: @naraColor; }
					}
				}
			}
		}
		&__flexWrap {
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: space-between;
			&&--cddvd {
				padding-top: 60px;
			}
		}
		&__itemSidebar {
			float: right;
			width: 220px;
			margin-left: 10px;
			&__ctaMessage {
				display: none;
				font-size: 1.3em;
				font-weight: normal;
				color: #da0000;
				border: solid 1px #da0000;
				border-radius: 5px;
				text-align: center;
				max-width: 240px;
				margin: 10px auto 20px;
			}
			&__stockExist,&__stockNone {
				margin-bottom: 1em;
			}
			&__stockExist p,&__stockNone p {
				text-indent: -1em;
				padding-left: 1em;
				margin-bottom: 1em;
				font-size: 0.84em;
				color: @fontColor;
				max-width: 240px;
				margin: auto;
			}
		}
		&__itemDetail {
			width: 100%;
			a {
				color: @primaryColor;
				text-decoration: none;
			}
			&__flexWrap {
			    display: flex;
			    flex-wrap: nowrap;
			    align-items: flex-start;
			    justify-content: space-between;
			    margin-bottom: 50px;
				width: 100%;
			}
			&__firstWrap {
				width: 250px;
				height: 200px;
				> img {
					display: block;
					max-height: 100%;
				}
			}
			&__secondWrap {
				width: 100%;
				padding: 0 20px;
			}
			&__title {
				margin: 0;
				font-size: 1.32em;
				margin-bottom: 20px;
			}
			&__label {
			    margin-bottom: 20px;
				.label {
					color: #fff;
					padding: 2px 5px;
					font-size: 0.84em;
				}
				.label.label--red { background: red; }
				.label.label--green { background: @primaryColor; }
				.label.label--blue { background: @cddvdColor; }
			}
			&__attr {
				display: flex;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
				color: @fontColor;
				margin-bottom: 10px;
				> dl {
					width: 250px;
					padding-right: 10px;
					display: flex;
					flex-wrap: wrap;
					align-items: flex-start;
					> dt {
						display: block;
						width: 8em;
					}
					> dd {
						display: block;
						width: calc(~"100%" - 8em);
						margin-bottom: 4px;
						min-height: 1.5em;
					}
				}
			}
			&__star {
				.yasr-already-voted-text,
				.yasr-total-average-container {
					display: none;
				}
				.yasr-visitor-votes {
					display: inline-block;
				}
			}
			&__reviewWrap {
				margin: 30px auto 20px 0;
				width: calc(~"100%" - 300px);
			}
			&__review {
				border: dotted 2px;
				color: #ff4000;
				border-radius: 10px;
				padding: 20px 10px;
				position: relative;
				&__title {
					margin: 0;
					position: absolute;
					top: -0.64em;
					line-height: 1;
					background: #fff;
					font-size: 1.16em;
					padding: 0 10px;
					background-position: left center;
					background-size: contain;
					background-repeat: no-repeat;
					padding-left: 20px;
				}
				&__staff {
					position: absolute;
					top: -0.64em;
					background: #fff;
					padding: 0 10px;
					right: 10px;
					line-height: 1;
					font-size: 0.92em;
					&__name {
						background: #ff4000;
						color: white;
						padding: 2px 10px;
						margin-right: 10px;
					}
				}
			}
			&__desc {
				color: @fontColor;
				padding: 0 10px;
				margin-bottom: 40px;
				max-width: 860px;
				&__title {
					font-size: 1.08em;
					margin-bottom: 20px;
					background-position: left center;
					background-size: contain;
					background-repeat: no-repeat;
					padding-left: 36px;
				}
			}
		}
		&__itemSidebar {
			border: solid 5px #ccc;
			border-radius: 15px;
			padding: 15px 10px;
			position: relative;
			&__okiniiri {
				position: absolute;
				top: 10px;
				right: 10px;
				z-index: 1;
				> a.active:hover {
					&:before {
						content: "お気に入りを解除";
						color: #bbb;
						border-color: #bbb;
					}
					&:after {
						border-color: #bbb;
					}
				}
				> a:hover {
				    display: block;
				    position: relative;
					opacity: 1;
					&:before {
						content: "お気に入りに追加";
						text-align: center;
						color: #ffc925;
						font-size: 10px;
						font-weight: bold;
						position: absolute;
						top: -38px;
						width: 9em;
						right: 50%;
						transform: translateX(50%);
						padding: 5px;
						border: solid 2px;
						border-radius: 10px;
						background: #fff;
					}
					&:after {
						position: absolute;
						top: -15px;
						content: "";
						width: 9px;
						height: 9px;
						background: #fff;
						border: solid 2px #ffc925;
						border-left: none;
						border-top: none;
						transform: translate(50%,0%) rotate(45deg);
						right: 50%;
					}
				}
			}
			&__loading.on {
				.ball-beat > div {
					background-color: #ccc;
					width: 15px;
					height: 15px;
					border-radius: 100%;
					margin: 2px;
					-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
					display: inline-block;
					-webkit-animation: ball-beat 0.7s 0s infinite linear;
					animation: ball-beat 0.7s 0s infinite linear; }
				.ball-beat > div:nth-child(2n-1) {
						-webkit-animation-delay: -0.35s !important;
						animation-delay: -0.35s !important; }
			}
			&__stock {
				display: none;
				position: relative;
				font-weight: bold;
				color: #d80000;
				font-size: 1.24em;
				margin-bottom: 20px;
				&&--none {
					color: #bbb;
				}
				> img {
					vertical-align: text-bottom;
					margin-right: 10px;
				}
			}
			&__store {
				margin-bottom: 20px;
				&__symbol {
					margin-right: 0.2em;
				}
				> ul {
					list-style: none;
					display: flex;
					flex-wrap: wrap;
					> li {
						margin-bottom: 10px;
						margin-right: 10px;
						position: relative;
						&.tel_tap {
							display: none;
						    color: #d80000;
						    width: 100%;
						}
						> a {
							display: inline-block;
							max-width: 100%;
							width: 100%;
							text-decoration: none;
							padding-left: 1.2em;
							text-indent: -1.2em;
							font-weight: bold;
							@media all and(min-width: 769px) {
								&[href^="tel:"] {
									pointer-events: none;
								}
							}
							> img {
								vertical-align: middle;
								width: 14px;
							}
							.tel {
								color: @fontColor;
							}
						}
					}
				}
			}
			&__line {
				border: none;
				height: 1px;
				background: #ccc;
				margin: 20px auto;
			}
			&__price {
				color: #ff9800;
				font-weight: bold;
				font-size: 1.32em;
				margin-bottom: 10px;
			}
			&__ctabutton {
				display: block;
				width: 100%;
				margin: 10px auto 20px;
				&__mobile {
					color: white;
					background: @osusumeColor;
					border: solid 2px @osusumeColor;
					display: block;
					text-align: center;
					width: 100%;
					padding: 15px 10px;
					line-height: 1;
					border-radius: 5px;
					font-weight: normal;
					font-size: 1.16em;
					text-decoration: none;
				}
			}
		}
		&__recommendWrap {
			margin: 40px auto;
		}
		&__recommend {
			&__title {
			    margin-bottom: 40px;
			    font-size: 1.32em;
			}
		}
	}
	.otherBlogs__title {
	    border-bottom: solid 2px;
	    margin-bottom: 20px;
	    padding: 0 10px;
	}

	.zaiko_info_item {
	    display: inline-block;
	    margin-right: 20px;
	}

	.postSection__itemSidebar__store__symbol {
		display: inline-block;
		vertical-align: middle;
		background-position: center left;
		background-size: contain;
		width: 1em;
		height: 1em;
		background-repeat: no-repeat;
		&&--type1 { background-image: url('./img/icon_maru.png'); }
		&&--type2 { background-image: url('./img/icon_sankaku.png'); }
		&&--type3 { background-image: url('./img/icon_batsu.png'); }
	}

	.searchPage__form {
		font-size: 1.16em;
		display: block;
		width: 100%;
		max-width: 640px;
		margin: 0 0 40px;
		overflow: hidden;
		border: solid 1px @primaryColor;
		border-radius: 7px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		position: relative;
		vertical-align: middle;
		&__title {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 90px;
			background: @primaryColor;
			color: @white;
		}
		form {
			display: flex;
			align-items: stretch;
			justify-content: flex-start;
			button.submit {
				flex-basis: 40px;
				height: 40px;
				text-indent: 100%;
				overflow: hidden;
				white-space: nowrap;
				background-image: url("@{imgURL}icon_search.png");
				background-color: @primaryColor;
				background-size: 20px;
				background-position: center;
				background-repeat: no-repeat;
				border: none;
				cursor: pointer;
			}
			input {
				height: 40px;
				width: 66.6%;
				width: calc(~"100%" - 210px);
				border: none;
				padding: 0 5px;
				&::-ms-clear {
					display: none;
				}
			}
		}
		&__category {
			flex-basis: 80px;
			max-width: 100px;
			background: #eee;
			height: 40px;
			position: relative;
			color: @primaryColor;
			display: flex;
		    align-items: center;
		    justify-content: center;
		}
	}
	.radioItem {
	    margin: 0 20px;
	    font-size: 1.12em;
	    line-height: 1;
		input[type="radio"] {
			margin-right: 8px;
		}
	}

	.gaisho_items {
		> ul {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			list-style: none;
			> li {
				width: 48%;
				border: solid 1px #ccc;
				margin-right: 2%;
				margin-bottom: 30px;
				padding: 20px 10px;
			}
		}
		.itemsList__item {
			max-width: 100%;
			&__inner {
				display: flex;
				align-items: flex-start;
			}
			&__image {
				margin-bottom: 0;
				img {
					max-width: 100%;
					max-height: 100%;
				}
			}
			&__text {
				padding: 10px;
				width: 55%;
				margin-left: 5%;
			}
		}
	}

	.shareButtonArea {
	    position: relative;
	    margin: 40px auto;
		color: @fontColor;
		p {
			margin-bottom: 20px;
		}
		ul {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			list-style: none;
			li {
				margin-right: 20px;
				width: 23%;
				&:last-child {
					margin-right: 0;
				}
			}
		}
	}
	.shareButton {
	    padding: 15px;
	    line-height: 1;
	    display: block;
	    border: solid 1px;
	    border-radius: 5px;
	    color: #fff;
	    text-align: center;
	    text-decoration: none;
	    font-weight: bold;
		p {
			margin-bottom: 10px;
		}
		&&--twitter {
			background: #04a9f4;
			border-color: #04a9f4;
		}
		&&--facebook {
			background: #3F51B5;
			border-color: #3F51B5;
		}
		&&--line {
			background: #4CAF50;
			border-color: #4CAF50;
		}
	}

	/* sidebar */
	.sidebar {
		order: 1;
		width: 200px;
		&&--kanpou {
			min-width: 220px;
			flex-basis: 220px;
			width: 220px;
			order: 3;
		}
		> ul {
			list-style: none;
			>li {
				margin-bottom: 10px;
				line-height: 1;
				position: relative;
				font-size: 0.84em;
				.toggleButton {
				    width: auto;
				    height: auto;
				    position: absolute;
				    top: 0;
				    right: 0;
				    padding: 0 0 0 15px;
				    z-index: 2;
				    box-sizing: border-box;
				    cursor: pointer;
					&:after {
						content: "＋";
						font-size: 16px;
					}
				}
				&.on {
					ul {
						display: block;
					}
					.toggleButton:after {
						content: "−";
					}
				}
				&.current-cat > a {
				    text-decoration: underline;
				}
				> a {
					color: inherit;
					text-decoration: none;
					font-size: 1.2em;
					margin-right: 5px;
				}
				ul {
					display: none;
					list-style: none;
					margin: 0.5em 0 1em 1em;
					> li {
						margin: 10px 0;
						> a {
							color: inherit;
							text-decoration: none;
						}
					}
				}
			}
		}
		.sidebar__category--mailmagazine > li > a:after {
		    content: "年";
		}
		.sidebar__category--mailmagazine > li {
			display: list-item!important;
			list-style: disc;
			margin-left: 1.5em;
			line-height: 1.24;
			margin-bottom: 14px;
		}
		&--kanpou > * {
			margin: 0 10px 10px;
			display: block;
			img {
				display: block;
			}
		}
	}

	.categoryTitle {
	    text-align: center;
	    line-height: 1;
	    padding: 10px;
	    background: @primaryColor;
	    color: #fff;
	    font-weight: normal;
	    font-size: 1.24em;
	    margin-bottom: 20px;
		&&--info {
			background-color: @osusumeColor;
			background-color: @primaryColor;
		}
		&&--ohanashi {
			background-color: #ffca00;//orange
			background-color: @primaryColor;
		}
		&&--item {
			background: @primaryColor;
		}
		&&--osusume {
			background: @osusumeColor;
		}
		&&--narabook {
			background: @naraColor;
		}
		&&--cddvd {
			background: @cddvdColor;
		}
	}

	/* お問い合わせフォーム */
	.mw_wp_formWrap {
	    display: block;
	    width: 100%;
	    position: relative;
	}
	.mw_wp_form__label {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		position: relative;
		margin-bottom: 10px;
		&__text {
			width: 180px;
			margin-right: 10px;
			background: #E8F5E9;
			padding: 4px 10px;
			color: @primaryColor;
			font-weight: normal;
			position: relative;
			display: block;
			border: solid 1px #e8f5e9;
			&&--dummy {
				opacity: 0;
			}
			&&--require:after {
				content: "*";
				display: inline-block;
				vertical-align: middle;
				position: absolute;
				top: 60%;
				right: 10px;
				transform: translateY(-50%);
			}
		}
		&__field {
			display: block;
			width: 100%;
			position: relative;
			select {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				padding: 5px 10px!important;
			}
			select::-ms-expand {
				display: none;
			}
			input[type="text"], input[type="email"], textarea, select {
				width: 100%;
				border: solid 1px #e8f5e9;
				padding: 4px 10px;
				font-size: 16px;
				height: 100%;
				color: @primaryColor;
				border-radius: 0;
				line-height: 1.35;
				background: #fff;
			}
			&&--submit {
				text-align: center;
				margin: 30px 0;
				input[type="submit"] {
					display: inline-block;
					width: 170px;
					background: @primaryColor;
					color: #fff;
					padding: 15px;
					border: solid 1px @primaryColor;
					cursor: pointer;
					transition: all 0.5s ease;
				}
			}
			&&--select:after {
				content: "▼";
				display: inline-block;
				position: absolute;
				top: 50%;
				right: 10px;
				color: @primaryColor;
				transform: translateY(-50%);
				pointer-events: none;
			}
		}
	}

/**** Pagenavi ****/
	.wp-pagenavi {
	    display: flex;
	    flex-wrap: nowrap;
	    align-items: center;
	    justify-content: center;
	    position: relative;
		margin: 40px 0;
		.first,.last {
		    display: none;
		}
		.spHide {
		    display: none;
		}
		a {
			color: inherit;
			text-decoration: none;
		}
		a, span {
			border: none;
			font-size: 1.4em;
			display: inline-block;
			margin: 0 10px;
		}
		.pages {
			display: none;
		}
		.current {
			font-weight: bold;
		}
		.pageSeparate {
			display: none;
			font-weight: bold;
		}
		.allPage {
			display: none;
			font-weight: bold;
		}
		.previouspostslink,.nextpostslink {
			position: absolute;
			font-size: 1em;
			font-weight: bold;
			border: none;
			&:after, &:before {
				content: "";
				display: block;
				position: absolute;
				top: -8px;
				width: 23px;
				height: 23px;
				transform: rotate(45deg);
				border: solid 7px;
				border-radius: 1px;
			}
		}
		.previouspostslink {
			left: 0;
			padding-left: 30px;
			&:before {
				left: 0;
				border-top: none;
				border-right: none;
			}
			&:after {
				display: none;
			}
		}
		.nextpostslink {
			right: 0;
			padding-right: 30px;
			&:after {
				right: 0;
				border-left: none;
				border-bottom: none;
			}
			&:before {
				display: none;
			}
		}
	}

	.morelink {
		text-align: center;
		margin: 40px auto;
		> * {
			display: none;
		}
		.nextpostslink {
			display: inline-block;
			width: 190px;
			text-align: center;
			text-decoration: none;
			font-size: 1.6em;
			color: inherit;
			&:before {
				content: "";
				width: 0.6em;
				height: 0.6em;
				border: solid 5px;
				display: inline-block;
				border-left: none;
				border-top: none;
				transform: rotate(45deg);
				position: relative;
				margin-right: 10px;
				top: -2px;
			}
		}
	}


	.postSection__content__navigation {
	    margin: 40px auto;
		display: flex;
	    width: 100%;
	    align-items: flex-start;
	    justify-content: space-between;
		&__prev,&__next {
			width: 47%;
			a {
				color: inherit;
				text-decoration: none;
				display: inline-block;
				width: 90%;
			    width: calc(~"100%" - 1em);
			    vertical-align: top;
			}
		}
		&__next {
			text-align: right;
		}
	}

/**** footer ****/
	.footer {
		border-top: solid 10px @primaryColor;
		background: @secondaryColor;
		color: #fff;
		padding: 40px 0 20px;
		&__shop {
			float: right;
			width: 430px;
			border-left: solid 1px #fff;
			padding-left: 10px;
			position: relative;
			z-index: 1;
			&__list {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				align-items: flex-start;
				justify-content: space-between;
				list-style: none;
				> li {
					width: calc(~"33.33%" - 50px);
					margin: 0 0 40px 50px;
					&:nth-child(n+4) {
						margin-bottom: 0;
					}
					> a {
						display: block;
						text-align: center;
						text-decoration: none;
						color: #fff;
						font-size: 0.84em;
						> img {
							display: block;
							width: 90px;
							margin-bottom: 10px;
						}
					}
				}
			}
		}
		&__menu {
			display: block;
			> ul {
				display: block;
				list-style: none;
				margin-bottom: 10px;
				line-height: 1;
				> li {
					display: inline;
					&:after {
						content: "｜";
						display: inline;
					}
					&:last-child:after {
						display: none;
					}
					> a {
						text-decoration: none;
						color: inherit;
						font-size: 0.84em;
					}
				}
			}
		}
		&__info {
			display: block;
			position: relative;
			margin-top: 120px;
			&__caption {
				font-size: 0.84em;
				margin-bottom: 10px;
			}
			&__wrap {
				display: flex;
				align-items: flex-start;
				flex-wrap: wrap;
			}
			&__logo {
				display: block;
				margin-right: 10px;
				img {
					display: block;
					width: 167px;
					height: auto;
				}
			}
			&__sns {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				> li {
					display: block;
					margin: 0 5px;
					&:last-child {
					    margin-right: 0;
					}
					&:first-child {
					    margin-left: 0;
					}
					> a {
						display: block;
						border-radius: 40px;
						overflow: hidden;
						> img {
							display: block;
							transform: rotate(0);
						}
					}
				}
			}
		}
		&__copyright {
			margin: 10px auto 0;
			&__text {
				font-size: 0.92em;
			}
		}
	}

/**** Rakuten ****/
.rakuten_credit {
    text-align: left;
}

.rakuten_credit a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}

/**** button ****/
	.button {
		display: block;
		text-align: center;
		text-decoration: none;
		color: inherit;
		position: relative;
		border: solid 1px;
		border-radius: 30px;
		z-index: 1;
		&&--primary {
			background: @primaryColor;
			border-color: @primaryColor;
		}
		&&--readmore {
			margin: 50px auto 0;
			width: 200px;
			padding: 8px;
			font-size: 1.16em;
		}
		&&--ssmall {
			position: absolute;
			top: 0;
			right: 0;
			font-size: 0.84em;
			border: none;
			border-radius: 0;
		}
		&&--small {
			font-weight: normal;
			font-size: 13px;
			line-height: 1;
			width: 80px;
			padding: 4px;
			margin: 0;
			position: absolute;
			top: 0;
			right: 20px;
		}
		&&--shinkan,&&--info {
		    color: #fff;
		    background: @primaryColor;
			right: 0px;
		}
		&&--cddvd {
		    background: #fff;
		    color: @cddvdColor;
			&:hover {
				text-decoration: underline;
			}
		}
		&&--narabook {
			color: #fff;
			background-color: @naraColor;
			right: 0px;
		}
		&&--osusume {
			color: #fff;
			background-color: @osusumeColor;
			right: 0px;
		}
		&&--kanpoumoshikomi {
		    width: 100%;
		    border-radius: 0;
		    background: @primaryColor;
		    border: none;
		    padding: 15px;
		    color: white;
		    font-size: 1.32em;
		}
		&&--kanpoukokoku {
			height: 100%;
			border: none;
			background: #E53935;
			border-radius: 0;
			padding: 10px;
			min-width: 180px;
			color: #fff;
			font-size: 1.24em;
		}
		&&--kanpoudetail {
		    width: 100%;
		    border: none;
		    border-radius: 0;
		    padding: 26px;
		    background: @cddvdColor;
		    color: #fff;
		    font-size: 1.24em;
		}
		&&--seihukankobutsu {
		    border-radius: 0;
		    padding: 15px;
		    font-size: 1.16em;
		    color: #fff;
		    background: @primaryColor;
		    max-width: 420px;
		}
		&&--customercard {
		    border: none;
		    border-radius: 0;
		    padding: 15px;
		    background: @osusumeColor;
			max-width: 420px;
		    color: #fff;
		    font-size: 1.16em;
		}
		&&--mailto {
		    border: none;
		    border-radius: 0;
		    padding: 15px;
		    background: #ffc107;
			max-width: 420px;
		    color: #fff;
		    font-size: 1.16em;
		}
		small {
			margin-right: 10px;
		}
		img {
			margin: 0 5px;
			vertical-align: middle;
		}
		&--zaikosearch {
		    display: block;
		    padding: 5px 10px;
		    color: #fff;
		    background: @primaryColor;
		    border-radius: 0;
		    border: solid 1px @primaryColor;
		    text-align: center;
		    transition: all 0.35s ease;
		    text-decoration: none;
			&:hover {
				text-decoration: none;
			}
		}

	}

@media all and (max-width:1400px){
	.container {
		padding: 0 20px;
	}
	.itemsList.itemsList--shinkanwadai {
		width: 80%;
	}
	.moreLink__banner {
	    width: 20%;
	    flex-basis: auto;
	}
}
@media all and (max-width: 1024px){
	@media (min-width: 769px) {
		body {
			min-width: 950px;
		}
	}
	.itemsList__item {
		max-width: 150px;
	}
	.postSection__container {
		&__main {
			margin-right: 0;
			width: 100%;
		}
	}
	.sidebar {
		&&--kanpou {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			margin-top: 120px;
			justify-content: flex-start;
			> p {
				width: 220px;
				margin-right: 30px;
				&:last-child {
					margin-right: 0;
				}
			}
		}
	}

}
@media all and (max-width: 768px){
	.gnav__inner > li:hover:after {
		display: none;
	}
	.header {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 999;
	    background: #fff;
		&__inner {
			margin: 0;
			padding: 10px 0;
		}
		&__line {
			display: none;
		}
		&__utility {
			display: block;
			right: 44px;
			top: 24px;
			&__icons {
				justify-content: center;
			}
		}
		&__zaiko {
			display: none;
		}
	}

	.gnav {
	    display: none;
		&__inner {
			display: block;
			padding: 0;
		    margin: 0;
		    width: 100%;
			> li {
				width: 100%;
			    text-align: left;
			    padding: 3px 5px;
			    border: none;
			    border-top: solid 1px #888;
				> a {
				    background: none;
				    color: inherit;
					position: relative;
					&:after {
					    content: ">";
					    position: absolute;
					    right: 5px;
					    transform: scale(1.2,1.5);
					}
				}
			}
		}
	}

	.menuButton {
		display: block;
		width: 36px;
		height: 34px;
		position: absolute;
		right: 20px;
		top: 24px;
		color: @primaryColor;
		&__line {
			width: 90%;
			height: 3px;
			background: @primaryColor;
			display: block;
			position: absolute;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: all 0.7s ease;
			&&--1 { top: 0; }
			&&--2 { top: 9px; }
			&&--3 { top: 18px; }
		}
		&:after {
			content: "menu";
			font-size: 11px;
			position: absolute;
			top: 19px;
			left: 50%;
			transform: translateX(-50%);
			transition: all 0.7s ease;
		}
	}
	.menuActive {
		.gnav {
			display: none;
		}
		.gnav.gnav--mobile {
			display: block;
			margin-top: 15px;
		    border-bottom: solid 3px @primaryColor;
			background: none;
		}
		.header {
		    height: auto;
		    border-bottom: none;
			&__inner {
				background: #fff;
				padding-bottom: 0;
			}
			&__zaiko {
				display: none;
				margin-right: 10px;
			}
			&__line {
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
			}
		}
		.menuButton:after {
			content: "close";
		}
		.menuButton__line {
			&.menuButton__line--1 {
				transform: translate(-50%, -50%) rotate(135deg);
				top: 9px;
			}
			&.menuButton__line--2 {
				left: 400%;
			}
			&.menuButton__line--3 {
				transform: translate(-50%, -50%) rotate(225deg);
				top: 9px;
			}
		}
	}
	.main {
		margin-top: 74px;
	}
	.toppageButtons > ul > li {
	    margin: 0 5px;
	    width: 30%;
		> a {
			padding: 10px 5px;
			font-size: 1em;
			> img {
				margin-right: 5px;
				max-height: 1em;
				margin-left: 0;
				max-width: 1.2em;
			}
		}
	}
	.catSection {
		&&--2column {
			display: block;
		}
		&__items {
			display: block;
		}
	}
	.infoItem {
		&&--slide {
			margin: 0 0 20px;
		}
		&&--ohanashi, &&--info {
			width: 100%;
			margin-bottom: 80px;
		}
		&__newsblogItem {
			width: calc(~"33.33%" - 27px);
			@media (min-width: 481px){
				&:nth-child(3n+1) {
					margin-left: 0;
				}
				&:nth-child(3n+3) {
					margin-right: 0;
				}
			}
			&__tag a {
				margin: 0 2px 4px 0;
				font-size: 0.84em;
			}
		}
	}
	.itemsList {
		flex-wrap: wrap;
		&&--shinkanwadai {
			width: 100%;
			justify-content: flex-start;
		}
		> li {
			margin: 0 0 40px;
			padding-right: 40px;
			width: 33.33%;
			&:last-child {
				margin: inherit;
			}
			&.blogItem {
				width: calc(~"33.33%" - 40px);
				padding-right: 0px;
				&:last-child {
					margin: 0 20px;
				}
			}
		}
		&__item {
			max-width: 260px;
			padding: 0 10px;
		}
	}
	.moreLink__banner {
		width: 33.33%;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
		&__image {
			width: 70%;
			margin: 0 auto 10px;
		}
	}
	.fb-bannerWrap {
		width: 100%;
		display: block;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.toppageBanner {
		&__list {
			width: 100%;
		}
	}

/**** 下層ページ ****/
	.itemsListWrap.itemsListWrap--archive, .itemsListWrap.blogItemWrap--archive, .blogItemWrap.itemsListWrap--archive, .blogItemWrap.blogItemWrap--archive {
		order: 1;
	}
	.booksBinding {
	    margin-bottom: 20px;
	    margin-top: -40px;
		&__list {
			flex-wrap: wrap;
			> li {
				width: auto;
				margin: 0 10px 10px 0;
				display: inline-block;
				font-weight: normal;
				> a {
					background: @primaryColor;
					color: #fff;
					padding: 5px;
					min-width: 60px;
					> p {
						text-align: center;
						line-height: 1;
					}
					> img {
						display: none;
					}
				}
			}
		}
	}
	.archive {
		margin-top: 80px;
		&Section__flexWrap {
			flex-wrap: wrap;
		}
	}

	.single {
		margin-top: 80px;
	}
	.page {
		margin-top: 80px;
	}

	.postSection {
		&__flexWrap {
			flex-wrap: wrap;
		}
		&__itemDetail {
			display: flex;
			flex-wrap: wrap;
			order: 1;
			width: 100%;
			&__flexWrap {
				margin-bottom: 0;
				width: 100%;
			}
			&__reviewWrap {
				order: 2;
				width: 100%;
			}
		}
		&__itemSidebar {
			float: none;
			margin: 40px 0;
			order: 3;
			width: 100%;
			&__stockNone {
			    display: flex;
			    justify-content: center;
			    margin-bottom: 20px;
			}
			&__stockExist {
				display: flex;
				margin: 1em auto;
				justify-content: center;
			}
			&__stockExist p, &__stockNone p {
				max-width: 160px;
			    margin: 0 10px;
			}
			&__store {
				margin-bottom: 0;
			}
			&__line {
			    margin: 0 auto 10px;
			}
			&__ctaMessage {
				display: block;
			}
			&__stock {
				text-align: center;
			}
			&__store > ul {
				justify-content: center;
				> li {
					font-size: 1.12em;
					margin-right: 10px;
					margin-bottom: 20px;
					&.tel_tap {
						display: block;
					}
				}
			}
			&__price {
				text-align: center;
				margin-bottom: 0px;
			}
			&__ctabutton {
				&__pc {
					display: none;
				}
				&__mobile {
					display: block;
				}
			}
		}
		.flexcontainer {
			display: block;
		}
		&__container {
			&&--flex {
				display: block;
			}
			.kanpouTable--kodoku {
				width: auto;
			}
			.kanpoumoshikomiWrap {
				width: auto;
				margin: 20px 0;
			}
			.kanpoBanner {
				width: 48%;
				margin-bottom: 20px;
				display: inline-block;
				margin-right: 0;
			}
		}
	}
	.postSection__itemDetail,
	.postSection__itemDetail__desc,
	.postSection__itemDetail__reviewWrap,
	.shareButtonArea {
		float: none;
		width: 100%;
	}
	.itemsListWrap,.blogItemWrap {
		&&--archive {
			width: 100%;
			.itemsList__item {
				max-width: 220px;
			}
		}
	}
	.postSection__content {
		width: 100%;
	}
	.sidebar {
		order: 2;
	    width: 100%;
	    margin-bottom: 40px;
		> ul {
			font-size: 16px;
			> li {
				display: block;
				margin: 0 0 20px 0;
			}
			ul li {
				margin: 20px 0;
			}
		}
		&__category {
			padding: 0 10px 10px;
			border-bottom: solid 2px;
			display: none;
		}
	}
	.categoryTitle {
		position: relative;
		cursor: pointer;
		&.active:after {
			transform: rotate(315deg);
			top: 14px;
		}
		&:after {
			content: "";
			width: 14px;
			height: 14px;
			position: absolute;
			top: 6px;
			right: 14px;
			border: solid 3px #fff;
			display: block;
			border-bottom: none;
			border-left: none;
			transform: rotate(135deg);
			pointer-events: none;
			transition: all 0.5s ease;
		}
	}
	.footer {
		&__shop {
			float: none;
			width: 100%;
			border: none;
			border-bottom: solid 1px #fff;
			padding-bottom: 40px;
			margin-bottom: 60px;
			&__list > li {
				width: 90px;
				margin: 0 5px 20px;
			}
		}
		&__menu {
			margin-bottom: 40px;
			> ul {
				font-size: 1rem;
				margin-bottom: 0;
				> li {
					display: inline-block;
					margin-bottom: 20px;
				}
			}
		}
		&__info {
			margin-top: 60px;
		}
	}
	.button {
		&&--zaikosearch {
			padding: 2px 5px;
			img {
				max-width: 1.2em;
				max-height: 1em;
				width: auto;
				height: auto;
				margin: 0;
				margin-right: 4px;
			}
		}
		&&--small {
			right: 20px;
			top: -2px;
		}
	}
}

@media all and (max-width:640px){
	a[href^="tel:"] {
		pointer-events: inherit;
	}
	.header {
		&__search {
			display: none;
			border-top-left-radius: 7px;
			border-bottom-left-radius: 7px;
		}
	}

	.menuActive {
		.header__line {
			margin-bottom: 20px;
		}
		.header__zaiko {
			display: none;
		}
		.header__search__category {
			flex-basis: 80px;
			font-size: 14px;
		}
	}
	.pagination a {
	    width: 40px;
	    height: 10px;
	    margin: 0 7px;
	}
	.slider_prev, .slider_next {
	    display: none;
	}
	.container {
	    padding: 0px 10px;
	}
	.heading {
	    font-size: 1rem;
		margin: 0 auto 20px;
		&&--info {
			display: none;
		}
		&&--cddvd {
		    font-size: 1em;
		    letter-spacing: -0.05em;
		}
	}
	.toppageButtons {
	    margin-top: 0;
	}
	#topics {
		margin-bottom: 0;
	}

	.sphoneSearch {
		display: block;
		position: relative;
		font-size: 16px;
		width: 100%;
		padding: 0;
		margin: 20px auto;
		width: 320px;
	    overflow: hidden;
	    border: solid 1px @primaryColor;
	    border-radius: 7px;
		form {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			select {
				width: 100%;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background: #eee;
				height: 100%;
				border: none;
				padding: 2px 10px 0;
				font-size: 0.76em;
				line-height: 1;
				color: @primaryColor;
				cursor: pointer;
			}
			select::-ms-expand {
				display: none;
			}
			button.submit {
				height: 34px;
				flex-basis: 40px;
				text-indent: 100%;
				overflow: hidden;
				white-space: nowrap;
				background-image: url("@{imgURL}icon_search.png");
				background-color: @primaryColor;
				background-size: 20px;
				background-position: center;
				background-repeat: no-repeat;
				border: none;
				cursor: pointer;
			}
			input {
				height: 34px;
				width: 66.6%;
				width: calc(~"100%" - 110px);
				border: none;
				padding: 0 5px;
			}
		}
		&__category {
			height: 34px;
			flex-basis: 80px;
			max-width: 100px;
			background: #eee;
			position: relative;
			color: @primaryColor;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.main {
		margin-top: 74px;
	}

	/**** スマホ用タブ関連 ****/
	.headingWrap {
		&&--books { display: none; }
		&&--cddvd { display: none; }
	}
	.catSection__title {
		&&--shinkan { display: none; }
		&&--osusume { display: none; }
		&&--narabook { display: none; }
	}
	.button {
		&&--shinkan { display: none; }
		&&--osusume { display: none; }
		&&--narabook { display: none; }
	}

	.mobile-tabmenu {
	    display: block;
		> ul {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			list-style: none;
			border-bottom: solid 3px @secondaryColor;
			> li {
				position: relative;
				border: solid 1px @secondaryColor;
				border-bottom: none;
				width: calc(~"25%" - 10px);
				margin: 0 5px;
				> a {
					display: block;
					font-size: 0.76em;
					text-align: center;
					padding: 8px 5px;
					letter-spacing: -0.03em;
					text-decoration: none;
					color: @secondaryColor;
					&.active {
						background: @secondaryColor;
						color: #fff;
					}
				}
			}
		}
	}
	#books,#shinkan,#osusume,#narabook,#cddvd {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		&.disable { height: 0; overflow: hidden; opacity: 0; padding: 0; margin: 0;}
		&.active { height: auto; opacity: 1; margin-bottom: 20px;}
	}

	.catSection {
		&__title {
			font-size: 1.24em;
			padding-left: 1em;
			&&--sectionTop {
				width: 100%;
				white-space: normal;
				padding-left: 10px;
				margin-top: 10px;
				span {
					margin-right: 1em;
				}
			}
			&__caption {
				text-indent: 0;
				margin: 10px 0;
				width: 100%;
			}
			&&--narabook>small,&&--osusume>small {
				letter-spacing: -0.02em;
				font-size: 0.68em;
				font-weight: normal;
				display: none;
			}
		}
		&__items {
			margin: 20px 0 10px;
			&&--narabook, &&--osusume, &&--carousel {
				padding: 0 15px;
			}
		}
	}
	#store {
	    display: block;
	}
	.mobile-store__title {
	    width: 100%;
	    display: block;
	    background: @secondaryColor;
	    color: #fff;
	    text-align: center;
	    font-size: 1em;
	    padding: 8px;
	    font-weight: normal;
	}
	.mobile-store {
	    width: 100%;
	    position: relative;
	    padding: 15px;
		&__list {
			list-style: none;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			flex-wrap: wrap;
			> li {
				width: 33.33%;
				padding: 10px;
				text-align: center;
				> a {
					display: block;
					color: @secondaryColor;
					text-decoration: none;
					font-size: 0.84em;
				}
			}
		}
	}

	.blogItemWrap--archive .infoItem {
		&__image {
			float: left;
			margin-right: 10px;
			margin-bottom: 0;
			overflow: hidden;
			width: 26%;
			height: 100px;
			a {
				width: 70px;
				img {
					height: 100px;
				}
			}
		}
	}

	.infoItem {
		&__title {
			&&--newsblog {
				font-size: 1em;
			}
		}
		&__image {
			// width: 50%;
			// height: 170px;
			// a {
			// 	width: 70px;
			// 	img {
			// 		height: 100px;
			// 	}
			// }
		}
		&__newsblogList {
			display: block;
		}
		&__newsblogItem {
			width: 100%;
			margin: 0 0 20px;
			border-bottom: solid 1px #ccc;
			padding-bottom: 20px;
			&__image {
				width: 90px;
				padding-bottom: 90px;
				float: left;
				margin-right: 10px;
				margin-bottom: 0;
			}
		}
		&__listItem {
			&__date {
				font-size: 0.84em;
				min-width: 75px;
				padding: 0 3px;
			}
			&__title {
			    display: -webkit-box;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    white-space: normal;
			}
		}
	}
	.itemsListWrap,.blogItemWrap {
		&&--shinkanwadai,&&--narabook,&&--osusume,&&--archive,&&--recommend {
			width: 100%;
		}
	}
	.itemsList {
		&&--blog {
			display: block;
		}
		&&--archive {
			margin-bottom: 30px;
		}
		&&--carousel {
			padding: 0;
		}
		&__item {
			&__image {
				height: auto;
				img {
					max-width: 100px;
					max-height: 160px;
					width: auto;
					height: auto;
				}
				&&--large img {
					max-width: 100%;
				}
			}
		}
		> li {
		    width: 50%;
		    padding: 0;
		    margin-bottom: 30px;
			&.blogItem {
			    width: 100%;
				flex-basis: 100%;
			    margin: 0;
				padding-bottom: 10px;
				border-bottom: solid 1px #eee;
				margin-bottom: 10px;
				&:last-child {
					margin: 0 0 40px;
				}
			}
		}
	}
	.bookCategory {
		flex-wrap: wrap;
		&__item {
			width: 47%;
			&:first-child {
				width: 47%;
			}
			&__text {
				display: none;
			}
		}
	}
	.slick-prev {
	    left: -20px;
		width: 20px;
		height: 20px;
		top: 45%;
	}
	.slick-next {
	    right: -20px;
		width: 20px;
		height: 20px;
		top: 45%;
	}
	.moreLink__banner {
	    margin-top: 20px;
		margin-right: 0;
	    width: 100%;
		position: relative;
		&__linkArea {
			display: flex;
		}
		&__image {
			margin-right: 20px;
			margin-bottom: 0;
			width: 35%;
			margin-left: 0;
		}
		&__text {
			text-align: left;
		}
	}

	.toppageBanner__item {
	    width: 47%;
	    margin: 0 1.5% 3%!important;
	}


	.footer {
	    padding-top: 10px;
		&__shop {
			display: none;
		}
		&__menu {
			margin-bottom: 10px;
		}
		&__info {
			margin-top: 20px;
		}
		> ul > li {
			margin-bottom: 12px;
		}
	}

	/**** 下層ページ ****/
	.booksBinding {
		margin-top: 0;
	}
	.postSection {
		&__category {
			display: block;
			margin-top: 10px;
			> ul > li {
				margin-bottom: 10px;
				margin-right: 10px;
				> a {
					font-size: 1em;
					min-width: 80px;
				}
			}
		}
		&__itemSidebar {
			margin-bottom: 40px;
			&__store > ul > li {
				width: 47%;
				margin: 0 1.5% 10px;
				.tel {
					color: transparent;
					display: block;
					text-indent: 200%;
					overflow: hidden;
					white-space: nowrap;
					width: 100%;
					position: relative;
					border-radius: 5px;
					padding: 4px;
					margin: 3px 0 0 -0.5em;
					background: url('img/icon_tel-white.png') no-repeat;
					background-position: 5px center;
					background-size: 14px;
					&:after {
						color: #fff;
						position: absolute;
						top: 50%;
						left: 50%;
						text-indent: 0;
						font-weight: normal;
						font-size: 0.76em;
						transform: translate(-45%,-50%);
					}
					&.postSection__itemSidebar__store__type1,&.postSection__itemSidebar__store__type2 {
						background-color: #da0000;
						&:after {
							content: "お取り置きする";
						}
					}
					&.postSection__itemSidebar__store__type3 {
						background-color: #ff8000;
						&:after {
							content: "お取り寄せする";
						}
						&.postSection__itemSidebar__store__type0 {
							&:after {
								content: "在庫を確認する";
							}
						}
					}
				}
			}
			&__stockNone {
				display: block;
				text-align: center;
				margin-bottom: 10px;
			}
			&__stockExist p, &__stockNone p {
				display: inline-block;
				text-align: left;
				margin-bottom: 10px;
			}
		}
		&__itemDetail {
			&__flexWrap {
				display: block;
				margin-bottom: 20px;
			}
			&__firstWrap {
				max-height: 180px;
				margin-bottom: 20px;
				> img {
					max-height: 180px;
					margin: 0 auto;
				}
			}
			&__attr {
				display: block;
				> dl {
					width: 100%;
					> dd {
						margin-bottom: 4px;
					}
				}
			}
			&__title {
				margin-bottom: 20px;
			}
			&__review__staff {
				position: relative;
				margin-top: 10px;
				&__name {
					display: inline-block;
				}
				&__nickname {
					display: inline-block;
					margin: 10px;
				}
			}
		}
		&__container {
			.kanpouTable {
				dd {
					width: auto;
					margin-bottom: 10px;
					margin-left: 1em;
				}
				dt {
					margin-bottom: 0;
				}
			}
		}
	}

	.searchPage__form {
		border-radius: 7px;
		&__title {
			display: none;
		}
		form input {
			width: calc(~"100%" - 120px);
			&::-ms-clear {
				display: none;
			}
		}
	}

	.gaisho_items {
		> ul > li {
			width: 100%;
			margin: 0 0  30px;
			padding: 10px 0;
		}
		.itemsList__item__image img {
			max-height: 120px;
		}
		.itemsList__item__text {
			width: 70%;
			padding: 0;
		}
	}
	.shareButtonArea ul li {
	    width: 100%;
	    margin: 0 auto 10px;
	}
	.mw_wp_formWrap p {
		margin-bottom: 20px;
	}
	.mw_wp_form__label {
	    flex-wrap: wrap;
		&__text {
			margin-bottom: 5px;
		}
	}

	.button {
		&&--small {
			top: 20px;
		}
		&&--info {
			display: none;
		}
	}

	.container--info {
		padding-left: 25px;
		padding-right: 25px;
	}

	.pagetopImage img {
	    width: 66.66%;
	    margin: 0 0 0 auto;
	}
	.sidebar.sidebar--kanpou > p {
		margin: 0 auto 15px!important;
	}
	.sidebar.sidebar--kanpou > * {
		margin: 0 auto 20px;
	}
	.wp-pagenavi {
	    flex-wrap: wrap;
	}
	.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
	    position: relative;
	}
	.wp-pagenavi .page {
		display: none;
	}
	.wp-pagenavi .pageSeparate {
		display: block;
		margin: 0;
	}
	.wp-pagenavi .allPage {
		display: block;
	}
}
@media all and (max-width: 359px){
	.header__utility {
		right: 25px;
	}

	.header__utility__icon {
		width: 28px;
	}

	.menuButton {
		right: 12px;
	}
}

#mm_form {
	label {
		&.required {
			&::after {
				content: "*";
				color: #f00;
				padding-left: 10px;
			}
		}
	}
	input {
		width: 100%;
		height: 2em;
		max-width: 300px;
		line-height: 2em;
		&.parsley-error {
			background-color: #f2dede;
			border: 1px solid #eed3d7;
			color: #b94a48;
		}
	}
	textarea {
		width: 100%;
		max-width: 300px;
	}
	.parsley-errors-list {
		color: #b94a48;
    font-size: .9em;
    line-height: .9em;
    list-style-type: none;
		margin: 2px 0 3px;
    padding: 0;
		transition: all .3s ease-in;
	}
	input[type="submit"] {
		width: 12em;
		height: 3em;
		line-height: 3em;
    color: #fff;
		background-color: #359a21;
		border: solid 1px #359a21;
		&:disabled {
			background-color: #999;
			border: solid 1px #999;
		}
	}
}