@charset 'utf-8';

@import url('https://fonts.googleapis.com/css?family=Amiri|Cinzel');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
* {
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
em, strong {
	font-weight: bold;
}
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
}
body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color: #414040;
	background: #f1f0f0;
	word-wrap: break-word;
	overflow-wrap : break-word;
}
body#index {
	color: #fff;
	background: #000;
}
body#index a {
	color: #fff;
}
body#index .bg-wrapper {
	margin: 0 auto;
	background: url(/images/top_back.jpg?20190515) no-repeat right -200px;
	width: 1250px;
}
a {
	color: #414040;
	text-decoration: none;
}
a.pagetop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 55px;
	height: 55px;
	z-index: 2000;
	background: #000;
	opacity: 0.9;
	display: none;
}
a.pagetop span {
	display: block;
	background: url(/images/pagetop.png) no-repeat left top;
	width: 25px;
	height: 0;
	padding: 17px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 19px;
}
a.pagetop:hover,
body#index a.pagetop:hover {
	background: #6297ca;
	transition: all 0.4s ease 0s;
}
body#index a.pagetop {
	background: #fff;
}
body#index a.pagetop span {
	background: url(/images/pagetop_black.png) no-repeat left top;
}
body#index a.pagetop:hover span {
	background: url(/images/pagetop.png) no-repeat left top;
}
body#index a:hover, a:hover, .footer a:hover {
	color: #7695b3;
	transition: all 0.4s ease 0s;
}
.posts li:hover a, .section-pickup li:hover a, .post-photo h2 a:hover {
	color: #7695b3 !important;
	transition: all 0.4s ease 0s;
}
.posts .image img {
	transition: all 0.3s ease;
}
.posts .image:hover img {
	opacity: 0.8;
}
.clearfix, .wrapper {
	min-height: 1px;
}
.clearfix:after, .wrapper:after {
	content: "";
	display: block;
	clear: both;
}
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.promotion_mark {
	line-height: 1;
	vertical-align: top;
}
.promotion_mark img {
	display: block;
	line-height: 1;
	vertical-align: top;
}
#slidemenu {
	display: none;
}
.image img {
	display: block;
}
.container {
	position: relative;
	width: 1230px;
	margin: 0 auto;
}
.global-nav ul {
	position: absolute;
	top: 21px;
	right: 70px;
	min-height: 1px;
	padding-right: 30px;
	z-index: 100;
}
.global-nav ul:after {
	content: "";
	display: block;
	clear: both;
}
.global-nav li {
	display: inline;
    line-height: 1;
}

.global-nav li a {
	display: block;
	float: left;
	height: 17px;
	margin: 0 0 0 16px;
	color: #fff;
	font-family: 'Cinzel', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: 17px;
}
.global-nav li a:hover {
	transition: none !important;
	color: #6196c8;
}
body#index .header .global-nav {
	position: relative;
	text-align: center;
}
body#index .header .global-nav ul {
	position: static;
	margin: 0 0 0 -36px;
}
body#index .header .global-nav li {
	display: inline-block;
}

body#index .header .global-nav li a {
	color: #6196c8;
	font-size: 18px;
}
@media screen and (min-width:1025px) {
	body#index .header .global-nav li a {
		height: 18px;
		margin: 0 0 0 12px;
	}
}
body#index .header .global-nav li:first-child {
	display: none;
}
.header .global-nav li:first-child {
	display: none;
}
.global-nav-index ul {
	position: absolute;
	left: auto;
	top: 0;
	right: 0;
}
.global-nav-index li a {
	display: block;
	background: url(/images/index_global_nav@2x.png?20180215) no-repeat top left;
	background-size: 986px 456px;
	height: 65px;
	float: none;
	margin: 0;
	margin-left: auto;
	text-indent: -9999px;
}
.global-nav-index li a:hover {
	opacity: 1;
}
.global-nav-index li a.event {
	width: 252px;
	background-position: 0 0;
}
.global-nav-index li a.event:hover, .global-nav-index li.current a.event {
	background-position: -493px 0;
}
.global-nav-index li a.feature {
	width: 316px;
	background-position: 0 -65px;
}
.global-nav-index li a.feature:hover, .global-nav-index li.current a.feature {
	background-position: -493px -65px;
}
.global-nav-index li a.recommend {
	width: 476px;
	background-position: 0 -130px;
}
.global-nav-index li a.recommend:hover, .global-nav-index li.current a.recommend {
	background-position: -493px -130px;
}
.global-nav-index li a.snap {
	width: 188px;
	background-position: 0 -195px;
}
.global-nav-index li a.snap:hover, .global-nav-index li.current a.snap {
	background-position: -493px -195px;
}
.global-nav-index li a.qa {
	width: 170px;
	background-position: 0 -325px;
}
.global-nav-index li a.qa:hover, .global-nav-index li.current a.qa {
	background-position: -493px -325px;
}
.global-nav-index li a.news {
	width: 212px;
	background-position: 0 -390px;
}
.global-nav-index li a.news:hover, .global-nav-index li.current a.news {
	background-position: -493px -390px;
}
.global-nav .search-box {
	display: block;
	position: absolute;
	height: 56px;
	top: 0;
	right: 0;
	z-index: 1000;
}
.global-nav form {
	position: absolute;
	top: 4px;
	right: 0;
}
.global-nav form.active {
	background: #fff;
}
.global-nav form input[type=text] {
	display: none;
	width: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.global-nav form.active input[type=text] {
	color: #666;
	vertical-align: middle;
	display: inline-block;
	border: none;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	padding: 10px;
	border-right: 1px solid #d6d6d6;
	width: 300px;
}
.global-nav form.active input::-webkit-input-placeholder,
.global-nav form.active input::-moz-placeholder,
.global-nav form.active input:-ms-input-placeholder {
	color: #c5c2c2;
}
.global-nav button {
	vertical-align: middle;
	display: inline-block;
	border: none;
	cursor: pointer;
	background: url(/images/search_btn@2x.png) no-repeat top left;
	background-size: 56px 112px;
	width: 56px;
	height: 56px;
	overflow: hidden;
	text-indent: -9999px;
	background-size: 56px 112px;
	border-left: 1px solid #424242;
}
.global-nav form.active button {
	background-position: 0 -56px;
	border: none;
}
body#index .global-nav .search-box {
	height: 45px;
}
body#index .global-nav button {
	background-image: url(/images/index_search_btn@2x.png);
	background-size: 45px 90px;
	border: none;
	width: 45px;
	height: 45px;
}
body#index .global-nav form.active button {
	background-position: 0 -45px;
}
body#index .header .global-nav .search-box {
	top: -15px;
	right: 188px;
}
.section {
	max-width: 1420px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.section .more {
	margin: 35px 0 0;
	width: 810px;
	text-align: center;
	font-size: 0;
}
.section .more > a {
	box-sizing: border-box;
	display: inline-block;
	margin: 0 10px;
	width: 195px;
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .075em;
	background-color: #3e3e3e;
	-webkit-transition: color .5s ease;
			transition: color .5s ease;
}
body#index .more > a {
	color: #88accf;
}
body#index .more > a:hover {
	color: #fff;
}
.section-banner .container {
	background-color: #f1f0f0;
}
.section-banner img {
	width: 100%;
	display: block;
	transition: 0.3s ease;
}
.section-banner:hover img {
	/* opacity: 0.8; */
}
.section-recent ul {
	min-height: 1px;
}
.section-recent ul:after {
	content: "";
	display: block;
	clear: both;
}
.section-recent li {
	display: block;
	float: left;
	width: 390px;
	margin: 0 0 0 30px;
}
.section-recent li:first-child {
	margin: 0;
}
.section-recent li .wrapper {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
}
.section-recent li a {
	position: relative;
	display: block;
}
.section-recent .image {
	width: 390px;
	height: 260px;
	overflow: hidden;
	margin: 0;
	background-color: #f1f0f0;
}
.section-recent .image img {
	transition: 0.3s ease;
}
.section-recent .image:hover img {
	opacity: 0.8;
}
.section-recent .image:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 101%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(104,104,104,0) 35%, rgba(0,0,0,0.6) 59%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(104,104,104,0) 35%,rgba(0,0,0,0.6) 59%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(104,104,104,0) 35%,rgba(0,0,0,0.6) 59%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
}

