@charset "utf-8";
/* CSS Document */

/*------------------------------------------------
	タグ
------------------------------------------------*/
body {
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

a {
	color: #0044cc;
}

img {
	margin: 0.5em 0;
}

img.floatR {
	float: right;
	margin: 0 0 1em 1em;
}

img.floatL {
	float: left;
	margin: 0 1em 1em 0;
}

section {
	padding: 0.5em 0;
}

section p:last-child {
	margin-bottom: 0;
}

h1 {
	font-size: 160%;
	font-weight: normal;
	color: #111111;
	margin: 0 0 0.5em 0;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	color: #212121;
	margin: 1em 0 0.5em;
}

h3 {
	font-size: 100%;
	font-weight: normal;
	color: #212121;
	margin: 1em 0 0.5em;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	color: #f95996;
	margin: 1em 0 0.5em;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	color: #f95996;
	margin: 1em 0 0.5em;
}

h1 + h2 {
	margin-top: 0;
}

p {
	text-align: justify;
	text-justify: inter-word;
	margin-bottom: 1em;
}

a img:hover {
	opacity: 0.7;
}

artcle {
	display: block;
}

/*------------------------------------------------
	クラス
------------------------------------------------*/
/*価格*/
.price,
#sumPrice {
	margin: 0.5em 0;
	color: #9d7857;
	font-size: 100%;
}

.headingArea p.price,
.cartButton p#sumPrice {
	font-size: 160%;
	font-weight: bold;
}

ul li p.price {
	margin: 0;
}

/*打消し線*/
span.del {
	display: inline;
	text-decoration: line-through;
}

/*アレンジ*/
.arrangeNo {
	font-weight: bold;
	margin: 0.5em 0;
	color: #4d83fd;
}

/*注釈*/
.note {
	color: #666666;
	margin-left: 2em;
}

.note:before {
	content: "※";
	margin: 0 1em 0 -2em;
}

li.note {
	margin-bottom: 0;
}

.red {
	color: #cc0000;
	font-weight: bold;
}

a.more {
	display: inline-block;
	position: relative;
	padding: 0.5em 0.5em 0.5em 1.5em;
	margin-bottom: 1em;
	background-color: #666666;
	color: #ffffff !important;
}

a.more:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 5px solid #ffffff;
}

/*営業時間*/
.openTime {
	text-indent: -2em;
	margin-left: 2em;
}

.openTime:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../img/clock.png);
	background-size: contain;
	margin-right: 0.5em;
	vertical-align: top;
}

/*定休日*/
.holiday:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../img/calendar.png);
	background-size: contain;
	margin-right: 0.5em;
	vertical-align: top;
}

/*電話*/
.telP {
	text-indent: -2em;
	margin-left: 2em;
}

.telP:before {
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../img/telP.png);
	background-size: contain;
	margin-right: 0.5em;
	vertical-align: top;
}

/*定義リスト横並び*/
dl.ss dt {
	float: left;
	clear: left;
	padding: 0.5em 0 0.5em 0.5em;
}

dl.ss dd {
	padding: 0.5em 0.5em 0.5em 8em;
}

/*リストマーク表示*/
ul.listMark {
	list-style: disc;
	margin-left: 1.5em;
}

ul.ss li {
	float: left;
	margin-right: 2em;
}

.setDiscountBox {
}

p.setDiscount {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 1em;
	background-color: #d3d3d3;
	border-radius: 0 3px 3px 0;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
	font-weight: bold;
}

p.setDiscount a {
	color: #cc0000;
	display: block;
	width: 100%;
	height: 100%;
}

p.setDiscount::before {
	position: absolute;
	top: 0;
	left: -15px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #d3d3d3 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	-webkit-transition: .2s;
	transition: .2s;
}
p.setDiscount::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #ffffff;
	border-radius: 100%;
}
p.setDiscount span {
	display: block;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*------------------------------------------------
	header
------------------------------------------------*/
header {
	max-width: 1000px;
	margin: 0 auto;
}

header h1,
header #logo {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/amologo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0;
	width: 130px;
	height: 45px;
}

header h1 a,
header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}

header .inner {
	height: 45px;
	position: relative;
}

/*カート*/
header nav#cart {
	position: absolute;
	top: 0;
	right: 120px;
}

header nav#cart ul li {
	width: 60px;
	height: 45px;
	background-image: url(../img/cart.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center 8px;
	position: relative;
}

header nav#cart ul li:hover {
	background-color: #cccccc;
}

header nav#cart ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

header nav#cart ul li span {
	display: none;
}

/*マイページ*/
header nav#mypage {
	position: absolute;
	top: 0;
	right: 60px;
	width: 60px;
	height: 45px;
}

header nav#mypage ul {
	padding-top: 5px;
}

header nav#mypage ul li {
	width: 40px;
	height: 35px;
	background-image: url(../img/mypageText.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	background-color: #333333;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

header nav#mypage ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
}

header nav#mypage:hover {
	background-color: #cccccc;
}

/*相談*/
header nav#consultation {
	position: absolute;
	top: 0;
	right: 180px;
	z-index: 999;
}

header nav#consultation ul {
	font-size: 0;
}

header nav#consultation ul li {
	width: 60px;
	height: 45px;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	position: relative;
	font-size: 16px;
}

header nav#consultation ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

header nav#consultation ul li span {
	position: absolute;
	left: 50%;
	bottom: 0;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 70%;
	color: #333333;
}

header nav#consultation ul li#showroom {
	background-image: url(../img/showroomB.png);
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center 2px;
}

header nav#consultation ul li#showroom:hover {
	background-color: #cccccc;
}

header nav#consultation ul li#feelFree {
	display: none;
	position: absolute;
	top: 0;
	left: -300px;
	width: 100px;
	background-color: #89b719;
	font-size: 10px;
	color: #ffffff;
	line-height: 1;
	padding: 5px 0;
}

header nav#consultation ul li#feelFree p {
	text-align: center;
}

header nav#consultation ul li#tel {
	position: absolute;
	top: 0;
	left: -200px;
	width: 200px;
}

header nav#consultation ul li#tel:hover {
	background-color: #cccccc;
}

header nav#consultation ul li#tel span.coll {
	display: none;
}

header nav#consultation ul li#tel span.number {
	position: absolute;
	top: 20px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}

header nav#consultation ul li#tel span.opentime {
	position: absolute;
	top: 4px;
	color: #333333;
}

header nav#consultation ul li#mail {
	background-image: url(../img/mailB.png);
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center 2px;
}

header nav#consultation ul li#mail:hover {
	background-color: #cccccc;
}

header nav#consultation ul li#line {
	background-image: url(../img/lineB.png);
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center 2px;
}

