@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Sen:wght@400;700&display=swap);
/* -----------------------------------
tag
----------------------------------- */
body {
	color: #000;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
  overflow: hidden;
}
/* #mainwrap{
	margin-top: 121px;
} */

li {
	list-style-type: none;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:hover .over {
	opacity: 0.7;
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.ta-c {
	text-align: center;
}
* html > body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* -----------------------------------
common
----------------------------------- */
.w100 {
	width: 100%;
}
.tit-02 {
	text-align: center;
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 1em;
}
/* link */
.link-blue {
	color: #006B8C !important;
}
.link-bdr {
	text-decoration: underline;
}
/* ------ titlePage ------ */
#titlePage {
	text-align: center;
	margin: 15px 0;
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}
/* ------ btn ------ */
.btn-01 {
	text-align: center;
	display: inline-block;
	padding: 10px;
	background: #000;
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #000;
}
.btn-01.on {
	text-decoration: none;
	background: #FFF;
	color: #000;
}
.btn-01 span {
	display: block;
	padding: 0 20px;
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn-01.on span {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
}
.btn-02 {
	text-align: center;
	display: inline-block;
	padding: 10px;
	background: #FFF;
	color: #666;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #666;
	margin: 10px 0;
}
#gtop .btn-02{
	margin-bottom: 30px;
}
.btn-02:hover {
	text-decoration: none;
	background: #666;
	color: #FFF;
}
.btn-02 span {
	display: block;
	padding: 0 50px;
	background-repeat: no-repeat;
	background-position: right center;
}
.btn-02.on span {
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
}
.btn-02 span.btn-right {
	background-image: url(../../../images/smartphone/common/arrow_gray_s_right.png);
}
.btn-02 span.btn-left {
	background-image: url(../../../images/smartphone/common/arrow_gray_s_left.png);
}
.btn-02 span.btn-top {
	background-image: url(../../../images/smartphone/common/arrow_gray_s_top.png);
}
.btn-02 span.btn-bottom {
	background-image: url(../../../images/smartphone/common/arrow_gray_s_bottom.png);
}
.btn-03 {
	margin: 1em 0;
	text-align: center;
	display: inline-block;
	padding: 10px;
	background: #FFF;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #000;
	font-weight: bold;
}
.btn-03.on {
	text-decoration: none;
	background: #FFF;
	color: #000;
}
.btn-03 span {
	display: block;
	background-size: 15px 15px;
	padding: 0 20px;
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn-03.on span {
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
}
.btn-03 span.btn-right {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
}
.btn-03 span.btn-left {
	background-image: url(../../../images/smartphone/common/arrow_black_s_left.png);
}
.btn-03 span.btn-top {
	background-image: url(../../../images/smartphone/common/arrow_black_s_top.png);
}
.btn-03 span.btn-bottom {
	background-image: url(../../../images/smartphone/common/arrow_black_s_bottom.png);
}
#btnToggleItemSearch.btn-03 span,
#btnToggleItemSearch2.btn-03 span{
	position: relative;
	padding: 0 20px 0 10px;
}
#btnToggleItemSearch.btn-03 span.btn-bottom:before,
#btnToggleItemSearch2.btn-03 span.btn-bottom:before{
	content:"";
	background:  url(../../../images/smartphone/header/ico_search.png) no-repeat;
	background-size: 100% auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	vertical-align: bottom;
}
.btn-04 {
	text-align: center;
	display: block;
	padding: 10px 0;
	background: #FFF;
	color: #666;
	font-size: 120%;
	text-decoration: none;
	border: 3px solid #666;
}
.btn-04:hover, .btn-04.on {
	text-decoration: none;
	background: #666;
	color: #FFF;
}
.btn-04 span {
	display: block;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-position: right center;
}
.btn-04 span.btn-right {
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
}
.btn-04 span.btn-left {
	background-image: url(../../../images/smartphone/common/arrow_white_s_left.png);
}
.btn-04 span.btn-top {
	background-image: url(../../../images/smartphone/common/arrow_white_s_top.png);
}
.btn-04 span.btn-bottom {
	background-image: url(../../../images/smartphone/common/arrow_white_s_bottom.png);
}
.btn-04:hover span.btn-right {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
}
.btn-04:hover span.btn-left {
	background-image: url(../../../images/smartphone/common/arrow_black_s_left.png);
}
.btn-04:hover span.btn-top {
	background-image: url(../../../images/smartphone/common/arrow_black_s_top.png);
}
.btn-04:hover span.btn-bottom {
	background-image: url(../../../images/smartphone/common/arrow_black_s_bottom.png);
}
.btn-05 {
	text-align: left;
	display: block;
	padding: 10px 0 10px 10px;
	background: #FFF;
	color: #666;
	font-size: 100%;
	text-decoration: none;
	border: 1px solid #858585;
	vertical-align: middle;
}
.btn-05 a {
	max-width: 200px;
	width: 85px;
	height: 1.1em;
	display: block;
	background-image: url(../../../images/smartphone/common/arrow_gray_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: middle;
}
  #colorDialog .btn-05 {
	color: #000000;
	border: 1px solid #000000;
}
#colorDialog .btn-05 a {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right_thin.png);
}

/* ------ btn-line ------ */
.btn-line-2col {
	overflow: hidden;
}
.btn-line-2col li {
	text-align: center;
	width: 48%;
}
.btn-line-2col .left {
	float: left;
}
.btn-line-2col .right {
	float: right;
}
/* ------ element ------ */
.element {
	line-height: 1.5;
}
.element a {
	display: block;
}
.element a:hover {
	opacity: 0.7;
}
.element .img {
	margin-bottom: 5px;
	position: relative;
}



.element .icon,
.element .icon-on {
	text-align: left;
	width: 100%;
	display: block;
	font-size: 0;
}
.element .icon img,
.element .icon-on img {
	margin: 2px 2px 0 0;
	display: inline;
	width: auto;
	height: 18px;
}
.element .icon {
	margin-top: 10px;
	margin-bottom: 5px;
}

/*
.element .icon img,
.element .icon-on img {
	margin: 2px 2px 0 0;
	display: inline;
	width: 40%;
}
*/


.element .brand {
	font-size: 90%;
}
.element .comment {
	color: #FF0000;
}
.element .priceSale {
	color: #FF0000;
}

.element .img .num {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.element .img .num span {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 120%;
	border-radius: 30px;
	background-color: #808080;
}
.element .img .num .num1 {
	background-color: #E4C698;
}
.element .img .num .num2 {
	background-color: #CCCCCC;
}
.element .img .num .num3 {
	background-color: #CE9578;
}
.element .img .num .num4 {
	background-color: #808080;
}
/* ------ articleList ------ */
.articleList {
	margin: 30px 0;
}
.articleList .articleListIn {
	overflow: hidden;
}
.articleList .articleListIn .single {
	width: 48%;
	line-height: 1.4;
	margin-bottom: 20px;
}
.articleList .articleListIn .single:nth-child(odd) {
	float: left;
}
.articleList .articleListIn .single:nth-child(even) {
	float: right;
}
.articleList .articleListIn .single .info {
	background: #000;
	color: #FFF;
	padding: 5px;
	font-size: 90%;
	overflow: hidden;
}
.articleList .articleListIn .single .info span {
	display: inline-block;
}
.articleList .articleListIn .single .info span.date {
	text-align: right;
	float: right;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
	padding-right: 10px;
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
}
.articleList .articleListIn .single .img {
	margin-bottom: 5px;
}
.articleList .articleListIn .single .txt {
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
}
/* ------ errorMsg ------ */
.errorMsg {
	background-color: #f9efef;
	border: 1px solid #d02323;
	color: #d02323;
	display: block;
	font-size: 12px;
	margin: 10px;
	padding: 15px;
}
/* ------ shopInfoBox ------ */
.shopInfoBox {
	margin: 10px;
	overflow: hidden;
}
.shopInfoBox .shopInfoBoxTitle {
	float: left;
	width: 50%;
}
.shopInfoBox .shopInfoBoxTitle h3 {
	font-size: 150%;
	margin-bottom: 5px;
	font-weight: bold;
}
.shopInfoBox .shopInfoBoxBtn {
	float: right;
	width: 45%;
}
.shopInfoBox .shopInfoBoxBtn .btn-03 {
	margin: 0;
	padding: 5px;
}
.shopInfoBox .btnTopBack {
	text-align: right;
}
/* -----------------------------------
layout
----------------------------------- */
/* ------ bale ------ */
#bale {
	position: fixed;
	z-index: 10000;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,1);
	overflow: hidden;
	display: none;
	top: 0;
}
#bale p {
	padding-top: 70%;
}
/* layout */
#layout {
	position: relative;
}
#mainwrap {
	width: 100%;
}
/* ------ Header ------ */
.pickup {
	padding: 14px;
	text-align: center;
	/* height: 25px;
	line-height: 25px; */
	overflow: hidden;
	background: #000;
	color: #fff;
}
.pickup a,
.pickup a:link {
	text-decoration: underline;
	color: #fff;
}
/* 作成中★ */
#header {
	transition: top 300ms;
}
#header,
#header #nav-wrap,
#header #head-banner {
	width: 100%;
}
#header.is-fixed {
	z-index: 999;
	position: fixed;
	top: 0;
}
#header.is-fixed #nav-wrap {
	z-index: 600;
	position: fixed;
}
#header.is-fixed #head-banner {
	z-index: 300;
	position: fixed;
}
/* //作成中★ */

#header #logo {
	position: absolute;
	width: 50%;
	text-align: center;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background:url(../../../images/logo/logo.svg) no-repeat center top;
	background-size: auto 42px;
	font-size: 0;
	font-weight: normal;
}
#header #logo a {
	display: block;
	height: 42px;
}
@media all and (max-width: 375px) {
	/* #header #logo {
		top: 12px;
		height: 36px;
		background-size: auto 36px;
	}
  #header #logo a {
		height: 36px;
	} */
}
@media all and (max-width: 320px) {
	/* #header #logo {
		top: 14px;
		height: 30px;
		background-size: auto 30px;
	}
  #header #logo a {
		height: 30px;
	} */
}