.section-recent .image img {
	width: 390px;
}
.section-recent .content {
	box-sizing: border-box;
	position: absolute;
	bottom: -15px;
	padding: 15px;
}
.section-recent .content strong {
	font-weight: normal;
	font-size: 16px;
	color: #6297ca;
}
.section-recent h2 {
	font-size: 17px;
	line-height: 25px;
	font-weight: bold;
}
.section-recent .update {
	font-size: 11px;
	line-height: 1;
	color: #9c9b9b;
	margin: 0 0 15px;
}
.section-recent .content .promotion_mark {
	margin: 8px 0 0 2px;
}
.section-link {
	max-width: none;
	padding: 40px 0 10px 0;
	margin: 0;
}
.section-link h3 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	text-align: center;
	font-size: 25px;
	line-height: 1;
	margin: 0 0 10px;
}
.section-link h3 a {
	color: #7695b3;
}
.section-link .lead {
	text-align: center;
	color: #7695b3;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 30px;
}
.section-link-odd {
	background: #fdfbfb;
}
.section-link-last {
	margin: 0 0 50px;
}
.section-keyword {
	margin-bottom: 60px;
}
.section-keyword .more-keyword {
	display: none;
}
.section-keyword ul {
	text-align: center;
}
.section-keyword li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
body#index .section-keyword li a {
	display: block;
	font-size: 11px;
	line-height: 22px;
	padding: 0 6px;
	color: #b4b4b4;
	border: 1px solid #777;
}
body#index .section-keyword li a:hover {
	color: #fff;
	background: #6297ca;
	border: 1px solid #6297ca;
	transition: all 0.4s ease 0s;
}
.header {
	position: fixed;
	top: 0;
	background: #000;
	padding: 0;
	margin: 0 auto;
	z-index: 1000;
	width: 100%;
}
.header h1 a,
.header h1 .logo {
	display: block;
	background: url(/images/header_logo.png?20150519) no-repeat top left;
	width: 280px;
	height: 56px;
	padding: 0;
	text-indent: -9999px;
}
body#index .header {
	padding: 50px 0 30px;
	position: static;
}
body#index .header h1 a {
	background: url(/images/index_header_logo.png?20160623) no-repeat top left;
	width: 600px;
	height: 84px;
	padding: 0;
	text-indent: -9999px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.footer {
	border-top: 1px solid #2f2f2f;
	background: #000;
	color: #fff;
	padding: 50px 0 35px;
}
.footer a {
	color: #fff;
}
.footer h1 a {
	display: block;
	background: url(/images/footer_logo.png) no-repeat top left;
	width: 189px;
	height: 112px;
	text-indent: -9999px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.footer .logo,
.footer .sns li a {
	text-indent: -9999px;
	background: url(/images/footer_text@2x.png?20180215) no-repeat top left;
	background-size: 234px 331px;
}
.footer .global-nav-footer {
	text-align: center;
}
.footer .global-nav-footer ul {
	position: relative;
	right: auto;
	top: auto;
	margin-bottom: 37px;
}
.footer .global-nav-footer li {
	display: inline-block;
	margin: 0 0 0 37px;
}

body#index .footer .global-nav-footer li a {
    color: #6196c8;
}
.footer .map h4,
.footer .global-nav-footer li a,
.footer .floor h4 a,
.footer .link li a,
.footer .app h5 span {
	display: inline-block;
	height: 15px;
	margin: 0;
    color: #6196c8;
	font-family: 'Cinzel', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	line-height: 1;
	font-size: 18px;
    vertical-align: text-top;
}
.footer .global-nav-footer li:first-child {
	margin: 0;
}
.footer .box {
	border: 1px solid #6d6d6d;
	padding: 35px;
	margin: 0 0 44px;
}
.footer .map {
	float: left;
	width: 504px;
	margin: 0 54px 0 0;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.footer .map h4 {
	width: 42px;
	height: 12px;
	margin: 0 0 27px;
}
.footer .map-image {
	float: left;
	width: 222px;
	display: block;
	margin: 0 30px 0 0;
}
.footer .map-image a {
	color: #c9c9c9;
	font-size: 12px;
}
.footer .map-image img {
	width: 222px;
}
.footer .map .access {
	float: left;
	width: 252px;
}
.footer .map .access h5 {
	font-size: 14px;
	margin: 0 0 10px;
}
.footer .map .access p {
	font-size: 12px;
	line-height: 2;
	color: #c9c9c9;
}
.footer .floor {
	float: left;
	width: 600px;
}
.footer .floor h4 {
	margin: 0 0 27px;
}
body#index .footer .floor h4 a.floorguide,
.footer .floor h4 a.floorguide {
    color: #6196c8;
}
body#index .footer .floor h4 a.brandindex,
.footer .floor h4 a.brandindex {
    color: #6196c8;
}
.footer .floor h4 span {
	border-left: 1px solid #4a4949;
	vertical-align: text-top;
	display: inline-block;
	width: 1px;
    height: 15px;

}

.footer .floor .floor-inset
{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.footer .floor .floor-inset-block {
	font-size: 14px;
	line-height: 2;
    width: 48%;
    flex: 0 1 auto;
}
.footer .floor dt {
	float: left;
	width: 54px;
}
.footer .floor dt:first-child {
	margin: 0;
}
.footer .floor dd {
	margin: 0 0 0 54px;
}
.footer .utility {
	padding: 0 84px;
	min-height: 1px;
}
.footer .utility:after {
	content: "";
	display: block;
	clear: both;
}
.footer .sns {
	float: left;
	width: 222px;
	margin: 0 30px 0 0;
}
.footer .sns li a {
	display: block;
	width: 137px;
	height: 31px;
	text-indent: -9999px;
	margin: 9px 0 0;
}
.footer .sns li:first-child a {
	margin: 0;
}
.footer .sns li a.facebook {
	background-position: 0 -182px;
}
.footer .sns li a.google {
	background-position: 0 -213px;
}
.footer .sns li a.twitter {
	background-position: 0 -244px;
}
.footer .sns li a.instagram {
	background-position: 0 -275px;
}
.footer .link {
	float: left;
	width: 306px;
	margin: 0 30px 0 0;
}
.footer .link li a {
    display: block;
    margin: 14px 0 0;
    font-size: 16px;
}
.footer .link li:first-child a {
	margin: 0;
}
.footer .link li a.isetan-park-net {
	width: 129px;
	background-position: 0 -36px;
}
.footer .link li a.inter-fm {
	width: 74px;
	background-position: 0 -69px;
}
body#index .footer .link li .fashion-headline,
body#index .footer .link li .online-store,
.footer .link li .fashion-headline,
.footer .link li .online-store {
    color: #6196c8;
}
.footer .link li .contact,
.footer .link li .company {
	color: #fff;
}
.footer .other {
	float: left;
	width: 474px;
}
.footer .app {
}
.footer .app a {
	display: inline-block;
}
.footer .app a.appstore {
	margin: 0 15px 0 0;
}
.footer .app a.appstore img {
	display: block;
	width: 202px;
	height: 60px;
}
.footer .app a.googleplay img {
	display: block;
}
.footer .app h5 {
	vertical-align: top;
	font-size: 13px;
	margin: 0 0 18px;
}
.footer .app h5 span {
	display: inline-block;
	width: 35px;
	margin: 0 20px 0 0;
	font-size: 15px;
}
.footer hr {
	border: none;
	border-top: 1px solid #2f2f2f;
	height: 1px;
	margin: 35px 0 20px;
}
.footer .logo {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 78px;
	height: 28px;
	background-position: -137px -182px;
}
.footer .footer-links {
	display: inline-block;
	margin: 0 0 0 20px;
	vertical-align: bottom;
	font-size: 10px;
}
	.footer .footer-links li {
		display: inline-block;
	}
	.footer .footer-links li + li {
		margin-left: 10px;
	}
	.footer .footer-links li + li:before {
		content: "|";
		padding-right: 10px;
		color: #6e6d6d;
		line-height: 1;
	}
.footer p.copyright {
	display: inline-block;
	margin: 0 0 0 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #6e6d6d;
}
.footer p.copyright br {
	display: none;
}
.contents {
	min-height: 1px;
	padding: 56px 0 0;
	background: #f1f0f0;
}
.contents-feature {
	padding: 0;
}
.contents:after {
	content: "";
	display: block;
	clear: both;
}
.contents-feature .category {
	display: none;
}
.sidebar {
	float: left;
	width: 390px;
	margin: 30px 0;
}
.main {
	width: 810px;
	float: left;
	margin: 30px 30px 30px 0;
}
.main-content {
	background: #fff;
}
.main-content-error {
	float: none;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page-header {
	border-bottom: 1px solid #fff;
	padding: 30px 0;
}
.page-header p {
	margin: 5px 0 0 0;
	font-size: 11px;
	text-align: center;
	color: #7E7B7B;
}
.page-header h2 {
	background: url(/images/page_header@2x.png) no-repeat top left;
	background-size: 306px 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	height: 0;
	overflow: hidden;
}
.page-header-tag h2 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	background: none;
	height: auto;
	color: #7695b3;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	padding: 0;
}
.page-header .page-header-description {
	margin: 10px 0 0 0;
	font-size: 13px;
	text-align: center;
	color: #414040;
}
.page-header .tags.-sort {
	margin: 40px auto 0;
	text-align: center;
}
.page-header-recommend h2 {
	width: 298px;
	background-position: 0 0;
}
.page-header-question h2 {
	width: 106px;
	background-position: 0 -40px;
}
.page-header-snap h2 {
	width: 118px;
	background-position: 0 -80px;
}
.page-header-event h2 {
	width: 154px;
	background-position: 0 -120px;
}
.page-header-feature h2 {
	width: 196px;
	background-position: 0 -160px;
}
.page-header-review h2 {
	width: 298px;
	background-position: 0 -200px;
}
.page-header-floorguide h2 {
	width: 306px;
	background-position: 0 -240px;
}
.page-header-news h2 {
	width: 130px;
	background-position: 0 -280px;
}
.page-header-brandindex h2 {
	width: 306px;
	background-position: 0 -320px;
}
.page-header-news-app h2 {
	width: 225px;
	background-position: 0 -360px;
}
.page-header-photo {
	padding: 75px 0;
	border: none;
}
.page-header-photo h2 {
	background: url(/images/photo/title@2x.png) no-repeat top left;
	background-size: 112px 38px;
	width: 112px;
	padding: 19px 0 0 0;
}

.page-header-all-event {
	width: 115px;
	margin: 10px auto 0;
	background: url(/images/page_header_all_event.png) no-repeat top center;
	background-size: 100% auto;
	font-size: 14px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.tags ul {
	font-size: 0;
}
.tags li {
	display: inline;
	margin: 0 15px 0 0;
}
.tags li a {
	text-decoration: none;
	display: inline-block;
	color: #88accf;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #88accf;
	padding: 5px 12px;
	margin: 0 0 10px;
}
.tags li a:hover {
	background: #88accf;
	color: #fff;
}
.tags.-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.tags.-detail::before {
	display: block;
    content: 'tags';
    color: #8fabcc;
    font-size: 14px;
    flex: 0 0 auto;
    font-weight: bold;
    line-height: 1;
    padding: 6px 12px 6px 0;
    margin: 0 0px 15px 0;
}
.tags.-detail li {
	margin: 0 10px 0 0;
}
.tags.-sort {
	text-align: center;
}
.tags.-sort li {
	display: inline-block;
	margin: 0;
	font-size: 12px;
}
.tags.-sort li + li {
	margin-left: 15px;
}
.tags.-sort li > a,
.tags.-sort li > span {
	margin: 0;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #88accf;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .075em;
	border: 1px solid #88accf;
	padding: 6px 5px;
	min-width: 136px;
}
.tags.-sort li > a:hover,
.tags.-sort li > span.current {
	background: #88accf;
	color: #fff;
}

.hide-text {
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.share {
	margin: 25px 0 0 0;
	padding: 0 0 40px 0;
}
.share ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.share li {
	margin: 0;
	width: 32%;
}
.share li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1em 0;
	color: #fff;
	text-decoration: none;
	line-height: 1;
}
.share li a:hover {
	opacity: .8;
}
.share li a.facebook {
	background-color: #345b98;
}
.share li a.twitter {
	background-color: #88accf;
}
.share li a.line {
	background-color: #00b900;
}
.share li a > span.icon {
	width: 30px;
}
.share li a > span.icon img {
	width: 100%;
	vertical-align: top;
}
.share li a > span.text {
	margin-left: 0.5em;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.meta {
	min-height: 1px;
	margin: 0 0 30px;
}
.meta:after {
	content: "";
	display: block;
	clear: both;
}
.meta .category {
	float: left;
}
.meta .category a {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 16px;
	color: #7695b3;
}
.meta .update {
	float: right;
	font-size: 11px;
	color: #b9b9b9;
}
.box {
	border: 1px solid #d2d1d2;
	min-height: 1px;
}
.box:after {
	content: "";
	display: block;
	clear: both;
}
.posts {
	min-height: 1px;
}
.posts:after {
	content: "";
	display: block;
	clear: both;
}
.posts li {
	display: block;
	min-height: 1px;
}
.posts li:after {
	content: "";
	display: block;
	clear: both;
}
.posts .date {
	display: inline-block;
	padding: 6px;
	font-size: 11px;
	line-height: 1;
	background: #354973;
	color: #fff;
	margin: 0 0 7px;
}
.posts .date-feature {
	background: #7695b3;
}
.posts .update {
	font-size: 11px;
	line-height: 1;
	color: #9c9b9b;
	margin: 0 0 28px;
}
.posts-sidebar {
	padding: 30px;
	background: #dedcdc;
}
.posts-sidebar .update {
	margin: 0 0 10px;
}
.posts-sidebar-pickup {
	margin: 30px 0 0;
}
.posts-sidebar li {
	margin: 25px 0 0;
}
.posts-sidebar li:first-child {
	margin: 0;
}
.posts-sidebar .image {
	float: left;
	width: 107px;
	margin: 0 13px 0 0;
}
.posts-sidebar .image img {
	width: 107px;
}
.posts-sidebar h5 {
	font-size: 13px;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
}
.posts-sidebar .date {
    display: inline-flex;
	padding: 4px 6px;
    justify-content: flex-start;
    align-items: center;
}

.posts-sidebar .date:not(.date-feature) {
	padding: 0 6px 0 0;
}
.posts-sidebar .date:not(.date-feature)::before {
	content: '開催中';
    margin-right: 4px;
    padding: 4px 6px;
    background: #7695b3;	
}

/* ranking sidebar */
.posts-sidebar-ranking
{
	margin: 0 0 30px;
	background: #fff;
}

#ranking .posts-sidebar-ranking {
	display: none;
}

.posts-sidebar-ranking .posts-sidebar-header
{
	position: relative;

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;

	color: #000;
}

.posts-sidebar-ranking .posts-sidebar-title
{
	width: 38%;
	font-size: 20px;
	line-height: 1;
}

.posts-sidebar-ranking .switch-display
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	width: 62%;
	font-size: 13px;
	line-height: 1;
}

.posts-sidebar-ranking .switch-display span
{
	width: 50%;
	padding: 0 1em;
	text-align: right;
	color: #878686;
	cursor: pointer;
	transition: 0.3s ease;
}
.posts-sidebar-ranking .switch-display span:last-child
{
	text-align: left;
	border-left: 1px solid #878686;
}

.posts-sidebar-ranking .switch-display span.active,
.posts-sidebar-ranking .switch-display span:hover
{
	color: #000;
}

.posts-sidebar-ranking .ranking-display
{
	margin-top: 40px;
}

.posts-sidebar-ranking ul
{
	counter-reset: rank;
}

.posts-sidebar-ranking ul li
{
	position: relative;
	counter-increment: rank;
}

.posts-sidebar-ranking ul li::before
{
	content: counter(rank);
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-family: 'Amiri', serif;
    font-size: 15px;
    background: #7694b3;
}

.posts-sidebar-ranking .image
{
	height: 71px;
	overflow: hidden;
}

.posts-sidebar-ranking ul li .content h5
{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}

.posts-sidebar-ranking .more
{
	margin: 10px 0 0;
	text-align: right;
}

.posts-sidebar-event-title
{
    color: #354973;
    font-weight: bold;
    font-size: 15px;
    padding: 0 0 20px;
}

.posts-sidebar-event-list + .posts-sidebar-event-title
{
	
	margin-top: 26px;
	border-top: 1px solid #c2c0c0;
    padding: 20px 0;
}

@media screen and (max-width: 400px)
{
	.posts-sidebar-event-title
	{
		padding: 10px 0 20px;
	}
}

.posts-related {
	padding: 0 24px 0 54px;
	margin: 30px 0 0 -30px;
}
.posts-related li {
	float: left;
	width: 336px;
	margin: 0 0 30px 30px;
}
.posts-related h4 {
	color: #7695b3;
	font-weight: bold;
	margin: 0 0 20px;
}
.posts-related .date {
	font-size: 10px;
	padding: 4px;
}
.posts-related .update {
	margin: 10px 0 0;
}
.posts-related h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 8px;
}
.posts-related .image {
	float: left;
	width: 107px;
	height: 71px;
	overflow: hidden;
	margin: 0 10px 0 0;
}
.posts-related .image img {
	width: 107px;
}
.posts-related .content {
	float: left;
	width: 212px;
	min-height: 90px;
}
.posts-feature li {
	background: #fff;
	margin: 0 0 30px;
}
.posts-feature li .image {
	float: left;
	width: 390px;
	height: 260px;
	overflow: hidden;
}
.posts-feature li .image img {
	height: 260px;
}
.posts-feature li .content {
	float: left;
	width: 350px;
	padding: 30px 10px 0 30px;
}
.posts-feature li .content h3 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 30px;
}
.posts-feature li .content p {
	font-size: 12px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.posts-feature-link li {
	float: left;
	width: 390px;
	margin: 0 0 30px 30px;
}
.posts-feature-link h4 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 16px;
	font-weight: bold;
}
.posts-feature-link .image {
	width: 390px;
	height: 260px;
	overflow: hidden;
	margin: 0 0 15px;
}
.posts-feature-link .image img {
	height: 260px;
}
.posts-feature-link li:first-child {
	margin-left: 0;
}
.posts-index {
	width: 810px;
	border-bottom: 1px solid #4c4c4c;
}
.posts-index li {
	border-top: 1px solid #4c4c4c;
	padding: 35px 0;
}
.posts-index li .date {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 28px;
	padding: 6px;
}
.posts-index li .image {
	width: 390px;
	float: right;
	overflow: hidden;
	background-color: #f1f0f0;
}
.posts-index li .content {
	float: left;
	width: 390px;
}
.posts-index li .content p {
	font-size: 13px;
	line-height: 2;
	max-height: 72px;
	overflow: hidden;
}
.posts-index li .image img {
	width: 390px;
}
.posts-index li h2 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 34px;
	color: #dbe6f1;
	margin: 0 0 20px;
}
.posts-index li:first-child {
	border: none;
	padding: 0 0 60px;
	position: relative;
}
.posts-index li:first-child .image {
	width: 810px;
	float: none;
	margin: 0 0 24px;
	position: relative;
}
.posts-index li:first-child .content {
	float: none;
	width: auto;
}
.posts-index li:first-child .image img {
	width: 810px;
}
.posts-panel .panel-subtitle {
	margin-bottom: 24px;
	padding: 10px 0 0 2px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000;
	clear: both;
}
.posts-panel ul {
	margin: 0 -30px 0 0;
}
.posts-panel ul:after {
	content: "";
	display: block;
	clear: both;
}
.posts-panel li {
	width: 390px;
	min-height: 496px;
	float: left;
	margin: 0 30px 30px 0;
}
.posts-panel li .image {
	width: 390px;
	height: 261px;
	background: #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.posts-panel li .image a {
    display: block;
    width: 100%;
	height: 100%;
	background-color: #cfcfcf;
}
.posts-panel li .image img {
	height: 100%;
	width: 100%;
    object-fit: cover;
  	font-family: 'object-fit: cover;'; /*IE対策*/
}
@media all and (-ms-high-contrast: none){
	.posts-panel li .image img {
		height: auto;
	}
}
.posts-panel .content {
	background: #fff;
	padding: 18px;
	min-height: 176px;
}
.posts-panel p {
	font-size: 12px;
	line-height: 20px;
	color: #8d8d8d;
	max-height: 60px;
	overflow: hidden;
}
.posts-panel .update {
	margin: 0 0 15px;
}
.posts-panel .date {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px;
}
.posts-panel h3 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	height: 48px;
	overflow: hidden;
	margin: 0 0 20px;
}
.posts-panel h4 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
.posts-panel-main p {
	max-height: 40px;
}
.posts-panel-main .content {
	min-height: 185px;
}
.posts-panel-main.-wide li:first-child {
	width: 810px;
	margin: 0 30px 30px 0;
}
.posts-panel-main.-wide li:first-child .image {
	width: 810px;
	height: auto;
}
.posts-panel-main.-wide li:first-child .image a {
    position: static;
}
.posts-panel-main.-wide li:first-child .image img {
	width: 810px;
}
.posts-panel-main.-wide li:first-child .content {
	background: #fff;
	padding: 25px;
}
.posts-panel-main.-wide li:first-child h3 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 25px;
}
.posts-panel-main.-wide li:first-child p {
	font-size: 13px;
	line-height: 24px;
	color: #484848;
	max-height: 48px;
	overflow: hidden;
}
.posts-panel-sp.posts-index li .promotion_mark {
	margin-top: -16px;
	margin-bottom: 20px;
}
.posts-panel-sp li .promotion_mark {
	margin-top: 0;
	margin-bottom: 14px;
}

