@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 200%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #482500;
	background: #fff;
}
a {
	color: #ff0045;
	text-decoration: none;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
a:hover {
	color: #f00;
}
img.cover {
	width: 100%;
	height: auto;
}
.dispWide {
	display: block;
}
.dispNarrow {
	display: none;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.textRed {
	color: #f00;
}
.textBlue {
	color: #005aff;
}
.textBrown {
	color: #804200;
}
.textBold {
	font-weight: bold;
}
.textNormal {
	font-weight: normal;
}
.textXXXLarge {
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 150%;
}
.textXXLarge {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 150%;
}
.textXLarge {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 150%;
}
.textLarge {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 150%;
}
.textRegular {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 150%;
}
.textSmall {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
}
.textXSmall {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 150%;
}
.textXXSmall {
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 150%;
}
.textItemAttention {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
}
.deactiveBtn {
	position: relative;
}
.deactiveImg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.5;
}
.deactiveText {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
#popupOpen {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#popupOpen:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
#popupOpen iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul {
	list-style: none;
}
.contents {
	position: relative;
	width: 100%;
	margin: 0;
}
.contents h1.pageTitle {
	width: 100%;
	max-width: 400px;
	margin: -2% auto 4%;
	line-height: 0;
}
.frontPage .contents h1.pageTitle {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 4%;
	line-height: 0;
}
.container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.flexListRow {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto;
	list-style: none;
}
.flexListRow li {
	margin-bottom: 1.5em;
}
.flexListRow li a {
	color: #2d1700;
}
.flexListRow li .thumb {
	position: relative;
	width: 100%;
}
.flexListRow li .thumb .thumbImage {
	width: 100%;
	line-height: 0;
	border: 1px solid #b88855;
}
.flexListRow li a .thumb .thumbNew {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/iconNew.png);
	background-position: center center;
	background-size: cover;
}
.flexListRow li a .thumb .thumbFocus {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/itemThumbFocus.png);
	background-position: center center;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.new.flexListRow li a .thumb .thumbFocus {
	background-color: rgba(254,103,63,0.74);
}
.boys.flexListRow li a .thumb .thumbFocus {
	background-color: rgba(104,210,249,0.74);
}
.girls.flexListRow li a .thumb .thumbFocus {
	background-color: rgba(245,119,185,0.74);
}
.baby.flexListRow li a .thumb .thumbFocus {
	background-color: rgba(217,119,250,0.74);
}
.others.flexListRow li a .thumb .thumbFocus {
	background-color: rgba(90,234,66,0.74);
}
.flexListRow li a:hover .thumb .thumbFocus {
	opacity: 1;
}
.flexListRow li a .title {
	height: 1.5em;
	margin: 2% 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.flexListRow li a .title2lines {
	height: 3em;
	margin: 2% 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.btnMore {
	padding: 2%;
	line-height: 200%;
	border-radius: 40px;
}
.sectionHeader {
	position: relative;
}
.btnLink a {
	position: absolute;
	right: 0;
	bottom: 1%;
	width: 13%;
	padding: 0;
	color: #fff;
	line-height: 200%;
	border-radius: 40px;
	background-color: #8a4113;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.btnLink a img.cover,
.date img.cover,
.btnMore img.cover {
	width: 1em;
	height: auto;
	vertical-align: -0.1em;
}
.btnLink a img.cover {
	background-image: url(../images/btnArrowWhite.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.btnLink a:hover {
	color: #8a4113;
	background-color: #fdf8f2;
}
.btnLink a:hover img.cover {
	background-image: url(../images/btnArrowBrown.png);
}
.snsBlock {
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	overflow: visible;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
#news .snsBlock,
#items .snsBlock {
	justify-content: flex-start;
}
.snsBlock .snsBtn {
	height: 20px;
	margin: 0 4px 0 0;
	line-height: 100%;
	display: block;
}
#breadcrumbList {
	padding-top: 80px;
	z-index: 99;
}
#breadcrumbList li {
	float: left;
	padding: 1% 1% 1% 0;
	color: #5e2a0a;
}
#breadcrumbList li a {
	color: #5e2a0a;
	text-decoration: underline;
}
.clear {
	overflow: hidden;
	clear: both;
}
/* header */
#topBar {
	position: absolute;
	top: -80px;
	width: 100%;
	height: auto;
	margin: 80px auto 0;
	background-color: #fff;
	box-shadow: 0 1px 2px -2px #000;
	-moz-box-shadow: 0 1px 2px -2px #000;
	-webkit-box-shadow: 0 1px 2px -2px #000;
	clear: both;
	z-index: 999;
}
/* Fixed */
#topBar.fixed {
	position: fixed;
	top: 0;
	margin-top: 0;
	transition: top 200ms linear;
	-webkit-transition: top 200ms linear;
	transition: top 200ms linear;
}
#topBar .topBarWrapper {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	position: relative;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
#topBar .topBarWrapper #topBarSp {
	width: calc(260px / 1170px);
	width: 22.22222%;
}
#topBar .logo {
	width: 100%;
	height: auto;
	margin: 0;
	line-height: 0;
}
#topBar nav {
	width: calc(910px / 1170px);
	width: 77.7777777%;
	max-width: 910px;
}
#topBar nav ul {
	width: 100%;
	max-width: 1000px;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#topBar nav ul li {
	width: calc(100% / 7);
	width: 14.285714%;
	max-width: 130px;
	height: auto;
	max-height: 80px;
}
#topBar nav ul li a {
	display: block;
	width: 100%;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