header nav#consultation ul li#line:hover {
	background-color: #cccccc;
}

header nav#consultation ul li#request a span {
	top: 6px;
	color: #333333;
}

header nav#consultation ul li#request:hover {
	background-color: #cccccc;
}

/*グローバルナビ*/
header nav#global {
	width: 100%;
	font-size: 70%;
	z-index: 9999;
}

header nav#global ul {
	position: relative;
	font-size: 0;
	padding: 0;
	margin-bottom: 0;
}

header nav#global ul li {
	display: inline-block;
	position: relative;
	width: 20%;
	height: 45px;
	line-height: 22.5px;
	text-align: center;
	vertical-align: middle;
	background-color: #e8e8e8;
	box-sizing: border-box;
	font-size: 12px;
}

header nav#global ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
}

header nav#global ul li a:hover {
	background-color: #cccccc;
}

header nav#global ul.secondMenu {
	visibility: hidden;
}

header nav#global ul li ul.secondMenu {
	position: absolute;
	top: 45px;
	width: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

header nav#global ul li:hover ul.secondMenu {
	top: 45px;
	visibility: visible;
	opacity: 1;
}

header nav#global ul li ul.secondMenu li {
	position: relative;
	width: 100%;
	line-height: 45px !important;
	z-index: 900;
}

header nav#global ul li a.next {
	position: relative;
}

header nav#global ul li a.next:after {
	position: absolute;
	top: 43%;
	right: 0;
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	-webkit-transform: rotate(45deg) translateX(-50%);
	-ms-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
}

header nav#global ul li ul.secondMenu li {
	border-bottom: #bbbbbb 1px solid;
}

header nav#global ul li ul.secondMenu li:nth-of-type(1) {
	border-top: #bbbbbb 1px solid;
}

header nav#global ul li ul.secondMenu li.w {
	background-color: #f8f8f8 !important;
}

header nav#global ul li ul.secondMenu li.g {
	background-color: #e8e9eb !important;
}

header nav#global ul li ul.secondMenu li.dg {
	background-color: #d5d9dc !important;
}

/*メニューボタン*/
header #right-sidr {
	display: none;
}

header #menubutton {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 60px;
	height: 45px;
	text-align: center;
}

a#menuButton  {
	padding-top: 8px;
	display: block;
	width: 60px;
	height: 45px;
}

header #menubutton span {
	display: block;
	height: 3px;
	width: 30px !important;
	margin: 6px auto 3px;
	background-color: #333333;
	border-radius: 2px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

header #menubutton span:nth-of-type(2),
header #menubutton span:nth-of-type(3) {
	margin-top: 5px;
}

/*サブナビ*/
header nav#sub ul {
	background: none;
	margin-bottom: 0;
}

header nav#sub ul li {
	display: block;
	width: 100%;
	background: none;
	font-size: 80%;
	margin: 0;
}

header #right-sidr p#closebutton {
	margin: 0;
	padding: 0 0 0 45px;
	height: 45px;
	line-height: 45px;
	position: relative;
}

header #right-sidr p#closebutton:before,
header #right-sidr p#closebutton:after {
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
	display: block;
	width: 12px;
	border-top: 2px solid #ffffff;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

header #right-sidr p#closebutton:before {
	-ms-transform: skewY(-45deg);
	-webkit-transform: skewY(-45deg);
	transform: skewY(-45deg);
}

header #right-sidr p#closebutton:after {
	-ms-transform: skewY(135deg);
	-webkit-transform: skewY(45deg);
	transform: skewY(45deg);
}

header#mypage_default {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #333333;
	height: 45px;
	position: relative;
}

header#mypage_default .inner {
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
}

header#mypage_default #logo {
	top: 0;
}

header#mypage_default nav#mypage {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 45px;
}

header#mypage_default nav#mypage ul {
	padding: 0;
}

header#mypage_default nav#mypage ul li {
	width: 100%;
	height: 45px;
	background: none;
	margin: 0 auto;
	text-indent: 0;
	white-space: normal;
	overflow: hidden;
	position: relative;
}

header#mypage_default nav#mypage ul li span {
	width: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

header#mypage_default nav#consultation {
	top: 0;
	right: 80px;
	background-color: #333333;
}

header#mypage_default nav#consultation ul li span {
	color: #ffffff;
}

header#mypage_default nav#consultation ul li#tel {
	background-color: #333333;
}

header#mypage_default nav#consultation ul li#mail,
header#mypage_default nav#consultation ul li#showroom {
	display: none;
}

header#mypage_default nav#consultation ul li#line {
	background-image: url(../../../public/img/line.png);
}

header#mypage_default nav#consultation ul li#tel span.opnetime,
header#mypage_default nav#consultation ul li#tel span.number {
	color: #ffffff;
}

/*メニューなし*/
header#noMenu {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #333333;
	height: 45px;
	position: relative;
}

header#noMenu .inner {
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
}

header#noMenu #logo {
	top: 0;
}

header#noMenu nav#consultation {
	top: 0;
	right: 80px;
	background-color: #333333;
}

header#noMenu nav#consultation ul li span {
	color: #ffffff;
}

header#noMenu nav#consultation ul li#tel {
	background-color: #333333;
}

header#noMenu nav#consultation ul li#mail,
header#noMenu nav#consultation ul li#showroom {
	display: none;
}

header#noMenu nav#consultation ul li#line {
	background-image: url(../../../public/img/line.png);
}

header#noMenu nav#consultation ul li#tel span.opentime,
header#noMenu nav#consultation ul li#tel span.number {
	color: #ffffff;
}

/*banner*/
#banner {
	width: 100%;
	height: 45px;
	background-color: #f95996;
}

#banner a {
	display: block;
	width: 100%;
	height: 100%;
}

#banner .inner {
	max-width: 1000px;
	margin: 0 auto;
}

#banner ul {
	font-size: 0;
}

#banner ul li {
	display: inline-block;
	font-size: 10px;
	text-align: center;
	background-color: #f95996;
}

#banner ul li img {
	height: 45px;
	margin: 0 auto;
}

#banner ul li#firstBanner {
	width: 33%;
	height: 45px;
	background-image: url(../img/banners/sale_movie02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#banner ul li#secondBanner {
	width: 33%;
	height: 45px;
	background-image: url(../img/banners/sale_invitation.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#banner ul li#thirdBanner {
	width: 34%;
	height: 45px;
	background-image: url(../img/banners/sale_weekly.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#banner ul li:hover {
	background-color: #e73076;
}

#banner a img:hover {
	opacity: 1;
}

/*グローバルナビ固定用*/
.fixed {
	max-width: 1000px;
	position: fixed !important;
	top: 0 !important;
}

/*------------------------------------------------
	footer
------------------------------------------------*/
footer {
	background: #333333;
	color: #ffffff;
	min-height: 234px;
}

footer a:hover {
	text-decoration: underline;
}

footer .inner {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	padding: 1em 0;
}

footer .inner h2 {
	font-size: 100%;
	color: #f95996;
}

footer .inner a {
	color: #ffffff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 1em;
}

footer .inner a:before,
footer .inner a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: top;
}