#header #h-menu-r {
	float: right;
	padding: 24px 32px 0 0;
}
#header #h-menu-r > div {
	display: inline-block;
	font-size: 0;
	padding-left: 6px;
}
#header #h-menu-r > div input {
	vertical-align: inherit;
}
#header #h-menu-r #h-cart span{
	display:inline-table;
	vertical-align:middle;
	text-align:center;
	position: absolute;
	background-color: #d71a30;
	color:#fff;
	font-size:0.8rem;
}
#header #h-menu-r #h-cart .num2 {
	top: 28%;
	right: 20px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
}
#header #h-menu-r #h-cart .num3 {
	top: 28%;
	right: 20px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
}
#header .title-bar {
	height: 82px;
	background: #fff;
	position: relative;
	z-index: 900;
}
#header .title-bar #menu-btn {
	height: 30px;
	width: 30px;
	position: absolute;
	top: 28px;
	left: 20px;
}
#header .title-bar #menu-btn .icon {
	position: absolute;
	width: 30px;
	height: 1px;
	left: 0;
	top: 15px;
	background: #000;
	transition: height 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .title-bar #menu-btn .icon::before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 1px;
	left: 0;
	top: -9px;
	background: #000;
	transition: top 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform-origin: center center;
}
#header .title-bar #menu-btn .icon::after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 1px;
	left: 0;
	top: 9px;
	background: #000;
	transition: top 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform-origin: center center;
}
/*
#header .title-bar #menu-btn.open .icon {
	height: 0;
}
#header .title-bar #menu-btn.open .icon::before {
	transition: top 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 0;
	transform: rotate(45deg);
}
#header .title-bar #menu-btn.open .icon::after {
	transition: top 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	top: 0;
	transform: rotate(-45deg);
}
*/
#header .user-info {
	background: #fff;
	border-top: solid 1px #F2F2F2;
	font-size: 10px;
	padding: 10px 20px;
}
#header .nav {
	background: #000000;
}
#header .nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#header .nav li {
	width: 25%;
	color: #fff;
	text-align: center;
}
#header .nav li a {
	display: block;
	padding: 50px 0 20px;
	line-height: 1.1;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	position: relative;
}
#header .nav li.nav05 a {
	line-height: 1.2;
	font-size: 8px;
}
#header .nav li span {
	display: inline-block;
	margin-top: 4px;
	padding: 0 7px;
	border: solid 1px #646464;
	border-radius: 1.5em;
	line-height: 1.2;
	font-weight: 200;
	font-size: 8px;
}
#header .nav li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 25px;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
}
#header .nav li.nav01 a::before {
	background: url(/ec/shop/hankyu-mens/images/common/tshirt.svg) no-repeat center;
	background-size: auto 25px;
}
#header .nav li.nav02 a::before {
	background: url(/ec/shop/hankyu-mens/images/common/tag.svg) no-repeat center;
	background-size: auto 25px;
}
#header .nav li.nav03 a::before {
	background: url(/ec/shop/hankyu-mens/images/common/osaka.svg) no-repeat center;
	background-size: auto 25px;
}
#header .nav li.nav04 a::before {
	background: url(/ec/shop/hankyu-mens/images/common/tokyo.svg) no-repeat center;
	background-size: auto 25px;
}
#header .nav li.nav05 a::before {
	background: url(/ec/shop/hankyu-mens/images/common/calendar.svg) no-repeat center;
	background-size: auto 25px;
}
#header .nav li:not(:last-child) a::after {
	content: "";
	display: block;
	width: 1px;
	height: 50%;
	background: #1C1C1C;
	position: absolute;
	right: 0;
	bottom: 20px;
}
#side-menu {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100% !important; /* 追加 */
	background: #000;
	color: #fff;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	height: 100%;
	transition: left 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	padding: 50px 20px;
	box-sizing: border-box;
}
#side-menu.open {
	left: 0;
}
#side-menu .unit {
	width: 75%;
	border-top: 1px solid #414141;
	padding: 16px 0;
}
#side-menu ul li a,
#side-menu ul li input {
	display: block;
	padding: 10px 10px 10px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	/* 青いちらつき防止 */
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
	/* // */
}
#side-menu ul li a .small {
	font-size: 10px;
}
#side-menu ul li input {
	background: none;
	border: none;
}
#side-menu ul li.parent > a {
	position: relative;
}
#side-menu ul li.parent > a::before,
#side-menu ul li.parent > a::after {
	content: "";
	display: block;
	background: #d9d9d9;
	position: absolute;
	width: 12px;
	height: 2px;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	transform-origin: center center;
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#side-menu ul li.parent > a::after {
	transform: rotate(90deg);
}
#side-menu ul li.parent.open > a::before {
	transform: rotate(180deg);
}
#side-menu ul li.parent.open > a::after {
	transform: rotate(0deg);
}
#side-menu ul li.parent ul {
	display: none;
	margin: 5px 0 0 20px;
}
#side-menu ul li.parent ul ul {
	margin-left: 0;
}
#side-menu ul li.parent ul li:not(:first-child) {
	border-top: 1px solid #414141;
}
#side-menu ul li:not(:last-child) ul li:last-child {
	border-bottom: 1px solid #414141;
}
#side-menu ul li:not(:last-child) ul {
	margin-bottom: 15px;
}
#side-menu .hl {
	margin: 12px 0;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 600;
	font-size: 20px;
}
#side-menu .shl {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
#side-menu ul + .shl {
	margin-top: 20px;
}
#side-menu .form-action {
	position: absolute;
	right: 10%;
	top: 16px;
}
#side-menu .form-action input {
	border: none;
}
#side-menu #suggest_header input {
	border: 1px solid #fff;
	background: #000;
	box-sizing: border-box;
	padding: 15px 35px 15px 10px;
	width: 100%;
	font-size: 12px;
	color: #fff;
	position: initial;
}
#side-menu #suggest_header button#doSearch{
	width: 20px;
height: 20px;
background: url(/ec/shop/hankyu-mens/images/common/search-interface-symbol.svg);
background-size: 100% auto;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
border: none;
outline: none;
font-size: 0;
}
#side-menu #suggest_header {
	position: relative;
	margin-top: 12px;
}
/* #side-menu #suggest_header:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(/ec/shop/hankyu-mens/images/common/search-interface-symbol.svg);
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%); */
}
#side-menu #suggest_header input::placeholder {
  color: #646464;
  font-size: 10px;
}
#side-menu.open {
	left: 0;
}
#bg {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 4000;
	background: rgba(0,0,0,0);
}
#bg.open {
	display: block;
}
#side-menu .closeBtn {
	display: none;
}
#side-menu.open .closeBtn {
	display: block;
	position: fixed;
	top: 50px;
	right: 20px;
	width: 26px;
	height: 15px;
}
#side-menu.open .closeBtn:before,
#side-menu.open .closeBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 1px;
  background: #fff;
}
#side-menu.open .closeBtn:before {
  transform: translate(-50%,-50%) rotate(30deg);
}
#side-menu.open .closeBtn::after {
  transform: translate(-50%,-50%) rotate(-30deg);
}

/* ------ deploymentMenuSearch ------ */
/* ヘッダー プルダウンタイプの場合
#deploymentMenu #deploymentMenuSearch {
	padding: 10px;
	position: relative;
}
#deploymentMenu #deploymentMenuSearch .form-action {
	position: absolute;
	right: 10%;
	top: 16px;
}
#deploymentMenu #deploymentMenuSearch .form-action input {
	border: none;
}
#deploymentMenu #deploymentMenuSearch #suggest_side input,
#deploymentMenu #deploymentMenuSearch #suggest_header input {
	border: 1px solid #333;
	padding: 10px 10px;
	width: 96%;
	border-radius: 20px;
	font-size: 10px;
}
*/

/* ------ itemSearchInnerSearch ------ */
#itemSearch #itemSearchInnerSearch {
	padding: 10px;
	position: relative;
	width: 100%;
	margin: auto;
	max-width: 500px;
}
#itemSearch #itemSearchInnerSearch .form-action {
	position: absolute;
	right: 5%;
	top: 17px;
}
#itemSearch #itemSearchInnerSearch .form-field #suggest_header div {
	z-index: 888 !important;
}
#itemSearch #itemSearchInnerSearch .form-action input {
	border: none;
}
#itemSearch #itemSearchInnerSearch #suggest_side input,
#itemSearch #itemSearchInnerSearch #suggest_header input {
	border: 1px solid #333;
	padding: 10px 10px;
	width: 100%;
	border-radius: 20px;
	font-size: 10px;
}
#itemSearch span.fs11em {
	line-height: 1.4;
	font-size: 1.0rem !important;
}
/* ------ breadCrumbs ------ */
#breadCrumbs {
	background: #DDD;
	padding: 5px 0;
}
#breadCrumbs #breadCrumbsInner {
	margin: 0 auto;
}
#breadCrumbs #breadCrumbsInner ul {
	overflow: hidden;
}
#breadCrumbs #breadCrumbsInner ul li {
	display: inline-block;
}
#breadCrumbs #breadCrumbsInner ul li a, #breadCrumbs #breadCrumbsInner ul li span {
	display: block;
	padding: 0 20px 0 0;
	margin-left: 10px;
}
#breadCrumbs #breadCrumbsInner ul li a {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
}
#breadCrumbs #breadCrumbsInner ul li a.no-arrow {
	background-image: none;
}
#breadCrumbs #breadCrumbsInner ul li span {
}
/* ------ hobibnr ------ */
.hobibnr {
}
/* ------ deploymentMenu ------ */
#deploymentMenu {
	z-index: 9999;
	display: none;
	background: #1A1A1A;
	position: fixed;
	width: 100%;
	overflow: visible !important; /* サジェストが見切れる為 */
}
#deploymentMenu.on {
	display: block;
}
/* ------ deploymentMenuNav ------ */
#deploymentMenuNav {
	overflow: hidden;
	background: #1a1a1a;
	height: 40px;
}
#deploymentMenuNav li {
	float: left;
	border-right: #484848 solid 1px;
	height: 40px;
}
#deploymentMenuNav li.nav01 {
	width: 30%;
}
#deploymentMenuNav li.nav02 {
	width: 30%;
}
#deploymentMenuNav li.nav03 {
	width: 40%;
	border-right: none;
}
#deploymentMenuNav li.nav01 a {
	line-height: 40px;
}
#deploymentMenuNav li.nav01 a span {
}
#deploymentMenuNav li.nav02 a {
	line-height: 40px;
}
#deploymentMenuNav li.nav02 a span {
}
#deploymentMenuNav li.nav03 a {
	padding-top: 10px;
}
#deploymentMenuNav li.nav03 a span {
}
#deploymentMenuNav li a {
	display: block;
	text-align: center;
	padding: 0 5px;
}
#deploymentMenuNav li a.on {
	background: #000;
}
#deploymentMenuNav li a:hover {
	text-decoration: none;
}
#deploymentMenuNav li a.on span {
	background-image: url(../../../images/smartphone/common/arrow_white_s_top.png);
}
#deploymentMenuNav li a span {
	display: block;
	color: #FFF;
	font-size: 12px;
	background-image: url(../../../images/smartphone/common/arrow_white_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px 12px;
}


#searchBrand #searchBrandInner #navBrand {
	color: #000;
	padding: 20px 10px 0;
}
#searchBrand #searchBrandInner #navBrand a {
	color: #000;
}
#searchBrand #searchBrandInner #navBrand dl dt {
	font-weight: bold;
	margin: 0 3.5% 10px;
}
#searchBrand #searchBrandInner #navBrand dl dd ul {
	overflow: hidden;
	width: 98%;
	padding-left: 2%;
}
#searchBrand #searchBrandInner #navBrand dl dd ul li {
	float: left;
	border: 1px solid #000;
	border-radius: 6px;
	margin: 0 1% 2%;
}
#searchBrand #searchBrandInner #navBrand dl.alpha {
	margin-bottom: 20px;
}
#searchBrand #searchBrandInner #navBrand dl.alpha dd ul li {
	width: 11.5%;
}
#searchBrand #searchBrandInner #navBrand dl.alpha dd ul li:last-child {
	width: 25.5%;
}
#searchBrand #searchBrandInner #navBrand dl.alpha dd ul li a, #searchBrand #searchBrandInner #navBrand dl.alpha dd ul li span {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	display: block;
}
#searchBrand #searchBrandInner #navBrand dl.kana {
	margin-bottom: 20px;
}
#searchBrand #searchBrandInner #navBrand dl.kana dd ul {
	overflow: hidden;
}
#searchBrand #searchBrandInner #navBrand dl.kana dd ul li {
	width: 11.5%;
}
#searchBrand #searchBrandInner #navBrand dl.kana dd ul li:last-child {
	width: 25.5%;
}
#searchBrand #searchBrandInner #navBrand dl.kana dd ul li a, #searchBrand #searchBrandInner #navBrand dl.kana dd ul li span {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	display: block;
}
#searchShop #searchShopInner #navShop{
	color: #FFF;
	padding: 20px 10px;
}
#searchShop #searchShopInner #navShop ul{
	overflow: hidden;
}
#searchShop #searchShopInner #navShop ul li{
	float: left;
	width: 20%;
	padding: 0 1% 2%;
}
#spcialshopInner2 a{
	float: left;
	/*width: 20%; 5つ並び*/
	width: 25%;/*4つ並び*/
	padding: 0 1% 2%;
}
#spcialshopInner2{
	margin: 20px auto 0;
    width: 90%;
}
#spcialshopInner2::after {
	clear: both;
	content: "";
	display: block;
}
#spcialshopInner2 a{
	float: left;
	/*width: 20%; 5つ並び*/
	width: 25%;/*4つ並び*/
	padding: 0 1% 2%;
}
#spcialshopInner2 a img{
	width: 100%;
}