#topBar nav ul li:last-child a {
	background-position: right top;
}
#topBar nav ul li#nav01 a {
	background-image: url(../images/nav01off.1710.png);
}
#topBar nav ul li#nav02 a {
	background-image: url(../images/nav02off.1710.png);
}
#topBar nav ul li#nav03 a {
	background-image: url(../images/nav03off.1710.png);
}
#topBar nav ul li#nav04 a {
	background-image: url(../images/nav04off.1710.png);
}
#topBar nav ul li#nav05 a {
	background-image: url(../images/nav05off.1710.png);
}
#topBar nav ul li#nav06 a {
	background-image: url(../images/nav06off.1710.png);
}
#topBar nav ul li#nav07 a {
	background-image: url(../images/nav07off.1710.png);
}
#topBar nav ul li#nav01 a:hover {
	background-image: url(../images/nav01on.1710.png);
}
#topBar nav ul li#nav02 a:hover {
	background-image: url(../images/nav02on.1710.png);
}
#topBar nav ul li#nav03 a:hover {
	background-image: url(../images/nav03on.1710.png);
}
#topBar nav ul li#nav04 a:hover {
	background-image: url(../images/nav04on.1710.png);
}
#topBar nav ul li#nav05 a:hover {
	background-image: url(../images/nav05on.1710.png);
}
#topBar nav ul li#nav06 a:hover {
	background-image: url(../images/nav06on.1710.png);
}
#topBar nav ul li#nav07 a:hover {
	background-image: url(../images/nav07on.1710.png);
}
#topBar nav.posConcept ul li#nav01 a {
	background-image: url(../images/nav01focus.1710.png);
}
body.news #topBar nav ul li#nav02 a {
	background-image: url(../images/nav02focus.1710.png);
}
body.items #topBar nav ul li#nav03 a {
	background-image: url(../images/nav03focus.1710.png);
}
body.shop #topBar nav ul li#nav04 a {
	background-image: url(../images/nav04focus.1710.png);
}
#topBar nav.posNovelty ul li#nav05 a {
	background-image: url(../images/nav05focus.1710.png);
}
body.mailmag #topBar nav ul li#nav06 a {
	background-image: url(../images/nav06focus.1710.png);
}
body.recruit #topBar nav ul li#nav07 a {
	background-image: url(../images/nav07focus.1710.png);
}
#topBar nav ul #naviLink {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	max-width: 100vw;
	max-height: inherit;
}
#topBar nav ul #naviLink ul {
	flex-direction: column;
	position: absolute;
	top: 70px;
	right: 20px;
	width: 110px;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