.posts-snap {
	margin: 0 0 0 54px;
}
.posts-snap ul {
	margin: 0 -30px 0 0;
}
.posts-snap li {
	float: left;
	width: 138px;
	margin: 0 30px 30px 0;
}
.posts-snap li a:hover {
	opacity: 0.8;
}
.posts-snap li .image {
	width: 138px;
	height: 208px;
	background: #f1f0f0;
	overflow: hidden;
}
.posts-snap li .image img {
	display: inline-block;
	vertical-align: middle;
	height: 208px;
}
.posts-snap .content {
	background: #fff;
	padding: 10px;
}
.posts-snap p {
	display: none;
}
.posts-snap .update {
	margin: 0 0 20px;
}
.posts-snap-index {
	width: 810px;
	margin: 0;
}
.posts-snap-index .image {
	margin: 0 0 13px;
}
.posts-snap-index h2 {
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.posts-snap h3, .posts-snap h4 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	height: 36px;
	overflow: hidden;
	margin: 0 0 20px;
}
.posts-snap-main {
	margin: 0;
}
.posts-snap-main.-isall li:first-child {
	width: 810px;
	margin: 0 30px 30px 0;
}
.posts-snap-main.-isall li:first-child .image {
	width: auto;
	height: auto;
	background: #fff;
	padding: 45px 0 0;
}
.posts-snap-main.-isall li:first-child .image img {
	display: block;
	width: 336px;
	height: auto;
	margin: 0 auto;
}
.posts-snap-main.-isall li:first-child .content {
	background: #fff;
	padding: 25px;
}
.posts-snap-main.-isall li:first-child h3 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 25px;
}
.posts-snap-main.-isall li:first-child p {
	display: block;
	font-size: 13px;
	line-height: 24px;
	color: #484848;
	max-height: 48px;
	overflow: hidden;
}
.section-link .posts-snap-sp li:last-child {
	display: none;
}
.posts-tag {
	margin: -15px auto 0 15px;
	padding: 30px 0 0;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0;
}
.posts-tag > a {
	display: inline-block;
	margin: 15px 15px 0 0;
	padding: 6px 10px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #88accf;
	letter-spacing: .075em;
	border: 1px solid #88accf;
	-webkit-transition: background-color .3s ease, color .3s ease;
			transition: background-color .3s ease, color .3s ease;
}
.posts-tag > a:hover,
.posts-tag > a.current {
	color: #fff;
	background-color: #88accf;
}
.posts-tag > a > span {
	line-height: 14px;
}
.feature-header {
	padding: 56px 0 0;
}
.feature-header .image {
	background: #fff;
}
.feature-header .image img {
	width: 100%;
	margin: 0 auto;
}
.feature-header .image a {
	display: block;
	transition: opacity 0.4s ease;
}
.feature-header .image a:hover {
	opacity: 0.85;
}

.feature-header .content {
	background: #fff;
	padding: 40px 54px;
}
.feature-header .content h2 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 25px;
	color: #7695b3;
	margin: 0 0 30px;
}

.feature-header .content h2 a {
	color: #7695b3;
	transition: color 0.3s ease;
}
.feature-header .content h2 a:hover {
	color: #5d768e;
}

.feature-header .content p {
	font-size: 13px;
	line-height: 2;
}
.pager {
	text-align: center;
}
.pager ul {
	font-size: 0;
	display: inline-block;
}
.pager li span, .pager li a {
	display: block;
	text-align: center;
	padding: 10px;
}
.pager li.current a {
	font-weight: bold;
}
.pager li.prev span {
	padding: 16px;
	width: 16px;
	height: 16px;
}
.pager li.prev a {
	padding: 16px;
	width: 16px;
	height: 16px;
	font-weight: bold;
	border: 1px solid #bdbcbc;
}
.pager li.next span {
	padding: 16px;
	width: 16px;
	height: 16px;
}
.pager li.next a {
	padding: 16px;
	width: 16px;
	height: 16px;
	font-weight: bold;
	border: 1px solid #bdbcbc;
}
.pager li.prev span, .pager li.next span {
	color: #d9d7d7;
	border: 1px solid #d9d7d7;
}
.pager li {
	font-size: 16px;
	line-height: 1;
	margin: 0 0 0 10px;
	display: inline-block;
}
.pager li:first-child {
	margin: 0;
}
.sidebar .shop-info {
	background: #484848;
	color: #f1f0f0;
	padding: 30px;
}
.sidebar .shop-info-top.pc-view {
	margin-bottom: 30px;
}
.sidebar .shop-info-bottom.pc-view {
	margin-top: 30px;
}
.sidebar .shop-info.sp-view {
	display: none;
}
.sidebar .shop-info h5 {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 18px;
	margin: 0 0 10px;
}
.sidebar .shop-info p {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 15px;
}
.sidebar .shop-info li {
	display: inline-block;
	margin: 0 0 0 20px;
}
.sidebar .shop-info li:first-child {
	margin: 0;
}
.sidebar .shop-info a {
	color: #fff;
}
.sidebar .shop-info li a {
	display: block;
	padding: 8px 20px;
	background: #6f6d6d;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.sidebar .shop-info a:hover {
	opacity: 0.8;
}
.floor-guide-menu {
	font-size:0;
	margin: 0 0 30px 0;
}
.floor-guide-menu.fixed {
	width: 1230px;
	position: fixed;
	top: 56px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}
.floor-guide-menu li {
	display: inline-block;
}
.floor-guide-menu li a {
	display: block;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	font-size: 20px;
	line-height: 70px;
	background: #7695b3;
	color: #fff;
	text-align: center;
	width: 69px;
	border-left: 1px solid #8daece;
}
.floor-guide-menu li a:hover, .floor-guide-menu li.current a {
	background: #34587b;
}
.floor-guide-menu li:first-child a {
	border: none;
}
.floor-guide-menu li:last-child a {
	width: 180px;
}
.floor {
	margin: 0 0 30px;
}
.floor .wrapper {
	padding: 40px 54px;
	background: #fff;
}
.floor .wrapper .floor-title {
    font-family: 'Cinzel', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	display: flex;
	justify-content: flex-start;
    align-items: flex-start;
	margin: 0 0 15px;
    flex-wrap: wrap;
}
.floor .wrapper .floor-title .storey {
    color: #6297ca;
    font-size: 55px;
    line-height: 1;
    display: block;
    min-width: 78px;
    height: 44px;
    padding-right: 5px;
    margin-bottom: -2px;
	letter-spacing: -0.1em;
	flex: 0 0 auto;
}
.floor .wrapper .floor-title .storey + .name {
	padding-left: 0;
    flex: 1;
}
.floor .wrapper .floor-title .name {
	font-size: 30px;
    word-break: keep-all;
    line-height: 1;
    min-height: 44px;
	padding-left: 83px;
    overflow: hidden;
    width: 100%;
    flex: 1 1 auto;
}
.floor .wrapper .floor-title .name + .name {
	margin-top: 6px;
}
.floor .wrapper .floor-title .ruby {
	position: relative;
    display: block;
    font-size: 12px;
    margin: 3px 0 3px;
    line-height: 1;
}
.floor .wrapper .floor-title.-b1f .storey {
    letter-spacing: -0.15em;
}
.floor .wrapper .floor-title.-sportsgate .storey {
    height: 32px;
    font-size: 32px;
    margin-top: 11px;
    font-weight: 700;
    letter-spacing: -0.2em;
}
.floor .text {
	padding: 0 54px 0 84px;
}
.floor .text p {
	margin: 0 0 20px 0;
}
.floor .text ul {
	list-style-type: disc;
	margin: 0 0 20px 20px;
}
.floor .text + .floor-title {
	margin-top: 40px;
}

/* 2019-06-05追加 ポップアップ */
.notice-popup
{
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    -webkit-transform: translateZ(1000px);
            transform: translateZ(1000px);
    text-align: center;

    background: rgba(0, 0, 0, .4);

    justify-content: center;
    align-items: center;
}

.notice-popup.show
{
    display: flex;
}

.notice-popup.showForever
{
    display: flex !important;
}

.notice-popup-inner
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: 88%;
    max-width: 560px;
    max-height: calc(100vh - 88px);

    color: #000;
    background: #fff;

    flex-wrap: nowrap;
}

.notice-popup-inner-title
{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 30px 7% 20px;

    text-align: center;

    color: #88acd0;

    flex: 1 0 auto;
}

.notice-popup-inner-body
{
    font-size: 14px;

    display: block;
    overflow-y: auto;

    padding: 0 7%;

    text-align: left;

    color: #000;

    flex: 1 1 auto;
}

@media all and (-ms-high-contrast: none)
{
    .notice-popup-inner-body
    {
        max-height: calc(100vh - 271.8px);
    }
}

.notice-popup-inner-body .image
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.notice-popup-inner-body .image ~ .text
{
    margin: 1em auto 0;
}

.notice-popup-inner-footer
{
    display: flex;
    flex-direction: row;

    box-sizing: border-box;
    width: 100%;
    padding: 25px 7%;

    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 auto;
}

.notice-popup-inner-footer.-nopadding
{
    padding: 0;
}