footer .inner a:before {
	top: 0;
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

footer .inner #footerGlobal ul,
footer .inner #footerSub ul,
footer .inner #footerInfo ul {
	font-size: 0;
}

footer .inner #footerGlobal ul li,
footer .inner #footerSub ul li,
footer .inner #footerInfo ul li {
	display: inline-block;
	/*width: 23.5%;*/
	margin-right: 1em;
	vertical-align: top;
	font-size: 10px;
}

footer .inner #footerGlobal ul li:nth-of-type(4n),
footer .inner #footerSub ul li:nth-of-type(4n),
footer .inner #footerInfo ul li:nth-of-type(4n) {
	margin-right: 1em;
}

footer .inner #footerGlobal ul.footerLong li:last-child {
	margin-bottom: 0.5em;
}

footer .inner #footerGlobal ul.footerLong li {
	display: block;
	width: 100%;
}

footer #copyright {
	margin-top: 1em;
	text-align: right;
}

/*メニューなし*/
footer#noMenu {
	min-height: 45px;
}

/*------------------------------------------------
	エリア・セクション
------------------------------------------------*/
/*枠*/
#trunk {
	position: relative;
}

/*コンテンツ領域*/
#contents {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	padding: 1em 0;
}

#contents a {
	text-decoration: underline;
}

#contents a:hover {
	text-decoration: none;
}

#contents table {
	width: 100%;
}

#contents table th,
#contents table td {
	box-sizing: border-box;
	padding: 10px;
	border: #cccccc 1px solid;
}

#contents table th {
	white-space: nowrap;
	background-color: #eeeeee;
}

#contents table td h3 {
	font-size: 100%;
	color: #333333;
}

#contents table td h3:first-child {
	margin-top: 0;
}

#contents table td ol {
	margin-left: 1.5em;
}

/*メインコンテンツ*/
#contentsMain {
	width: 75%;
	float: left;
}

/*サブコンテンツ*/
#contentsSub {
	width: 23%;
	float: right;
}

#contentsSub > section > h2 {
	margin-top: 0;
}

#contentsSub ul {
	font-size: 0;
}

#contentsSub ul li {
	display: inline-block;
	width: 46%;
	margin-right: 8%;
	vertical-align: top;
	font-size: 10px;
}

#contentsSub ul li:nth-of-type(2n) {
	margin-right: 0;
}

#contentsSub ul li p {
	margin: 0.5em 0;
}

#contentsSub ul li img {
	width: 100%;
	margin: 0;
}

#contentsSub .other ul li img {
	width: auto;
	height: 100px;
    position: relative;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	margin: 0;
}

/*ステップバー*/
#stepBar {
	padding: 0;
	border-radius: 5px;
	background: #ffffff;
	border:1px solid #cccccc;
	text-align: center;
	color: #203040;
}
#stepBar > div.first_step {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#stepBar > div.last_step {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#stepBar > div.active_step {
	background: #ff7aa9;
	border:0;
	color: #ffffff;
}

/*カテゴリーリンクなど画像がないリンクの場合に使用*/
#contentsSub .itemArea h3 {
	border-left: #cccccc 5px solid;
	padding: 0.2em 0 0.2em 1em;
}

#contentsSub .itemArea ul li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	font-size: 10px;
	border-bottom: #cccccc 1px solid !important;
}

#contentsSub .itemArea ul li:first-child {
	border-top: #cccccc 1px solid;
}

#contentsSub .itemArea ul li a {
	display: block;
	padding: 0.5em 0 0.5em 1.5em;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#contentsSub .itemArea ul li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 3px;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#contentsSub .itemArea ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 5px solid #cccccc;
}

/*リンク*/
#contents #contentsSub a {
	color: #212121;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

#contents #contentsSub a:hove {
	text-decoration: underline;
}

/*価格*/
#contents #contentsSub .price {
	font-size: 100%;
	margin-top: 0;
}

#contents #contentsSub ul li p {
	margin-bottom: 0;
}

#contents #contentsSub li p:last-child {
	margin-bottom: 0.5em;
}

/*縦長の画像がある場合に使用*/
#contentsSub .otherItem ul {
	font-size: 0;
}

#contentsSub .otherItem ul li {
	display: inline-block;
	width: 15%;
	margin-right: 2%;
	vertical-align: top;
	font-size: 10px;
	overflow: hidden;
}

#contentsSub .otherItem ul li:nth-of-type(6n) {
	margin-right: 0;
}

#contentsSub .otherItem ul li img {
	height: 100px;
    position: relative;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*商品ページレイアウト変更用*/
#contentsItemLeft {
	width: 50%;
	float: left;
}

#contentsItemRight {
	width: 45%;
	float: right;
}

#contentsItemRight .headingArea h1 {
	margin-bottom: 0.2em;
}

#contentsItemRight .headingArea p {
	margin-bottom: 0.5em;
}

#categoryName {
	margin-bottom: 0 !important;
}

#catalogPrice {
	font-size: 160%;
	margin-bottom: 0.2em !important;
}

#catalogPrice span {
	font-size: 70%;
	margin: 0 0.5em;
}

.slideArea {
	display: none;
	position: relative;
}

.slideAreaImg img {
	margin: 0 !important;
}

.movieBox {
	width: 100%;
	height: auto;
}

#contentsButtom {
	width: 100% !important;
	float: none !important;
}

#contentsButtom > section > h2 {
	margin-top: 0;
}

#contentsButtom ul {
	font-size: 0;
}

#contentsButtom ul li {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	vertical-align: top;
	font-size: 10px;
}

#contentsButtom ul li:nth-of-type(2n) {
	margin-right: 0;
}

#contentsButtom ul li p {
	margin: 0.5em 0;
}

#contentsButtom ul li img {
	width: 100%;
	margin: 0;
}

#contentsButtom .other ul li img {
	width: auto;
	height: 100px;
    position: relative;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	margin: 0;
}

/*カテゴリーリンクなど画像がないリンクの場合に使用*/
#contentsButtom .itemArea h3 {
	border-left: #cccccc 5px solid;
	padding: 0.2em 0 0.2em 1em;
}

