@charset "UTF-8";

/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/
.second-page *,
.second-page *:before,
.second-page *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
body{
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
.second-page{
	font-weight: 300;
	line-height: 1.2em;
	font-size: 0.9em;
	color: #020104;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	margin: 0;
}

body.menu-open,
body.open {
	overflow: hidden;
	height: 100vh;
	top: 0;
}

@media (max-width: 768px) {
	.second-page  {
		font-size: 2.5vw;
		line-height: 0.8;
	}
}

/*リンク*/

.second-page a {
	color: #020104;
	text-decoration: none;
}

.second-page a:visited {
	color: #020104;
}

.second-page a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

.second-page a:active {
	color: #020104;
}

/*画像*/

.second-page img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

/*common layout*/

.second-page .container {
	*zoom: 1;
	margin: 0 auto;
	width: 980px;
	min-width: 980px;
}

@media (max-width: 768px) {
	.second-page .container {
		width: 100%;
		min-width: 100%;
	}
}

@-ms-viewport {
	width: device-width;
}

.second-page h1,
.second-page h2,
.second-page h3,
.second-page h4,
.second-page h5,
.second-page p,
.second-page ul,
.second-page ol,
.second-page li,
.second-page dl,
.second-page dt,
.second-page dd {
	margin: 0;
}
.second-page ul,
.second-page ol {
	padding: 0;
}

/*アニメーション*/
@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes hide {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/*--------------------------------------
 2:ヘッダ
----------------------------------------*/
#header.second-page {
	min-width: 980px;
	text-align: center;
	position: fixed;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	z-index: 200;
	display: block;
	top:0;
}

#header.second-page .container {
	position: relative;
}

#header.second-page .pr {
	width: 100%;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
	min-width: 100%;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
	background: #e5e5e5;
	/*キャッシュレス用 こちらはキャッシュレスを消す際編集不要*/
}

@media (min-width: 769px) {
	#header.second-page {
		height: 180px;
		-webkit-transition: .3s;
		transition: .3s;
	}

	#header.second-page.is-fixed {
		border-bottom: 1px solid #ccc;
		-webkit-transition: .3s;
		transition: .3s;
		/*height: 75px;*/
		/*キャッシュレス無しのときはこちら*/
		height: 130px;
		/*キャッシュレス用*/
	}
	
}

@media (max-width: 768px) {
	#header.second-page  {
		width: 100%;
		min-width: 100%;
		background: #fff;
		margin-bottom: 2.4vw;
	}

	#header.second-page.fixed {
		position: fixed;
		top: 0;
		z-index: 100;
	}

	#header.second-page .container {
		border-bottom: #8A8A8A 1px solid;
	}

	.second-page .header__logo,
	.second-page .header__tools__item {
		padding-top: 0;
		padding-top: 10px;
		padding-bottom: 8px;
	}
}

.second-page .header__share {
	position: absolute;
	right: 0;
	top: 4px;
	display: block;
	padding-top: 10px;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	.second-page .header__logo a {
		position: relative;
		z-index: 2;
	}

	header.second-page.is-fixed .header__share {
		position: absolute;
		top: 15px;
		-webkit-transition: .3s;
		transition: .3s;
		width: 100%;
	}

	header.second-page.is-fixed .header__share__icons__item {
		display: none;
	}

	/**/
}

.second-page .header__share__icons {
	display: inline-block;
	position: absolute;
	width: 200px;
	top: 11px;
	right: 0px;
	text-align: right;
}

.second-page .header__share__icons__item {
	display: inline-block;
	width: 18px;
	padding-right: 10px;
	box-sizing: content-box;
}

.second-page .header__share__icons__item:last-child {
	padding-right: 0;
}

.second-page .header__share__icons__item img {
	width: 100%;
}


@media (max-width: 768px) {
	.second-page .header__share {
		display: none;
	}
}


/** ロゴ **/
.second-page .logo a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.second-page .header__logo {
	padding-top: 30px;
}
@media (max-width: 768px) {
	.second-page .header__logo {
		text-align: center;
		position: relative;
		padding-top: 10px;
		width: 100vw;
	}

	#header.second-page.is-fixed .logo{
		width: 140px;
		height: 30px;
    	margin: 0px auto 0 66px !important;
	}
	#header.second-page.is-fixed .logo img{
		max-width: 140px;
		max-height: 30px;
		height: auto;
		width: auto;
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		left: 65px;
	}

}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	#header.second-page.is-fixed .header__logo {
		padding-top: 0;
	}

	#header.second-page.is-fixed .logo {
		text-align: left;
		-webkit-transition: .3s;
		transition: .3s;
		width: 156px;
		height: 39px;
		padding-top: 20px;
	}
	
	#header.second-page.is-fixed .logo img {
		max-height: 39px;
		max-width: 156px;
		height: auto;
		width: auto;
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		left: 0;
	}

	/**/
}