.notice-popup-inner .link
{
    font-size: 18px;

    display: flex;

    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;

    color: #fff;
    background-color: #88acd0;

    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
}

.notice-popup-inner .button
{
    font-weight: 700;

    display: flex;

    box-sizing: border-box;
    width: 50%;
    min-height: 44px;

    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;

    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
}

.notice-popup-inner .button:nth-of-type(2n)
{
    border-right: none;
}

.notice-popup-close
{
    position: absolute;
    z-index: 100;
    right: -8px;
    bottom: 100%;

    display: block;
    overflow: hidden;

    width: 44px;
    height: 44px;

    cursor: pointer;
}

.notice-popup-close::before,
.notice-popup-close::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 80%;
    height: 2px;

    content: '';
    -webkit-transform-origin: center center;
            transform-origin: center center;
    pointer-events: none;

    background: #fff;
}

.notice-popup-close::before
{
    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
            transform: translate(-50%, -50%) rotateZ(45deg);
}

.notice-popup-close::after
{
    -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
            transform: translate(-50%, -50%) rotateZ(-45deg);
}

.notice-popup-close-forever
{
    font-size: 16px;

    margin-top: 20px;

	color: #88acd0;
	
	cursor: pointer;
}

@media screen and (max-width: 400px)
{
    .notice-popup-inner-title
    {
        font-size: 16px;

        padding: 15px 6% 10px;
    }
    .notice-popup-inner-body
    {
        font-size: 12px;
		padding: 0 6%;
    }
    .notice-popup-inner-footer
    {
        padding: 13px 6%;
	}
	.notice-popup-inner .link
	{
		font-size: 16px;
		line-height: 1;
	}
    .notice-popup-close-forever
    {
		font-size: 12px;
		margin-top: 13px;
    }
}
@media screen and (min-width: 401px)
{
    .notice-popup-inner-body::-webkit-scrollbar
    {
        display: block;

        width: 6px;
    }
    .notice-popup-inner-body::-webkit-scrollbar-thumb
    {
        background: rgba(0, 0, 0, .3);
    }
    .notice-popup-inner-body::-webkit-scrollbar-track
    {
        background: rgba(0, 0, 0, 0);
    }
}

body#index .notice-popup-inner .link
{
    color: #fff;
}

body#index .notice-popup-inner .button
{
    color: #6196c8;
}

.section-instagram h3
{
	text-align: center;
    font-size: 30px;
    padding: 19px 0 0 0;
    overflow: hidden;
    margin-bottom: 50px;
	letter-spacing: .1em;
	font-family: 'Cinzel', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.section-instagram h3 a
{
	
    display: inline-block;
    margin: 0 auto;
}
.instagramList {
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.instagramList::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
	display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-shadow: 0 0 10px 10px #000, inset 0 0 4vw 10px #000, inset 0 0 4vw 10px #000, inset 0 0 4vw 10px #000, inset 0 0 4vw 10px #000;
}
.instagramList-item {
    position: relative;
    display: block;
    width: 16.6%;
    padding-top: 16.6%;
    flex: 0 1 auto;
}
.instagramList-item-link {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
}
.instagramList-item-link:hover {
    background-color: #fff;
}
.instagramList-item-link:hover .instagramList-item-image {
    opacity: 0.7;
}
.instagramList-item-image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: auto 200%;
	transition: all 0.4s ease 0s;
}
.instagramList-item-image.alt {
    background-size: 200% auto;
}

@media screen and (max-width: 400px)
{
	.instagramList::after {
		display: none;
	}
	.instagramList-item {
		width: 33%;
		padding-top: 33%;
		flex: 1 1 auto;
	}
}

/* 2019-08 追加 FEATURE・RECOMMEND・Q＆Aの統合 */

.contentsAfter {
    display: flex;
    flex-wrap: nowrap;

	width: 100%;
    padding: 40px 0 10px 0;
	margin: 0;
	
    background: #fff;

    overflow: hidden;
    justify-content: center;
    align-items: stretch;
}
.contentsAfter-title {
    font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
    text-align: center;
    font-size: 25px;
    line-height: 1;
    margin: 0 0 10px;
}
.contentsAfter-title a {
	color: #7695b3;
}
.contentsAfter .lead {
    text-align: center;
    color: #7695b3;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 30px;
}
.contentsAfter-item {
    width: 390px;
	margin-right: 30px;
	flex: 0 0 auto;
}
.contentsAfter-item:last-of-type {
	margin-right: 0;
}
.contentsAfter-item .image {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 66.6%;
	overflow: hidden;
    background: #f1f0f0;
}
.contentsAfter-item .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
    width: 100%;
	transition: 0.3s ease;
	transform: translate(-50%, -50%);
}
.contentsAfter-item:hover .image img {
	opacity: 0.8;
}
.contentsAfter-item .content {
    padding: 18px;
    min-height: 176px;
}
.contentsAfter-item .content .update {
	font-size: 11px;
    line-height: 1;
    color: #9c9b9b;
    margin: 0 0 15px;
}

.contentsAfter-item .content .title {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
.contentsAfter-item .content .excerpt {
    font-size: 12px;
    line-height: 20px;
    color: #8d8d8d;
    max-height: 60px;
    overflow: hidden;
}

@media screen and (max-width: 400px)
{
	.contentsAfter
	{
		flex-direction: column;
	}
	.contentsAfter-item
	{
		width: 306px;
		margin: 0 auto;
		padding: 30px 0;
		border-top: 1px solid #f5f4f4;
		border-bottom: 1px solid #f0eeee;
	}
	.contentsAfter-item:first-of-type {
		border-top: none;
	}
	.contentsAfter-item:last-of-type {
		margin: 0 auto;
		border-bottom: none;
	}
	.contentsAfter-item .content
	{
		min-height: 80px;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	.contentsAfter-item .content .title
	{
		font-size: 13px;
		margin: 0 0 10px;
	}
	.contentsAfter-item .content .excerpt
	{
		font-size: 11px;
		line-height: 16px;
		max-height: 32px;
	}
}

/* 2019-08 追加 パンクズリストの追加 */

.breadcrumb {
    width: 100%;
	height: 34px;
    margin: 0 auto;
	padding: 56px 0 0;
	background-color: #242424;
    overflow-x: auto;
}
#container > .contents ~ .breadcrumb {
	height: 74px;
	padding: 0;
	border-top: 1px solid rgba(131, 131, 131, 0.5);
	border-bottom: none;
}
.breadcrumb-inner
{
    display: flex;
	width: 1230px;
	max-width: 100%;
	height: 100%;
    margin: 0 auto;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.breadcrumb-item {
    font-size: 11px;
    position: relative;
    white-space: nowrap;
    line-height: 1;
	display: flex;
	padding: 7px 0;
    flex: 0 1 auto;
    justify-content: flex-start;
    align-items: center;
}
.breadcrumb-item a {
	display: block;
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 2rem
}
.breadcrumb-inner > .breadcrumb-item + .breadcrumb-item:before {
    position: absolute;
    left: .5em;
	content: "";
	width: .5em;
	height: .5em;
	transform: rotateZ(45deg);
    border: solid #fff;
    border-width: 1px 1px 0 0;
}
.breadcrumb.-white .breadcrumb-inner > .breadcrumb-item:last-of-type a {
	color: #fff;
}
@media screen and (max-width:400px) {
    .breadcrumb {
		height: 26px;
		width: calc(100% - 30px);
		padding: 40px 15px 0;
	}
	.breadcrumb.event {
		display: none;
	}
	.breadcrumb-item {
		font-size: 10px;
	}
}
@media screen and (min-width:401px) {
	.breadcrumb-inner > .breadcrumb-item + .breadcrumb-item {
		margin-left: 1em;
		padding-left: 1.75em;
	}
	.breadcrumb-inner > .breadcrumb-item + .breadcrumb-item:before {
		left:0;
	}
	.breadcrumb ~ #container > .contents {
		padding: 0;
	}
	.breadcrumb ~ #container > .feature-header {
		padding: 30px 0 0;
	}
	.breadcrumb ~ .event-calendar-block  {
		padding: 24px 0 0;
	}
	.breadcrumb ~ .event-calendar-block ~ #container > .contents {
		padding: 56px 0 0;
	}
}


@media screen and (max-width:400px) {
	.floor .wrapper .floor-title .name
	{
		font-size: 22px;
		padding-left: 0;
		min-height: 33px;
	}
	.floor .text + .floor-title {
		margin-top: 40px;
	}
	.floor .wrapper .floor-title .storey {
		font-size: 30px;
		padding-top: 4px;
		height: 23px;
		min-width: 46px;
	}
	.floor .wrapper .floor-title .ruby {
		font-size: 11px;
	}
	.floor .wrapper .floor-title .name {
		font-size: 16px;
	}
	.floor .wrapper .floor-title.-sportsgate .storey {
		font-size: 16px;
		height: 23px;
		margin-top: 0;
	}
}
.floor .link {
	padding: 0 54px 0 84px;
}
.floor .link ul {
	list-style-type: none;
	margin: 0;
}
.floor .link li {
	font-size: 10px;
	line-height: 1;
	display: inline;
	margin: 0 0 0 15px;
}
.floor .link li:first-child {
	margin: 0;
}
.floor .link li a {
	display: inline-block;
	border: 1px solid #a8a8a8;
	padding: 10px;
}
.posts-related-floor {
	padding: 0 0 0 84px;
}
.posts-related-floor h4 {
	margin: 10px 0;
}
.posts-related-floor li {
	width: 282px;
	margin: 0 55px 10px 0;
}
.posts-related-floor li:nth-child(2n) {
	margin: 0;
}
.posts-related-floor .image {
	width: 114px;
	height: 80px;
}
.posts-related-floor .content {
	width: 158px;
}
.sidebar-app {
	background: #fff;
	margin: 30px 0 0 0;
	padding: 17px;
	min-height: 1px;
}
.sidebar-app:after {
	content: "";
	display: block;
	clear: both;
}
.sidebar-app .image {
	float: left;
	margin: 0 17px 0 0;
}
.sidebar-app .image img {
	display: block;
	width: 107px;
	height: 107px;
}
.sidebar-app .content {
	margin: 0 0 0 124px;
}
.sidebar-app .content h5 {
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	margin: 0 0 15px 0;
}
.sidebar-app .content p {
	font-size: 13px;
	line-height: 18px;
}
.sidebar-banner {
	margin: 30px 0 0 0;
	line-height: 1;
	background-color: #f1f0f0;
}
.sidebar-banner img {
	width: 100%;
	display: block;
	vertical-align: top;
	transition: 0.3s ease;
}
.sidebar-banner:hover img {
	opacity: 0.8;
}

/**
 * Brand Index
 */