#contentsButtom .itemArea ul li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	font-size: 10px;
	border-bottom: #cccccc 1px solid !important;
}

#contentsButtom .itemArea ul li:first-child {
	border-top: #cccccc 1px solid;
}

#contentsButtom .itemArea ul li a {
	display: block;
	padding: 0.5em 0 0.5em 1.5em;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#contentsButtom .itemArea ul li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 3px;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#contentsButtom .itemArea ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 5px solid #cccccc;
}

/*リンク*/
#contents #contentsButtom a {
	color: #212121;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

#contents #contentsButtom a:hover {
	text-decoration: underline;
}

/*価格*/
#contents #contentsButtom .price {
	font-size: 100%;
	margin-top: 0;
}

#contents #contentsButtom ul li p {
	margin-bottom: 0;
}

#contents #contentsButtom li p:last-child {
	margin-bottom: 0.5em;
}

/*縦長の画像がある場合に使用*/
#contentsButtom .otherItem ul {
	font-size: 0;
}

#contentsButtom .otherItem ul li {
	display: inline-block;
	width: 15%;
	margin-right: 2%;
	vertical-align: top;
	font-size: 10px;
	overflow: hidden;
}

#contentsButtom .otherItem ul li:nth-of-type(6n) {
	margin-right: 0;
}

#contentsButtom .otherItem ul li img {
	height: 100px;
    position: relative;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#photo img {
	width: 100%;
}

#photoNavi ul ul {
	font-size: 0;
}

#photoNavi ul li {
	display: inline-block;
	width: 45px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 10px;
}

.slideAreaImg img {
	width: 100%;
}

/*3分割*/
#contentsLeft,
#contentsCenter,
#contentsRight {
	/*padding: 5px;*/
	padding: 0;
	float: left;
}

#contentsCenter #contentsMain {
	width: 100%;
	float: clear;
}

#contentsLeft #contentsSub,
#contentsCenter #contentsSub,
#contentsRight #contentsSub {
	width: 100%;
	float: clear;
}

.adArea {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: solid 1px Gray;
}

.adArea #ad_cl_t,
.adArea #ad_cl_b,
.adArea #ad_cr_t,
.adArea #ad_cr_b {
	/*display: none;*/
	z-index: 10;
}

/*6分割ボックス*/
.box6 {
	font-size: 0;
}

.box6 .subBox {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	margin-right: 2%;
	font-size: 10px;
}

.box6 .subBox:nth-of-type(6n) {
	margin-right: 0;
}

/*4分割ボックス*/
.box4 {
	font-size: 0;
}

.box4 .subBox {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 2%;
	font-size: 14px;
}

.box4 .subBox:nth-of-type(4n) {
	margin-right: 0;
}

/*3分割ボックス*/
.box3 {
	font-size: 0;
}

.box3 .subBox {
	display: inline-block;
	vertical-align: top;
	width: 31.2%;
	margin-right: 3.2%;
	font-size: 14px;
}

.box3 .subBox:nth-of-type(3n) {
	margin-right: 0;
}

/*2分割ボックス*/
.box2 {
	font-size: 0;
}

.box2 .subBox {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 4%;
	font-size: 14px;
}

.box2 .subBox:nth-of-type(2n) {
	margin-right: 0;
}

/*ボックス共通*/
section h2:first-child {
	margin-top: 0 !important;
}

.subBox {
	margin-bottom: 1em;
	position: relative;
}

.subBox img {
	width: 100%;
}

/*パンくずリスト*/
#breadcrumb,
.breadcrumbArea {
	margin-bottom: 1em;
	font-size: 10px !important;
	text-align: left;
}

.breadcrumbArea .now {
	display: inline-block;
	margin-right: 0.5em;
	color: #000;
}

.breadcrumbArea .show {
	display: inline-block;
	margin-right: 0.5em;
	color: #00F;
	text-decoration: underline;
	cursor: pointer;
}

.breadcrumbArea .hide {
	display: none;
}

.breadcrumbArea ul li,
#breadcrumb ul li {
	display: inline-block;
	margin-right: 1em;
	position: relative;
	-webkit-margin-start: 0px;
}

.breadcrumbArea ul li:after,
#breadcrumb ul li:after {
	position: absolute;
	top: 50%;
	right: -0.5em;
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #0044cc;
	border-top: 1px solid #0044cc;
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}

.breadcrumbArea ul li:last-child:after,
#breadcrumb ul li:last-child:after {
	width: 0;
	height: 0;
	border: none;
}

/*ランキング*/
.rankingArea .box4 {
	background-color: #e8e8e8;
}

.rankingArea .subBox {
	margin-bottom: 0;
}

.rankingArea h3 span,
.lineupArea h3 span,
span.ranking {
	color: #e73656;
}

.rankingArea h3 span:before,
.lineupArea h3 span:before,
span.ranking:before {
	content: "【";
	color: #e73656;
}

.rankingArea h3 span:after,
.lineupArea h3 span:after,
span.ranking:after {
	content: "】";
	color: #e73656;
}

/*商品一覧・ラインナップ*/
.lineupArea h2 {
	margin-top: 0;
}

.lineupArea .price {
	margin-bottom: 0;
}

.lineupArea .price + .price {
	margin-top: 0;
}

/*ピックアップ*/
.pickupArea ul {
	font-size: 0;
}

.pickupArea ul li {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 2%;
	font-size: 10px;
}

.pickupArea ul li:nth-of-type(4n) {
	margin-right: 0;
}

.pickupArea p {
	margin: 0.5em 0;
}

/*商品情報*/
.infoArea ul {
	list-style: disc;
	margin-left: 1.5em;
}

.infoArea ol {
	margin-left: 1.5em;
}

.infoArea h3:last-child,
.infoArea p:last-child {
	margin-bottom: 0;
}

/*おすすめ特集*/
#contents .featureArea a,
#contents .articleArea a {
	text-decoration: none;
}

#contents .featureArea a p,
#contents .articleArea a p {
	color: #333333;
}

/*カテゴリートップ説明文*/
.descriptionArea h3 {
	border-left: #666666 3px solid;
	padding: 0.1em 0 0 0.5em;
}

.descriptionArea ul {
	list-style: disc;
	margin-left: 1.5em;
}

.descriptionArea ol {
	margin-left: 1.5em;
}

/*アドバイス*/
.adviceArea h3 {
	border-left: #666666 3px solid;
	padding: 0.1em 0 0 0.5em;
}

/*前のページへ戻る*/
.backArea {
	margin: 0;
}

.backArea .linkButton {
	width: 100%;
	max-width: 100%;
	background-color: #99573d;
}