/**PC用ログイン**/
.second-page .header__login {
	position: absolute;
	top: 72px;
	left: 0;
}

.second-page .header__login__item a {
	font-family: 'Julius Sans One', sans-serif;
	background: url('https://www.joint-space.co.jp/js_top/images/common/sp-menu_login.png') no-repeat left 4px;
	background-size: 14px;
	padding: 7px 0 7px 23px;
	margin-top: 10px;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	.second-page .header__login__item a {
		background-size: 12px;
		padding: 7px 0 8px 17px;
		font-size: 0.9em;
	}

	/**/
}

@media (max-width: 768px) {
	.second-page .header__login {
		display: none;
	}
}

/**SP用メニューや検索ツール**/
.second-page .header__tools {
	display: none;
}
.second-page .sp-search__box{
	display: none;
}
@media (max-width: 768px) {
	.second-page .header__tools {
		position: absolute;
		top: 0;
		display: block !important;
		left: 13px;
	}

	.second-page .header__tools__item {
		display: inline-block;
		padding-left: 1vw;
		padding-right: 1vw;
		vertical-align: top;
	}

	/*検索ボックス*/
	.second-page .sp-search__box.is-active {
		animation: show .3s linear 0s;
		position: relative;
	}

	.second-page .sp-search__box form {
    	position: relative;
		width: 100vw;
		display: block;
		text-align: left;
		left: 0;
		background: #F6F2F1;
		text-align: center;
		z-index: 200;
		border-bottom: #aaa 1px solid;
	}

	.second-page .sp-search__box {
		display: none;
		animation: hide .3s linear 0s;
	}

	.second-page .sp-search__box.is-active {
		display: block;
		animation: show .3s linear 0s;
	}

	.second-page .sp-search__box .modal__overlay,
	.second-page .sp-brand-menu .modal__overlay{
		position: absolute;
	}

	.second-page .sp-search__box input[type='text'] {
		font-family: 'Julius Sans One', sans-serif;
		background: none;
		border: none;
		box-shadow: none;
		width: 80%;
		height: 40px;
		margin: 1em 10px;
		background: #fff;
		border: 1px #aaa solid;
    	padding: 10px;
		color:#aaa;
		font-size: 16px;
	}

	.second-page .sp-search__box input[type='submit'] {
		background: url(https://www.joint-space.co.jp/js_top/images/common/header_btn_search-sp.png) no-repeat center;
		background-size: cover;
		width: 30px;
		height: 30px;
		border: none;
		vertical-align: middle;
		margin-left: 2vw;
		margin-bottom: 1em;
	}
}

/**リンク**/
.second-page .header__links {
	position: absolute;
	right: 0;
	top: 58px;
}

.second-page .header__links__item {
	display: inline-block;
	padding-left: 8px;
}

.second-page .header__links__item img {
	width: 28px;
}

.second-page .header__links .header__login__item {
	display: none;
}

/*検索*/
.second-page .header__links__search {
	border-bottom: 1px solid #000;
}

.second-page .header__links__search input[type='text'] {
	font-family: 'Julius Sans One', sans-serif;
	border: none;
	width: 170px;
	padding: 6px 0;
	font-size: 1.1em;
}

.second-page .header__links__search input[type='submit'] {
	background: url(https://www.joint-space.co.jp/js_top/images/common/sp-menu_search.png) no-repeat center;
	background-size: cover;
	width: 19px;
	height: 19px;
	border: none;
	vertical-align: middle;
}

.second-page .header__links__cart .header__links__cart__value:not(:empty){
	position: absolute;
	display: block;
	background: #D55D38;
	color:#fff;
    padding: 0;
	text-align: center;
	width:1.5em;
	height: 1.5em;
	border-radius: 50%;
    top: -6px;
    right: -8px;
    font-size: 0.8em;
}
.second-page .header__links__cart .header__links__cart__value.fs-client-cart-count--0{
	display: none;
}
@media (max-width: 768px) {
	.second-page .header__links {
		padding-top: 0;
		right: 4vw;
		top:0;
	}

	.second-page .header__links__item {
		padding-left: 2vw;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.second-page .header__tools__menu.hide {
		display: none;
	}

	.second-page .header__tools__menu img {
		width: 33px;
	}
	.second-page .header__links__search{
		border:none;
	}
	.second-page .header__links__search img {
		width: 24px;
	}

	.second-page .header__links__cart img {
		width: 25px;
	}
	.second-page .header__links__cart .header__links__cart__value:not(:empty) {
		top: 6px;
		right: 35px;
		padding: 3px 0;
		font-size: 10px;
	}
	.second-page .header__links__brand{
		padding-left: 0.2vw;
	}
	.second-page .header__links__brand img {
		width: 35px;
	}
}

@media (min-width: 769px) {
	/*ヘッダー小さい時用*/

	#header.second-page.is-fixed .header__links {
		top: 2px;
		right: 0px;
		z-index: 1;
	}

	#header.second-page.is-fixed .header__links .header__login__item {
		display: inline-block;
	}

	#header.second-page.is-fixed .header__login {
		display: none;
	}

	#header.second-page.is-fixed .header__links__search {
		margin-right: 20px;
	}

	#header.second-page.is-fixed .header__links__item img {
		width: 20px;
	}

	#header.second-page.is-fixed .header__links__cart img {
		width: 25px;
	}
}