.brand-index {
	background: #fff;
}
.brand-index-comment {
	font-size: 12px;
	color: #000;
    margin: 0 auto 10px;
}
.brand-index-comment .brand-link {
    font-weight: bold;
		color: #7695b3;
		margin-left: .5em;
}
.brand-content {
	padding: 30px;
}
.brand-content-list li {
	display: table;
	border-bottom: 1px solid #f1f0f0;
}
.brand-content-list h5 {
	font-weight: bold;
	color: #7695b3;
}
.brand-content-list .brand {
	display: table-cell;
	font-weight: bold;
	width: 450px;
	padding: 16px 8px 16px 23px;
	box-sizing: border-box;
}
.brand-content-list .brand-related {
	padding: 16px 8px;
}
.brand-content-list .floor {
	display: table-cell;
	width: 300px;
	padding: 16px;
	box-sizing: border-box;
}
.brand-content-list li li {
	display: block;
	border: none;
}
.brand-content-floor .brand-related a,
.brand-content-list .brand-related a {
	color: #7695b3;
}
.brand-content-floor .brand-related a:before,
.brand-content-list .brand-related a:before {
	content: "◆ ";
	font-size: 11px;
}
.brand-content-floor li span,
.brand-content-list span {
	color: #a5a5a5;
	font-weight: normal;
	margin: 0 0 0 10px;
}
.brand-content-floor a:hover span,
.brand-content-list a:hover span {
	color: #7695b3;
}
.brand-content-floor ul {
	margin: 0 0 0 44px;
}
.brand-content-floor li {
	font-weight: bold;
	padding: 16px 8px;
	border-bottom: 1px solid #f1f0f0;
}
.brand-content-floor li:first-child {
	border-top: 1px solid #f1f0f0;
}
.brand-content h2 {
	font-size: 23px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	margin: 0 0 30px 0;
}
.brand-content h2 span {
	color: #959595;
	margin: 0 0 0 25px;
}
.brand-content h2 a {
	font-size: 13px;
	margin: 0 0 0 10px;
	text-decoration: underline;
}
.brand-content .image {
	margin: 0 0 60px 0;
}
.brand-content .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.brand-content .description {
	line-height: 2;
	margin: 0 0 60px 0;
}
.brand-content .storeurl {
	margin: -20px 0 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.brand-content .storeurl .btn {
	display: inline-block;
	padding: 18px 22px 15px;
	color: #fff;
	letter-spacing: .065em;
	background: #7695b3;
	transition: all 0.4s ease 0s;
}
.brand-content .storeurl .btn:hover {
	background: #34587b;
}
.brand-content .storeurl .brandname {
	display: block;
	font-size: 16px;
	line-height: 1.3;
}
.brand-content .storeurl .brandname:after {
	content: "＞";
	margin-left: 3px;
	font-size: 12px;
	vertical-align: text-bottom;
}
.brand-content .storeurl .onlinestore {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #bccdde;
}
.box-floor {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 60px 0;
	border: 1px solid #d2d1d2;
	min-height: 1px;
}
.box-floor:after {
	content: "";
	display: block;
	clear: both;
}
.box-floor dt {
	display: table-cell;
	background: #9b9a9a;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	padding: 16px;
}
.box-floor dd {
	display: table-cell;
	font-size: 16px;
	padding: 8px 16px;
	vertical-align: middle;
}
.brand-index .posts-related {
	margin-top: 15px;
	padding-top: 30px;
	border-top: 1px solid #f1f0f0;
}
.brand-index-menu {
	font-size: 0;
	margin: 0 0 30px 0;
}
.brand-index-menu.fixed {
	position: fixed;
	width: 1230px;
	top: 56px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}
.brand-index-menu li {
	display: inline-block;
}
.brand-index-menu li a {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	background: #7695b3;
	border-left: 1px solid #8daece;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	width: 30px;
	padding: 0;
	box-sizing: border-box;
}
.brand-index-menu li a:hover {
	background: #34587b;
}
.brand-index-menu .floor {
	width: 810px;
	background: #f1f0f0;
	padding: 10px 0 0 0;
}
.brand-index-menu .floor li a {
	width: 74px;
	line-height: 60px;
	padding: 0;
}
.brand-index-menu .floor li:last-child a {
	width: 143px;
	border-left: 2px solid #fff;
}
.brand-index .floor-header {
	background: #dedcdd;
	padding: 36px 30px;
	font-size: 18px;
}
.brand-index .floor-header dt {
	float: left;
	font-weight: bold;
}
.brand-index .floor-header dd {
	margin: 0 0 0 50px;
}
.brand-index .floor-header-sportsgate dt {
	margin: 0 10px 0 0;
}
.brand-index .floor-header-sportsgate dd {
	margin: 0;
}
.brand-index .floor-header dd a {
	color: #7695b3;
}
.brand-content-floor dl {
	font-weight: bold;
	margin: 0 0 30px;
}
.brand-content-floor dt {
	float: left;
}
.brand-content-floor dd {
	margin: 0 0 0 50px;
}
.brand-content-floor-sportsgate dt {
	margin: 0 10px 0 0;
}
.brand-content-floor-sportsgate dd {
	margin: 0;
}
.brand-index .tags {
	padding: 45px 30px 30px;
	border-top: 1px solid #f1f0f0;
}

/**
 * photo
 */
body#photo {
	color: #fff;
	background: #000;
}
body#photo .header {
	border-bottom: 1px solid #424242;
}
body#photo .contents {
	background: #000;
}
.photo-gallery ul {
	font-size: 0;
	margin: 0 0 0 -30px;
}
.photo-gallery li {
	vertical-align: top;
	display: inline-block;
	width: 390px;
	margin: 0 0 30px 30px;
}
.photo-gallery li img {
	width: 100%;
	display: block;
}
.post-photo {
	width: 1000px;
	margin: 0 auto;
}
.post-photo h2 {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 13px;
	line-height: 85px;
	text-align: center;
}
.post-photo h2 a {
	color: #fff;
}
.post-photo .image {
	position: relative;
	margin: 0 0 25px;
}
.post-photo .image a.prev,
.post-photo .image a.next {
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	display: block;
	width: 300px;
	height: 100%;
}
.post-photo .image a.prev {
	left: 0;
}
.post-photo .image a span {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	background: url(/images/photo/sprite@2x.png) no-repeat top left;
	width: 11px;
	height: 0;
	padding: 17px 0 0 0;
	overflow: hidden;
	background-size: 22px 34px;
}
.post-photo .image a.prev span {
	left: 40px;
}
.post-photo .image a.prev:hover span {
	background-position: 0 -17px;
}
.post-photo .image a.next span {
	right: 40px;
	background-position: -11px 0;
}
.post-photo .image a.next:hover span {
	background-position: -11px -17px;
}
.post-photo .image a.next {
	right: 0;
}
.post-photo .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.post-photo .caption {
	margin: 0 0 25px;
	text-align: center;
	font-size: 92%;
}
.post-photo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 0;
	text-align: center;
	margin: 0 0 25px;
	padding: 0 200px;
}
.post-photo li {
	margin: 5px;
	width: 50px;
}
.post-photo li img {
	display: block;
	width: 100%;
}
.post-photo li.current a,
.post-photo li a:hover {
	display: block;
	background: #7496c8;
}
.post-photo li.current a img,
.post-photo li a:hover img {
	opacity: 0.2;
}
.post-photo .back-to-photo {
	background: url(/images/photo/backtophoto@2x.png) no-repeat top left;
	background-size: 119px 34px;
	display: block;
	width: 119px;
	height: 0;
	padding: 17px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 25px;
}
.post-photo .back-to-photo:hover {
	background-position: 0 -17px;
	transition: none;
}
.section-qa {
	margin-bottom: 50px;
}
.section-photo {
	position: relative;
	max-width: 2200px;
}
.section-photo h3 a {
	display: block;
	background: url(/images/photo/title@2x.png) no-repeat top left;
	background-size: 112px 38px;
	width: 112px;
	height: 0;
	padding: 19px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 50px;
}
.section-photo h3 a:hover {
	transition: none !important;
	background-position: 0 -19px;
}
.section-photo a.thumbnail {
	display: block;
	background: url(/images/pickup_blur_left.png) no-repeat top left,
				url(/images/pickup_blur_right.png) no-repeat top right,
				url(/images/upload/photo_thumbnail.jpg) no-repeat center top;
	width: 100%;
	height: 0;
	padding: 450px 0 0 0;
	overflow: hidden;
}
.section-photo a.thumbnail:hover {
	opacity: 0.8;
}
.product-link {
	border: 1px solid #6297ca;
	padding: 30px;
	margin: 0 0 40px;
}
.product-link .image {
	vertical-align: top;
	display: inline-block;
	width: 350px;
	margin: 0 30px 0 0;
}
.product-link .image img {
	display: block;
	width: 100%;
}
.product-link .content {
	vertical-align: top;
	display: inline-block;
	width: 260px;
	margin: 0;
	padding: 0;
}
.product-link .content ul {
	line-height: 2;
    margin: 0 0 30px;
}
.product-link .content li.label {
	display: inline-block;
	background: #000;
	color: #6297ca;
	font-size: 12px;
	padding: 0 10px;
}
.product-link .content li.brand {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 16px;
}
.product-link .content li h5 {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 22px;
    line-height: 30px;
}
.product-link .content li.price {
	font-size: 20px;
}
.product-link .content li.price span {
	font-size: 11px;
}
.product-link .btn {
	background: #88accf;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 20px 0;
    text-align: center;
    width: 240px;
    text-decoration: none;
}
.product-link a.btn:hover {
	opacity: 0.8;
}
.product-link span.btn {
	background: #d2d1d2;
}
.pickup-posts {
	margin: 0 0 50px;
}
.pickup-posts h4 {
	font-weight: bold;
	margin: 0 0 20px;
}
.pickup-posts li {
	margin: 15px 0 0 0;
	border-left: 5px solid #88accf;
	padding: 0 0 0 10px;
}
.pickup-posts li:first-child {
	margin: 0;
}
.pickup-toggle {
	margin: 15px 0 0;
	padding-right: 15px;
	text-align: right;
}
.pickup-toggle > a {
	text-decoration: none;
}
.banner-sidebar {
	margin: 30px 0 0 0;
	line-height: 1;
	background-color: #f1f0f0;
}
.banner-sidebar img {
	max-width: 390px;
	display: inline-block;
	vertical-align: top;
	transition: 0.3s ease;
}
.banner-sidebar:hover img {
	opacity: 0.8;
}

#smartbanner { position:absolute; left:0; top:-82px; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:#fff; z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:14px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px;}
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; font-weight:normal;}
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }
#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }
#smartbanner.android { background: #fff; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#333;}
#smartbanner.android .sb-info strong { color:#333; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #999; padding:1px; color:#999; background: none; border-radius: 0; box-shadow: none;}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }
#smartbanner.windows .sb-icon { border-radius: 0px; }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.section-pickup {
	max-width: 100%;
	margin-bottom: 30px;
}
.section-pickup li {
	position: relative;
	width: 800px !important;
	height: 495px;
	overflow: hidden;
}
.section-pickup li .image {
	display: block;
	background-color: #f1f0f0;
}
.section-pickup li .image img {
	display: block;
	width: 100%;
	transition: 0.3s ease;
}
.section-pickup li:hover .image img {
	opacity: 0.85;
}
.section-pickup li .content {
	background: url(/images/pickup_blur_bottom.png) repeat-x bottom left;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 300px;
}
.section-pickup li .wrapper {
	font-size: 16px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: bold;
	padding: 180px 80px 0 80px;
}
.section-pickup li .content strong {
	font-weight: normal;
	color: #6297ca;
}
.section-pickup li .content h2 {
	color: #fff;
}
.section-pickup li .content .promotion_mark {
	margin: 8px 0 0 2px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	display: block;
}
.bx-wrapper .bx-viewport {
	left: 0;
	background: #000;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-viewport {
	height: 495px !important;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-prev {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 279px;
	height: 100%;
	background: url(/images/pickup_blur_left.png) no-repeat top left;
	text-indent: -9999px;
}
.bx-wrapper .bx-prev:after {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 20px;
	content: "";
	display: block;
	background: url(/images/photo/sprite@2x.png) no-repeat top left;
	background-size: 22px 34px;
	background-position: 0 0;
	width: 11px;
	height: 17px;
}
.bx-wrapper .bx-prev:hover:after {
	background-position: 0 -17px;
}
.bx-wrapper .bx-next {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 279px;
	height: 100%;
	background: url(/images/pickup_blur_right.png) no-repeat top right;
	text-indent: -9999px;
}
.bx-wrapper .bx-next:after {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 20px;
	content: "";
	display: block;
	background: url(/images/photo/sprite@2x.png) no-repeat top left;
	background-size: 22px 34px;
	background-position: -11px 0;
	width: 11px;
	height: 17px;
}
.bx-wrapper .bx-next:hover:after {
	background-position: -11px -17px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#last-modified {
	float: right;
}

@media (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	a.pagetop span {
		background-image: url(/images/pagetop@2x.png);
		background-size: 100%;
	}
	body#index a.pagetop span {
		background-image: url(/images/pagetop_black@2x.png);
		background-size: 100%;
	}
	body#index a.pagetop:hover span {
		background-image: url(/images/pagetop@2x.png);
		background-size: 100%;
	}
	.header h1 a {
		background-image: url(/images/header_logo@2x.png?20150519);
		background-size: 100%;
		background-position: 50% 50%;
	}
	body#index .header h1 a {
		background-image: url(/images/index_header_logo@2x.png?20160623);
		background-size: 100%;
		background-position: 50% 50%;
	}
	.footer h1 a {
		background-image: url(/images/footer_logo@2x.png);
		background-size: 100%;
	}
	.page-header-tag h2 {
		background-image: none;
	}
	.page-header-photo h2 {
		background: url(/images/photo/title@2x.png) no-repeat top left;
		background-size: 112px 38px;
	}
}

@media screen and (min-width:1025px) {
	body#index .footer .floor h4 a.floorguide,
	.footer .floor h4 a.floorguide {
		margin: 0 30px 0 0;
	}
	body#index .footer .floor h4 a.brandindex,
	.footer .floor h4 a.brandindex {
		margin: 0 0 0 30px;
	}
}
@media screen and (min-width:401px) and (max-width:1024px) {
	body#index .header .global-nav .search-box {
		display: none;
	}
}