.backArea .linkButton a:after {
	border-left: 5px solid #99573d;
}

/*商品ページ説明ボタン*/
.consultationArea {
	padding: 0;
}

.consultationArea ul {
	font-size: 0;
}

.consultationArea ul li {
	width: 48%;
	display: inline-block;
	margin-right: 4%;
	margin-bottom: 0.5em;
	padding: 0.5em 0;
	text-align: center;
	font-size: 10px;
	background-color: #89b719;
}

.consultationArea ul li:nth-of-type(2n) {
	margin-right: 0;
}

#contents .consultationArea ul li a {
	color: #edf0e6;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}

#contents .consultationArea ul li a:hover {
	opacity: 0.7;
}

.consultationAreaNew ul {
	font-size: 0;
}

.consultationAreaNew ul li {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 8px;
	padding: 0;
	text-align: center;
	font-size: 10px;
	box-sizing: border-box;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.consultationAreaNew ul li#showroom {
	background-image: url(/public/img/consultation/showroom.png);
	background-size: contain;
}

.consultationAreaNew ul li#tel {
	background-image: url(/public/img/consultation/tel.png);
	background-size: contain;
}

.consultationAreaNew ul li#mail {
	background-image: url(/public/img/consultation/mail.png);
	background-size: contain;
}

.consultationAreaNew ul li#line {
	background-image: url(/public/img/consultation/line.png);
	background-size: contain;
}

.consultationAreaNew ul li#request {
	background-image: url(/public/img/consultation/request.png);
	background-size: contain;
}

.consultationAreaNew ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

/*フォーム*/
.formArea input {
	border: #333333 1px solid;
	outline: none;
}

.formArea input[type="text"],
.formArea input[type="password"] {
	width: 100%;
	max-width: 480px;
	margin: 0.5em 0;
	padding: 0.3em;
}

.formArea textarea {
	border: #333333 1px solid;
	width: 100%;
	max-width: 480px;
	padding: 0.3em;
}

.formArea select {
	border: #333333 1px solid;
	width: 100%;
	padding: 0.3em;
}

.formArea .policy {
	height: 200px;
	margin-top: 1em;
	padding: 0.5em;
	box-sizing: border-box;
	overflow-y: scroll;
}

.formArea .agree {
    text-align: center;
    font-weight: bold;
    background: #eeeeee;
	padding: 1em 0;
}

.formArea .back {
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 2em auto;
	color: #ffffff;
	background-color: #999999 !important;
	text-align: center;
	line-height: 45px;
}

.formArea #submit,
.formArea .submit {
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 2em auto;
	color: #ffffff;
	background-color: #0044cc !important;
	text-align: center;
	line-height: 45px;
}

.formArea #submit {
	content: "テスト";
	z-index: 999;
}

.formArea .signin table td p {
	margin-bottom: 0;
}

/*披露宴日入力カレンダー*/
.cal-header,
.cal-prev-btn,
.cal-next-btn {
	color: #333333 !important;
}

.cal-header select {
	border: #333333 1px solid;
	margin: 0 0.5em;
	position: relative;
	background-image: url(../img/under.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: right center;
}

/*Q&A*/
.faqArea dl {
	margin-top: 1em;
}

.faqArea dl dt {
	margin: 0 0 2em 3em;
}

.faqArea dl dt:before {
	width: 20px;
	height: 20px;
	content:"Q";
	padding: 0.5em;
	color: #ffffff;
	background-color: #f95996;
	margin: 0 1.35em 0 -3em;
}

.faqArea dl dd {
	margin: 0 0 3em 3em;
}

.faqArea dl dd:before {
	width: 20px;
	height: 20px;
	content:"A";
	padding: 0.5em;
	color: #333333;
	background-color: #ffb2cf;
	margin: 0 1.35em 0 -3em;
}

/*pageArea*/
.pageArea {
	text-align: center;
}

.pageArea .now {
	display: inline-block;
	margin: 0.5em;
	color: #000;
}

.pageArea .valid {
	display: inline-block;
	margin: 0.5em;
	color: #00F;
	text-decoration: underline;
	cursor: pointer;
}

.pageArea .hide {
	display: none;
}

/*voiceArea*/
.voiceArea dl {
	border-top: 1px dotted #cccccc;
	margin-bottom: 1em;
}

.voiceArea dl dt {
	float: left;
	clear: left;
	padding: 0.5em 0 0.5em 0.5em;
}

.voiceArea dl dd {
	padding: 0.5em 0.5em 0.5em 8em;
	border-bottom: 1px dotted #cccccc;
}

.voiceArea dl dt:nth-of-type(2n),
.voiceArea dl dd:nth-of-type(2n) {
	background-color: #eeeeee;
}

/*共通*/
.lineupArea .subBox img,
.rankingArea .subBox img,
.featureArea .subBox img,
.articleArea .subBox img,
.pickupArea img {
	margin: 0;
	width: 100%;
}

.newitemArea h3,
.pickupArea h3,
.rankingArea h3,
.lineupArea h3,
.featureArea h3,
.articleArea h3 {
	margin: 0.5em 0 0 0;
}

.newitemArea h3 + p.price,
.pickupArea h3 + p.price,
.rankingArea h3 + p.price,
.lineupArea h3 + p.price,
.lineupArea p + p.price {
	margin: 0;
}

.lineupArea .box4 + h3 {
	margin-bottom: 0.5em;
}

.lineupArea h3 + p {
	margin-bottom: 0;
}

/*linkArea*/
.linkArea p {
	margin-left: 1em !important;
}

.linkArea a {
	position: relative;
}

.linkArea a:before,
.linkArea a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: top;
}

.linkArea a:before {
	top: 0;
	left: -1em;
	width: 4px;
	height: 4px;
	border-top: 1px solid #0044cc;
	border-right: 1px solid #0044cc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tabArea nav {
}

.tabArea nav ul {
	font-size: 0;
}

.tabArea nav ul li {
	display: inline-block;
	font-size: 10px;
	width : calc(100% / 4);
	box-sizing: border-box;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #cccccc;
	text-align: center;
	padding: 1em 0;
}

.tabArea nav ul li.active {
	background-color: #ffffff;
}

.hide {
	display: none;
}

#tabBox artcle {
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	padding: 1em;
}

#tabBox artcle ol {
	margin-left: 1.5em;
}

#tabBox .note {
	margin-bottom: 0;
}


/*------------------------------------------------
	cart
------------------------------------------------*/
#submitButton,
#inputBottun {
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 1em auto;
	background-image: url(../img/cartButton.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 100%;
	color: #ffffff;
	background-color: #0044cc;
	text-align: center;
	line-height: 45px;
	font-size: 140%;
}