/*グローバルナビ*/
.second-page .gnav {
	position: relative;
	padding-bottom: 34px;
}

.second-page .gnav__children {
	display: inline-block;
	padding-right: 10px;
}

.second-page .gnav__children:last-child {
	padding-right: 0;
}

.second-page .gnav__children__title {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.07em;
	line-height: 0.95em;
	padding: 5px 2px 3px 10px;
	border: 1px solid #000;
	width: 114px;
	height: 22px;
	position: relative;
	cursor: pointer;
}

.second-page .gnav__children__title:before {
	position: absolute;
	content: "";
	margin-left: -10px;
	top: 6px;
	width: 0;
	height: 0;
	border-bottom: none;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid black;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	#header.second-page.is-fixed .gnav {
		top: -44px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: left;
		padding-left: 200px;
	}

	#header.second-page.is-fixed .gnav__children__title {
		border: none;
		width: auto;
		-webkit-transition: .3s;
		transition: 0.3s;
	}
}

@media (max-width: 768px) {
	.second-page .gnav {
		display: none;
	}
}

.second-page .gnav__children__area {
	left: 0;
	text-align: left;
	position: absolute;
	margin: 14px 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	width: 100%;
	color: #606060;
	font-size: 0.95em;
	background: #FFF;
	border: #EEEEEE solid 18px;
	display: none;
	animation: hide .3s linear 0s;
}

.second-page .gnav__children__area a {
	color: #606060;
}

.second-page .gnav__children__area.is-active {
	display: block;
	animation: show .3s linear 0s;
}

.second-page .gnav__category .gnav__children__area:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -63px;
	border: 6px solid transparent;
	border-bottom: 20px solid #EEE;
}

.second-page .gnav__brand .gnav__children__area:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: 55px;
	border: 6px solid transparent;
	border-bottom: 20px solid #EEE;
}

@media (min-width: 769px) {

	/*ヘッダー小さい時用*/
	#header.second-page.is-fixed .gnav__category .gnav__children__area:before {
		margin-left: -255px;
	}

	#header.second-page.is-fixed .gnav__brand .gnav__children__area:before {
		margin-left: -176px;
	}
}

/*カテゴリ*/
.second-page .gnav__category__menu__list {
	height: 100%;
	display: inline-block;
	padding-top: 55px;
	width: 208px;
	vertical-align: top;
}

.second-page .gnav__category__menu__item {
	padding-bottom: 24px;
	font-weight: bold;
}

.second-page .gnav__category__content {
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #000;
	padding-left: 56px;
	padding-top: 15px;
}

.second-page .gnav__category__content ul {
	list-style: none;
}

.second-page .gnav__category__content__title {
	padding-bottom: 24px;
	font-family: 'Julius Sans One', sans-serif;
	font-weight: bold;
}

.second-page .gnav__category__menu02__list {
	width: 252px;
}

.second-page .gnav__category__list {
	width: 190px;
}

.second-page .gnav__category__menu02__list,
.second-page .gnav__category__list {
	display: inline-block;
	vertical-align: top;
}

.second-page .gnav__category__menu02__item,
.second-page .gnav__category__item {
	padding-bottom: 24px;
}

.second-page .gnav__category__2top__list {
	display: inline-block;
}

.second-page .gnav__category__2top__item a {
	width: 150px;
	height: 150px;
	text-align: center;
	background: #FACE89;
	margin-bottom: 24px;
	display: table;
	color: #fff;
	padding-top: 50px;
}

.second-page .gnav__category__2top__item:nth-child(2) a {
	background: #F29C9F;
}

.second-page .gnav__category__2top__item__title {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.6em;
	line-height: 1em;
	padding-bottom: 20px;
}

/*ブランド*/
.second-page .gnav__brand__list {
	list-style: none;
	padding-top: 20px;
	padding-left: 26px;
}

.second-page .gnav__brand__item {
	display: inline-block;
	padding-bottom: 30px;
	width: 295px;
}

.second-page .gnav__brand__item a {
	text-decoration: none;
}

.second-page .gnav__brand__item__img {
	border-radius: 50%;
	width: 70px;
	margin-right: 15px;
}