@media screen and (max-width:1024px) {
	#header, #container {
		-webkit-transform: translate3d(0, 0, 1px);
				transform: translate3d(0, 0, 1px);
		-webkit-transition: .3s -webkit-transform ease-in-out;
				transition: .3s transform ease-in-out;
	}
	#header.show, #container.show, #brandIndex.show, #floorGuide.show {
		-webkit-transform: translate3d(240px, 0, 1px);
				transform: translate3d(240px, 0, 1px);
	}
	#brandIndex, #floorGuide {
		-webkit-transform: translate3d(0, 0, 1px);
				transform: translate3d(0, 0, 1px);
		-webkit-transition: .3s -webkit-transform ease-in-out;
				transition: .3s transform ease-in-out;
	}
	.floor-guide-menu {
		-webkit-transform: translate3d(0, 0, 100px);
				transform: translate3d(0, 0, 100px);
	}
	.floor-guide-menu.fixed, .brand-index-menu.fixed {
		width: 810px;
	}
	a.pagetop {
		width: 40px;
		height: 40px;
		-webkit-transform: translate3d(0, 0, 100px);
				transform: translate3d(0, 0, 100px);
	}
	a.pagetop span {
		margin-top: 11px;
	}
	body#index .bg-wrapper {
		width: auto;
		background: #000;
	}
	.container {
		width: 810px;
	}
	.header .container {
		width: 100%;
	}
	body#index .header .container {
		width: 810px;
	}
	.header {
		position: fixed;
		z-index: 2000;
		max-width: auto;
		background: #000;
		padding: 0;
	}
	.header h1 a,
	.header h1 .logo {
		width: 280px;
		height: 56px;
		background-size: 100%;
		margin: 0 auto;
	}
	/* .header h1.app a,
	.header h1.app .logo {
		background-image: url(/images/app_header_logo.png?20150519);
	} */
	.global-nav li {
		display: none;
	}
	.header .global-nav ul {
		position: absolute;
		top: 3px;
		left: 0;
		width: 40px;
	}
	body#index .global-nav ul {
		width: auto;
	}
	.header .global-nav li:first-child {
		display: block;
		width: 40px;
	}
	.header .global-nav li span.menu {
		background: url(/images/svg/icon_menu.svg) no-repeat 50% 50%;
		float: none;
		width: 56px;
		height: 50px;
		text-indent: -9999px;
		background-size: 20px;
		margin: 0;
		display: block;
	}

	.header .global-nav li.store,
	.header .global-nav li.ranking {
		position: absolute;
		top: -2px;
		display: block;
		width: 56px;
		height: 56px;
		
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.header .global-nav li.store {
		left: 770px;
	}
	.header .global-nav li.ranking {
		left: 710px;
	}
	body#index .header .global-nav li.store,
	body#index .header .global-nav li.ranking {
		display: none;
	}
	.header .global-nav li.store a {
		float: none;
		margin: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url(/images/svg/icon_cart.svg) no-repeat 50% 50%;
		background-size: 24px;
	}
	.header .global-nav li.ranking a {
		float: none;
		margin: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url(/images/svg/icon_ranking.svg) no-repeat 75% 50%;
		background-size: 24px;
	}

	.global-nav .search-box {
		height: 56px;
		top: 0;
		left: 56px;
		right: auto;
		width: 56px;
		text-align: left;
	}
	.global-nav .search-box.active {
		left: 56px;
		right: auto;
		width: 380px;
		text-align: left;
	}
	.global-nav button {
		background: url(/images/svg/icon_search.svg) no-repeat 30% 50%;
		background-size: 19px;
		width: 56px;
		height: 56px;
		border: none;
	}
	.global-nav form.active button {
		background: url(/images/svg/icon_search_gray.svg) no-repeat 50% 50%;
		background-size: 19px;
		width: 56px;
		height: 56px;
	}

	body#index .global-nav button {
		display: none;
	}

	.global-nav-index li a {
		background-image: url(/images/tb_index_global_nav@2x.png);
		background-size: 640px 294px;
		height: 42px;
		margin: 0 0 0 auto;
	}
	.global-nav-index li a.event, .global-nav-index li.current a.event {
		width: 160px;
		background-position: 0 0;
	}
	.global-nav-index li a.event:hover {
		background-position: -320px 0;
	}
	.global-nav-index li a.feature, .global-nav-index li.current a.feature {
		width: 204px;
		background-position: 0 -42px;
	}
	.global-nav-index li a.feature:hover {
		background-position: -320px -42px;
	}
	.global-nav-index li a.recommend, .global-nav-index li.current a.recommend {
		width: 306px;
		background-position: 0 -84px;
	}
	.global-nav-index li a.recommend:hover {
		background-position: -320px -84px;
	}
	.global-nav-index li a.snap, .global-nav-index li.current a.snap {
		width: 120px;
		background-position: 0 -126px;
	}
	.global-nav-index li a.snap:hover {
		background-position: -320px -126px;
	}
	.global-nav-index li a.review, .global-nav-index li.current a.review {
		width: 314px;
		background-position: 0 -168px;
	}
	.global-nav-index li a.review:hover {
		background-position: -320px -168px;
	}
	.global-nav-index li a.qa, .global-nav-index li.current a.qa {
		width: 110px;
		background-position: 0 -210px;
	}
	.global-nav-index li a.qa:hover {
		background-position: -320px -210px;
	}
	.global-nav-index li a.news, .global-nav-index li.current a.news {
		width: 138px;
		background-position: 0 -252px;
	}
	.global-nav-index li a.news:hover {
		background-position: -320px -252px;
	}
	.footer .global-nav-footer ul {
		display: none;
	}
	.posts-index li:first-child
	{
		padding: 0;
	}
	.posts-index li:first-child .image {
		width: 390px;
		float: right;
		margin: 0;
		overflow: visible;
	}
	.posts-index li:first-child .image::after {
		content: "";
		pointer-events: none;
		position: absolute;
		left: -5px;
		bottom: -5px;
		display: block;
		width: calc(100% + 10px);
		height: calc(100% + 10px);
		background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(104,104,104,0) 35%, rgba(0,0,0,0.6) 59%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(104,104,104,0) 35%,rgba(0,0,0,0.6) 59%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(104,104,104,0) 35%,rgba(0,0,0,0.6) 59%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
	}
	.posts-index li:first-child .content {
		float: left;
		width: 390px;
	}
	.posts-index li:first-child .image img {
		width: 390px;
	}
	.main {
		float: none;
		margin: 30px 0;
	}
	.main-content-error {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.sidebar {
		float: none;
		width: auto;
	}
	.sidebar .shop-info.pc-view {
		display: none;
	}
	.sidebar .shop-info.sp-view {
		display: block;
		padding: 30px 15px;
	}
	.sidebar .shop-info.sp-view ul {
		display: flex;
		justify-content: space-between;
	}
	.sidebar .shop-info.sp-view li {
		width: 47%;
		margin: 0;
	}
	.sidebar .shop-info.sp-view .businesstime {
		/* height: 44px; */
		height: auto;
		overflow: hidden;
	}
	.section {
		margin: 0 auto 50px;
	}
	.section .contaienr {
		overflow: hidden;
	}
	.section .more {
		margin-top: 20px;
		width: auto;
		font-size: 0;
	}
	.section .more > a {
		margin: 0;
		width: 145px;
		font-size: 12px;
	}
	.section-recommend .more > a {
		width: 160px;
	}
	.section .more > a + a {
		margin-left: 16px;
	}
	.section-link {
		width: auto;
		margin: 0 auto;
	}
	.section .global-nav-index ul {
		position: static;
	}
	.section .global-nav-index li a {
		margin: 0;
	}
	.section .global-nav-index li {
		display: none;
	}
	.section .global-nav-index li.current {
		display: block;
		margin: 0 0 20px;
	}
	.section-recent li:nth-child(3) {
		display: none;
	}
	.section-event, .section-feature, .section-recommend, .section-snap, .section-qa {
		background: none;
	}
	.section-event .posts-index li:first-child .image {
		margin-bottom: 22px
	}
	
	/* .section-event .posts-index li:first-child .image::after {
		background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(104,104,104,0) 35%,rgba(0,0,0,0.6) 47%,rgba(0,0,0,1) 55%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
	} */
	.section-link .posts-snap {
		margin: 0;
	}
	.section-link .posts-feature-link li:nth-child(3), .section-link .posts-panel li:nth-child(3) {
		display: none;
	}
	.section-pickup {
		margin-bottom: 30px;
	}
	.footer .map {
		float: none;
		margin: 0 0 30px;
	}
	.footer .sns {
		width: 137px;
	}
	.footer .link {
		width: 234px;
	}
	.footer .app {
		width: 379px;
	}
	.footer .app h5 span {
		margin: 0 0 5px;
		display: block;
		font-size: 18px;
	}
	.footer .utility {
		padding: 0;
	}
	#slidemenu {
		display: block;
		box-sizing: border-box;
		width: 240px;
		height: 100%;
		background: #000;
		position: fixed;
		padding-top: 2px;
		left: 0;
		top: 0;
		visibility: hidden;
		-webkit-transition: visibility 0s linear .3s;
				transition: visibility 0s linear .3s;
	}
	#slidemenu.show {
		visibility: visible;
		z-index: 1000;
		-webkit-transition: z-index 0s linear .3s;
				transition: z-index 0s linear .3s;
	}
	#slidemenu > a.close {
		color: #b4b4b4;
		display:block;
		font-size:12px;
		font-weight:bold;
		line-height:1;
		padding: 21px 12px 21px 14px;
		border-bottom:1px solid #4c4c4c;
	}
	#slidemenu .slidemenu__inner {
		overflow-y: scroll;
		height: calc(100% - 50px);
	}
	#slidemenu > .slidemenu__inner ul {
		font-size: 0;
	}
	#slidemenu > .slidemenu__inner ul li {
		display: inline-block;
		width: 50%;
		font-size: inherit;
		box-sizing: border-box;
		border-bottom:1px solid #4c4c4c;
	}
	#slidemenu > .slidemenu__inner ul li.single {
		display: block;
		width: 100%;
	}
	#slidemenu > .slidemenu__inner ul li.even {
		border-left: 1px solid #4c4c4c;
	}
	#slidemenu > .slidemenu__inner ul li a {
		color:#fff;
		display:block;
		font-size:12px;
		font-weight:bold;
		line-height:1;
		padding:17px 12px 17px 14px;
	}
	.post-photo {
		width: 810px;
	}
	.post-photo .image img {
		width: 100%;
	}
	.bx-wrapper .bx-prev {
		background: url(/images/tb_pickup_blur_left.png) no-repeat left top;
		width: 150px;
	}
	.bx-wrapper .bx-next {
		margin: 0 0 0 0;
		background: url(/images/tb_pickup_blur_right.png) no-repeat left top;
		width: 150px;
	}
	.section-photo a.thumbnail {
		background: url(/images/pickup_blur_left.png) no-repeat -80px top,
					url(/images/pickup_blur_right.png) no-repeat right -80px top,
					url(/images/upload/photo_thumbnail.jpg) no-repeat center top;
	}
}