#submitButton:hover,
#inputBottun:hover {
	opacity: 0.7;
}

.cartButton select,
.selectBox {
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}

.cartButton p {
	font-size: 100%;
	/*color: #f95996;*/
	margin: 0.5em 0 0 0;
}

.cartButton p.ns {
	font-size: 120%;
}

.cartButton p.note {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.cartButton p:first-child {
	margin-top: 0;
}

/*セレクターの下矢印*/
.numSelect,
.select {
	position: relative;
	margin-bottom: 1em;
}

.unitSelect {
	position: relative;
}

.under {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-top: 6px solid #777;
}
/*------------------------------------------------
	sample_request(サンプル請求)
------------------------------------------------*/
#sample_requestButton{
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 1em auto;
	background-image: url(../img/sample_request.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 100%;
	color: #ffffff;
	background-color: #a60000;
	text-align: center;
	line-height: 45px;
	font-size: 120%;
}

#sample_requestButton:hover{
	opacity: 0.7;
}

.sample_requestButton select,
.selectBox {
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}

.sample_requestButton p {
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

.sample_requestButton p.ns {
	font-size: 120%;
}

.sample_requestButton p.note {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.sample_requestButton p:first-child {
	margin-top: 0;
}
/*セレクターの下矢印*/
.numSelect,
.select {
	position: relative;
	margin-bottom: 1em;
}

.unitSelect {
	position: relative;
}

.under {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-top: 6px solid #777;
}
/*------------------------------------------------
	sample_disabled
------------------------------------------------*/
#sample_disabledButton{
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 1em auto;
	background-image: url(../img/sample_request.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 100%;
	color: #ffffff;
	background-color: #BDBDBD;
	text-align: center;
	line-height: 45px;
	font-size: 100%;
}

#sample_disabledButton:hover{
	opacity: 0.7;
}

.sample_disabledButton select,
.selectBox {
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}

.sample_disabledButton p {
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

.sample_disabledButton p.ns {
	font-size: 120%;
}

.sample_disabledButton p.note {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.sample_disabledButton p:first-child {
	margin-top: 0;
}
/*セレクターの下矢印*/
.numSelect,
.select {
	position: relative;
	margin-bottom: 1em;
}

.unitSelect {
	position: relative;
}

.under {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-top: 6px solid #777;
}
/*------------------------------------------------
	ss_trial
------------------------------------------------*/
#ss_trial
{
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 1em auto;
	background-image: url(../img/mypage/storysheet.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 100%;
	color: #ffffff;
	background-color: #37bc9b;
	text-align: center;
	line-height: 45px;
	font-size: 120%;
}

#ss_trial:hover{
	opacity: 0.7;
}

#ss_trial select,
.selectBox {
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}

#ss_trial p {
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

#ss_trial p.ns {
	font-size: 120%;
}

#ss_trial p.note {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

#ss_trial p:first-child {
	margin-top: 0;
}
/*セレクターの下矢印*/
.numSelect,
.select {
	position: relative;
	margin-bottom: 1em;
}

.unitSelect {
	position: relative;
}

.under {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-top: 6px solid #777;
}
/*------------------------------------------------
	ss_trial
------------------------------------------------*/
#ss_trial_disabled
{
	width: 100%;
	max-width: 480px;
	height: 45px;
	display: block;
	border: none;
	margin: 1em auto;
	background-image: url(../img/mypage/storysheet.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% 100%;
	color: #ffffff;
	background-color: #BDBDBD;
	text-align: center;
	line-height: 45px;
	font-size: 100%;
}

#ss_trial_disabled:hover{
	opacity: 0.7;
}

#ss_trial_disabled select,
.selectBox {
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}

#ss_trial_disabled p {
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

#ss_trial_disabled p.ns {
	font-size: 120%;
}

#ss_trial_disabled p.note {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

#ss_trial_disabled p:first-child {
	margin-top: 0;
}
/*セレクターの下矢印*/
.numSelect,
.select {
	position: relative;
	margin-bottom: 1em;
}

.unitSelect {
	position: relative;
}

.under {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-top: 6px solid #777;
}
/*------------------------------------------------
	snsbuttons
------------------------------------------------*/
.snsButtons {
	max-width: 1000px;
	margin: 0 auto;
}

.snsButtons li {
	float: left;
	margin: 0 8px 0.5em 0;
}