.second-page .gnav__brand__item__title {
	width: 150px;
	text-align: center;
	display: inline-block;
}

.second-page .gnav__brand__item__title img {
	height: 60px;
	width: auto;
}

/*スマホメニュー*/
.second-page .sp-menu,
.second-page .sp-menu__close {
	display: none;
}

/**
	下層ページ用（対象：楽天用iframe読み込みheader.html）
*/

#header.second-page.is-fixed {
	-webkit-transition: 0s;
	transition: 0s;
}

#header.second-page.is-fixed .header__links__guide {
	padding-left: 5px;
}

#header.second-page.is-fixed .header__links__guide img {
	width: 26px;
}

#header.second-page.is-fixed .header__share {
	-webkit-transition: 0s;
	transition: 0s;
}

#header.second-page.is-fixed .logo {
	-webkit-transition: 0s;
	transition: 0s;
    margin: 16px 0;
}


#header.second-page .gnav .gnav__item {
	font-family: 'Julius Sans One', sans-serif;
	display: inline-block;
	padding-right: 32px;
}

#header.second-page .gnav .gnav__item a {
	padding: 5px;
}

#FS2_layout_body{
	margin-top:0 !important;
}

/*-------------*/
@media (max-width: 768px) {
	#header.second-page  {
		z-index: 100;
	}

	.second-page .sp-menu {
		display: block;
		background-color: #FFF;
		position: absolute;
		width: 100%;
		height: 0;
		z-index: 100;
		-webkit-transition: .4s;
		transition: .4s;
		overflow-y: scroll;
		border-top: 1px solid #E7E7E7;
		top:0;
	}
	.second-page .sp-menu:not(.open){
		min-height: 0 !important;
	}

	.second-page .sp-menu.open {
		min-height: 100vh;
		-webkit-transition : 0.4s;
		transition: .4s;
		visibility: visible;
		opacity: 1;
		/*padding-top: 5vw;*/
	}

	.second-page .sp-menu__btn {
		display: inline-block;
	}

	.second-page .sp-menu__close {
		display: none !important;
		padding-right: 1vw;
    	position: fixed;
		top:2vw;
    	right: 1.3vw;
    	z-index: 200;
	}

	.second-page .sp-menu__close img {
		width: 8vw;
	}

	.second-page .sp-menu__close a {
		display: block;
	}

	.second-page .sp-menu__close.open {
		display: inline-block !important;
	}

	/*スマホメニューヘッダー*/
	.second-page .sp-menu__header {
		/*margin-right: 3vw;
		margin-left: 3vw;*/
		/*padding-bottom: 2.6vw;*/
		/*border-bottom: 2px solid #969696;*/
		/*text-align: center;*/
	}
	
	/*ユーザー情報*/
	.second-page .sp-menu__user{
		background:#F6F2F1;
		padding: 4vw 5.5vw;
		text-align: left;
		position: relative;
	}
	.second-page .sp-menu__user div div{
		display: inline-block;
	}
	.second-page .sp-menu__user__name {
		font-size:4vw;
		letter-spacing: -0.03em;
    	max-width: 37vw;
    	/*padding-right: 11vw;*/
		line-height: 1.1em;
	}
	.second-page .sp-menu__user__point{
		font-size: 3vw;
		letter-spacing: -0.06em;
		position: absolute;
		right: 12vw;
		line-height: 1em;
		top: 50%;
		transform: translateY(-50%);
	}
	.second-page .sp-menu__user__point b{
		font-size:3.4vw;
	}
	
	/*ツール関係*/
	.second-page .sp-menu__tools {
		font-size: 0;
		text-align: left;
    	border-top: 1px solid #7D7C7D;
		background: #F6F2F1;
    	border-bottom: 1px solid #7D7C7D;
	}

	.second-page .sp-menu__tools__item {
		display: inline-block;
		font-size: 3.5vw;
		width: 50%;
		text-align: center;
    	border-bottom: 1px solid #7D7C7D;
    	border-right: 1px solid #7D7C7D;
		position: relative;
	}
	.second-page .sp-menu__tools__item:nth-child(even){
		border-right:none;
	}
	.second-page .sp-menu__tools__item:last-child,
	.second-page .sp-menu__tools__item:nth-last-child(2):nth-child(odd){
		border-bottom: none;
	}
	.second-page .sp-menu__tools__item a{
		width: 100%;
		/*padding: 2.4vw 0;*/
		padding: 2vw 0;
		display: block;
    	padding-left: 3vw;
	}
	
	.second-page .sp-menu__tools__item a img{
		/*width: 4vw;*/
		padding-right: 1.7vw;
		box-sizing: content-box;
		/*position: absolute;
		top: 50%;
		transform: translateY(-50%);*/
    	margin-left: -5vw;
		display: inline-block;
		height: 1.1em;
		width: auto;
	}


	/*.sp-menu__tools__login a {
		background: url('../images/common/sp-menu_login.png') no-repeat left;
		background-size: 3vw;
		padding: 1vw 0 1vw 4.5vw;
	}*/
	/*ログイン関係*/
	.second-page .sp-menu__login{
		padding: 3vw 0;
    	font-size: 3vw;
	}
	.second-page .sp-menu__login p{
		padding-bottom: 3vw;
	}
	.second-page .sp-menu__login p a{
		text-decoration: underline;
	}
	.second-page .sp-menu__login__mypage,
	.second-page .sp-menu__login__login{
		display: inline-block;
	}
	.second-page .sp-menu__login__mypage{
		padding-right: 1.5vw;
	}
	.second-page .sp-menu__login__mypage a,
	.second-page .sp-menu__login__login a{
    	width: 43.2vw;
		display: block;
		color:#fff;
		padding: 2.3vw 0;
		font-size: 4vw;
	}
	.second-page .sp-menu__login__mypage a:hover,
	.second-page .sp-menu__login__login a:hover{
		text-decoration: none;
	}
	.second-page .sp-menu__login__mypage a{
		background: #8D9ACF;
	}
	.second-page .sp-menu__login__login a{
		background: #FA9D7E;
	}
	.second-page .sp-menu__login__mypage a img,
	.second-page .sp-menu__login__login a img{
		height:3.3vw;
    	vertical-align: baseline;
    	padding-right: 2vw;
	}

	/*ユーザー情報関係*/
	/*.sp-menu__info {
		padding-right: 3vw;
		padding-left: 3vw;
		padding-top: 4vw;
		text-align: center;
	}

	.sp-menu__info__item {
		font-size: 1.8em;
		display: inline-block;
		padding-bottom: 6vw;
	}

	.sp-menu__info__favorite {
		padding-right: 11vw;
	}

	.sp-menu__info__favorite a {
		background: url('../images/common/sp-menu_favorite.png') no-repeat left;
		background-size: 4.5vw;
		padding: 1vw 0 1vw 5vw;
	}

	.sp-menu__info__point {
		font-size: 1.5em;
	}
	*/

	/*バナーエリア*/
	/*.sp-menu__bnr {
		text-align: center;
		box-sizing: content-box;
		width: 100%;
	}*/

	/*検索*/
	.second-page .sp-menu__search {
	}

	.second-page .sp-menu__search__title h2,
	.second-page .sp-menu__category__title h2{
		text-align: center;
		padding: 2vw;
		width: 100%;
		background: #313131;
		color: #fff;
		font-weight: normal;
	}
	.second-page .sp-menu__search__box{
		padding: 3.5vw;
	}
	.second-page .header__links__search .pc form{
		margin-block-end:0 !important;
	}

	.second-page .sp-menu__search__box input[type='text'] {
		width: 78vw;
		padding: 3vw;
		font-size: 16px;
		border: 1px solid #000;
		color:#aaa;
	}

	.second-page .sp-menu__search__box input[type='submit'] {
		background: url(https://www.joint-space.co.jp/js_top/images/common/sp-menu_search.png) no-repeat center;
		background-size: cover;
		width: 7vw;
		height: 7vw;
		border: none;
		vertical-align: middle;
		margin-left: 2vw;
	}
	.second-page .sp-menu__search__list{
		border-top:1px solid #7D7D7D;
		border-bottom:1px solid #7D7D7D;
		font-size: 0;
	}
	.second-page .sp-menu__search__item--all{
		width:100%;
		border-bottom:1px solid #7D7D7D;
    	font-size: 4vw;
	}
	.second-page .sp-menu__search__item{
    	font-size: 4vw;
		width: 50%;
		border-right:1px solid #7D7D7D;
		border-bottom:1px solid #7D7D7D;
    	display: inline-block;
	}
	.second-page .sp-menu__search__item--all a,
	.second-page .sp-menu__search__item a{
		width: 100%;
		display: block;
    	padding: 4vw 1vw;
	}
	.second-page .sp-menu__search__item:nth-child(odd){
		border-right: none;
	}
	.second-page .sp-menu__search__item:last-child,
	.second-page .sp-menu__search__item:nth-last-child(2):nth-child(even){
		border-bottom: none;
	}

	/*スマホメニューリスト*/
	.second-page .sp-menu__list {
		/*padding-right: 3vw;
		padding-left: 3vw;
		margin-top: 6.5vw;*/
		list-style: none;
		font-size: 1.5em;
		text-align: left;
		padding:0;
	}

	.second-page .sp-menu__list>.sp-menu__item:first-child {
		border-top: 1px solid #000;
	}

	.second-page .sp-menu__list>.sp-menu__item {
		border-bottom: 1px solid #000;
	}

	.second-page .sp-menu__list>.sp-menu__item:last-child {
		border-bottom: none;
	}

	.second-page .sp-menu__list>.sp-menu__item>a {
		padding: 3vw 4vw;
		background: #F6F2F1;
		display: block;
		position: relative;
		font-weight: bold;
    	padding-left: 12vw;
	}
	.second-page .sp-menu__list>.sp-menu__item>a img{
		width: 5.8vw;
		padding-right: 1.7vw;
		box-sizing: content-box;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-left: -7vw;
	}
	.second-page .sp-menu__list>.sp-menu__item--bottoms>a img{
		width: 4.3vw;
    	margin-left: -6.3vw;
	}
	.second-page .sp-menu__list>.sp-menu__item--onepiece>a img,
	.second-page .sp-menu__list>.sp-menu__item--goods>a img,
	.second-page .sp-menu__list>.sp-menu__item--else>a img{
		margin-left: -6.7vw;
		width: 4.8vw;
	}
	.second-page .sp-menu__list>.sp-menu__item>a::after {
		position: absolute;
		content: '';
		right: 4vw;
    	top: 1.5vw;
		width: 4vw;
		height: 4vw;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.second-page .sp-menu__list>.sp-menu__item.open>a::after {
    	top: 4.5vw;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.second-page .sp-menu__childlist {
		list-style: none;
		display: none;
		padding: 0;
	}
	.second-page .sp-menu__childlist__item a {
		padding: 2.2vw 4vw;
		display: block;
		/*letter-spacing: 0.1em;
		text-indent: 0.1em;*/
	}
	.second-page .sp-menu__childlist__item:first-child a{
		padding-top: 4vw;
	}
	.second-page .sp-menu__childlist__item:last-child a{
		padding-bottom: 5vw;
	}

	/*ガイド*/
	/*.sp-menu__guide {
		padding-top: 6vw;
		text-align: center;
		font-size: 1.5em;
		padding-bottom: 5vw;
	}

	.sp-menu__guide,
	.sp-menu__guide a {
		color: #535353;
	}

	.sp-menu__guide__list {
		list-style: none;
	}

	.sp-menu__guide__item {
		display: inline-block;
	}

	.sp-menu__guide__item:after {
		content: '/';
		padding: 0 2vw;
	}

	.sp-menu__guide__item:last-child:after {
		content: '';
	}
	*/

	/*スマホメニューフッター*/
	.second-page .sp-menu__footer {
		padding-top: 3vw;
		text-align: center;
		padding-bottom: calc( 5vw + 44px + 100px ); /*iphone Safariのメニューバー対策で足し算*/
		border-top: 1px solid #7D7D7D;
	}

	.second-page .sp-menu__footer__sharelist {
		font-size: 0;
    	padding-top: 4vw;
    	padding-bottom: 7vw;
	}

	.second-page .sp-menu__footer__item {
		font-size: 1rem;
		display: inline-block;
		padding-right: 6vw;
		width: 8.5vw;
		box-sizing: content-box;
		text-align: center;
		vertical-align: middle;
	}
	.second-page .sp-menu__footer__line{
		width:10vw;
	}
	.second-page .sp-menu__footer__mail{
		width:9.1vw;
	}

	.second-page .sp-menu__footer__item img {
		width: 100%;
	}

	.second-page .sp-menu__footer__item:last-child {
		padding-right: 0;
	}
	.second-page .sp-menu__footer__logo{
		width: 60vw;
    	margin: 0 auto;
    	padding-bottom: 5vw;
	}
	.second-page .sp-menu__footer__contact a{
		background: url(https://www.joint-space.co.jp/js_top/images/common/bg_contact.png) no-repeat center;
		background-size: contain;
		width: 42.5vw;
		padding: 3.6vw 0;
		display: block;
		margin: 0 auto;
		font-size: 3vw;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
	}
	.second-page .sp-menu__footer__contact a:hover{
		text-decoration: none;
	}
	.second-page .sp-menu__footer__links{
		font-size: 0;
		width: 81vw;
		margin: 0 auto;
    	padding-top: 7vw;
		padding-left: 0;
	}
	.second-page .sp-menu__footer__links__item:first-child,
	.second-page .sp-menu__footer__links__item:nth-child(4){
		border-left: #747474 1px solid;
	}
	.second-page .sp-menu__footer__links__item{
		display: inline-block;
		border-right: #747474 1px solid;
		font-size: 3vw;
    	margin-bottom: 3vw;
	}
	
	.second-page .sp-menu__footer__links__item a{
		padding: 0 0.8em;
	}
	
}

/*----------------------------------------
 2020/01 スマホヘッダ改修
----------------------------------------*/
.second-page .sp-brand-menu {
	display: none;
}
@media (max-width: 768px) {
	.second-page .sp-brand-menu{
    	animation: hide .3s linear 0s;
	}
	.second-page .sp-brand-menu.is-active {
		display: block;
		position: relative;
    	animation: show .3s linear 0s;
	}
	.second-page .sp-brand-menu__content {
		background:#F6F2F1;
		z-index: 200;
		position: relative;
		overflow-y: auto;
		max-height: calc( 100vh - 55px );
	}
	.second-page ul.sp-brand-menu__list{
		padding-top: 3vw;
		text-align: left;
		padding-left: 4vw;
	}
	.second-page .sp-brand-menu__item{
		display: inline-block;
		padding-bottom: 2.3vw;
		padding-right: 2vw;
	}
	.second-page .sp-brand-menu__item:nth-child(3n){
		padding-right: 0;
	}
	.second-page .sp-brand-menu__item a {
		width:29vw;
		background:#fff;
		height: 12vw;
		display: block;
	}
	.second-page .sp-brand-menu__item img{
		width: 100%;
		vertical-align: middle;
	}
	
	.second-page .sp-brand-menu__btn {
		margin:0 auto;
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	.second-page .sp-brand-menu__btn a{
		display: inline-block;
		border:1px solid #000;
		padding:1vw 8vw 1.2vw;
	}
	.second-page .sp-brand-menu__btn__close,
	.second-page .sp-search__box__btn__close{
		padding-top: 3vw;
		padding-bottom: 6vw;
		display: block;
	}
	.second-page .sp-brand-menu__btn__close a,
	.second-page .sp-search__box__btn__close a{
		position: relative;
		display: inline-block;
		padding-left: 7vw;
		cursor: pointer;
	}
	.second-page .sp-brand-menu__btn__close a::before,
	.second-page .sp-search__box__btn__close a::before{
		content: "";
		background: url(https://www.joint-space.co.jp/js_top/images/common/btn_close-sp.png) no-repeat;
		background-size: contain;
		display: block;
		width:4.7vw;
		height: 4.7vw;
		position: absolute;
		left: 0;
		top:-0.5vw;
	}
	
	/*FC2対応*/
	#header.second-page div:after{
		content: none;
	}
}
/*FC2対応*/
.FS2_upper_comment{
	margin:0;
	padding: 0;
}


/*----------------------------------------
 4:フッター
----------------------------------------*/
/*ページトップに戻るボタン*/
#footer.second-page .footer__pagetop {
	width: 100%;
}

#footer.second-page .footer__pagetop__btn {
	width: 50px;
	position: fixed;
	right: 53px;
	bottom: 0px;
	margin: 10px;
	z-index: 99;
}

#footer.second-page .footer__pagetop__btn {
	width: 66px;
	bottom: 90px;
}

#footer.second-page .footer__pagetop__btn img {
	width: 100%;
}