/* ------ mainSlider ------ */
#mainSlider {
/*	margin-bottom: 46px;*/
	margin-bottom: 5vw;
}
#mainSlider #mainSliderInner {
}
#mainSlider #mainSliderInner .bx-viewport{
  width: 90vw !important;
  margin: auto;
}
#mainSlider #mainSliderInner .bx-viewport{
  overflow: visible !important;
}
#mainSlider #mainSliderInner #sliderMain{
  overflow: hidden;
  height: calc(450vw / 10);
}
#mainSlider #mainSliderInner #sliderMain li{
  position: relative;
  padding: 0 0.5vw;
}
#mainSlider #mainSliderInner #sliderMain li:nth-of-type(1){
  z-index: 10;
}
#mainSlider #mainSliderInner #sliderMain a{
  display: block;
}
#mainSlider #mainSliderInner #sliderMain img{
  width: 100%;
  max-width: initial;
}
#mainSlider .bx-controls{
  height: 60px;
  position: relative;
}
#mainSlider .bx-controls .bx-pager{
  height: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
/* ------ features ------ */
#features {
	margin-bottom: 46px;
}
#features #featuresInner {
}
#features #featuresInner #btnFeaturesAll {
	text-align: center;
	margin: 20px 0;
}
#features #featuresInner #btnFeaturesAll a {
	width: 80%;
	margin: auto;
}
#features #featuresInner #btnFeaturesMore {
	text-align: center;
	margin: 20px 0;
}
#features #featuresInner #btnFeaturesMore a {
	width: 80%;
	margin: auto;
}
#features #featuresInner #listFeatures {
	overflow: hidden;
}
#features #featuresInner #listFeatures li.single {
	float: left;
	width: 50%;
}
#features #featuresInner #listFeatures li.single a {
	display: block;
	position: relative;
}
#features #featuresInner #listFeatures li.single a .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#features #featuresInner #listFeatures li.single a .txt p {
	color: #FFF;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5;
}
/* ------ specialshop ------ */
#specialshop {
	margin-bottom: 50px;
}
#specialshop #specialshopInner {
}
#specialshop #specialshopInner #titleSpecialshop {
	margin-bottom: 15px;
}
#specialshop #specialshopInner #btnSpecialshopAll {
	margin: 15px 0;
	text-align: center;
}

/* ------ listSpecialshop ------ */
#specialshop ul#listSpecialshop .single{position:relative;
overflow: hidden;
}

#specialshop ul#listSpecialshop .single .se_box{position:absolute;
top:40%;
margin:0 auto;
width:100%;
padding:10px 10px;}

#specialshop ul#listSpecialshop .single .se_box img{
  width:100%;
  border: 1px solid #ccc;
}

#specialshop ul#listSpecialshop .single .se_box .left{float:left;
padding-right:5px;
width:49.5%;}

#specialshop ul#listSpecialshop .single .se_box .right{float:right;
	padding-left:5px;
	width:49.5%;
	font-size:150%;
	line-height:25px;
	text-align:left;}

@media (max-width: 420px){
	#specialshop ul#listSpecialshop .single .se_box .right{font-size: 70%;
	line-height:15px;}
}

/* ------ boxListbrandshop ------ */
#brandshop {
	margin-bottom: 50px;
}
#brandshop #brandshopInner {
	width: 90%;
	margin: 0 auto;
}
/* ------ slideBox ------ */
.slideBox {
	margin: 20px 25px;
}
.slideBox .slideBoxInner #titleRecently {
	margin-bottom: 30px;
}
.slideBox .slideBoxInner .bx-controls-direction a {
	width: 20px !important;
	height: 20px !important;
}
.slideBox .slideBoxInner .bx-controls-direction .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_black_l_left.png) !important;
	background-position: left top !important;
	background-size: 20px 20px !important;
	left: -25px !important;
}
.slideBox .slideBoxInner .bx-controls-direction .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_black_l_right.png) !important;
	background-position: left top !important;
	background-size: 20px 20px !important;
	right: -25px !important;
}


/* ------ gFooter ------ */
#gFooter {
	background: #000;
	padding: 35px 20px 40px;
	color: #FFF;
}
#gFooter a {
	color: #FFF;
}
#gFooter #gFooterInner #gFooterNav {
	margin-bottom: 28px;
}
.gFooterNav-unit {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: solid 1px #707070;
}
.gFooterNav-unit h2 {
	width: 32%;
	padding-top: 23px;
	line-height: 1.2;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 600;
	font-size: 14px;
}
.gFooterNav-unit .gFooterInnerSingleSp-wrap {
	width: 68%;
}
.gFooterNav-unit .gFooterInnerSingleSp:not(:last-child) {
	border-bottom: solid 1px #707070;
}
.gFooterNav-unit .gFooterInnerSingleSp a {
	display: block;
}
.gFooterInnerSingleSp .parentBtn a {
	padding: 25px 0;
	position: relative;
}
.gFooterInnerSingleSp .parentBtn a::before,
.gFooterInnerSingleSp .parentBtn a::after {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	width: 15px;
	height: 1px;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	transform-origin: center center;
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.gFooterInnerSingleSp .parentBtn a::after {
	transform: rotate(90deg);
}
.gFooterInnerSingleSp .parentBtn.on a::after {
	transform: rotate(0deg);
}
#gFooter #gFooterInner p {
	letter-spacing: -0.09em;
	text-align: right;
	line-height: 1.5;
	font-size: 10px;
}
.gFooterInnerSingleSp .sideNavSingleChild {
	display: none;
	padding-bottom: 20px;
}
.gFooterInnerSingleSp ul:not([sideNavSingleChild]) {
  	padding: 20px 0;
}
.gFooterInnerSingleSp .sideNavSingleChild li a,
.gFooterInnerSingleSp ul:not([sideNavSingleChild]) li a {
	padding: 8px 0;
	line-height: 1.25;
	font-size: 11px;
}
#gFooter #gFooterInner #gFooterCopy {
	margin-top: 8px;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 400;
}






/* ------ pageTop ------ */
#pageTop {
	position: fixed;
	right: 10px;
	bottom: 40px;
	width: 40px;
	z-index: 9000;
}
#pageTop a {
	display: block;
	border: 3px solid #FFF;
}
/* ------------------------------------------------------------
add
 ------------------------------------------------------------  */
/* ------ youtube ------ */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ------ titleCommon ------ */
.titleCommonH2 {
	text-align: center;
	font-size: 140%;
	margin-bottom: 10px;
	font-weight: normal;
}
#newItem4 .titleCommonH2 span {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	display: inline-block;
}
.titMincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	vertical-align: middle;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.titMincho .titMinchoMain {
	font-size: 180%;
}
/* ------ boxArticle ------ */
.boxArticle {
	line-height: 1.4;
	font-size: 105%;
}
.boxArticle p {
	overflow: hidden;
}
.boxArticle p.txt1 {
	margin-bottom: 1em;
}
.boxArticle .alighLeft {
	float: left;
	padding: 10px 10px 10px 0;
}
.boxArticle .alighRight {
	float: right;
	padding: 10px 0 10px 10px;
}
/* ------ tabList ------ */
.tabList {
}
.tabListSingle {
	display: none;
}
.tabListSingle.on {
	display: block;
}
/* ------ boxCommon ------ */
.boxCommon1 {
	margin: 30px 0;
}
.boxCommon2 {
/*	margin: 30px 10px;*/
	margin: 30px 10px 0;
}
.boxCommon3 {
	margin: 30px 0;
}
/* ------ btnAlign ------ */
.btn-center {
	text-align: center;
}
/* ------ single ------ */
.itemLine2 .single, .itemLine3 .single {
	line-height: 1.4;
}
.itemLine2 .single .img, .itemLine3 .single .img {
	margin-bottom: 5px;
}
/* ------ itemLine ------ */
.itemLine2 {
	overflow: hidden;
}
.itemLine2 .single {
	float: left;
	width: 30%;
	padding-bottom: 20px;
	margin-right:2%;
}

.itemLine2 .single:nth-child(3n+3) {
	margin: 0;
}
.itemLine2 .single:nth-child(odd) {
	float: left;
}
.itemLine2 .single:nth-child(3n+1) {
	margin-left: 3%;
}
.itemLine2 .single .other {
	margin-top: 5px;
}
.itemLine2 .single .other a {
	display: inline-block;
	padding-right: 15px;
	font-size: 90%;
	font-weight: bold;
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
}
.itemLine3 {
	overflow: hidden;
}
.itemLine3 .single {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 4%;
}
.itemLine3 .single:nth-child(3n) {
	margin-right: 0;
}
.itemLine3 .icon-on img,
.itemLine3 .icon img {
	width: 47%;
	height: auto;
}
/* ------ itemLine ------ */
.boxBlog {
}
.boxBlog .list {
	margin-bottom: 20px;
}
.boxBlog .list .single {
	border-top: 1px solid #B4B4B4;
}
.boxBlog .list .single a {
	display: block;
	padding: 10px;
	overflow: hidden;
	text-align: left;
}
.boxBlog .list .single a .title {
	margin-bottom: 5px;
}
/* ------ calSlider4 ------ */
.calSlider4 {
}
.calSlider4 .calSlider4Inner {
}
.calSlider4 .calSlider4Inner .bx-controls-direction a {
	width: 40px !important;
	height: 40px !important;
}
.calSlider4 .calSlider4Inner .bx-controls-direction .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_white_l_left.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	left: 10px !important;
}
.calSlider4 .calSlider4Inner .bx-controls-direction .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_white_l_right.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	right: 10px !important;
}
/* ------ calSlider4 ------ */
.tabListSingle {
}
.tabListSingle .bx-controls-direction a {
	width: 40px !important;
	height: 40px !important;
}
.tabListSingle .bx-controls-direction .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_white_l_left.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	left: 10px !important;
}
.tabListSingle .bx-controls-direction .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_white_l_right.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	right: 10px !important;
}
/* ------ itemDetailPhoto ------ */
#itemDetailPhoto {
}
#itemDetailPhoto .bx-controls-direction a {
	width: 40px !important;
	height: 40px !important;
}
#itemDetailPhoto .bx-wrapper {
	margin-bottom: 10px;
}
#itemDetailPhoto .bx-controls-direction .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_white_l_left.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	left: 10px !important;
}
#itemDetailPhoto .bx-controls-direction .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_white_l_right.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	right: 10px !important;
}
#itemDetailPhoto .bx-wrapper .bx-pager, #itemDetailPhoto .bx-wrapper .bx-controls-auto {
	bottom: 15px;
	position: absolute;
	width: 100%;
}
/* ------ contentsSide ------ */
#contentsSide {
}
#contentsSide a, #contentsSide span {
	display: block;
}
#contentsSide h3 {
	border-bottom: 1px solid #747474;
}
#contentsSide h3 a {
	padding: 15px 10px;
}
#contentsSide h3 a span {
	background-image: url(../../../images/smartphone/common/plus_black.png);
	background-size: 10px 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
#contentsSide h3.on a span {
	background-image: url(../../../images/smartphone/common/minus_black.png);
}
#contentsSide .sideNavSingleParent {
	display: none;
}
#contentsSide .sideNavSingleParent .sideNavSingleParentSingle {
}
#contentsSide .sideNavSingleParent .parentBtn {
	border-bottom: 1px solid #747474;
	padding: 10px 10px 10px 15px;
}
#contentsSide .sideNavSingleParent .parentBtn span {
	background-image: url(../../../images/smartphone/common/plus_black.png);
	background-size: 10px 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