#topBar nav ul #naviLink ul li {
	width: 110px;
	max-width: 110px;
	height: 110px;
	max-height: 110px;
	margin: 0 0 15px;
	opacity: 0;
}
#topBar nav ul #naviLink ul li a {
	display: block;
	position: relative;
	width: 110px;
	height: 110px;
	max-height: 110px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% 120%;
	border-radius: 55px;
	-webkit-box-shadow: 0 2px 0 0 rgba(6,0,1,0.2);
	box-shadow: 0 2px 0 0 rgba(6,0,1,0.2);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.moveIn1 {
	animation: imageMovAnimation 1s 0.5s ease forwards;
}
.moveIn2 {
	animation: imageMovAnimation 1s 0.7s ease forwards;
}
.moveIn3 {
	animation: imageMovAnimation 1s 0.9s ease forwards;
}
@keyframes imageMovAnimation {
	0% { opacity: 0;transform:translateY(-40px); }
	25% { opacity: 1;transform:translateY(0); }
	40% { opacity: 1;transform:translateY(10px) }
	55% { opacity: 1;transform:translateY(-5px) }
	70% { opacity: 1;transform:translateY(5px) }
	85% { opacity: 1;transform:translateY(-2px) }
	100% { opacity: 1;transform:translateY(0) }
}
#topBar nav ul #naviLink ul li a:hover {
	background-size: 0 0;
}
#topBar nav ul #naviLink ul li.btnZozoPc a {
	background-image: url(../images/btnZozoPcBg.png);
	border: 2px solid #323232;
}
#topBar nav ul #naviLink ul li.btnLinePc a {
	background-image: url(../images/btnLinePcBg.png);
	border: 2px solid #00b900;
}
#topBar nav ul #naviLink ul li.btnPbPc a {
	background-image: url(../images/btnPbPcBg.png);
	border: 2px solid #f76a14;
}
#topBar nav ul #naviLink ul li a img {
	position: absolute;
	top: -2px;
	left: -2px;
}
#topBar nav ul #naviLink ul li a img.on,
#topBar nav ul #naviLink ul li a:hover img.off {
	opacity: 0;
}
#topBar nav ul #naviLink ul li a img.off,
#topBar nav ul #naviLink ul li a:hover img.on {
	opacity: 1;
}
/* Toggle Button */
#topBar #navToggle {
	display: none;
}
#topSlider {
	width: 100%;
	padding-top: 80px;
	background-color: #fefdfb;
}
#topSlider .sliderWrapper {
	width: 92%;
	max-width: 920px;
	margin: 24px auto 0;
	padding: 0;
	background-color: #f9fdff;
}
#topSlider .sliderWrapper .slick-list {
	border: 10px solid #43210c;
}
#topSlider .sliderWrapper .slider {
	position: relative;
}
#objectWrapper {
	position: relative;
	background-image: url(../images/bgNews.1712.png);
	background-repeat: repeat;
}
#objectWrapper .obj {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
#objectWrapper .obj:before {
	display: block;
	content: "";
	padding-top: 100%;
}
#objectWrapper #obj01 {
	top: 30px;
	background-image: url(../images/obj01pc.1712.png);
}
#objectWrapper #obj02 {
	top: 60px;
	background-image: url(../images/obj02pc.1712.png);
}
#objectWrapper #obj03 {
	top: 210px;
	background-image: url(../images/obj03pc.1712.png);
}
#objectWrapper #obj01.visible,
#objectWrapper #obj02.visible,
#objectWrapper #obj03.visible {
	opacity: 1;
}
#objectWrapper #obj01.visible {
	top: 0;
}
#objectWrapper #obj02.visible {
	top: 30px;
}
#objectWrapper #obj03.visible {
	top: 180px;
}
#concept {
	color: #5e2a0a;
	padding-bottom: 25px;
	background-image: url(../images/bgConceptTop.1712.png), url(../images/bgConcept.1712.jpg);
	background-position: center top, center center;
	background-repeat: repeat-x, repeat-x;
	background-size: auto, auto 100%;
}
#concept .textLarge {
	margin-bottom: 25px;
}
#concept h1 {
	margin-bottom: 0;
}
#concept h2 {
	line-height: 300%;
}
#logoLine {
	width: 100%;
	max-height: 116px;
	margin: 0 auto;
	padding: 0;
}
#logoLine img.cover {
	max-width: 640px;
}
.frontPage #news.contents {
	padding: 0;
}
.news #news .snsBlock {
	padding-top: 3%;
}
.news #news .flexListRow {
	margin-bottom: 3%;
}
#news li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 4em;
}
#news li:nth-child(3n) {
	margin-right: 0;
}
#news .date {
	width: 100%;
	margin: 2% 0;
	color: #8a4113;
}
#news .newsTitle {
	width: 100%;
	max-width: 1000px;
	padding-bottom: 1%;
	line-height: 200%;
	border-bottom: 1px solid #b88855;
}
#news h2 {
	margin: 0 0 1%;
	padding: 1% 0;
}
#news h2 img.cover {
	width: 1.2em;
	height: auto;
	margin-right: 0.5em;
	vertical-align: -0.2em;
}
#news .photo {
	width: 90%;
	margin:  5% auto 2%;
}
#news .text {
	margin: 0 auto 2%;
}
#news a .btnMore {
	color: #804200;
	line-height: 200%;
	background-color: #f6edf9;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#news a:hover .btnMore {
	color: #fff;
	background-color: #b26ad1;
}
#news a .btnMore img.cover {
	background-image: url(../images/btnArrowPurple.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#news a:hover .btnMore img.cover {
	background-image: url(../images/btnArrowWhite.png);
}
.frontPage #news .flexListRow li a .btnMore {
	background-color: #fff;
}
.frontPage #news .flexListRow li a:hover .btnMore {
	background-color: #b26ad1;
}
#news .newsDetail .btnMore a {
	display: block;
	width: 32%;
	margin: 5% auto;
	padding: 0.6% 0;
	color: #fff;
	line-height: 200%;
	border-radius: 40px;
	background-color: #b063d1;
}
#news .newsDetail .btnMore a:hover {
	color: #804200;
	background-color: #f6edf9;
}
#news .newsDetail .btnMore a img.cover {
	background-image: url(../images/btnArrowWhite.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#news .newsDetail .btnMore a:hover img.cover {
	background-image: url(../images/btnArrowPurple.png);
}
.items #items h1 {
	margin-bottom: 0%;
}
.items #items .snsBlock {
	padding: 2.4em 0 1.6em;
}
#items .flexListRow,
#items .attention {
	margin-bottom: 5%;
}
.items #items .flexListRow {
	padding-top: 2%;
}
#items .flexListRow li {
	width: 23.5%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	text-align: center;
}
#items .flexListRow li a .date {
	margin: 2% 0 0;
	color: #8a4113;
}
#items #itemCategory {
	width: 100%;
	height: auto;
	max-height: 56px;
}
#items #itemCategory .flexListRow {
	width: 100%;
	padding: 0;
	justify-content: flex-start;
}
.items #items #itemCategory.new {
	border-bottom: 8px solid #fe673f;
}
.items #items #itemCategory.boys {
	border-bottom: 8px solid #68d2f9;
}
.items #items #itemCategory.girls {
	border-bottom: 8px solid #fe77b9;
}
.items #items #itemCategory.baby {
	border-bottom: 8px solid #d977fa;
}
.items #items #itemCategory.others {
	border-bottom: 8px solid #5aea42;
}
#items #itemCategory .flexListRow li {
	width: 20%;
	height: auto;
	max-height: 48px;
	margin: 0;
	background-position: center 8px;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}