@media (max-width: 768px) {

	#footer.second-page .footer__pagetop__btn {
		width: 13vw;
		right: 10px;
		bottom: 33vw;
	}
}

/*チャットディーラーボタン*/
.second-page .footer__chat{
	position: fixed;
    left: 20px;
    bottom: 20px;
	z-index: 99;
}
.second-page .footer__chat a{
	border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: block;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
box-shadow: 1px 1px 3px 0px rgba(51,51,51,1);
}
.second-page .footer__chat a img{
	width: 100%;
}
@media (max-width: 768px) {
	.second-page .footer__chat{
		left: 5vw;
		bottom: 5vw;
	}
	.second-page .footer__chat a{
		width: 19vw;
		height: 19vw;
	}
	.second-page .footer__chat{
		display: none;
	}
}

/*PCフッター*/
.second-page .footer-pc {
	display: block;
}

/*SNSフォロー*/
.second-page .footer__follow {
	padding: 42px 0;
	background: #707070;
	text-align: center;
}

.second-page .footer__follow__title {
	font-family: 'Julius Sans One', sans-serif;
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.18em;
	text-indent: 0.18em;
	padding-bottom: 42px;
}

.second-page .footer__follow__item {
	display: inline-block;
	width: 82px;
	padding-right: 14px;
	box-sizing: content-box;
	padding-bottom: 14px;
}