#contentsSide .sideNavSingleParent .on span {
	background-image: url(../../../images/smartphone/common/minus_black.png);
}
#contentsSide .sideNavSingleParent .sideNavSingleChild {
	display: none;
}
#contentsSide .sideNavSingleParent .sideNavSingleChild .sideNavSingleParentChild {
	border-bottom: 1px solid #747474;
}
#contentsSide .sideNavSingleParent .sideNavSingleChild .sideNavSingleParentChild a {
	padding: 7px 10px 7px 30px;
}
#contentsSide .sideNavSingleParent .sideNavSingleChild .sideNavSingleParentChild a span {
	background-image: url(../../../images/smartphone/common/arrow_black_l_right.png);
	background-size: 10px 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
/* ------ contentsGarageMovie ------ */
#contentsGarageMovie {
}
#contentsGarageMovie p {
	line-height: 1.4;
	margin-top: 5px;
}
/* ------ contentsGaragePushItem ------ */
#contentsGaragePushItem .itemLine2 .single .pushTxt {
	font-weight: bold;
	text-align: left;
}
#contentsGaragePushItem .itemLine2 .single .brand {
	text-align: left;
}

/**
	watch now by now(top)
 */
#listFeatures #wnbn {
	display: block;
	position: absolute !important;
	width: 100% !important;
	overflow: hidden;
	padding-top: 100%;
	top: 0;
}
#listFeatures #wnbn .wnbn_item {
	display: block;
	position: absolute;
	padding-top: 100%;
	top: 0;
	overflow: hidden;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
#listFeatures #wnbn .wnbn_item::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 16.44%;
	z-index: 100;
	background: url(/ec/shop/hankyu-mens/images/top/logo_wnbn.png) no-repeat transparent center bottom;
	background-size: 100% auto;
}
#listFeatures #wnbn .wnbn_item img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
#listFeatures .bx-wrapper {
	padding: 0;
}
/**
	watch now by now(mt)
 */
#contentsGaragePush #wnbn {
	display: block;
	position: absolute !important;
	width: 100% !important;
	overflow: hidden;
	padding-top: 100%;
	top: 0;
}
#contentsGaragePush #wnbn .wnbn_item {
	display: block;
	position: absolute;
	padding-top: 100%;
	top: 0;
	overflow: hidden;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
#contentsGaragePush #wnbn .wnbn_item::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 16.44%;
	z-index: 100;
	background: url(/ec/shop/hankyu-mens/images/garage/logo_wnbn.png) no-repeat transparent center bottom;
	background-size: 100% auto;
}
#contentsGaragePush #wnbn .wnbn_item img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
#contentsGaragePush .bx-wrapper {
	margin: 0 !important;
	padding-bottom: 3px;
}
#contentsGaragePush .bx-viewport {
	padding-top: 100%;
}

/* ------ listCampaign ------ */

.listCampaign {
	overflow: hidden;
}
.listCampaign li {
	width: 48%;
	line-height: 1.4;
	margin-bottom: 10px;
}
.listCampaign li:nth-child(odd) {
	float: left;
}
.listCampaign li:nth-child(even) {
	float: right;
}
.listCampaign li a {
	display: block;
}
.listCampaign li a .img {
	margin-bottom: 3px;
	position: relative;
}
.listCampaign li a .img .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	color: #FFF;
	line-height: 1.4;
	font-size: 90%;
}
.listCampaign li a .date {
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 1.4;
	height: 1.4em;
	overflow: hidden;
	text-align: right;
}
/* ------ selectMeisterArea ------ */
#selectMeisterArea {
}
#selectMeisterArea .bx-controls-direction a {
	width: 40px !important;
	height: 40px !important;
}
#selectMeisterArea .bx-wrapper {
	margin-bottom: 10px;
}
#selectMeisterArea .bx-controls-direction .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_white_l_left.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	left: 10px !important;
}
#selectMeisterArea .bx-controls-direction .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_white_l_right.png) !important;
	background-position: left top !important;
	background-size: 40px 40px !important;
	background-color: rgba(0,0,0,0.8) !important;
	right: 10px !important;
}
#selectMeisterArea .bx-wrapper .bx-pager, #selectMeisterArea .bx-wrapper .bx-controls-auto {
	bottom: 15px;
	position: absolute;
	width: 100%;
}
/* ------ meisterBrand ------ */
#meisterBrand {
}
#meisterBrand #meisterBrandInner {
}
#meisterBrand #meisterBrandInner .list {
	overflow: hidden;
}
#meisterBrand #meisterBrandInner .list li {
	float: left;
	width: 49%;
	margin-bottom: 2%;
}
#meisterBrand #meisterBrandInner .list li:nth-child(even) {
	float: right;
}
#meisterBrand #meisterBrandInner .list li:nth-child(odd) {
	float: left;
}
/* ------ pageActions ------ */
.pageActions {
	overflow: hidden;
	padding: 10px 0;
	margin: 1em 0;
}
.pageActions.bottom {
	margin-top: -1px;
	padding-top: 0;
}
.pageActions .countWrap {
	background: #EEE;
	padding: 10px;
	margin-bottom: 10px;
}
.pageActions .pager {
	text-align: center;
}
.pageActions .pager .number span, .pageActions .pager .number a {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	line-height: 14px;
	padding: 8px 7px;
	text-align: center;
	text-decoration: none;
}
.pageActions .pager a:hover {
	opacity: 0.7;
}
.pageActions .pager .count, .pageActions .pager .abr {
	border: none;
}
.pageActions .pager .skip, .pageActions .pager span.here {
	background: #000;
	color: #FFF !important;
}
/* ------ itemSort ------ */
.itemSort {
	overflow: hidden;
	margin-bottom: 20px;
}
.itemSort li {
	float: left;
	width: 25%;
}
.itemSort li a, .itemSort li span {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 90%;
}
.itemSort li a {
	background-color: #ECECEE;
	color: #9E9E9E;
	border: 1px solid #ECECEE;
	font-size: 85%;
}
.itemSort li span {
	background-color: #FFF;
	color: #333;
	border-right: 1px solid #ECECEE;
	border-left: 1px solid #ECECEE;
	border-top: 1px solid #ECECEE;
	border-bottom: 1px solid #FFF;
}
/* ------ itemList ------ */
#itemListResult {
}
#itemListResult #itemList {
	margin: 0 10px;
}
#itemListResult #itemList .element {
	width: 50%;
	position: relative;
	line-height: 1.4;
	margin-top: 5%;
	padding-bottom: 5%;
	border-bottom: solid 1px #c5c5c5;
}
#new1ItemList #itemListResult #itemList .element {
	width: 50%;
	position: relative;
	line-height: 1.4;
	margin-top: 0;
	padding-bottom: 5%;
	border-bottom: none;
}
#itemListResult #itemList ul{
	display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/* #itemListResult #itemList .element:nth-child(odd) {
	float: left;
}
#itemListResult #itemList .element:nth-child(even) {
	float: right;
} */
#itemListResult #itemList .element:nth-child(odd) a,
#itemListResult #itemList .element:nth-child(odd) .color-modalw-open {
	display: block;
	width: 100%;
	padding-right: 3%;
	box-sizing: border-box;
}
#itemListResult #itemList .element:nth-child(even) a,
#itemListResult #itemList .element:nth-child(even) .color-modalw-open {
	display: block;
	width: 100%;
	padding-left: 3%;
	box-sizing: border-box;
}
#itemListResult #itemList .element .img {
	margin-bottom: 5px;
}
#itemListResult #itemList .element .comment {
	color: #FF0000;
}
/* ------ itemListLarge ------ */
.itemListLarge {
	overflow: hidden;
}
/* ------ NewItem_top ------ */
#NewItem_top{
	margin-bottom: 46px;
}
#NewItem_top #itemListResult #itemList .element:nth-child(2n+1) {
	clear: both !important;
}
#NewItem_top .element .icon {
	margin-bottom: 0;
	text-align: left;
	width: 100%;
}
#NewItem_top .element .icon img {
	margin: 1px 1px 0 0;
}
#NewItem_top .btn-center {
	text-align: center;
	margin: 20px 0;
}
#NewItem_top .btn-center a {
	width: 80%;
	margin: auto;
}
/* ------ brandpickup ------ */
#brandpickup .inner {
	margin: 0 10px 46px;
}
#brandpickup ul{
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	align-items: center;

}
#brandpickup li {
	width: 48%;
	border: 1px solid #ccc;
	border: solid 1px #ccc;
	display: table;
	min-height: 55px;
	box-sizing: border-box;
	margin-bottom: 3%;
	margin-right: 2%;
}
#brandpickup li:nth-child(2n){
	margin-right: 0;
	margin-left: 2%;
}
#brandpickup li > a {
	line-height: 1.4;
	font-size: 90%;
	display: block;
	padding: 6px 20px 6px 12px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
@media screen and (orientation: landscape) {
	#brandpickup li > a {
		padding: 20px 20px 20px 10px;
	}
}
#brandpickup li > a:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 12px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*
#brandpickup li {
	display: inline-block;
	width: 50%;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
#brandpickup li:nth-child(odd) {
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
#brandpickup li > a {
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 10px;
	position: relative;
}
#brandpickup li > a:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 15px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
}
*/