#items #itemCategory .flexListRow li:hover {
	background-position: center 0;
}
#items #itemCategory .flexListRow li#tabNew {
	background-image: url(../images/tabNew.png);
}
#items #itemCategory .flexListRow li#tabBoys {
	background-image: url(../images/tabBoys.png);
}
#items #itemCategory .flexListRow li#tabGirls {
	background-image: url(../images/tabGirls.png);
}
#items #itemCategory .flexListRow li#tabBaby {
	background-image: url(../images/tabBaby.png);
}
#items #itemCategory .flexListRow li#tabOthers {
	background-image: url(../images/tabOthers.png);
}
#items #itemCategory.new .flexListRow li#tabNew {
	background-position: center 0;
	border-bottom: 2px solid #fe673f;
}
#items #itemCategory.boys .flexListRow li#tabBoys {
	background-position: center 0;
	border-bottom: 2px solid #68d2f9;
}
#items #itemCategory.girls .flexListRow li#tabGirls {
	background-position: center 0;
	border-bottom: 2px solid #fe77b9;
}
#items #itemCategory.baby .flexListRow li#tabBaby {
	background-position: center 0;
	border-bottom: 2px solid #d977fa;
}
#items #itemCategory.others .flexListRow li#tabOthers {
	background-position: center 0;
	border-bottom: 2px solid #5aea42;
}
#items .itemList {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	width: 92%;
	margin: 0 auto 4em;
}
#items .itemList li.photo {
	width: 60%;
}
#items .itemList li.photo #mainSlide,
#items .itemList li.photo #slideNav {
	width: 100%;
}
#items .itemList li.photo #mainSlide {
	margin-bottom: 2%;
	border: 1px solid #b88855;
}
#items .itemList li.photo #mainSlide li {
	width: 100%;
	cursor: pointer;
}
#items .itemList li.photo #slideNav li {
	width: 14%;
	margin: 0 2% 0 0;
	border: 1px solid #b88855;
	cursor: pointer;
}
#items .itemList li.text {
	width: 35%;
}
#items .itemList li.text h1 {
	line-height: 160%;
}
#items .itemList li.text hr {
	height: 4px;
	margin: 8% auto;
	background-color: #ebecef;
	border: none;
	border-radius: 2px;
}
#items .itemList li.text .price {
	margin-bottom: 4%;
}
#items .itemList li.text .btn {
	width: 100%;
	margin: 14% auto 0;
}
#items .itemList li.text .btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 3% 0;
	color: #fff;
	background-color: #f76a14;
	border-radius: 50px;
}
#items .itemList li.text .btn a img {
	width: 1.4em;
	height: auto;
	vertical-align: -0.2em;
}
#items .itemList li.text .btnZozo + .btn {
	margin-top: 7%;
}
#items .itemList li.text .btnZozo a {
	background-color: #323232;
}
.items #items #itemWrapper.flexListRow li {
	display: none;
}
.items #items #itemWrapper.flexListRow li.itemNew {
	display: block;
}
.shop .attention {
	margin-top: 5%;
	margin-bottom: 5%;
}
#shop .container {
	position: relative;
}
.shopList {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
}
#shopArea,
#shopAreaFixed {
	width: 14%;
	max-width: 140px;
	margin: 0;
	padding: 0;
}
#shopArea {
	position: relative;
}
#shopAreaFixed {
	position: fixed;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#shopAreaFixed.show {
	position: fixed;
	/*bottom: 0;*/
	opacity: 0;
}
#shopArea,
#shopArea ul.scroll,
#shopAreaFixed,
#shopAreaFixed ul.scroll {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
#shopArea #shopAreaWrapper {
	width: 100%;
	max-width: 140px;
	height: auto;
}
#shopArea h1,
#shopAreaFixed h1 {
	width: 100%;
	margin: 0;
	padding: 2em 0 1em;
	background-color: #54c8f9;
}
#shopArea h1 img.cover,
#shopAreaFixed h1 img.cover {
	width: 60%;
	max-width: 80px;
}
#shopArea ul.scroll li,
#shopAreaFixed ul.scroll li {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	background-color: #54c8f9;
}
#shopArea ul.scroll li:last-child,
#shopAreaFixed ul.scroll li:last-child {
	padding-bottom: 2em;
}
#shopArea ul.scroll li a,
#shopAreaFixed ul.scroll li a {
	color: #482500;
}
#shopArea ul.scroll li a:hover,
#shopAreaFixed ul.scroll li a:hover {
	color: #fff;
}
#shopDetailWrapper {
	width: 82%;
	margin-top: -3.6em;
	margin-left: auto;
}
#shopDetailWrapper h1 {
	width: 100%;
	max-width: 100%;
}
#shopDetailWrapper h1.areaTitle {
	margin: 0 auto 1.4em;
	line-height: 200%;
	background-color: #d2f1ff;
	border-radius: 25px;
}
#shopDetailWrapper h1.areaTitle:first-child {
	margin-top: 1.75em;
}
#shopDetailWrapper .shopDetail {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 6%;
}
#shopDetailWrapper .shopDetail h1 {
	margin-bottom: 1.6em;
	padding: 1em 0;
	line-height: 150%;
	border-top: 1px solid #b88855;
	border-bottom: 1px dotted #b88855;
}
#shopDetailWrapper .shopDetail h1 img.cover {
	width: 1.2em;
	height: auto;
	margin-right: 0.5em;
	vertical-align: -0.3em;
}
#shopDetailWrapper .shopDetail .shopPhoto {
	width: 22%;
}
#shopDetailWrapper .shopDetail .shopPhoto img.cover {
	max-width: 200px;
}
#shopDetailWrapper .shopDetail .shopInfo {
	width: 30%;
	word-wrap: break-word;
}
#shopDetailWrapper .shopDetail .shopInfo dt {
	width: 30%;
}
#shopDetailWrapper .shopDetail .shopInfo dd {
	width: 70%;
}
#shopDetailWrapper .shopDetail .shopStaff {
	width: 42%;
	background-image: url(../images/bgStaffLoop.png);
	background-repeat: repeat;
	border-radius: 14px;
}
#shopDetailWrapper .shopDetail .shopStaff .shopStaffPhoto {
	padding: 4% 0 2%;
	background-image: url(../images/bgStaff.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 33% auto;
}
#shopDetailWrapper .shopDetail .shopStaff .shopStaffPhoto img.cover {
	width: 33.33%;
	border: 1px solid #54c8f9;
}
#shopDetailWrapper .shopDetail .shopStaffComment {
	padding: 0 4% 4%;
}
#novelty {
	background-color: #fdf9f1;
	background-image: url(../images/bgNovelty.1712.png);
	background-repeat: repeat;
}
#novelty.contents h1.pageTitle {
	margin-bottom: 0;
}
#novelty p {
	padding-bottom: 5%;
}
#novelty .flexListRow {
	justify-content: center;
}
#novelty .flexListRow li {
	width: 32%;
	text-align: center;
}
#novelty .flexListRow li:nth-child(3n+1),
#novelty .flexListRow li:nth-child(3n+2) {
	margin-right: 2%;
}
#novelty .flexListRow li:last-child {
	margin-right: 0!important;
}
#mailmag .attention {
	margin-top: 5%;
	margin-bottom: 5%;
}
#mailmag h2.subTitle {
	width: 100%;
	height: 60px;
	margin: 1% auto 0;
	line-height: 100%;
	background-image: url(../images/bgTitleMailmagL.png), url(../images/bgTitleMailmagR.png), url(../images/bgTitleMailmagSub.png);
	background-position: left center, right center, center center;
	background-repeat: no-repeat, no-repeat, repeat-x;
}
#mailmag h2.subTitle img.cover {
	width: auto;
	height: 60px;
	vertical-align: middle;
}
#mailmag #special {
	margin-bottom: 8%;
}
#mailmag .campaign h1 {
	width: 100%;
	max-width: 1000px;
	line-height: 200%;
}
#mailmag h1.textXXLarge {
	margin: 0.8em auto;
	padding-bottom: 0.6em;
	border-bottom: 1px solid #b88855;
}
#mailmag .campaign h1 span {
	width: 2em;
	height: auto;
	margin: 0 0.2em 0 0;
	padding: 1em 0.5em;
	color: #fff;
	background-color: #6aa1fb;
	border-radius: 50px;
}
#mailmag .campaign h1 img.cover {
	width: 2.2em;
	height: auto;
	padding: 0 1% 0.5% 0;
	vertical-align: middle;
}
#mailmag .campaign .textBlock {
	width: 74%;
	margin: 2% 0 0 3%;
}
#mailmag .campaign .textBlock p {
	margin-top: 3%;
}
#mailmag .campaign .image {
	width: 23%;
}
#mailmag .campaign .image img {
	max-width: 230px;
}
#mailmag #terms {
	height: 35vh;
	margin-top: 2%;
	padding: 3%;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 0 2px #ddeaff inset;
	-moz-box-shadow: 0 0 0 2px #ddeaff inset;
	box-shadow: 0 0 0 2px #ddeaff inset;
}
#mailmag #terms p {
	margin-top: 3%;
}
.mailmagForm {
	margin-bottom: 5%;
}
.mailmagForm h1 {
	width: 100%;
	max-width: 1000px;
	line-height: 200%;
}
.mailmagForm p {
	line-height: 200%;
	margin-bottom: 3%;
}
.mailmagForm fieldset {
	border: medium none !important;
	margin: 4% auto 1%;
	width: 100%;
	padding: 0;
}
.mailmagForm input[type="email"],
.mailmagForm input[type="text"],
.mailmagForm select {
	width: 100%;
	margin: 0 auto;
	padding: 2%;
	color: #6aa1fb;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 100%;
	border-radius: 5px;
	border: 1px solid #6aa1fb;
	background-color: #fff;
	-webkit-appearance: none;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.mailmagForm .btn a,
.mailmagForm input[type="submit"] {
	cursor: pointer;
	width: 40%;
	margin: 0 30% 5%;
	padding: 1% 0;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	background-color: #779dfa;
	border-radius: 40px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mailmagForm .btn a {
	display: block;
}
.mailmagForm .btn a:hover,
.mailmagForm input[type="submit"]:hover {
	color: #4772fe;
	background-color: #dfe9ff;
}
::-webkit-input-placeholder {
	color: #6aa1fb;
}
:-moz-placeholder {
	color: #6aa1fb;
}
::-moz-placeholder {
	color: #6aa1fb;
}
:-ms-input-placeholder {
	color: #6aa1fb;
}
.mailmagAttention {
	margin-bottom: 3%;
	line-height: 200%;
}
.mailmagAttention a {
	text-decoration: underline;
}
.mailmagRules h1 {
	width: 100%;
	max-width: 1000px;
	line-height: 200%;
	overflow: hidden;
}
#mailmagRulesPanel {
	margin: -3% auto 0;
}
#mailmagRulesPanel > dt {
	width: 100%;
	margin: 3% auto 0;
	padding: 1.5% 3%;
	color: #6aa1fb;
	background-color: #ddeaff;
	cursor: pointer;
}
#mailmagRulesPanel > dd {
	padding: 1.5% 3%;
}
/* 採用情報 */
#recruit .container {
	position: relative;
}
#recruit #shopArea h1,
#recruit #shopAreaFixed h1 {
	background-color: #7bd523;
}
#recruit #shopArea ul.scroll li,
#recruit #shopAreaFixed ul.scroll li {
	background-color: #7bd523;
}
#recruit #shopDetailWrapper {
	margin-top: 0;
}
#recruit #news ul {
	width: 100%;
	margin: 2.5em 0;
}
#recruit #news li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
#recruit #news li + li {
    margin-top: 1em;
}
#recruit #news li span {
	padding-right: 1em;
}
#recruit #shopDetailWrapper > h1 {
	margin: 1em 0 2em;
}
#recruit #shopDetailWrapper #intro {
	padding: 2em 0;
	border-top: 1px solid #b88855;
}
#recruit #shopDetailWrapper #intro h1 {
	line-height: 180%;
}
#recruit #shopDetailWrapper #intro p {
	padding-bottom: 2em;
}
#recruit #shopDetailWrapper #intro h1 + p {
	padding: 2em 0;
}
#recruit #shopDetailWrapper #intro #info {
	padding: 2em 5% 1em;
	background-color: #f3f3f3;
}
#recruit #shopDetailWrapper #intro #info h1 {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #b88855;
}
#recruit #shopDetailWrapper h1.areaTitle {
	margin: 0 auto 4%;
	line-height: 200%;
	background-color: #c4f396;
	border-radius: 25px;
}
#recruit #shopDetailWrapper .shopInfo {
	width: 100%;
}
#recruit #shopDetailWrapper .shopInfo dt {
	width: 12%;
}
#recruit #shopDetailWrapper .shopInfo dd {
	width: 88%;
	margin-bottom: 1em;
}
#recruit #shopDetailWrapper .noinfo {
	margin: 5em 0 6em;
}