.snsButtons .sns-YT {
	width: 40px;
	height: 40px;
	background-image: url(/public/img/sns/youtube.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.snsButtons .sns-fb {
	width: 40px;
	height: 40px;
	background-image: url(/public/img/sns/facebook.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.snsButtons .sns-tw {
	width: 40px;
	height: 40px;
	background-image: url(/public/img/sns/twitter.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.snsButtons .sns-gp {
	width: 40px;
	height: 40px;
	background-image: url(/public/img/sns/googleplus.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.snsButtons .sns-pi {
	width: 40px;
	height: 40px;
	background-image: url(/public/img/sns/pinterest.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.snsButtons a {
	display: block;
	width: 100%;
	height: 100%;
}

.snsButtons img {
	width: 40px;
	height: 40px;
	margin: 0 !important;
}

/*Instagram*/
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-48 { width: 40px; height: 40px; background: url(../img/sns/instagram.png) no-repeat 0 0; background-size: contain; }

/*------------------------------------------------
	リンクボタン共通
------------------------------------------------*/
.linkButton {
	display: block;
	position: relative;
	text-align: left;
	background-color: #f95996;
	width: 100%;
	max-width: 480px;
	height: 45px;
	margin: 1em auto;
}

.linkButton a {
	display: block;
	padding: 0 0 0 2.5em;
	line-height: 45px;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}

.linkButton a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #ffffff;
}

.linkButton a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 5px solid #f95996;
}

.linkButton a:hover {
	opacity: 0.7;
}

/*------------------------------------------------
	画像共通
------------------------------------------------*/
/*メインビジュアル*/
.imgBoxTop img {
	width: 100%;
}

.imgBox img {
	width: 100%;
	max-width: 480px;
}

/*------------------------------------------------
	動画共通
------------------------------------------------*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 75%;
	margin: 0.5em 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.movieArea .youtube {
	margin: 0 !important;
}

/*------------------------------------------------
	googlemap共通
------------------------------------------------*/
.mapBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 1em 0;
}

.mapBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------------
	感情
------------------------------------------------*/
p.feeling {
	width: 100%;
	text-align: center;
	margin: 0 0 0.5em;
	font-size: 0;
}

p.feeling span {
	display: inline-block;
	font-size: 10px;
}

span.warai {
	width: 25%;
	padding: 5px 0;
	background: #ff1195;
	color: #ffffff;
}

span.odoroki {
	width: 25%;
	padding: 5px 0;
	background: #633cc6;
	color: #ffffff;
}

span.kandou {
	width: 25%;
	padding: 5px 0;
	background: #60cccc;
	color: #ffffff;
}

span.kansya {
	width: 25%;
	padding: 5px 0;
	background: #ff9729;
	color: #ffffff;
}

span.none {
	width: 25%;
	padding: 5px 0;
	background: #999999;
	color: #ffffff;
}

/*------------------------------------------------
	etc
------------------------------------------------*/
/*TOPに戻るボタン*/
#pageTop {
    right: 20px;
	color: #ffffff;
}

#pageTop a {
    background: #e50057;
    text-decoration: none;
    color: #ffffff;
    width: 45px;
	height: 45px;
    text-align: center;
    display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    border-radius: 10px;
}

#pageTop a:hover {
    text-decoration: none;
	opacity: 0.7;
}

span.pageTop {
	position: absolute;
	top: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top:  solid 10px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 10px #ffffff;
	border-left: solid 10px transparent;
}

/*リマーケティングタグ非表示*/
#tagBox {
	display: none !important;
}

/*フォームチェック*/
.validation-advice {
	margin-top: 3px;
	margin-left: 3px;
	padding-left: 20px;
	color: #ff6666;
	font-weight: bold;
	background: url("/public/img/exclamation.png") no-repeat;
}

/*float解除*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*mypage*/
section.mypageNews {
	padding-top: 0;
}

.mypageNews h3 {
	font-size: 16px;
	margin-top: 0;
}

.mypageNews ul li {
	height: auto;
	float: left;
	font-size: 16px;
	width: calc(100% / 3);
	margin-right: 0;
	padding: 0.5em;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	box-sizing: border-box;
}

.mypageNews ul li.w100 {
	width: 100% !important;
}

.mypageNews ul li.subBox {
	margin-bottom: 0.5em;
}

.mypageNews ul li.subBox p {
	text-align: left !important;
}

.mypageNews ul li:first-child {
	padding-top: 0.5em;
	border-top: #cccccc 1px solid;
}

.mypageNews ul li img {
	max-width: 80px;
	float: left;
	margin: 0 1em 0 0;
}

.mypageNews ul li.w100 img {
	margin: 0 1em 0 0;
}

#contents .mypageNews ul li a {
	color: #666666;
	text-decoration: none;
}

#contents .mypageNews ul li a:hover {
	text-decoration: underline;
}

/*------------------------------------------------
	タブレット
------------------------------------------------*/
@media screen and (max-width: 768px) {
	body {
		font-size: 14px;
	}

	/*------------------------------------------------
		テーブル
	------------------------------------------------*/
	#contents table th,
	#contents table td {
		/*display: block;*/
		/*width: 100%;*/
		width: 50%;
	}

	#contents table th {
		border-top: none;
		border-bottom: none;
	}

	#contents table {
		border-top: #cccccc 1px solid;
	}

	/*------------------------------------------------
		header
	------------------------------------------------*/
	header h1,
	header #logo {
		width: 100px;
		background-size: 100%;
		background-position: left center;
	}

	header nav#global ul li ul.secondMenu li:nth-of-type(2) {
		border-top: #bbbbbb 1px solid;
	}

	header nav#global ul li ul.secondMenu li:nth-of-type(odd) {
		border-right: #bbbbbb 1px solid;
	}

	/*カート*/
	header nav#cart {
		right: 120px;
	}

	header nav#cart ul li {
		width: 60px;
		background-size: 65%;
	}

	/*マイページ*/
	header nav#mypage ul li {
		width: 40px;
	}

	/*相談*/
	header nav#consultation {
		position: fixed;
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	header nav#consultation ul {
		margin-bottom: 0;
	}

	header nav#consultation ul li#feelFree {
		display: block;
		position: fixed;
		top: auto;
		right: auto;
		left: 0;
		bottom: 45px;
		width: 100%;
		background-color: #edf0e6;
		color: #333333;
		height: auto;
		border: none;
	}

	header nav#consultation ul li#feelFree p {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	header nav#consultation ul li#feelFree p:first-child:after {
		content: "↓↓↓";
	}

	header nav#consultation ul {
		width: 100%;
	}

	header nav#consultation ul li {
		width: 20%;
		height: 45px;
		text-align: center;
		background-color: #edf0e6;
		box-sizing: border-box;
		border-top: #666666 1px solid;
		border-right: #666666 1px solid;
	}

	header nav#consultation ul li span {
		color: #333333;
	}

	header nav#consultation ul li#showroom,
	header nav#consultation ul li#mail,
	header nav#consultation ul li#line {
		background-size: 20%;
	}

	header nav#consultation ul li#showroom {
		background-image: url(../img/showroom.png);
	}

	header nav#consultation ul li#mail {
		background-image: url(../img/mail.png);
	}

	header nav#consultation ul li#line {
		background-image: url(../img/line.png);
	}

	header nav#consultation ul li#tel {
		position: relative;
		bottom: 0;
		left: 0;
		width: 20%;
		background-color: #edf0e6;
		background-image: url(../img/tel.png);
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: top center;
		box-sizing: border-box;
		border-top: #666666 1px solid;
	}

	header nav#consultation ul li:last-child {
		border-right: none;
	}

	header nav#consultation ul li#tel span.coll {
		display: inline-block;
	}

	header nav#consultation ul li#tel span.number,
	header nav#consultation ul li#tel span.opentime {
		display: none;
	}

	header nav#consultation ul li#request {
		position: relative;
	}

	header nav#consultation ul li#request a span {
		color: #333333;
	}

	/*グローバルナビ*/
	header nav#global ul {
		position: relative;
	}

	header nav#global ul li {
		position: static;
	}

	header nav#global ul li ul.secondMenu {
		position: absolute;
		left: 0;
		font-size: 0;
		text-align: left;
	}

	header nav#global ul li ul.secondMenu li {
		font-size: 10px;
	}

	header nav#global ul li ul.secondMenu li.long {
		width: 50% !important;
		height: auto !important;
		display: inline-block !important;
	}

	header #menubutton {
		width: 60px;
	}

	header #menubutton span {
		width: 30px;
		margin: 5px auto 2px;
	}

	/*メニューなし*/
	header#noMenu nav#consultation {
		position: fixed;
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	header#noMenu nav#consultation ul li span {
		color: #666666;
	}

	header#noMenu nav#consultation ul li#tel,
	header#noMenu nav#consultation ul li#line {
		width: 50%;
		background-size: 10%;
	}

	header#noMenu nav#consultation ul li#tel {
		background-color: #edf0e6;
	}

	/*バナー*/
	#banner ul li#firstBanner {
		background-image: url(../img/banners/01sm02.png);
	}

	#banner ul li#secondBanner {
		background-image: url(../img/banners/02sm.png);
	}

	#banner ul li#thirdBanner {
		background-image: url(../img/banners/03sm.png);
	}

	#banner ul li img {
		width: 100%;
	}

	/*------------------------------------------------
		footer
	------------------------------------------------*/
	footer {
		padding-bottom: 45px;
		min-height: 369px;
	}

	footer .inner #footerGlobal ul li,
	footer .inner #footerSub ul li,
	footer .inner #footerInfo ul li {
		/*width: 48%;*/
		margin-right: 1em;
	}

	footer .inner #footerGlobal ul li:nth-of-type(2n),
	footer .inner #footerSub ul li:nth-of-type(2n),
	footer .inner #footerInfo ul li:nth-of-type(2n) {
		margin-right: 1em;
	}

	/*------------------------------------------------
		エリア・セクション
	------------------------------------------------*/
	/*商品ページレイアウト変更用*/
	#contentsButtom ul li {
		width: 46%;
		margin-right: 8%;
	}

	/*TOPへ戻るボタン表示のためスペース確保*/
	#contents {
		padding-bottom: 2em;
	}

	#contentsMain,
	#contentsCenter {
		width: 100% !important;
		float: none;
	}

	#contentsSub,
	#contentsRight {
		width: 100% !important;
		float: none;
		margin: 0;
	}

	#contentsSub ul li {
		width: 23.5%;
		margin-right: 2%;
		vertical-align: top;
	}

	#contentsSub ul li:nth-of-type(2n) {
		margin-right: 2%;
	}

	#contentsSub ul li:nth-of-type(4n) {
		margin-right: 0;
	}

	/*6分割ボックス・4分割ボックス*/
	.box6 .subBox,
	.box4 .subBox {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.5em;
	}

	.box6 .subBox:nth-of-type(2n),
	.box4 .subBox:nth-of-type(2n) {
		margin-right: 0;
	}

	.pickupArea ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.5em;
	}

	.pickupArea ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	#contentsSub .itemArea {
		margin: 2em 0;
	}

	/*------------------------------------------------
		etc
	------------------------------------------------*/
	/*TOPへ戻るボタン*/
	#pageTop {
		bottom: 60px;
	}

	.mypageNews ul li {
		display: block;
		width: 100%;
		margin-right: 0;
		padding: 0 0 0.5em 0;
		border-top: none;
		border-bottom: #cccccc 1px solid;
		box-sizing: border-box;
	}

	.mypageNews ul li:first-child {
		padding-top: 0.5em;
		border-top: #cccccc 1px solid;
	}

	.mypageNews ul li.w100 img {
		margin: 0 1em 0 0;
	}
}