/*その他インフォ*/
.second-page .footer__info {
	background: #ececec;
	padding: 45px 0;
	text-align: center;
}

.second-page .footer__info__free,
.second-page .footer__info__mm,
.second-page .footer__info__shopping {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	padding-right: 40px;
	box-sizing: content-box;
}

.second-page .footer__info__shopping {
	padding-right: 0;
}

.second-page .footer__info__free h3,
.second-page .footer__info__mm h3,
.second-page .footer__info__shopping h3 {
	font-family: 'Julius Sans One', sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 16px;
}

.second-page .footer__info__free__description,
.second-page .footer__info__mm__description,
.second-page .footer__info__shopping__description {
	color: #898989;
	font-size: 0.9em;
}

.second-page .footer__main {
	padding-top: 30px;
	color: #595959;
	font-size: 1em;
	background: #fff;
}

.second-page .footer__main a {
	color: #595959;
}

.second-page .footer__main__js {
	padding-bottom: 50px;
}

.second-page .footer__main__info {
	width: 180px;
	padding-right: 20px;
}

.footer__main__guide {
	width: 160px;
	padding-right: 20px;
}

.second-page .footer__main__about {
	width: 310px;
	padding-right: 20px;
}

.second-page .footer__main__info,
.second-page .footer__main__guide,
.second-page .footer__main__about,
.second-page .footer__main__calender {
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
}