/* ------ btnToggleItemSearch ------ */
#btnToggleItemSearch.on span {
	background-image: url(../../../images/smartphone/common/arrow_black_s_top.png);
}
/* ------ itemSearch ------ */
#itemSearch {
	margin-bottom: 40px;
	display: none;
}
#itemSearch.open {
	display: block;
}
#itemSearchInner {
	background: #000;
	padding: 20px 10px;
}
.areaType01 {
	width: 95%;
	height: auto;
	max-width: 500px;
	display: block;
	margin: 0 auto;
	background: #FFF;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #D1D1D1;
}
.areaType01 p {
	padding: 10px 10px;
	word-break: break-word;
}
.modal-open {
	text-decoration: none;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.plus {
	position: relative;
	padding: 10px 10px 0 10px;
	height: 45px;
}
.plus:before {
	content: " ";
	position: absolute;
	background: #595959;
	width: 50px;
	height: 43px;
	top: 0;
	right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	overflow: hidden;
}
.plus:after {
	content: " ";
	position: absolute;
	background: url(../../../images/smartphone/common/plus.png) no-repeat center;
	background-size: 40%;
	width: 50px;
	height: 43px;
	top: 0;
	right: 0;
	overflow: hidden;
}
.plus2 {
	position: relative;
	padding: 10px 20px 10px 10px;
	min-height: 45px;
	height: auto;
}
.plus2:after {
	content: " ";
	position: absolute;
	background: url(../../../images/smartphone/common/plus.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 3px;
	margin-top: -0.7em;
}
.searchArea input[type="checkbox"] {
	position: absolute;
	left: -9999px;
}

/*  iOS15対応 */
input.clrInput {
  color:#333333 !important;
}

label.areaType01.plus, .searchArea.plus input[type='checkbox'], label.areaType01.xmark, .searchArea.xmark input[type='checkbox'] {
	cursor: pointer;
}
.select-group {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	width: 95%;
	max-width: 500px;
	padding: 0;
	vertical-align: middle;
	background-color: #fff;
	background-repeat: no-repeat;
	margin: 0 auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #D1D1D1;
}
.select {
	margin: 0 auto;
	text-align: left;
	height: 43px;
	font-size: 1.0rem;
	position: relative;
	z-index: 1;
	line-height: 1.8;
	display: block;
	width: 100%;
	padding: 0 0 0 10px;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	border: 0;
	color: #363636;
}
.select-group:before {
	content: " ";
	position: absolute;
	background: #595959;
	width: 50px;
	height: 44px;
	top: 0;
	right: 0;
	overflow: hidden;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.select-group:after {
	margin: auto;
	content: " ";
	position: absolute;
	background: url(../../../images/smartphone/common/plus.png) no-repeat center;
	background-size: 40%;
	width: 50px;
	height: 45px;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.areaType01.xmark {
	display: block;
	position: relative;
	padding: 10px 32px 10px 10px;
	min-height: 45px;
	background: #9b9b9b;
	color: #FFF;
	word-break: break-word;
}
.areaType01.xmark:after {
	content: " ";
	position: absolute;
	background: url(../../../images/smartphone/common/xmark-2.png) no-repeat center;
	background-size: 25px 25px;
	width: 50px;
	height: 43px;
	top: 50%;
	right: 0;
	overflow: hidden;
	display: inline-block;
	margin-top: -21px;
}
.areaType01.xmark span {
	display: inline-block;
}
.areaType01.xmark2 {
	position: relative;
	padding: 10px;
	text-align: center;
	outline: 0;
	cursor: pointer;
	display: block;
	font-size: 0.9em;
}
.areaType01.xmark2:after {
	content: " ";
	position: relative;
	background: url(../../../images/smartphone/common/plus.png) no-repeat center;
	background-size: contain;
	width: 15px;
	height: 15px;
	top: 3px;
	left: 3px;
	overflow: hidden;
	display: inline-block;
}
.areaType01.check {
	display: block;
	position: relative;
	padding: 10px 32px 10px 10px;
	min-height: 45px;
	background: #9b9b9b;
	color: #FFF;
	word-break: break-word;
}
.areaType01.check:after {
	content: " ";
	position: absolute;
	/*background: url(../../../images/smartphone/common/check02.png) no-repeat center;*/
	background-size: 25px 25px;
	width: 50px;
	height: 43px;
	top: 50%;
	right: 0;
	overflow: hidden;
	display: inline-block;
	margin-top: -21px;
}
.areaType01.xmark span {
	display: inline-block;
}
/*****右側に「+」アイコン*****/
.areaType01.more{
	border: 0;
	border-radius: 0;
	background: #868686;
	color: #FFF;
	word-break: break-word;
	position: relative;
	padding:10px;
	text-align:center;
	outline: 0;
	cursor: pointer;
	display:block;
	line-height: 1em;
	font-size: 0.9em;
    letter-spacing: 2px;
}
.color-modalw-open .areaType01.more{
	font-size: 14px;
}
.areaType01.more:after {
    content: " ";
    position: absolute;
    background: url(../../../images/smartphone/common/more.png) no-repeat center;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 0;
    overflow: hidden;
    display: inline-block;
    margin-top: -15px;
}
.areaType02 {
	background-color: #595959;
	padding: 4% 2%;
	color: #FFF;
}
.areaType02 .link a {
	color: #FFF;
}
.areaType02 .link a:after {
	content: ">";
	width: 24px;
	height: 24px;
	position: relative;
	top: -1px;
	left: 0;
	display: inline-block;
}
.areaType02.Shadow {
	-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3) inset;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.3) inset;
}
.areaType03 {
	width: 100%;
	/*	max-width:500px; */
	display: block;
	margin: 0 auto;
	background: #FFF;
	text-align: left;
	border: 2px solid #D1D1D1;
}
.fs11em {
	font-size: 145% !important;
}
.LineB {
	border-bottom: 1px solid #B5B5B6;
	font-size: 135%;
}
.sizeArea {
	width: 100%;
	display: block;
	text-align: center;
	margin: 10px auto;
	padding: 0 1%;
}
.sizeArea li {
	float: left;
	width: 16%;
	text-align: center;
	padding: 1% 1%;
	position: relative;
	border: 1px solid #dedede;
	margin: 2%;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.sizeArea li button, .sizeArea li span {
	width: 100%;
	border-style: none;
	background-color: rgba(255,255,255,0);
	outline: 0;
}
.sizeArea li.on {
	border: 2px solid #010101;
	background-color: #9b9b9b;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color: #fff;
}
.sizeArea li.outofstock {
	border: 1px solid #CBCBCB;
	background-color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color: #CBCBCB;
}
.sizeArea li.on button {
	color: #fff;
}
.sizeArea li.disabled {
	opacity: 0.6;
	border: 1px solid #dedede;
	background-color: #fff;
}
.sizeArea li.disabled {
	color: #363636;
}
.colorArea {
	width: 100%;
	display: block;
	text-align: center;
	margin-left: 2%;
	margin-top: 10px;
}
.colorArea li {
	float: left;
	width: 12%;
	text-align: center;
	padding: 1%;
	position: relative;
}
.colorArea li.outofstock:after {
	content: " ";
	background: url(../../../images/smartphone/common/bg-deadstock.png) no-repeat center;
	background-size: 66%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.colorArea li img {
	width: 100%;
	border: 1px solid #dedede;
	padding: 4px;
	outline: 0;
}
.colorArea li.on img {
	border: 2px solid #010101;
}
.colorArea li.outofstock img {
	border: 1px solid #dedede;
}
/* ------ itemDetail ------ */
#itemDetail {
	margin: 0 auto;
	line-height: 1.4;
}
#itemDetail .itemDetailSingle1 {
	margin: 18px 10px 10px;
	font-size: 90%;
}
#itemDetail .itemDetailSingle1 h3{
	margin-bottom: 3px;
}
#itemDetail .itemDetailSingle1 h3 span.note{
	font-size: 100%;
  font-weight: 400;
  display: block;
  margin-top: 0.5vw;
}
#itemDetail .slax_note{
	font-size: 100% !important;
  line-height: 1.5;
}
#itemDetail .itemDetailSingle2 {
	border-top: 1px solid #7a7a7a;
}
#itemDetail .itemDetailSingle2 .titleToggle a {
	display: block;
	padding: 10px;
	font-weight: normal;
}
#itemDetail .itemDetailSingle2 .titleToggle a span {
	display: block;
	padding: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
	background-image: url(../../../images/smartphone/common/arrow_black_l_bottom.png);
}
#itemDetail .itemDetailSingle2 .titleToggle.on a span {
	background-image: url(../../../images/smartphone/common/arrow_black_l_top.png);
}
#itemDetail .itemDetailSingle2 .inner {
	display: none;
	padding: 10px;
}
#itemDetailShop {
	padding: 5px;
	color: #5F5F5F;
	border-bottom: 1px solid #CCC;
}
#itemDetailColor {
	margin: 10px;
}
#itemDetailColor #selectColorBtn a {
	display: inline-block;
	background: #EAE9E8;
	padding: 5px 10px;
	border-radius: 12px;
}
#itemDetailColor #selectColorBtn a.on {
	background: #000;
	color: #FFF;
}
#itemDetail {
	position: relative;
}
#itemDetail #itemDetailShop p {
}
#itemDetail #itemDetailShop p .name {
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
}
#itemDetail #itemDetailName {
}
#itemDetail #itemDetailName .brand {
	font-size: 120%;
	margin-bottom: 10px;
}
#itemDetail itemDetailName .name {
	font-size: 160%;
	font-weight: bold;
}
#itemDetail #itemDetailName .price {
	font-size: 140%;
}
#itemDetail #itemDetailSpec dl {
	overflow: hidden;
	margin-bottom: 5px;
}
#itemDetail #itemDetailSpec dl dt {
	font-weight: bold;
}
#itemDetail #itemDetailSpec dl dd {
}
/*
#itemDetail #itemDetailReview .itemDetailReviewSingle {
	margin-bottom: 15px;
}
#itemDetail #itemDetailReview .itemDetailReviewSingle .name {
	margin: 5px 0;
	font-weight: bold;
}
#itemDetail #itemDetailReview .itemDetailReviewSingle .date {
	text-align: right;
}
*/
#itemDetail #itemDetailSelectSize {
}
#itemDetail #itemDetailSelectSize ul {
	overflow: hidden;
}
#itemDetail #itemDetailSelectSize ul li {
	float: left;
	width: 23%;
	padding: 0 1% 2%;
}
#itemDetail #itemDetailSelectSize ul li span {
	display: block;
	padding: 10px 5px;
	text-align: center;
	background: #E5E5E5;
	text-decoration: none;
	cursor: pointer;
}
#itemDetail #itemDetailSelectSize ul li a:hover, #itemDetail #itemDetailSelectSize ul li .on {
	background: #000;
	color: #FFF;
}
#itemDetail #itemDetailSelectSize ul li a:hover, #itemDetail #itemDetailSelectSize ul li .deadstock {
	color: #FFF;
	background: #E8E8E8;
}
#itemDetail #itemDetailSelectNumber {
}
#itemDetail #itemDetailSelectNumber input {
	width: 50px;
	border: 1px solid #7A7A7A;
	padding: 10px;
	font-size: 120%;
	text-align: center;
}
#itemDetail #itemDetailSelectName {
}
#itemDetail #itemDetailSelectName input {
	width: 90%;
	border: 1px solid #7A7A7A;
	padding: 10px;
	font-size: 120%;
	text-align: left;
}
#itemDetail #itemDetailCart input {
	padding-bottom: 10px;
}
#itemDetail #itemDetailCart iframe {
	vertical-align: top;
}
#itemDetail .tableItemDetail1 table {
	width: 100%;
}
#itemDetail .tableItemDetail1 table td, #itemDetail .tableItemDetail1 table th {
	padding: 5px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #D3D4D4;
	word-break: break-all;
}
#itemDetail .tableItemDetail1 table td, #itemDetail .tableItemDetail1 table th:first-child {
}
#itemDetail .tableItemDetail1 table td, #itemDetail .tableItemDetail1 table th:last-child {
	min-width: 120px;
}
#itemDetail .tableItemDetail1 table thead th {
	background: #ECECEE;
}
#itemDetail #itemDetailCancel {
	border-bottom: 1px solid #7a7a7a;
}
#itemDetail #itemDetailShopInfo .tblShopInfo {
	overflow: hidden;
}
#itemDetail #itemDetailShopInfo .tblShopInfo .single {
	float: left;
	width: 48%;
}
#itemDetail #itemDetailShopInfo .tblShopInfo .single:nth-child(2n) {
	float: right;
	width: 48%;
}
#itemDetail #itemDetailShopInfo .tblShopInfo table {
	width: 100%;
}
#itemDetail #itemDetailShopInfo .tblShopInfo table th, #itemDetail #itemDetailShopInfo .tblShopInfo table td {
	padding: 5px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #D3D4D4;
	vertical-align: middle;
}
#itemDetail #indexForm {
}
#itemDetail #wrap-icon-on {
	text-align: center;
	margin: 10px;
}
#itemDetail #wrap-icon-on img {
	margin: 2px;
}
#itemDetail #item-icons img {
	margin: 0 2px 2px 0;
}