/*------------------------------------------------
	スマートフォン
------------------------------------------------*/
@media screen and (max-width: 480px) {
	/*------------------------------------------------
		header
	------------------------------------------------*/
	header nav#global ul li {
		font-size: 10px;
	}

	header nav#consultation ul li#showroom,
	header nav#consultation ul li#tel,
	header nav#consultation ul li#mail,
	header nav#consultation ul li#line {
		background-size: 55%;
	}

	header nav#consultation ul li#tel sapn.opentime {
		display: none;
	}

	/*------------------------------------------------
		エリア・セクション
	------------------------------------------------*/
	/*商品ページレイアウト変更用*/
	#contentsItemLeft {
		width: 100%;
		float: note;
	}

	#contentsItemRight {
		width: 100%;
		float: note;
	}

	.slideAreaNav {
		display: none !important;
	}

	#contentsButtom ul li {
		width: 46%;
		margin-right: 8%;
	}

	.box2 .subBox,
	.box3 .subBox,
	.box4 .subBox {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.5em;
	}

	.box2 .subBox:nth-of-type(2n),
	.box3 .subBox:nth-of-type(2n),
	.box4 .subBox:nth-of-type(2n) {
		margin-right: 0;
	}

	.newitemArea .box4 .subBox,
	.pickupArea .box4 .subBox,
	.rankingArea .box4 .subBox,
	.lineupArea .box4 .subBox {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 0.5em;
	}

	.newitemArea .box4 .subBox:nth-of-type(2n),
	.pickupArea .box4 .subBox:nth-of-type(2n),
	.rankingArea .box4 .subBox:nth-of-type(2n),
	.lineupArea .box4 .subBox:nth-of-type(2n) {
		margin-right: 0;
	}

	/*voiceArea*/
	.voiceArea dl dt {
		float: none;
		clear: none;
		padding: 0.5em 0 0 0.5em;
	}

	.voiceArea dl dd {
		padding: 0.5em;
	}

	/*共通*/
  .featureArea ul li,
  .articleArea ul li,
	.themaArea ul li,
  .featureArea .box4 .subBox,
  .articleArea .box4 .subBox,
	.themaArea .box4 .subBox {
		width: 100%;
		float: none;
		margin-right: 0;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		border-bottom: #cccccc 1px solid;
		box-sizing: border-box;
	}

  .featureArea ul li:first-child,
  .articleArea ul li:first-child,
	.themaArea ul li:first-child {
		padding-top: 0.5em;
		border-top: #cccccc 1px solid;
	}

  .featureArea ul li.subBox img,
  .articleArea ul li.subBox img,
	.themaArea ul li.subBox img {
		width: 30%;
		float: left;
		margin: 0 5% 0 0;
	}

  .featureArea ul li.subBox:first-child,
	.featureArea ul li.subBox:nth-of-type(2),
  .articleArea ul li.subBox:first-child,
	.articleArea ul li.subBox:nth-of-type(2),
	.themaArea ul li.subBox:first-child,
	.hemaArea ul li.subBox:nth-of-type(2), {
		border-top: #cccccc 1px solid;
		box-sizing: border-box;
	}

	/*サブコンテンツ*/
	#contentsSub ul li {
		width: 48%;
		margin-right: 4%;
	}

	#contentsSub ul li:first-child,
	#contentsSub ul li:nth-of-type(2) {
		margin-top: 0;
		padding-top: 0;
		border: none;
	}

	#contentsSub ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	/*------------------------------------------------
		cart
	------------------------------------------------*/
	#submitButton,
	#inputBottun {
		width: 100%;
	}

	/*------------------------------------------------
		etc
	------------------------------------------------*/
	/*カレンダー*/
	#cal-container,
	.cal-container {
		width: 100% !important;
		left: 0 !important;
	}

}