.second-page .footer__main__info h2,
.second-page .footer__main__guide h2,
.second-page .footer__main__about h2 {
	font-family: 'Amiri', sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: 0.13em;
	font-weight: bold;
}

.second-page .footer__main__calender h2 {
	font-size: 1.1em;
	font-weight: bold;
}

.second-page .footer__main__info h2,
.second-page .footer__main__guide h2,
.second-page .footer__main__about h2,
.second-page .footer__main__calender h2 {
	padding-bottom: 30px;
}

.second-page .footer__main__info ul,
.second-page .footer__main__guide ul {
	list-style: none;
}

.second-page .footer__main__info li,
.second-page .footer__main__guide li .footer__main__about .footer__main__about__description {
	line-height: 2em;
}

.second-page .footer__main__about .footer__main__about__description {
	padding-bottom: 35px;
}

.second-page .footer__copyright {
	padding-top: 64px;
	padding-bottom: 52px;
	text-align: center;
	font-family: 'Julius Sans One', sans-serif;
}

/*スマホフッター*/
#footer.second-page .footer-sp {
	display: none;
}

@media (max-width: 768px) {
	.second-page .footer-pc {
		display: none;
	}

	#footer.second-page .footer-sp {
		margin-top: 10vw;
		display: block;
		background: #707070;
		padding: 6vw 0;
		color: #fff;
		line-height: 2em;
		font-size: 0.8em;
		text-align: center;
	}

	.second-page .footer-sp__links {
		margin: 0 auto;
		padding-bottom: 6vw;
	}

	.second-page .footer-sp__links__item {
		display: inline-block;
		width: 12vw;
		padding-right: 1.3vw;
	}

	.second-page .footer-sp__logo {
		padding-bottom: 6vw;
	}

	.second-page .footer-sp__logo img {
		width: 36vw;
	}
	.second-page .footer-sp__description p{
		font-size: 1.4em;
		color:#fff;
	}
}