/* ------ selectMeisterList ------ */
.selectMeisterList {
	overflow: hidden;
}
.selectMeisterList li {
	width: 48%;
	margin-bottom: 2%;
}
.selectMeisterList li:nth-child(even) {
	float: right;
}
.selectMeisterList li:nth-child(odd) {
	float: left;
}
/* ------ pankuzu ------ */
.pankz {
	font-size: 8px;
	padding: 10px 10px 10px;
	background: #e0e0e0;
}
.pankz li, .pankz li a {
	display: inline-block;
}
.pankz li:after {
	content: ">";
	padding: 0 3px 0 5px;
}
.pankz li:last-child:after {
	content: "";
}
/* ------ btn ------ */
.btnBox {
	margin: 25px 0;
	text-align: center;
}
.gBtn {
	display: inline-block;
	padding: 10px 35px;
	color: #B3B3B3;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #B3B3B3;
	width: 280px;
	box-sizing: border-box;
}
.bBtn {
	display: inline-block;
	padding: 10px 35px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #000;
	width: 280px;
	box-sizing: border-box;
}
.bkBtn {
	display: inline-block;
	padding: 10px 35px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #000;
	width: 280px;
	box-sizing: border-box;
}
.underBtn_g {
	background: url(../../../images/smartphone/common/arrow_gray_s_bottom.png) no-repeat 95% center #fff;
}
.rightBtn_g {
	background: url(../../../images/smartphone/common/arrow_gray_s_right.png) no-repeat 95% center #fff;
}
.underBtn_b {
	background: url(../../../images/smartphone/common/arrow_black_s_bottom.png) no-repeat 95% center #fff;
}
.rightBtn_w {
	background: url(../../../images/smartphone/common/arrow_white_s_right.png) no-repeat 95% center #000;
}
/* d_sidemenus-single */
.d_sidemenus-single:first-child {
	border-top: 1px solid #868686;
}
.d_sidemenus-single {
	border-bottom: 1px solid #868686;
}
.d_sidemenus-single a {
	display: block;
	padding: 10px;
}
.d_sidemenus-single a .img {
	display: block;
	background-image: url(../../../images/smartphone/common/plus_black.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
}
.d_sidemenus-single .on a .img {
	background-image: url(../../../images/smartphone/common/minus_black.png);
}
.d_sidemenus-single a .name {
	display: block;
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
}
.d_sidemenus-single .list {
	display: none;
}
.d_sidemenus-single .list li {
	border-top: 1px dotted #CCC;
}
.d_sidemenus-single.open .list {
	display: block;
}
/* curatorDetaille */
#curatorDetail {
	line-height: 1.6;
}
#curatorDetail #curatorDetailHead {
}
#curatorDetail #curatorDetailHead #curatorDetailHeadImg {
	margin-bottom: 15px;
}
#curatorDetail #curatorDetailHead #curatorDetailHeadInfo {
	padding: 10px;
}
#curatorDetail #curatorDetailHead #curatorDetailHeadInfo .name {
	margin-bottom: 15px;
}
#curatorDetail #curatorDetailHead #curatorDetailHeadInfo .name dt {
	font-size: 150%;
	font-weight: bold;
}
#curatorDetail #curatorDetailHead #curatorDetailHeadInfo .name dd {
	font-size: 110%;
	font-weight: bold;
}
#curatorDetail #curatorDetailContents {
}
#curatorDetail #curatorDetailContents .curatorDetailContentsSingle {
	margin: 20px 10px;
}
#curatorDetail #curatorDetailContents .curatorDetailContentsSingle .img {
	margin-bottom: 5px;
}
#curatorDetail #curatorDetailContents .curatorDetailContentsSingle .curatorTit {
}
#curatorDetail .curatorTit dt {
	font-size: 140%;
	font-weight: bold;
}
#curatorDetail .curatorTit dd {
	font-size: 110%;
}
#curatorDetail #curatorDetailContents .curatorDetailContentsSingle .curatorTxt {
}
#curatorDetail #curatorDetailContents .curatorDetailContentsSingle .curatorTxt dt {
	font-size: 120%;
	font-weight: bold;
}
#curatorDetail #curatorDetailProfile {
	margin: 20px 10px;
}
#curatorDetail #curatorDetailProfile .tit {
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
}
#curatorDetail #curatorDetailProfile .info {
	overflow: hidden;
}
#curatorDetail #curatorDetailProfile .info .man {
	float: left;
	padding: 0 5px 5px 0;
}
#curatorDetail #curatorDetailProfile .info .tit {
	display: block;
	margin-bottom: 10px;
}
#curatorDetail #curatorDetailProfile .info .name {
	font-weight: bold;
	font-size: 110%;
}
#curatorDetail #curatorDetailProfile .info .carrier {
	margin-bottom: 10px;
}
/* .categoryToggle */
.categoryToggle {
	border-top: 1px solid #000;
}
.categoryToggle .single {
	border-bottom: 1px solid #000;
}
.categoryToggle .single a {
	display: block;
	padding: 10px;
}
.categoryToggle .single .btn-parent a span {
	background-image: url(../../../images/smartphone/common/plus_black.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
	display: block;
}
.categoryToggle .single .btn-parent.on a span {
	background-image: url(../../../images/smartphone/common/minus_black.png);
}
.categoryToggle .single ul {
	display: none;
}
.categoryToggle .single ul li {
	border-top: 1px dotted #6C6C6C;
}
.categoryToggle .single ul li span {
	background-image: url(../../../images/smartphone/common/arrow_black_s_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px 10px;
	display: block;
}
/* storyColFreeArea*/
#storyColFreeArea {
}
#storyColFreeArea p {
	font-size: 110%;
	margin-bottom: 1em;
}
/* pluginCountButtonNub*/
.pluginCountButtonNub {
	border-color: transparent #9197a3;
	border-style: solid;
	border-width: 4px 5px 4px 0;
	display: inline-block;
	position: relative;
	width: 5px;
	z-index: 2;
}
.pluginCountButtonOrderNub {
	border-color: transparent #9197a3;
	border-style: solid;
	border-width: 4px 5px 4px 0;
	display: inline-block;
	position: relative;
	margin: 12px 0 0 0;
	width: 5px;
	z-index: 2;
}
.pluginCountButton {
	background: white;
	border: 1px solid #9197a3;
	border-radius: 2px;
	color: #4e5665;
	display: inline-block;
	font-size: 11px;
	height: 19px;
	line-height: 18px;
	min-width: 15px;
	padding: 0 3px;
	text-align: center;
	white-space: nowrap;
	position: relative;
}
/* monthly */
.tit-monthly {
	margin: 10px 0;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}
.sec-monthly-1 {
	margin: 40px 0;
}
.sec-monthly-1 .img-m1 {
	margin-bottom: 10px;
}
.sec-monthly-1 .txt-m1 {
	font-size: 120%;
	line-height: 1.4;
	margin: 10px;
}
.sec-monthly-1 .name-m1 {
	font-size: 140%;
	font-weight: bold;
	margin: 0 10px 5px;
}
.sec-monthly-2 {
	margin: 40px 10px;
}
.sec-monthly-2 .tit-m2 {
	margin-bottom: 10px;
}
.sec-monthly-2 .sec-monthly-2-in {
	margin-bottom: 20px;
}
.sec-monthly-2 .sec-monthly-2-in .img-m2 {
	margin-bottom: 10px;
}
.sec-monthly-2 .sec-monthly-2-in .txt-m2 {
	line-height: 1.4;
	font-size: 120%;
}
.sec-monthly-3 {
	margin: 40px 0;
}
/* listSelectItem */
#listSelectItem {
	overflow: hidden;
}
#listSelectItem .slick-track {
	left: 0 !important;
	width: 100% !important;
}
#listSelectItem li {
	float: left;
	width: 23% !important;
	padding: 0 1% 2%;
/*	cursor: pointer;*/
}
#listSelectItem li span {
	display: block;
	border: 1px solid #FFF;
}
#listSelectItem li.slick-current span {
	border: 1px solid #000;
}
#listSelectItem li span.deadstock {
	opacity: 0.4;
	cursor: default;
}
#listSelectItem li span.on {
	border: 1px solid #000;
}
/* pageTitle */
#pageTitle {
	text-align: center;
	margin: 1em 0;
	font-size: 140%;
	font-weight: bold;
}
/* d_no-result */
#d_no-result {
	font-size: 140%;
	color: #4d4d4d;
	text-align: center;
	margin-bottom: 30px;
}
/* Fukidashi */
.Fukidashi {
	position: relative;
	background: #ffffff;
	border: 2px solid #d9d9d9;
	margin: 0.5rem auto 0.1rem;
	padding: 0.3rem;
	width: 95%;
	font-size: 0.9rem;
}
.Fukidashi:after, .Fukidashi:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.Fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 0.5rem;
	margin-left: -0.5rem;
}
.Fukidashi:before {
	border-color: rgba(217, 217, 217, 0);
	border-top-color: #d9d9d9;
	border-width: 0.7rem;
	margin-left: -0.7rem;
}
/* listFuzzyKeywordItems */
.listFuzzyKeywordItems {
	margin: 10px;
}
.listFuzzyKeywordItems li {
	margin: 2px 1px;
	display: inline-block;
	padding: 10px;
	background: #B9B9B9;
}
/* list-btn-half */
.list-btn-half {
	overflow: hidden;
}
.list-btn-half li {
	float: left;
	width: 50%;
}
.list-btn-half li a {
	display: block;
	padding: 10px 0;
	text-align: center;
	background: #000;
	color: #FFF;
}
.list-btn-half li a:first-child {
	border-right: 1px solid #FFF;
}
/* itemResult */
#itemResult {
	margin: 10px;
}
#itemResult .itemResultBtn {
	margin: 15px 0;
}
/* itemResultList*/
#itemResultList .no-item {
	text-align: center;
	margin: 50px 0;
	font-size: 120%;
}
/* codinateItemIndex */
#codinateItemIndex p {
	position: relative;
	margin: 10px;
}
#codinateItemIndex p .oneSlide_cap {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px;
}
/* tabSliderWrap */
.tabSliderWrap {
	position: relative;
}
.tabSliderWrap .tabSliderSingle {
	opacity: 0;
	z-index: 700;
	position: absolute;
	left: 0;
	top: 0;
}
.tabSliderWrap > div:first-child {
	opacity: 1;
	z-index: 800;
}
/* imgAreaMain */
#imgAreaMain {
	display: flex;
}
#imgAreaMain:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	padding-bottom: 90.13%;
}
#imgAreaMain .bxPhoto img {
	width: 100%;
}
#imgAreaMain .bx-prev {
	background-image: url(../../../images/smartphone/common/arrow_white_l_left.png) !important;
	background-size: 40px 40px !important;
	background-repeat: no-repeat !important;
	background-color: rgba(0,0,0,0.8) !important;
	background-position: center top !important;
	width: 40px !important;
	height: 40px !important;
	left: -20% !important;
}
#imgAreaMain .bx-next {
	background-image: url(../../../images/smartphone/common/arrow_white_l_right.png) !important;
	background-size: 40px 40px !important;
	background-repeat: no-repeat !important;
	background-color: rgba(0,0,0,0.8) !important;
	background-position: center top !important;
	width: 40px !important;
	height: 40px !important;
	right: -20% !important;
}
/* #listFeaturesAllLine */
#listFeatures,
#listFeaturesAllLine {
	overflow: hidden;
	margin: 20px 10px;
}
#listFeatures li,
#listFeaturesAllLine li {
	float: left;
	margin-bottom: 2%;
	width: 48%;
	line-height: 1.4;
}
#listFeatures li p,
#listFeaturesAllLine li p {
	margin-bottom: 3px;
}
#listFeatures li .title,
#listFeaturesAllLine li .title {
}
#listFeatures li .date,
#listFeaturesAllLine li .date {
	font-size: 85%;
}
#listFeatures li:nth-child(even),
#listFeaturesAllLine li:nth-child(even) {
	float: right;
}
#listFeatures li:nth-child(even) {
	float: left;
}
#listFeatures li:nth-child(2n+1),
#listFeaturesAllLine li:nth-child(2n+1) {
	clear: both;
}
#listFeatures li img{
	width: 100%;
}
/* add-area */
.add-area {
	margin: 40px 10px;
}
.add-area .add-area-img {
	margin: 0 20%;
	margin-bottom: 0.5em;
}
.add-area .add-area-txt p {
	line-height: 1.6;
	margin-bottom: 0.5em;
}
/****ページャ****/
.pager {
	position: relative;
	overflow: hidden;
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pager ul {
	position: relative;
	left: 50%;
	float: left;
	padding: 0;
	margin: 0rem 0.1rem;
}
.pager li {
	position: relative;
	left: -50%;
	float: left;
	color: #383838;
}
.pager ul li p {
	padding: 0.4rem 0.6rem;
	background-color: #000;
	color: #FFFFFF;
	border: 1px solid #D9D9D9;
	margin: 0 0.2rem;
	display: block;
	font-size: 0.8rem;
	line-height: 0.8rem;
}
.pager ul li span {
	padding: 0.4rem 0.1rem;
	margin: 0 0.1rem;
	display: block;
	font-size: 0.8rem;
	line-height: 0.8rem;
	border: 1px solid #F0F0F0;
}
.pager ul li a {
	padding: 0.4rem 0.6rem;
	background-color: #FFFFFF;
	color: #383838;
	border: 1px solid #D9D9D9;
	margin: 0 0.2rem;
	display: block;
	text-decoration: none;
	font-size: 0.8rem;
	line-height: 0.8rem;
}
.pager .pager-prev {
	position: absolute;
	left: 2%;
	top: 16%;
}
.pager .pager-next {
	position: absolute;
	right: 2%;
	top: 16%;
}
.pager p {
	line-height: 1.8rem;
	font-size: 1.3rem;
}
.pager p img {
	width: 75%;
	margin: 20% 0 0 0;
}
/* form-action */
.form-action {
	position: relative;
}
/* sizeSingle */
.sizeSingle {
	margin-bottom: 20px;
}
.sizeSingle .titItem {
	margin-bottom: 5px;
}
.sizeSingle .titItem:before {
	content: "・";
}
/* キャンペーン */
.feature {
	padding: 0 0 15px;
	margin-top: 30px;
}
.feature-title {
	font-size: 17px;
	text-align: center;
	margin: 0 0 10px;
}
.card {
	margin: 0 10px;
	overflow: hidden;
}
.card-item {
	float: left;
	width: 49% !important;
	margin-bottom: 2%;
}
.card-item:nth-child(2n) {
	float: right;
	width: 49%;
}
.card-item.wide {
	width: 100%;
	float: none;
}
.card-item .img {
	position: relative;
	margin-bottom: 5px;
}
.card-item .img .title {
	position: absolute;
	left: 5px;
	bottom: 5px;
}
.shop_newsBox {
	margin-bottom: 20px;
}
/* txt-tel */
.txt-tel {
	margin: 10px 0;
	line-height: 1.6;
	text-indent: -1em;
	margin-left: 1em;
}
/* curatorDetailList */
#curatorDetailList {
	margin-bottom: 20px;
}
/* curatorDetailList */
#toggleRecommend {
	text-align: center;
	display: inline-block;
	padding: 10px;
	background: #FFF;
	color: #666;
	font-size: 16px;
	text-decoration: none;
	border: 2px solid #666;
	margin: 10px 0;
}
#toggleRecommend span {
	display: block;
	padding: 0 50px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../../../images/smartphone/common/arrow_gray_s_bottom.png);
}
#toggleRecommend.on span {
	background-image: url(../../../images/smartphone/common/arrow_gray_s_top.png);
}