#bannerArea {
	position: relative;
	padding-bottom: 1em;
	background-color: #fff;
	border-top: 1px solid #e5e1d8;
	z-index: 5;
}
.frontPage #bannerArea {
	background-color: #fff;
	border-top: 1px solid #fff;
}
#bannerArea .flexListRow:first-child {
	width: 100%;
	padding: 5% 0 0;
	justify-content: space-between;
}
#bannerArea .flexListRow:first-child li {
	width: 24%;
	max-width: 235px;
	padding: 0;
}
#bannerArea .flexListRow:first-child li:nth-child(1) {
	background-color: #323232;
}
#bannerArea .flexListRow:first-child li:nth-child(2) {
	background-color: #f76a14;
}
#bannerArea .flexListRow:first-child li:nth-child(3) {
	background-color: #fc5367;
}
#bannerArea .flexListRow:first-child li:nth-child(4) {
	background-color: #31bdce;
}
#bannerArea .flexListRow:nth-child(2) {
	width: 94%;
	padding: 2% 3%;
	justify-content: space-between;
}
#bannerArea .flexListRow:nth-child(2) h1 {
	width: 100%;
	padding: 0 0 2%;
}
#bannerArea .flexListRow:nth-child(2) li {
	width: 23.5%;
}
footer {
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
	background-color: #5e2a0a;
}
footer .flexListRow {
	justify-content: flex-start;
	align-items: center;
}
footer .flexListRow li {
	margin: 0;
}
footer .flexListRow li:first-child {
	margin: 1% 1% 0 0;
}
footer .flexListRow li:last-child {
	margin-left: auto;
	text-align: right;
}
footer .copyrightMark {
	font-family: "Times New Roman", "Times";
}
#btnBack {
	position: fixed;
	bottom: -500px;
	right: 20px;
	-webkit-transition: all 500ms linear;
	transition: all 500ms linear;
	z-index: 10;
}
#btnBack.show {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#btnBack a {
	display: block;
	position: relative;
	top: 10px;
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
}
#btnBack a:hover {
	top: 0;
}
@media screen and (min-width: 1000px) {
	#shopAreaFixed {
		position: fixed;
		top: -1500px;
	}
	#shopAreaFixed.show {
		position: fixed;
		top: 80px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
	#topBar nav ul li {
		max-height: 6.84vw;
	}
	#topSlider {
		padding-top: 8%;
	}
	#topSlider .sliderWrapper {
		width: 100%;
		margin: 2% auto 0;
	}
	#topSlider .sliderWrapper .slick-list {
		border: 1px solid #b88855;
	}
	.container {
		width: 94%;
		margin: 0 auto
	}
	#shopArea {
		position: relative;
	}
	#shopAreaFixed {
		position: fixed;
		top: -1500px;
	}
	#shopAreaFixed.show {
		position: fixed;
		top: 8%;
	}
	#shopArea #shopAreaWrapper.show {
		width: 13.44%;
	}
	#breadcrumbList {
		padding-top: 5em;
	}
	#bannerArea .flexListRow:first-child li img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	.dispWide {
		display: none;
	}
	.dispNarrow {
		display: block;
	}
	.textXXXLarge {
		font-size: 6vw;
		line-height: 200%;
	}
	.textXXLarge {
		font-size: 5vw;
		line-height: 200%;
	}
	.textXLarge {
		font-size: 4.5vw;
		line-height: 200%;
	}
	.textLarge {
		font-size: 4vw;
		line-height: 200%;
	}
	.textRegular {
		font-size: 3.5vw;
		line-height: 200%;
	}
	.textSmall {
		font-size: 3vw;
		line-height: 200%;
	}
	.textXSmall {
		font-size: 2.75vw;
		line-height: 200%;
	}
	.textXXSmall {
		font-size: 2.5vw;
		line-height: 200%;
	}
	.container {
		width: 96%;
		margin: 0 auto
	}
	.contents h1.pageTitle {
		margin-top: -10%;
	}
	.frontPage .contents h1.pageTitle {
		margin-top: -10%;
		max-width: 100%;
	}
	/* global nav */
	#topBar {
		box-shadow: 0 0 0 0 #000;
		-moz-box-shadow: 0 0 0 0 #000;
		-webkit-box-shadow: 0 0 0 0 #000;
		border-bottom: 1px solid #e8e8e8;
	}
	#topBar,
	#topBar .topBarWrapper {
		width: 100%;
		height: auto;
		padding: 0;
		color: #fff;
		background-image: none;
		overflow: hidden;
	}
	/* Fixed reset */
	#topBar.fixed {
		background-color: rgba(255,255,255,0);
		border-bottom: none;
	}
	#topBar .topBarWrapper #topBarSp {
		width: 100%!important;
		height: auto;
		position: relative;
	}
	#topBar.fixed .logo,
	#topBar .logo {
		width: 100%;
		max-width: 768px;
		height: auto;
		max-height: 158px;
		margin: 0 auto;
	}
	#topBar .logo img.cover {
		max-width: 640px;
		margin: 0 auto;
	}
	#topBar.fixed .logo img.cover {
		opacity: 0;
	}
	#topBar nav {
		position: absolute;
		top: 0;
		right: -56%;
		width: 100%;
		height: 100vh;
		background-color: rgba(0,0,0,0);
		-webkit-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	.open #topBar nav {
		position: fixed;
	}
	#topBar #navToggle {
		display: block;
		width: 17%;
		max-width: 110px;
		height: auto;
		margin-left: 29%;
		cursor: pointer;
		z-index: 101;
	}
	#topBar nav ul {
		position: absolute;
		right: 0;
		top: 0;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 56%;
		height: 90vh;
		list-style: none;
		background-color: #fff;
		overflow-y: scroll;
	}
	.open #topBar nav ul {
		position: fixed;
	}
	#topBar nav ul li {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: inherit;
		margin: 0;
		padding: 0;
	}
	#topBar.open nav ul li#nav00 {
		background-image: url(../images/logoSp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#topBar.open nav ul li#nav00 img {
		opacity: 0;
	}
	#topBar nav ul li a,
	#topBar nav ul li:last-child a {
		width: 100%;
		display: block;
		color: #fff;
	}
	#topBar nav ul li#nav01 a,
	#topBar nav ul li#nav01 a:hover,
	#topBar nav.posConcept ul li#nav01 a,
	#topBar nav ul li#nav02 a,
	#topBar nav ul li#nav02 a:hover,
	body.news #topBar nav ul li#nav02 a,
	#topBar nav ul li#nav03 a,
	#topBar nav ul li#nav03 a:hover,
	body.items #topBar nav ul li#nav03 a,
	#topBar nav ul li#nav04 a,
	#topBar nav ul li#nav04 a:hover,
	body.shop #topBar nav ul li#nav04 a,
	#topBar nav ul li#nav05 a,
	#topBar nav ul li#nav05 a:hover,
	#topBar nav.posNovelty ul li#nav05 a,
	#topBar nav ul li#nav06 a,
	#topBar nav ul li#nav06 a:hover,
	body.mailmag #topBar nav ul li#nav06 a,
	#topBar nav ul li#nav07 a,
	#topBar nav ul li#nav07 a:hover,
	body.recruit #topBar nav ul li#nav07 a {
		background-image: none;
	}
	#topBar.open,
	#topBar.open .topBarWrapper {
		overflow: visible;
	}
	#topBar.open nav {
		right: 0;
		background-color: rgba(0,0,0,0.7);
	}
	#topBar.open nav #navToggle {
		background-image: url(../images/navClose.png);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#topBar.open nav #navToggle img {
		opacity: 0;
	}
	#topBar nav ul li#nav07 {
		padding-bottom: 1em;
	}
	#topBar nav ul li#navSpzozo {
		background-color: #323232;
	}
	#topBar nav ul li#navSpLine {
		background-color: #00b900;
	}
	#topBar nav ul li#navSpPb {
		background-color: #f76a14;
	}
	#topSlider {
		width: 100%;
		padding-top: 25%;
		border: none;
		overflow: hidden;
	}
	#topSlider .sliderWrapper {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#topSlider .sliderWrapper .slick-list {
		border: 1px solid #4d2d18;
	}
	.flexListRow {
		width: 92%;
		margin: 0 auto;
	}
	.flexListRow li {
		margin-top: 8%;
		margin-bottom: 2%;
	}
	.flexListRow li a .title2lines {
		height: 4em;
	}
	.btnLink a {
		right: 4%;
		width: 20%;
	}
	#objectWrapper {
		background-image: url(../images/bgNewsSp.1712.png);
	}
	#objectWrapper #obj01.visible,
	#objectWrapper #obj02.visible,
	#objectWrapper #obj03.visible {
		opacity: 0;
	}
	#concept {
		height: 150vw;
		background-image: url(../images/obj00sp.1712.png), url(../images/bgConceptSp.1712.jpg);
		background-position: center top, center top;
		background-repeat:  no-repeat, no-repeat;
		background-size: 100% auto, 100% auto;
	}
	#concept h1.pageTitle {
		margin: -13vw auto 1em;
	}
	#concept h2 {
		font-size: 6.25vw;
		line-height: 200%;
	}
	#concept .textLarge {
		font-size: 3.75vw;
		line-height: 180%;
		margin-bottom: 0;
	}
	#news .container {
		padding-bottom: 5%;
	}
	.frontPage #news.contents h1.pageTitle {
		margin-top: -20%;
	}
	#news li,
	#news li:nth-child(3n) {
		width: 100%;
		margin-top: 3%;
		margin-right: 0;
		margin-bottom: 8%;
	}
	#news .flexListRow li a .title2lines {
		height: 3em;
		line-height: 150%;
	}
	#news .newsDetail .btnMore {
		margin: 5% auto;
	}
	#news .newsDetail .btnMore a {
		width: 74%;
		margin: 5% auto 0;
		padding: 1% 0;
	}
	#news .snsBlock {
		margin: 4% 0;
	}
	#items .snsBlock {
		margin: 4% 0;
	}
	#items .flexListRow {
		margin-bottom: 15%;
		justify-content: space-between;
	}
	#items .flexListRow li {
		width: 47%;
	}
	#items #itemCategory {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	#items #itemCategory .flexListRow {
		width: 110%;
		max-width: 110%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-user-select: none;
		-webkit-overflow-scrolling: touch;
	}
	#items #itemCategory .flexListRow li {
		width: 20%;
		margin: 0;
	}
	#items #itemCategory .flexListRow li:hover {
		background-position: center 8px;
	}
	#items #itemCategory .flexListRow li#tabNew {
		background-image: url(../images/tabNewSp.png);
	}
	#items #itemCategory .flexListRow li#tabBoys {
		background-image: url(../images/tabBoysSp.png);
	}
	#items #itemCategory .flexListRow li#tabGirls {
		background-image: url(../images/tabGirlsSp.png);
	}
	#items #itemCategory .flexListRow li#tabBaby {
		background-image: url(../images/tabBabySp.png);
	}
	#items #itemCategory .flexListRow li#tabOthers {
		background-image: url(../images/tabOthersSp.png);
	}
	#items .itemList {
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}
	#items .itemList li.photo {
		width: 100%;
		margin-bottom: 10%;
	}
	#items .itemList li.text {
		width: 100%;
	}
	.items #items #itemWrapper.flexListRow {
		justify-content: space-between;
	}
	#items .itemList li.text .btn {
		margin-bottom: 10%;
	}
	#items .attention {
		margin-bottom: 10%;
	}
	.shop .attention {
		margin-top: 5%;
		margin-bottom: 10%;
	}
	.shopList {
		flex-direction: column;
	}
	#shopArea,
	#shopAreaFixed {
		max-width: 96%;
	}
	#shopAreaFixed {
		position: fixed;
		left: 0;
		right: 0;
		bottom: -1500px;
	}
	#shopAreaFixed.show {
		position: fixed;
		bottom: 0;
		opacity: 1;
	}
	#shopArea,
	#shopAreaFixed,
	#shopDetailWrapper {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	#shopArea ul.scroll,
	#shopAreaFixed ul.scroll {
		justify-content: space-between;
		flex-direction: row;
		margin-bottom: 10%;
	}
	#shopAreaFixed ul.scroll {
		justify-content: space-between;
		flex-direction: row;
		margin-bottom: 0;
	}
	#shopArea h1 {
		width: 100%;
		max-width: 100%;
		padding: 5% 0 2.5%;
	}
	#shopAreaFixed h1 {
		display: none;
	}
	#shopArea ul.scroll li,
	#shopAreaFixed ul.scroll li,
	#shopArea ul.scroll li:last-child,
	#shopAreaFixed ul.scroll li:last-child {
		width: 14%;
		padding: 0;
	}
	#shopArea ul.scroll li:nth-child(5),
	#shopAreaFixed ul.scroll li:nth-child(5) {
		width: 30%;
		padding: 0;
	}
	#shopArea ul.scroll li a,
	#shopAreaFixed ul.scroll li a,
	#shopArea ul.scroll li:nth-child(5) a,
	#shopAreaFixed ul.scroll li:nth-child(5) a,
	#shopArea ul.scroll li:last-child a,
	#shopAreaFixed ul.scroll li:last-child a {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	#shopDetailWrapper .shopDetail {
		flex-direction: column;
	}
	#shopDetailWrapper .shopDetail .shopPhoto,
	#shopDetailWrapper .shopDetail .shopInfo,
	#shopDetailWrapper .shopDetail .shopStaff {
		width: 100%;
	}
	#shopDetailWrapper .shopDetail .shopInfo {
		margin: 2% auto 5%;
	}
	#shopDetailWrapper .shopDetail .shopPhoto {
		text-align: center;
	}
	#shopDetailWrapper .shopDetail .shopStaff {
		width: 100%;
		margin-bottom: 5%;
	}
	#mailmag .campaign .textBlock {
		width: 100%;
		margin: 2% 0;
	}
	#mailmag .campaign .image {
		width: 100%;
	}
	#novelty.contents h1.pageTitle {
		margin: 0 auto 4%;
	}
	#novelty.contents h1.pageTitle img {
		margin-top: -10%;
	}
	#novelty .flexListRow li {
		width: 48%;
		margin: 1%;
		text-align: center;
	}
	#novelty .flexListRow li:nth-child(3n+1),
	#novelty .flexListRow li:nth-child(3n+2) {
		margin-right: 1%;
	}
	#novelty p {
		padding: 5% 0;
		padding-bottom: 10%;
	}
	#mailmag .attention {
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.mailmagForm input[type="email"],
	.mailmagForm input[type="text"],
	.mailmagForm select {
		margin: 2% auto;
		font-size: 3.25vw;
	}
	.mailmagForm .btn {
		margin: 10% auto;
	}
	.mailmagForm .btn a,
	.mailmagForm input[type="submit"] {
		width: 90%;
		margin: 5%;
	}
	#recruit #shopDetailWrapper .shopInfo dt {
		width: 25%;
	}
	#recruit #shopDetailWrapper .shopInfo dd {
		width: 75%;
	}
	#bannerArea {
		padding: 5% 0;
	}
	#bannerArea .flexListRow:first-child {
		padding: 10% 0 0;
	}
	#bannerArea .flexListRow:first-child li {
		width: 94%;
		max-width: 100%;
		margin: -1em auto 2em;
		padding: 0;
	}
	#bannerArea .flexListRow:first-child li a {
		width: 100%;
		text-align: center;
	}
	#bannerArea .flexListRow:nth-child(2) {
		width: 100%;
		padding: 2% 0 4%;
	}
	#bannerArea .flexListRow:nth-child(2) li {
		width: 45%;
		margin: 0 auto;
	}
	footer {
		padding: 3% 0;
	}
	footer .flexListRow li {
		line-height: 130%;
	}
	footer .flexListRow li:last-child {
		margin: 1% auto;
		text-align: left;
	}
	#breadcrumbList {
		padding-top: 28%;
	}
	#breadcrumbList li {
		width: 25%;
		margin: 0;
		padding: 0;
	}
	#breadcrumbList li a {
		
	}
	#breadcrumbList li:last-child {
		width: 50%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#btnBack {
		position: absolute;
		bottom: -10%;
		right: 0;
		width: 18%;
		max-width: 100px;
		margin: 0;
	}
	#btnBack.show {
		position: absolute;
		bottom: -10%;
		right: 0;
	}
	#btnBack a {
		top: 0;
	}
}
::selection {
    background: #804200;
    color: #fff;
}
::-moz-selection {
    background: #804200;
    color: #fff;
}