/*----------------------------------------
 2020/01 スマホフッタ改修
----------------------------------------*/
.second-page .footer__menu--fixed{
	display: none;
}
@media (max-width: 768px) {
	.second-page .footer__menu--fixed{
		position: fixed;
		bottom:0;
		left: 0;
		background: #fff;
		width:100%;
		border-top:#ADABA6 1px solid;
		z-index:100;
		display: block;
	}
	.second-page .footer__menu--fixed__list{
		font-size: 0;
		text-align: center;
	}
	.second-page .footer__menu--fixed__item{
		font-size: 2vw;
		display: inline-block;
		vertical-align: bottom;
		width: 20%;
	}
	.second-page .footer__menu--fixed__item a{
		padding: 10px 0;
		display: block;
		width: 100%;
	}
	.second-page .footer__menu--fixed__item a:hover{
		text-decoration: none;
	}
	.second-page .footer__menu--fixed__item a img{
		display: block;
		margin: 0 auto;
		width: 4vw;
		padding-bottom: 5px;
	}
	.second-page .footer__menu--fixed{
		transition-duration: .5s ;
	}
	.second-page .footer__menu--fixed.is-hide{
		margin-bottom: -100%;
		transition-duration: .5s;
	}
}
/*----------------------------------------
 5:その他
----------------------------------------*/
.second-page .text__red {
	color: #AA0001;
}

.second-page .sp {
	display: none;
}

@media (max-width: 768px) {
	.second-page .pc {
		display: none;
	}
	.second-page .sp{
		display: inline-block;
	}
}

/*google adwords崩れ防止*/

iframe[name="google_conversion_frame"] {
	position: absolute;
	top: 0;
}




/*FutureShop追加*/

@media (max-width: 768px) {
	.sp-menu__search__title h2,
	.sp-menu__category__title h2 {
		font-size: 1.5em;
	}
	.user_content{
		margin: 20px 4px;
	}
	.sp-menu__category{
		font-size:2.5vw;
	}
	.sp-menu__list>.sp-menu__item>a{
		font-weight: 400;
	}
}