/* noscript */
.js-error {
	text-align: center;
	color: #FFF;
	background: #FF0000;
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	display: block;
}
/* footerNews */
#footerNews {
	padding: 30px 10px;
	background: #eee;
}
#footerNewsInner {
}
#footerNews .inner {
	overflow: hidden;
}
#footerNews h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #bdbdbd;
	font-size: 150%;
	font-weight: normal;
}
#footerNews ul {
	margin-top: 10px;
}
#footerNews li {
	position: relative;
	padding: 10px 0;
	margin-bottom: 10px;
	line-height: 1.6;
	border-bottom: 1px dotted #bdbdbd;
}
#footerNews li:only-child {
	border-bottom: none;
}
#footerNews li a {
	text-decoration: none;
	display: block;
	padding: 5px 25px 5px 0;
	background-image: url(../../../images/smartphone/common/plus_black.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 15px;
}
#footerNews li a.on {
	background-image: url(../../../images/smartphone/common/minus_black.png);
}
#footerNews li a:hover {
}
#footerNews .ttl {
	display: block;
	font-weight: bold;
	font-size: 120%;
}
#footerNews .update {
	display: block;
	font-weight: normal;
	font-size: 85%;
}
#footerNews .detail {
	display: block;
	font-size: 110%;
}
#footerNews li .contents {
	text-decoration: none;
	margin-top: 10px;
	display: none;
}

@media screen and (orientation: landscape) {
.tabSliderWrap {
	padding-top: 60%;
}
}

@media screen and (orientation: portrait) {
.tabSliderWrap {
	padding-top: 100%;
}
}

#boxer.mobile {
	z-index: 10000 !important;
}



/*----------20181119追加----------*/

.service_bnr {
	margin-bottom: 50px;
}
.service_bnr .list{
  padding: 0 5.46875%;
}
.service_bnr .list li{
  margin-bottom: 1em;
}
.service_bnr .list.shop{
  padding: 0 5.46875%;
	overflow: hidden;
}
.service_bnr .list.shop li{
	float: left;
	width: 48%;
}
.service_bnr .list.shop li:last-child{
	float: right;
	width: 48%;
}

/*----------------2020.4追加----------------*/
/* news */
#news.d_news h1 {
	font-size: 130%;
	margin-bottom: 15px;
	line-height: 1.3;
	padding: 0 18px;
}
#news.d_news #d_news-item-element {
	padding: 0 18px;
	font-size: 14px;
	line-height: 1.5;
}
#news.d_news #d_news-item-element h1 {
  padding: 0;
}
#news.d_news #d_news-item-element .siteTOP {
	width: 90%;
	margin: 50px auto;
	text-align: center;
}
#news.d_news #d_news-item-element .siteTOP .btn-01 {
	font-size: 12px;
}
#news.d_news #d_news-item-element .siteTOP .btn-01 span {
	background-image: url(../../../images/smartphone/common/arrow_white_s_left.png);
	background-position: left center;
	padding: 0 0 0 20px;
}



/**/
/*追加202006*/
[id^="content_"]{
	width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: calc(80vw / 7.5);
	box-sizing: border-box;
	overflow: hidden;
}
[id^="content_"] *{
	box-sizing: border-box;
}
h2.tit-02,
[id^="content_"] h2.ttl{
	font-size: calc(36vw / 7.5);
	line-height: 1;
	padding-bottom: calc(25vw / 7.5);
	margin-bottom: calc(30vw / 7.5);
	position: relative;
	text-align: center;
}
[id^="content_"] h2.ttl span span{
	font-size: calc(18vw / 7.5);
}
h2.tit-02:after,
[id^="content_"] h2.ttl:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100vw / 7.5);
	height: calc(4vw / 7.5);
	background-color: #000;
	margin: auto;
}

[id^="content_"] button.slick-prev,
[id^="content_"] button.slick-next {
	transform: translateY(-50%) scaleY(1.0);
	width: calc(80vw / 7.5);
	height: calc(200vw / 7.5);
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	margin-top: -10px\9;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 10;
	overflow: visible;
}
[id^="content_"] button.slick-prev:before,
[id^="content_"] button.slick-next:before {
	content: '';
	display: block;
  width: calc(30vw / 7.5);
	height: calc(30vw / 7.5);
	background-position: center;
	background-size: contain;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
[id^="content_"] button.slick-prev {
	left: calc(-50vw / 7.5);
}
[id^="content_"] button.slick-next {
	right: calc(-50vw / 7.5);
}
#recentlyItemList a.bx-prev,
#content_new button.slick-prev {
	left: calc(-60vw / 7.5) !important;
}
#recentlyItemList a.bx-next,
#content_new button.slick-next {
	right: calc(-60vw / 7.5) !important;
}
[id^="content_"] button.slick-prev:before {
	transform: rotate(45deg);
}
[id^="content_"] button.slick-next:before {
	transform: rotate(-135deg);
}

#content_hot_brand button.slick-prev,
#content_hot_brand button.slick-next {
  width: calc(80vw / 7.5);
  height: calc(180vw / 7.5);
}
#content_hot_brand button.slick-prev {
  left: calc(-80vw / 7.5);
}
#content_hot_brand button.slick-next {
  right: calc(-80vw / 7.5);
}
#content_hot_brand button.slick-prev:before,
#content_hot_brand button.slick-next:before {
  width: calc(30vw / 7.5);
  height: calc(30vw / 7.5);
  top: 0;
  bottom: 0;
  margin: auto;
}
#content_hot_brand button.slick-prev:before {
  position: absolute;
  right: 0;
}

[id^="content_"] ul.slick-slider{
	margin: auto auto calc(60vw / 7.5);
	display: none;
}
[id^="content_"] ul.slick-slider.slick-initialized{
	display: block !important;
}
[id^="content_"] .slick-dots {
	position: absolute;
	bottom: calc(-70vw / 7.5);
}
[id^="content_"] .slick-dots li {
	width: calc(27vw / 7.5) !important;
	float: none !important;
}
[id^="content_"] .slick-dots li button:before {
	background: #666666;
	width: 16px;
	height: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
[id^="content_"] .slick-dots li.slick-active button:before {
	background: #a7914a;
	width: 16px;
	height: 16px;
}




#content_mode{
	background-color: #000;
	padding: calc(30vw / 7.5);
	color: #fff;
	width: calc(710vw / 7.5)
}
#content_mode h2.ttl:after{
	background-color: #fff;
}
#content_mode .bg div{
	margin-top: calc(20vw / 7.5);
	height: calc(90vw / 7.5);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#content_mode .bg div a{
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-direction: column;
	padding-left: calc(15vw / 7.5);
	color: #fff;
	font-size: calc(24vw / 7.5);
	position: relative;
	text-align: left;
  padding-right: calc(50vw / 7.5)
}
#content_mode .bg div a span:after{
	content: "";
	display: block;
	position: absolute;
	width: calc(20vw / 7.5);
	height: calc(20vw / 7.5);
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(20vw / 7.5);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

#content_mode.text_mode{
  font-family: 'Sen', メイリオ, meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: 700;
  width: calc(580vw / 7.5);
  padding: 0;
  background-color: transparent;
}
#content_mode.text_mode div.title{
  background-color: #000;
}
#content_mode.text_mode div.title a{
  color: inherit;
  display: block;
}
#content_mode.text_mode div.title h2.ttl{
  font-size: calc(70vw / 7.5);
  margin: 0;
  padding: calc(35vw / 7.5) 0;
}
#content_mode.text_mode div.title h2.ttl:after{
  content: none;
}
#content_mode.text_mode div.sub{
  background-color: #fff;
  color: #000;
  font-size: calc(30vw / 7.5);
  margin: calc(10vw / 7.5) auto auto;
}
#content_mode.text_mode div.sub a{
  color: inherit;
  display: block;
  padding: calc(10vw / 7.5);
  border: calc(4vw / 7.5) solid #000;
}
#content_mode.text_mode div.sub.osan{
  font-family: 'Open Sans', メイリオ, meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
#content_mode.text_mode div.sub + div{
  margin: calc(40vw / 7.5) auto auto;
}
#content_mode.text_mode a{
  position: relative;
}
#content_mode.text_mode a:before{
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  top: 0;
  left: 0;
}
#content_mode.text_mode a:hover{
  text-decoration: none;
}
#content_mode.text_mode a:hover:before{
  background-color: rgba(255,255,255,0.3);
}


#content_hot_brand ul.slick-slider{
	width: calc(600vw / 7.5);
}
#content_hot_brand ul.slick-slider .slick-slide{
	width: calc(600vw / 7.5);
	margin: 0 10px;
}
#content_hot_brand ul.slick-slider .slick-slide img{
	width: 100%;
}
#content_hot_brand ul.slick-slider .slick-list{
	overflow: visible;
}