@media screen and (max-width:400px) {
	html {
		overscroll-behavior: none;
	}
	body {
		overscroll-behavior: none;
	}
	.header {
		top: auto;
	}
	#header.hide:not(.app) {
		transform: translateY(-40px);
	}

	.header .global-nav li span.menu {
		width: 40px;
		height: 40px;
		background-size: 15px;
	}

	.header .global-nav li.store,
	.header .global-nav li.ranking {
		top: 0px;
		width: 40px;
		height: 40px;
	}
	.header .global-nav li.store {
		left: 280px;
	}
	.header .global-nav li.ranking {
		left: 240px;
	}
	.header .global-nav li.store a {
		background-size: 18px;
	}
	.header .global-nav li.ranking a {
		background-size: 18px;
	}
	body#index .header .global-nav li.store,
	body#index .header .global-nav li.ranking {
		display: block;
	}
	body#index .header .global-nav li a.store {
		background-position: 50% 50%;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	#slidemenu > a.close {
		padding: 13px 12px 13px 14px;
	}

	.container {
		width: 100%;
		margin: 0 auto;
	}
	.contents .container, .section .container {
		width: 306px;
	}
	.promotion_mark img {
		max-height: 9px;
	}
	/* post detail background setting */
	body#post .contents .container .main-content {
		width: 320px;
		margin-left: -7px;
		margin-right: auto;
	}

	.contents {
		padding: 0;
		background: #f1f0f0;
	}
	.contents-feature {
		padding: 30px 0 0 0;
	}
	body#post .contents-feature {
		padding-top: 15px;
	}
	.main {
		width: auto;
		margin: 0;
		background: #f1f0f0;
	}
	.main-content {
		background: #fff;
	}
	.main-content-error {
		margin: 0 0 30px 0;
	}
	.feature-header {
		padding: 0;
	}
	.feature-header .content {
		padding: 15px;
	}
	.feature-header .content h2 {
		font-size: 18px;
		line-height: 26px;
		margin: 0 0 15px;
	}
	.feature-header .content p {
		font-size: 11px;
		line-height: 1.8;
	}
	.page-header-tag h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.page-header {
		background: #f1f0f0;
		border: none;
		padding: 20px 0 20px 0;
		margin: 0 auto;
		width: 306px;
	}
	.page-header .page-title-img {
		padding: 15px 0;
		text-align: center;
	}
		.page-header .page-title-img img {
			max-width: 145px;
			vertical-align: top;
		}
	.page-header p span {
		display: block;
	}
	.page-header .page-header-description {
		font-size: 11px;
		color: #7E7B7B;
	}
	.page-header-photo {
		background: none;
		padding: 30px 0;
		border: none;
	}
	.meta {
		margin: 0 0 20px;
	}
	.header, body#index .header {
		position: fixed;
		height: auto;
		max-width: auto;
		background: #000;
		padding: 0;
		z-index: 1000;
	}
	body#index .header .container {
		width: auto;
	}
	.header h1 a {
		background-image: url(/images/sp_header_logo@2x.png?20150519);
		width: 150px;
		height: 40px;
	}
	/*.header h1.app a,
	.header h1.app .logo {
		background-image: url(/images/sp_app_header_logo@2x.png?20150519);
		width: 153px;
		height: 49px;
	}*/
	body#index .header h1 a {
		background-image: url(/images/sp_header_logo@2x.png?20150519);
		width: 150px;
		height: 40px;
		background-size: 100%;
		margin: 0 auto;
		padding: 0;
	}
	/* body#index .header h1.app a {
		background-image: url(/images/sp_app_header_logo@2x.png?20150609);
		width: 120px;
		height: 40px;
		background-size: 100%;
		margin: 0 auto;
		padding: 0;
	} */
	body#index .header .global-nav {
		position: static;
	}
	body#index .header .global-nav li,
	.global-nav-index li {
		display: none;
	}
	body#index .header .global-nav .search-box,
	body#index .header .global-nav li:first-child,
	body#index .header .global-nav li.store,
	body#index .header .global-nav li.ranking
	 {
		display: block;
	}
	body#index .header .global-nav ul,
	.header .global-nav ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		margin: 0;
		padding: 0;
	}
	body#index .header .global-nav .search-box,
	.global-nav .search-box {
		height: 40px;
		top: 0;
		left: 40px;
		right: auto;
		width: 40px;
		text-align: left;
	}

	body#index .header .global-nav .search-box.active,
	.global-nav .search-box.active {
		left: auto;
		right: 0;
		width: calc(100% - 40px);
		text-align: left;
	}

	body#index .global-nav button,
	.global-nav button {
		background: url(/images/svg/icon_search.svg) no-repeat 30% 50%;
		background-size: 15px;
		width: 36px;
		height: 40px;
		border: none;
		display: block;
	}
	body#index .global-nav form.active button,
	.global-nav form.active button {
		background: url(/images/svg/icon_search_gray.svg) no-repeat 50% 50%;
		background-size: 17px;
		width: 40px;
		height: 40px;
		display: inline-block;
	}
	.footer {
		padding: 30px 0;
	}
	.footer h1 a {
		display: none;
	}
	.footer .container {
		width: 306px;
	}
	.footer .box {
		padding: 0;
		border: none;
		margin: 0 0 30px;
	}
	.footer .map {
		width: auto;
		padding: 0 0 15px;
		border-bottom: 1px solid #4c4c4c;
	}
	.footer .map .access {
		float: none;
		width: 100%;
	}
	.footer .map .access h5 {
		margin-bottom: 15px;
	}
	.footer .map .access .businesstime {
		position: relative;
		display: block;
		/* height: 44px; */
		height: auto;
		overflow: hidden;
	}
	.footer .map-image {
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}
	.footer .map-image-wrapper {
		display: inline-block;
		overflow: hidden;
		width: 50%;
		padding-top: 33.4%;
		margin-right: 14px;
		background: url(/images/map_sp.png) no-repeat 0 0;
		background-size: 100%;
	}
	.footer .map-image img {
		float: none;
		margin: 0;
		display: none;
	}
	.footer .floor {
		width: auto;
		float: none;
		padding: 0 0 15px;
		border-bottom: 1px solid #4c4c4c;
	}
	.footer .floor h4 a.floorguide {
		display: block;
		margin: 0 0 10px 0;
	}
	.footer .floor h4 a.brandindex {
		display: block;
		margin: 0;
	}
	.footer .floor h4 span {
		display: none;
	}
	.footer .floor .floor-inset {
		flex-direction: column;
		justify-content: flex-start;
	}
	.footer .floor .floor-inset-block {
		font-size: 12px;
		width: 100%;
	}
	.footer .floor dt {
		width: 40px;
	}
	.footer .floor dd {
		margin: 0 0 0 40px;
	}
	.footer .utility .sns, .footer .utility .link, .footer .utility .app {
		float: none;
		width: auto;
		margin: 0 0 30px;
	}
	.footer .other {
		width: 100%;
	}
	.footer .app a {
		display: block;
	}
	.footer .app a.appstore {
		margin: 0 0 10px;
	}
	.footer .app h5 {
		font-size: 11px;
	}
	.footer .footer-links {
		display: block;
		margin: 15px 0 0;
	}
	.footer p.copyright {
		display: block;
		margin: 15px 0 0;
		position: static;
	}
	.footer p.copyright br {
		display: inline-block;
	}
	.section {
		margin: 0 auto 25px;
	}
	body#index .bg-wrapper .section {
		margin: 0 auto 40px;
	}
	body#index .section-keyword li a {
		font-size: 10px;
	}
	.section .container {
		width: 306px;
	}
	.section .global-nav-index {
		display: block;
	}
	.section .global-nav-index li.current {
		margin: 0;
		position: relative;
		top: 15px;
		z-index: 100;
	}
	.section-recent {
		padding: 0;
		margin: 0;
	}
	.section-recent li {
		border-top: 1px solid #4c4c4c;
		float: none;
		width: 306px;
		margin: 0 auto;
		padding-top: 15px;
	}
	.section-recent li + li {
		margin: 15px 0 0;
	}
	.section-recent li:first-child {
		border: none;
	}
	.section-recent li:nth-child(2), .section-recent li:nth-child(3) {
		display: block;
	}
	.section-recent .container {
		width: 306px;
	}
	.section-recent .image {
		width: 306px;
		height: 223px;
		margin: 0;
	}
	.section-recent .image img {
		width: 100%;
	}
	.section-recent .content {
		padding: 0 4px;
		bottom: 0;
	}
	.section-recent .update {
		display: none;
	}
	.section-recent h2 {
		font-size: 15px;
		line-height: 22px;
		margin: 0;
	}
	.section-recent .content .promotion_mark {
		margin: 8px 0 16px 2px;
	}
	.section-banner {
		margin: 25px auto;
	}
	.section-link {
		margin: 0 auto;
		padding: 20px 0;
	}
	.section-link .lead {
		font-size: 11px;
		margin: 0 0 20px;
	}
	.section-link .lead span {
		display: block;
	}
	.posts-snap-index, .posts-index {
		width: auto;
	}
	.posts-snap-index ul,
	.section-link .posts-snap ul {
		margin: 0 0 30px;
	}
	.posts-snap-index li:nth-child(2n),
	.section-link .posts-snap li:nth-child(2n) {
		margin: 0;
	}
	.posts .update,
	.posts-index li .content p {
		display: none;
	}
	.section-recommend .posts .update,
	.section-feature .posts .update {
		display: none;
		margin: 0;
	}
	.posts-index li h2 {
		font-size: 14px;
		line-height: 22px;
		margin: 0;
	}
	.posts-index li .image {
		width: 306px;
		margin: 0 0 10px;
	}
	.posts-index li:first-child .image {
		width: 306px;
		margin: 0;
	}
	.posts-index li .update {
		display: none;
	}
	.posts-index li .date {
		font-size: 11px;
		margin: 10px 0 0;
	}
	.posts-index li .image, .posts-index li:first-child .image, .posts-index li .content, .posts-index li:first-child .content {
		float: none;
		width: 306px;
	}
	.posts-index li .image img, .posts-index li:first-child .image img {
		/*width: 306px;*/
		width: 100%;
	}
	.posts-index li {
		padding: 0 0 15px;
		border-top: none;
	}
	.posts-index li:first-child .content
	{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.posts-index.posts-panel-sp li:first-of-type
	{
		margin-bottom: 25px;
	}
	.posts-feature-link li:first-child, .posts-feature-link li {
		float: none;
		margin: 0 0 15px;
		width: 306px;
	}
	.posts-feature-link .image {
		width: 306px;
		height: 204px;
	}
	.posts-feature-link .image img {
		height: 204px;
	}
	.posts-related {
		padding: 0 10px 10px;
		margin: 15px 0 0;
	}
	.posts-related li {
		float: none;
		margin: 0 0 15px;
		width: auto;
	}
	.posts-related .content {
		float: left;
		width: 169px;
		min-height: 80px;
	}
	.posts-related h5 {
		margin: 0 0 8px;
		font-size: 12px;
		line-height: 16px;
		font-weight: normal;
		max-height: 32px;
		overflow: hidden;
	}
	.posts-panel .panel-subtitle {
		margin-bottom: 15px;
	}
	.posts-panel p {
		display: none;
	}
	.posts-panel ul {
		margin: 0;
	}
	.posts-panel li {
		float: none;
		width: auto;
		min-height: 0;
		margin: 0 0 15px;
	}
	.posts-panel li .image {
		float: left;
		width: 114px;
		height: 78px;
		margin: 0 15px 0 0;
	}
	.posts-panel li .image img {
		width: 114px;
	}
	.posts-panel .content {
		padding: 0;
	}
	.posts-panel li .content {
		background: none;
		float: left;
		width: 157px;
		min-height: 80px;
	}
	.posts-panel li:first-child, .posts-panel-main.-wide li:first-child {
		margin: 0 0 30px;
		width: auto;
	}
	.posts-panel li .image, .posts-panel li:first-child .image, .posts-panel-main li .image, .posts-panel-main.-wide li:first-child .image {
		float: none;
		width: 306px;
		height: auto;
		margin: 0;
	}
	.posts-panel li .image img, .posts-panel li:first-child .image img, .posts-panel-main li .image img, .posts-panel-main.-wide li:first-child .image img {
		width: 306px;
	}
	.posts-panel li h3, .posts-panel li:first-child h3, .posts-panel-main li h3, .posts-panel-main.-wide li:first-child h3 {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 10px;
		height: auto;
	}
	.posts-panel li .content, .posts-panel li:first-child .content, .posts-panel-main li .content, .posts-panel-main.-wide li:first-child .content {
		float: none;
		padding: 10px;
		width: 306px;
		box-sizing: border-box;
		background: #fff;
		margin: 0 0 30px;
	}
	.posts-panel .date, .posts-panel-main .date {
		font-size: 11px;
		margin: 0 0 10px;
	}
	.posts-panel h3, .posts-panel-main h3, .posts-panel h4, .posts-panel-main h4, .posts-feature-link h4 {
		font-size: 13px;
		margin: 0 0 10px;
	}
	.posts-panel p, .posts-panel-main p, .posts-panel-main.-wide li:first-child p {
		display: block;
		color: #8d8d8d;
		font-size: 11px;
		line-height: 16px;
		max-height: 32px;
	}

	.posts-panel-sp ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.posts-panel-sp + .pager {
		margin-top: 23px;
	}
	.posts-panel-sp li,
	.posts-panel-sp li:first-of-type,
	.posts-panel-sp.posts-panel-main li:first-of-type {
		margin: 0 0 7px;
	}
	.posts-panel-sp li .content,
	.posts-panel-sp li:first-of-type .content,
	.posts-panel-sp.posts-panel-main li:first-of-type .content {
		margin: 0;
	}
	.posts-panel-sp li:not(:first-of-type) {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		vertical-align: top;
		width: calc(50% - 3.5px);
		align-self: stretch;
	}
	.posts-panel-sp li:nth-of-type(odd):not(:first-of-type) {
		margin-left: 3.5px;
	}
	.posts-panel-sp li:nth-of-type(even):not(:first-of-type) {
		margin-right: 3.5px;
	}
	.posts-panel-sp li:not(:first-of-type) .image,
	.posts-panel-sp li:not(:first-of-type) .image img,
	.posts-panel-sp li:not(:first-of-type) .content {
		width: 100%;
	}
	.posts-panel-sp li:not(:first-of-type) .content {
		flex: 1 1 auto
	}
	.posts-panel-sp .update {
		display: block;
		margin: 4px 0 10px;
	}
	.posts-panel-sp li:not(:first-of-type) h2,
	.posts-panel-sp li h3 {
		font-size: 12px;
		line-height: 1.7;
	}
	.posts-panel-sp p {
		display: none;
	}
	.posts-panel-sp li .promotion_mark {
		margin-top: 8px;
	}
	.posts-panel-sp.posts-index li .promotion_mark {
		margin-top: 8px;
		margin-bottom: 14px;
	}
	.posts-snap li {
		width: 149px;
		margin-right: 7px;
	}
	.posts-snap li .image {
		width: 100%;
		height: 225px;
	}
	.posts-snap li .image img {
		width: 100%;
		height: 225px;
	}
	.posts-snap-main.-isall li:first-child {
		width: 306px;
	}
	.posts-snap-main.-isall li:first-child .image {
		padding: 0;
	}
	/**/
	.posts-snap-index h2 {
		display: none;
	}
	.posts-snap-index li:nth-child(10) {
		display: none;
	}
	.posts-snap-index .image {
		margin-bottom: 0;
	}
	.posts-snap-sp li {
		width: 97.333px;
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.posts-snap-sp li:nth-child(2n),
	.section-link .posts-snap-sp li:nth-child(2n) {
		margin-right: 7px;
	}
	.posts-snap-sp li:nth-child(3n),
	.section-link .posts-snap-sp li:nth-child(3n) {
		margin-right: 0;
	}
	.section-link .posts-snap-sp li:last-child {
		display: block;
	}
	.posts-snap-sp li .image {
		height: 146px;
	}
	.posts-snap-sp li .image img {
		height: 146px;
	}
	/**/
	.section-link .posts-panel li:nth-child(3) {
		display: block;
	}
	.posts-feature li .content {
		float: none;
		width: 306px;
		padding: 10px;
		box-sizing: border-box;
	}
	.posts-feature li .content h3 {
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 10px;
	}
	.posts-feature li .image {
		float: none;
		width: 306px;
		height: 204px;
	}
	.posts-feature li .image img {
		height: 204px;
	}
	.posts-sidebar {
		padding: 10px;
	}

	/* ranking saidebar */
	.posts-sidebar-ranking {
		margin: 0 -7px 30px;
	}
	.posts-sidebar-ranking .posts-sidebar-header
	{
		position: relative;
		display: block;
		padding: 20px 0 0;
	}

	.posts-sidebar-ranking .posts-sidebar-title
	{
		width: auto;
		text-align: center;
		font-size: 20px;
	}

	.posts-sidebar-ranking .switch-display
	{
		-webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
		margin-top: 25px;
		width: 100%;
	}

	.posts-sidebar-ranking .ranking-display
	{
	    margin-top: 10px;
	}

	.posts-sidebar-ranking .switch-display span
	{
		width: auto;
		padding: 0 2em;
		text-align: center !important;
	}

	.posts-sidebar-ranking ul
	{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.posts-sidebar-ranking li
	{
		width: 30%;
	}
	.posts-sidebar-ranking li:first-child
	{
		margin-top: 25px;
	}

	.posts-sidebar-ranking li:nth-child(10)
	{
		display: none;
	}

	.posts-sidebar-ranking ul li .content
	{
		margin-top: 10px;
	}
	.posts-sidebar-ranking ul li .content h5
	{
		-webkit-line-clamp: 4;
		font-size: 11px;
		height: 64px;
	}

	.posts-sidebar-ranking ul li .image
	{
		float: none;
		margin: 0;
		width: 100%;
		height: 71px;
		overflow: hidden;
	}

	.posts-sidebar-ranking .more
	{
		padding: 30px 0;
		text-align: center;
	}

	.posts-sidebar h5 {
		margin: 0;
		font-size: 12px;
		line-height: 16px;
		font-weight: normal;
		height: 32px;
		overflow: hidden;
	}
	.posts-sidebar .image {
		margin: 0 10px 0 0;
	}
	.posts-tag {
		margin: -20px auto 0 1px;
		text-align: left;
	}
	.posts-tag > a {
		margin: 10px 10px 0 0;
		padding: 3px 7px;
		line-height: 14px;
		font-size: 9px;
		font-weight: normal;
	}
	.posts-tag > a > span {
		line-height: 14px;
	}

	.content-footer {
		padding: 24px 0;
	}
	.tags.-detail {
		flex-direction: column;
	}
	.tags.-detail::before {
		margin: 0 0 14px 3px;
		padding: 0;
	}
	.tags.-sort li + li {
		margin-left: 15px;
	}
	.tags.-sort li > a,
	.tags.-sort li > span {
		padding: 7px 5px 6px 5px;
		font-weight: bold;
		min-width: 145px;
	}
	.share {
		margin: 25px 0 0 0;
		padding: 0 0 40px 0;
	}
	.share ul {
		/* flex-direction: column; */
	}
	.share ul li {
		margin: 0;
	}
	.share li a > span.icon{
		width: 16px;
	} 
	.share li a > span.text{
		font-size: 10px;
		margin: 0 0.4em;
	}
	.sidebar .shop-info li {
		display: block;
		margin: 20px 0 0 0;
	}
	.sidebar .shop-info li a {
		display: inline-block;
		padding: 8px 0;
		width: 100%;
		text-align: center;
	}
	.sidebar .shop-info p span {
		display: block;
	}
	.pager li {
		display: none;
		margin: 0 0 0 15px;
	}
	.pager li.current, .pager li.prev, .pager li.next {
		display: inline-block;
	}
	.floor-guide-menu {
		white-space: nowrap;
		margin: 0 0 15px;
	}
	.floor-guide-menu .wrapper {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.floor-guide-menu li a {
		font-size: 14px;
		width: 40px;
		line-height: 40px;
		padding: 0;
		border-left: 1px solid #8daece;
		box-sizing: border-box;
	}
	.floor-guide-menu li:last-child a {
		width: 120px;
		border-left: 1px solid #fff;
	}
	.floor {
		margin: 0 0 15px;
	}
	.floor .wrapper {
		padding: 10px;
		background: #fff;
	}
	.floor .image {
		width: 306px;
		height: 136px;
		overflow: hidden;
	}
	.floor .image img {
		height: 136px;
	}
	.floor .text {
		padding: 0;
		font-size: 11px;
	}
	.floor .text ul {
		margin: 0 0 10px 20px;
	}
	.floor .text p {
		margin: 0 0 10px 0;
	}
	.floor .link {
		padding: 0;
	}
	.floor .link li {
		margin: 0 0 0 10px;
	}
	.posts-related-floor {
		padding: 0;
	}
	.posts-related-floor h4 {
		margin: 10px 0;
	}
	.posts-related-floor li {
		width: 282px;
		margin: 0 55px 10px 0;
	}
	.posts-related-floor li:nth-child(2n) {
		margin: 0;
	}
	.posts-related-floor .image {
		width: 114px;
		height: 80px;
	}
	.floor .posts-related-floor .image img {
		width: 114px;
		height: auto;
	}
	.posts-related-floor .content {
		width: 158px;
	}

	/**
	 * Brand Index
	 */
	.brand-content {
		padding: 0;
	}
	.floor-guide-menu.fixed,
	.brand-index-menu.fixed {
		width: 320px;
	}
	.brand-index-menu {
		background: #f1f0f0;
	}
	.brand-index-menu .floor {
		width: auto;
		margin: 0;
	}
	.brand-content-list li:first-child {
		display: none;
	}
	.brand-content-list li {
		display: block;
		border-bottom: 1px solid #f1f0f0;
	}
	.brand-content-list h5 {
		font-weight: bold;
		color: #7695b3;
	}
	.brand-content-list .brand {
		display: block;
		width: auto;
		padding: 9.6px 4px 0 4px;
	}
	.brand-content-list .brand span {
		display: block;
		font-size: 12px;
	}
	.brand-content-list .floor {
		font-size: 12px;
		display: block;
		width: auto;
		padding: 0 16px;
		color: #a5a5a5;
		margin-bottom: 9px;
	}
	.brand-content-list .floor ul {
		display: none;
	}
	.brand-content-list span {
		margin: 0;
	}
	.brand-content-list li li {
		display: block;
		border: none;
	}
	.brand-content-floor ul {
		margin: 0;
	}
	.brand-content {
		padding: 0 10px 10px;
	}
	.brand-content h2 {
		text-align: center;
		font-size: 18px;
		margin: 0 0 20px 0;
	}
	.brand-content h2 span {
		display: block;
		margin: 0;
	}
	.brand-content h2 a {
		display: none;
	}
	.brand-content .image {
		margin: 0 0 30px 0;
	}
	.brand-content .image img {
		width: 100%;
	}
	.brand-content .description {
		margin: 0 0 20px 0;
	}
	.brand-content .storeurl {
		margin: 0;
	}
	.brand-content .storeurl .btn {
		padding: 17px 16px 16px 15px;
		font-weight: bold;
	}
	.brand-content .storeurl .brandname {
		font-size: 15px;
		line-height: 1.5;
	}
	.brand-content .storeurl .brandname:after {
		font-size: 10px;
	}
	.brand-content .storeurl .onlinestore {
		margin-top: 5px;
		font-size: 12px;
	}
	.box-floor {
		display: block;
		margin: 0 0 20px 0;
	}
	.box-floor dt {
		font-size: 13px;
		display: block;
		padding: 4px 0;
		text-align: center;
	}
	.box-floor dd {
		font-size: 13px;
		display: block;
		padding: 4px 0;
		text-align: center;
	}
	.brand-content-floor dd,
	.brand-index .floor-header dd {
		margin: 0 0 0 40px;
	}
	.brand-content-floor-sportsgate dd,
	.brand-index .floor-header-sportsgate dd {
		margin: 0;
	}
	.brand-index .posts-related {
		padding-top: 30px;
		border-top: 1px solid #f1f0f0;
	}
	.brand-index-menu {
		white-space: nowrap;
		-webkit-transform: translate3d(0, 0, 100px);
				transform: translate3d(0, 0, 100px);
	}
	.brand-index-menu .wrapper {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.brand-index-menu .wrapper-floor {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.brand-index-menu li a,
	.brand-index-menu .floor li a {
		width: 40px;
		font-size: 14px;
		padding: 0;
		line-height: 40px;
	}
	.floor-guide-menu.fixed,
	.brand-index-menu.fixed {
		top: 39px;
	}
	.brand-index-menu.fixed .floor li:last-child a {
		width: 140px;
	}
	.brand-index .floor-header {
		padding: 30px 10px;
		font-size: 14px;
	}
	.brand-content-floor {
		padding: 30px 10px;
	}
	.brand-index .tags {
		padding: 25px 10px 10px;
	}
	body#photo .contents {
		padding: 0;
	}
	.contents .container-photo-gallery {
		width: 312px;
	}
	.photo-gallery ul {
		margin: 0 0 0 -4px;
	}
	.photo-gallery li {
		width: 154px;
		margin: 0 0 4px 4px;
	}
	.post-photo {
		width: 100%;
	}
	.post-photo h2 {
		line-height: 1.5;
		overflow: hidden;
		padding: 35px 10px;
	}
	.post-photo .image img {
		width: 100%;
	}
	.post-photo ul {
		padding: 0 10px;
	}
	.post-photo li {
		margin: 5px;
		width: 40px;
	}
	.post-photo .image a {
		width: 150px;
	}
	.post-photo .image a.prev span {
		left: 10px;
	}
	.post-photo .image a.next span {
		right: 10px;
	}
	.post-photo .image a.prev, .post-photo .image a.next {
		width: 50px;
	}
	.section-photo h3 a {
		margin-bottom: 30px;
	}
	.section-photo a.thumbnail {
		background: url(/images/upload/photo_thumbnail.jpg) no-repeat center top;
		background-size: 1125px 225px;
		padding: 225px 0 0 0;
	}
	.section-pickup {
		padding: 37px 0 0 0;
		height: 295px;
		box-sizing: border-box;
	}
	.section-pickup li {
		width: 320px !important;
		height: 240px;
	}
	.section-pickup li .content {
		background: url(/images/pickup_blur_bottom.png) repeat-x scroll left bottom;
		height: auto;
	}
	.section-pickup li .wrapper {
		font-size: 15px;
		padding: 220px 10px 0 10px;
	}
	.pickup-toggle {
		padding-right: 5px;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
		width: 40px;
		height: 180px;
		background: none;
	}
	.bx-wrapper .bx-prev:after {
		margin-top: 0;
		left: 10px;
	}
	.bx-wrapper .bx-next:after {
		margin-top: 0;
		right: 10px;
	}
	.product-link {
		padding: 15px;
	}
	.product-link .image {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
	.product-link .content {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.product-link .content ul {
		line-height: 2;
	    margin: 0 0 15px;
	}
	.product-link .content li.label {
		display: inline-block;
		background: #000;
		color: #6297ca;
		font-size: 12px;
		padding: 0 10px;
	}
	.product-link .content li.brand {
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		font-size: 16px;
	}
	.product-link .content li h5 {
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	    font-size: 22px;
	    line-height: 30px;
	}
	.product-link .content li.price {
		font-size: 20px;
	}
	.product-link .content li.price span {
		font-size: 11px;
	}
	.product-link .btn {
		margin: 0 auto;
		background: #88accf;
	    border-radius: 4px;
	    color: #fff;
	    display: block;
	    font-size: 18px;
	    font-weight: bold;
	    line-height: 1;
	    padding: 20px 0;
	    text-align: center;
	    width: 100%;
	    text-decoration: none;
	}
	.product-link a.btn:hover {
		opacity: 0.8;
	}
	.product-link span.btn {
		background: #d2d1d2;
	}
	.banner-sidebar img {
		display: block;
		margin: 0 auto;
	}
	.banner-sidebar img {
		max-width: 306px;
	}
	.section-keyword ul {
		text-align: left;
	}
	.section-keyword ul.close {
		height: 70px;
		overflow: hidden;
	}
	.section-keyword .more-keyword {
		display: block;
		text-align: right;
		font-size: 14px;
		font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','游明朝',YuMincho,'HGS明朝E','ＭＳ Ｐ明朝',serif;
	}
	body#index .section-keyword .more-keyword a {
		font-size: 9px;
		color: #b4b4b4;
	}
	body#index .section-photo {
		margin-top: 40px;
	}


}

@media (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.header .global-nav span.menu {
		background-image: url(/images/sp_menu@2x.png);
	}
}

.ad-pc {
	display: block;
}
.ad-sp {
	display: none;
}

@media screen and (max-width:1024px) {
	.ad-pc {
		display: none;
	}
	.ad-sp {
		display: block;
	}
}