#content_campaign {
	width: 100%;
	padding: calc(40vw / 7.5) 0 calc(40vw / 7.5);
	background-color: #f0f0f0;
	border-bottom: calc(4vw / 7.5) solid #aaaaaa;
}
#content_campaign #features{
	margin: calc(100vw / 7.5) auto 0;
}
#content_campaign #features #btnFeaturesMore{
  margin: auto;
}
#content_campaign #btnFeaturesMore{
	margin-top: calc(30vw / 7.5);
}
#content_campaign ul#listFeatures{
	display: none;
}
#content_campaign ul.slick-slider{
	width: calc(680vw / 7.5);
	margin: auto;
	overflow: visible;
}
#content_campaign ul.slick-slider .slick-slide{
	margin: 0 calc(15vw / 7.5);
	clear: initial;
}
#content_campaign ul.slick-slider .slick-slide .single{
	width: calc(310vw / 7.5);
	height: calc(310vw / 7.5);
	/*margin: 0 calc(15vw / 7.5);*/
	clear: initial;
}
#content_campaign ul.slick-slider .slick-slide .single *{
	height: 100% !important;
}
/*
#content_campaign ul.slick-slider .slick-slide .bx-viewport{
	height: 280px !important;
}
*/
#content_campaign ul.slick-slider .slick-slide .bx-viewport a{
	width: 100% !important;
	height: 100%;
	left: 0;
}
#content_campaign ul.slick-slider .slick-slide .bx-viewport #wnbn a img{
	width: 100% ;
  	max-width: 100%;
	height: auto;
}

#content_rank{
	width: 100%;
}

/*
#ranking {
	padding: calc(40vw / 7.5) 0;
	background-color: #f0f0f0;
}
#ranking .rank {
	width: 100%;
	margin: auto;
}
#ranking #top-rank {
	margin: 0 auto;
	text-align: center;
}
#ranking select {
	height: calc(60vw / 7.5);
	line-height: calc(60vw / 7.5);
	width: calc(400vw / 7.5);
	padding: 0 calc(10vw / 7.5);
	border: none;
	font-size: calc(24vw / 7.5);
	background: #fff url('/ec/shop/hankyu-food/images/smartphone/icon/arw-select-1.png') no-repeat;
	background-size: calc(20vw / 7.5) calc(38vw / 7.5);
	background-position: 98% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  font-size: 16px;
}
 */

#content_select{
	width: 100%;
	padding: calc(40vw / 7.5) 0;
	background-color: #f0f0f0;
	border-bottom: calc(4vw / 7.5) solid #aaaaaa;
}
#content_select ul{
	width: calc(640vw / 7.5);
	margin: auto auto calc(30vw / 7.5);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#content_select ul li{
	width: calc(310vw / 7.5);
}
#content_select ul li:nth-of-type(n+3){
	margin-top: calc(20vw / 7.5);
}
#content_select ul li img{
	width: 100%;
}

.service_bnr .inner{
	padding: 0;
}
.service_bnr .list{
	overflow: hidden;
}
.service_bnr .list li{
	float: left;
	width: 48%;
}
.service_bnr .list li:last-child{
	float: right;
	width: 48%;
}


#content_d_news{
	width: 100%;
	padding: calc(40vw / 7.5) 0;
	margin: calc(80vw / 7.5) auto 0;
	background-color: #f0f0f0;
}
#content_d_news h2{
	margin-bottom: 0;
	padding-bottom: calc(20vw / 7.5);
}
#content_d_news h2:after{
	width: 100%;
	height: 2px;
	background-color: #bbbbbb;
}
#content_d_news #d_news-inner{
	width: calc(710vw / 7.5);
	margin: auto;
	text-align: left;
}
#content_d_news div.element{
	padding: calc(30vw / 7.5) 0 calc(30vw / 7.5) 0;
	border-bottom: 1px dashed #c1c1c1;
}
#content_d_news div.element >a{
	position: relative;
	display: block;
  padding-right: calc(70vw / 7.5);
}
#content_d_news div.element >a:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(20vw / 7.5);
    height: calc(20vw / 7.5);
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(20vw / 7.5);
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg);
}
#content_d_news div.element p{
	font-size: calc(28vw / 7.5);
}
#content_d_news div.element span.ttl{
	font-weight: 900;
}
#content_d_news div.element span.date{
	display: block;
	font-size: calc(24vw / 7.5);
}
#content_d_news div.element span.summary{
	display: block;
	padding: calc(20vw / 7.5) 0 0 0;
	font-size: calc(20vw / 7.5);
}


#recentlyItemList .bx-prev {
	background-image: url('/ec/shop/hankyu-mens/images/smartphone/common/arrow_black_l_left.png') !important;
	background-position: left top !important;
	background-size: 20px 20px !important;
	left: -25px !important;
}
#recentlyItemList .bx-next {
	background-image: url('/ec/shop/hankyu-mens/images/smartphone/common/arrow_black_l_right.png') !important;
	background-position: left top !important;
	background-size: 20px 20px !important;
	right: -25px !important;
}


#content_rank #ranking-clm{
  margin: calc(50vw / 7.5) calc(30vw / 7.5) calc(30vw / 7.5);
}
#content_rank .slick-slider{
  width: calc(680vw / 7.5);
  margin: auto;
}
#content_rank .slick-slider .slick-slide{
  width: calc(220vw / 7.5);
  margin: auto calc(5vw / 7.5);
  padding-top: calc(45vw / 7.5);
/*
  background-size: auto calc(16vw / 7.5);
  background-position: center calc(4vw / 7.5);
*/
  background-size: auto calc(28vw / 7.5);
  background-position: center top;
  background-repeat: no-repeat;
}
#content_rank .slick-slider .slick-slide a{
  display: block;
  position: relative;
  padding-top: calc(30vw / 7.5);
}

#content_rank .slick-slider .slick-slide:nth-of-type(1) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_1.png");
  background-size: auto calc(28vw / 7.5);
  background-position: center top;
}
#content_rank .slick-slider .slick-slide:nth-of-type(2) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_2.png");
  background-size: auto calc(28vw / 7.5);
  background-position: center top;
}
#content_rank .slick-slider .slick-slide:nth-of-type(3) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_3.png");
  background-size: auto calc(28vw / 7.5);
  background-position: center top;
}
#content_rank .slick-slider .slick-slide:nth-of-type(4) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_4.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(5) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_5.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(6) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_6.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(7) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_7.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(8) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_8.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(9) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_9.png");
}
#content_rank .slick-slider .slick-slide:nth-of-type(10) {
  background-image: url("/ec/shop/hankyu-mens/images/common/rank_10.png");
}
#content_new .slick-slider .slick-slide img,
#content_rank .slick-slider .slick-slide img{
  width: 100%;
}
#content_new .slick-slider .slick-slide span,
#content_rank .slick-slider .slick-slide span{
  display: block;
  font-size: calc(18vw / 7.5);
  line-height: 1.5;
  text-align: left;
  margin-top: calc(10vw / 7.5);
}
#content_new .slick-slider .slick-slide span.item_icon img,
#content_rank .slick-slider .slick-slide span.item_icon img{
  width: auto;
  height: calc(28vw / 7.5);
  display: inline-block;
}
#content_rank .slick-slider .slick-slide span.item_icon.new{
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
#content_rank .slickNavi {
  margin-top: calc(50vw / 7.5);
}
#content_rank .slickNavi [class^="slickNavi_innerRank"]{
  width: 90%;
  margin: auto;
}
#content_rank .slickNavi .slick-dots{
  bottom: 0;
}

#recentlyItem5{
  margin: calc(30vw / 7.5) auto calc(30vw / 7.5);
}
#recentlyItem5 #recentlyItemList,
#content_new .sliderNewitem1{
  width: calc(600vw / 7.5);
  margin: auto;
  position: relative;
}
#recentlyItem5 .bx-wrapper,
#content_new .slick-slider{
  width: calc(600vw / 7.5);
  margin: auto auto calc(30vw / 7.5);
  max-width: initial !important;
  padding-bottom: 0;
}
#content_new .slick-slider .slick-slide{
  width: calc(180vw / 7.5);
  margin: auto calc(10vw / 7.5);
}
#recentlyItem5 .bx-wrapper .single{
  width: calc(200vw / 7.5) !important;
  padding: 0 calc(10vw / 7.5) !important;
  margin: auto !important;
}
#recentlyItem5 .bx-wrapper .single p{
  display: block;
  font-size: calc(18vw / 7.5);
  line-height: 1.5;
  text-align: left;
  margin-top: calc(10vw / 7.5);
}
#recentlyItem5 .bx-wrapper .single p.icon img {
  width: auto;
  height: calc(18vw / 7.5);
  display: inline-block;
}
#content_new .slickNavi {
  margin-top: 0;
  position: absolute;
  top: calc(160vw / 7.5);
  width: 100%;
  height: 0;
}
#content_new .slickNavi [class^="slickNavi_inner"]{
  position: static;
}
#content_new .slickNavi .slick-dots{
  display: none !important;
}

#recentlyItem5 a.bx-prev, #recentlyItem5 a.bx-next {
  background-image: url() !important;
  transform: translateY(-50%) scaleY(1.0);
  width: calc(80vw / 7.5);
  height: calc(200vw / 7.5);
  font-size: 0;
  line-height: 0;
  position: absolute;
/*  top: 50%;*/
  top: calc(140vw / 7.5) !important;
  display: block;
  padding: 0;
  margin-top: -10px\9;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10;
  overflow: visible;
}
#recentlyItem5 a.bx-prev:before, #recentlyItem5 a.bx-next:before {
  content: '';
  display: block;
  width: calc(30vw / 7.5);
  height: calc(30vw / 7.5);
  background-position: center;
  background-size: contain;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#recentlyItem5 a.bx-prev:before {
  transform: rotate(45deg);
}
#recentlyItem5 a.bx-next:before {
  transform: rotate(-135deg);
}



#mainSlider.topSlider .bx-wrapper .bx-controls-direction a{
  width: calc(80vw / 7.5);
}




#content_rank .btnBasic,
#content_rank .btnBasic_all{
  height: 40px;
  margin: 5vw auto auto;
}
#content_rank .btnBasic a,
#content_rank .btnBasic_all a{
  text-align: center;
  display: inline-block;
  padding: 10px;
  background: #000;
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
  border: 2px solid #000;
}
#content_rank .btnBasic a span,
#content_rank .btnBasic_all a span{
  background-image: url('/ec/shop/hankyu-mens/images/smartphone/common/arrow_white_s_right.png');
  display: block;
  padding: 0 20px;
  background-repeat: no-repeat;
  background-position: right center;
}
#content_rank .btnBasic a:hover,
#content_rank .btnBasic_all a:hover{
  text-decoration: none;
  background: #FFF;
  color: #000;
}
#content_rank .btnBasic a:hover span,
#content_rank .btnBasic_all a:hover span{
  background-image: url('/ec/shop/hankyu-mens/images/smartphone/common/arrow_black_s_right.png');
}

#content_rank .btnBasic{
  margin-bottom: calc(-30vw / 7.5);
}
#content_rank .btnBasic a{
  background: #666;
  border: 2px solid #666;
}
#content_rank .btnBasic a:hover{
  border: 2px solid #000;
  color: #000;
}

#features #featuresInner #btnFeaturesMore a,
#content_rank .btnBasic a,
#content_rank .btnBasic_all a,
.btn-01
{
  width: 80vw;
  margin: auto;
}

/*----------202309追加----------*/
.brandDetail .leadTxt{
	    line-height: 150%;
}


/* H2O */
p:has(.H2O_notes){
	text-align: center;
}
.H2O_notes{
	font-size: 80%;
	display: block;
	padding-top: 10px;
}

/*----------202408追加----------*/
#RecommendItemList .bx-viewport{
	height: auto!important;
}