@charset "utf-8";

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html{ scroll-behavior: smooth; }

a:hover, a:visited {text-decoration: none !important;}

/*=====================================
  header
=====================================*/
/* spPC共通 ==========================*/
.fs-l-header img {vertical-align: bottom;}
.PC-l-header img, .sp-l-header img {
	width: 100%;
	height: auto;
}
.PC-l-header a,
.PC-l-header a:visited,
.PC-l-header a:active,
/* .PC-l-header a:hover, */
.sp-l-header a {
	color: #616161 !important;
	text-decoration: none !important;
}
.fs-l-header a:hover {opacity: 0.8;}
/*  sp-header　========================*/
.sp-l-header {
	display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 1fr minmax(180px, 60%) 1fr;
	grid-template-columns: 1fr minmax(180px, 60%) 1fr;
    align-items: end;
	vertical-align: bottom;
}
.sp-l-header .fs-p-logo__lead {
    font-size: clamp(10px, 2vw, 1.6rem);
    margin: 0 -12px 4px;
}
.sponly-headimg {
    text-align: center;
    margin-bottom: 2px;
    padding: 0 2% 0;
}
.sponly-headimg img {
	width: 100%;
	height: auto;
}
.myPageIcon_sp {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
}
.myPageIcon {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
	width: 100%;
	height: auto;
	margin: 0 auto -1px;
	text-align: center;
	padding: 0 14% 6px 0;
	/* vertical-align: bottom; */
}
.myPageIcon i {
	/* vertical-align: bottom; */
	font-size: max(5vw, 20px);
}
.sp-head-MenuIcon {
    margin: 0 auto 0;
    width: clamp(20px, 5vw, 38px);
}
.myPageIcon .navitxt {
	font-size: 10px;
    display: block;
    letter-spacing: -2px;
    margin: 0;
	height: 14px;
}

/* PC HEADER ========================*/
.PC-l-header {
    width: 100%;
    max-width: 1216px;
    margin: 1rem auto 2rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content: space-between;
}
.tabpcOnly-headimg {
	margin: 1rem auto 0;
	max-width: 1216px;
	width: 100%;
	padding: 0 0.82%;
}
.tabpcOnly-headimg img,
.pcHeaderLeft img {
	width: 100%;
	height: auto;
}
.pcHeaderLeft {
	width: 36%;
	max-width: 370px;
	padding: 0 1%;
}
.pcHeaderCenter {
	width: 38%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.pcHeaderRight {
	width: 27%;
	padding: 0 1%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.pcHeaderTop-naviC {
	width: 100%;
	flex-wrap: nowrap;
	list-style-type: none;
	padding: 0;
	margin: 1rem auto 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(10px, 1.6vw, 1.4rem);
}
.pcHeaderTop-naviC li {
	display: inline-block;
	padding: 0 0.8rem;
	border-right: 1px solid #c8c8c8;
}
.pcHeaderTop-naviC li:last-child {
	border-right: none;
}
.pcHeaderTop-naviR {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	position: relative;
}
.pcHeaderTop-naviR li {
	height: 30%;
	width: clamp(50px, 17%, 60px);
	margin: 0;
	padding:0;
	display: inline-block;
	text-align: center;
	color: #616161;
}
.pcHeaderTop-naviR i {
	font-size: 2.8rem;
	vertical-align: bottom;
}
.head-MenuIcon {
    max-width: 28px;
    margin: 0 auto 0;
}
.pcHeaderTop-naviR .navitxt {
	font-size: 10px;
	display: block;
	letter-spacing: -1px;
}
.fs-p-welcomeMsg.my-false{ display: none; }
.myPage.my-false{ display: none; }
.login.my-true { display: none; }
.countNum {
    display: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #E25B33;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    padding: 0.25em 0.4em;
	position: absolute;
    top: -4px;
    right: 6px;
}
.countNum.fs-client-cart-count--0 {display: none;}
.pcHeaderRight .headersearch {
	width: 100%;
	text-align: right;
	margin:0;
	display: inline-block;
}
.pcHeaderRight .headersearch form {
	position: relative;
	width: 100%;
	margin: 0 0 0 auto;
}
.pcHeaderRight .headersearch .header-searchtxt {
	line-height: 1.5;
	border-radius: 0;
	font-size: 14px;
}
.pcHeaderRight .headersearch .header-searchicon {
	position: absolute;
	right: 0;
	top: 0;
}

/* ============
シンプルヘッダー
============== */
.fs-l-header--min {border-bottom: 1px solid #e8e7e7;}

/*==========
フローティングバナー
==========*/
/*↓カート*/
.fs-p-scrollingCartButton {
    bottom: 60px;
}
/*↓ 初めてご来店の方へ*/
a#rc_rightArea-300 {
	position:fixed;
	right:-125px;
	transition: all .2s ease;
	z-index: 3;
	bottom:355px;
	opacity:0.8;
}
/*↓ 閲覧履歴*/
a#rc_rightArea-400 {
	position:fixed;
	right:-125px;
	transition: all .2s ease;
	z-index: 3;
	bottom:255px;
	opacity:0.8;
}
/*↓ PC 10%OFFクーポン*/
a#rc_rightArea-500 {
	position:fixed;
	right:-125px;
	transition: all .2s ease;
	z-index: 3;
	bottom:155px;
	opacity:0.8;
}
a#rc_rightArea-300:hover, a#rc_rightArea-400:hover, a#rc_rightArea-500:hover{
	right: 0;
	opacity:1!important;
}
/*↓ SP 10%OFFクーポン*/
a#rc_rightArea-130 {
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 60px;
    right: 0px;
    display: inline-block;
    transition: all .2s ease;
    z-index: 100;
}
a#rc_rightArea-130:hover{
	right: 0;
}
/* TOPに戻るボタン */
.scroll-top {
	opacity: 0;
	transition: opacity 350ms ease;
	position: fixed;
	right: 13px;
	bottom: 130px;
	z-index: 100;
	background-color: #646464;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0.8;
	text-align: center;
	color: #fff;
    border: solid 1px #fff;
}
.scroll-top {
  opacity: 0;
  transition: opacity 350ms ease;
}
.scroll-top:before {
  content: "▲";
  position: relative;
}
.scroll-top > span {
	display: inline-block;   
	font-size:10px;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	font-weight: 700;
	position: relative;
	bottom: 4px;
	line-height: 1.1;
}
.scroll-top:hover {
  cursor: pointer;
  opacity: 0.7;
}
 .is-hide {
  pointer-events: none;
} 

/* カートに入れるボタン 2024/10/29 ↓↓↓ */
.scroll-cart {
	opacity: 1;
	transition: opacity 350ms ease;
	position: fixed;
	right: 13px;
	bottom: 130px;
	z-index: 100;
	background-color: #646464;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0.8;
	text-align: center;
	color: #fff;
    border: solid 1px #fff;
}
.scroll-cart {
  opacity: 1;
  transition: opacity 350ms ease;
}
.scroll-cart:before {
  content: "▼";
  position: relative;
}
.scroll-cart > span {
	display: inline-block;   
	font-size:10px;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	font-weight: 700;
	position: relative;
	bottom: 4px;
	line-height: 1.1;
}
.scroll-cart:hover {
  cursor: pointer;
  opacity: 0.7;
}
/*  .is-hide {
  pointer-events: none;
} 
TOPに戻るボタン 2024/10/29 ↑↑↑ */
/*========
見出し
==========*/
/* h1 */
.fs-c-heading--page {
    margin: 20px 0;
    padding: 0 0 0.2em;
    border-bottom: none;
	position: relative;
    color: #7C8790;
    font-weight: 300;
    font-size: 2.2rem;
    line-height: 1.2;
    text-align: center;
  	/* display: inline-block;*/
}
.fs-c-heading--page + .fs-c-productList {margin: 0;}
.fs-c-heading--page:before {
  content: '';
  position: absolute;
  bottom: -4px;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #e8e7e7;
  border-radius: 2px;
}
/* h2 */
.fs-c-documentArticle__heading {
    background: rgba(102, 102, 102, 0.7);
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 20px 0 10px;
    padding: 4px;
    text-align: center;
}
/*================
	ランキング
==================*/
.cat_ranking {
    padding: 0.2em;
    margin: 2em 0;
    background: white;	
}
.cat_ranking img {
    width: 100%;
    height: auto;
}
.cat_ranking h3 {
	font-size:1.8rem;
	line-height:1.5;
	font-weight:bold;
}
.cat_ranking h4 {
	font-size:1.4rem;
	line-height:1.5;
}
.cat_ranking_01,.cat_ranking_02,.cat_ranking_03{
	height:30px;
	border:none;
	text-align:center;
	letter-spacing:0.1em;	
	font-weight:bold;
	line-height:30px;
	font-size:1.2em;
}
.cat_ranking_01{
	background:url(https://glide.itembox.design/item/icon/cat-crown01.jpg) no-repeat;
	background-position:1px 2px;
	background-size: 33px;
	color:#ce0000;
}
.cat_ranking_02{
	background:url(https://glide.itembox.design/item/icon/cat-crown02.jpg) no-repeat;
	background-position:1px 2px;
	background-size: 33px;
	color:#808080;
}
.cat_ranking_03{
	background:url(https://glide.itembox.design/item/icon/cat-crown03.jpg) no-repeat;
	background-position:1px 2px;
	background-size: 33px;
	color:#808080;
}
.cat_ranking_img{
	border:none;
	text-align:center;
}
.cat_ranking_content{
	height:60px;
	border:none;
	font-size: 1.1rem;
	text-align:center;
	line-height: 1.4em;
	letter-spacing:0.1em;	
}
/*　もっと見る　*/
.cat_ranking_more {
	font-size:large;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #FF8A15 0%);
	padding:10px;
	margin: 0 auto;
	text-align: center;
}
/*　もっと見る　*/
.cat_more_box {
    margin-bottom:80px;	
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	border-bottom: solid 3px #3c3c3c;
	border-left: solid 3px #3c3c3c;
	color: #3572b0;
	transition: .4s;		
}
.cat_more_box:hover {
	padding-left: 0.7em;
	padding-right: 0.3em;
}

/*============
	選び方	
===============*/
.cat_select {	
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;	
}
.cat_select img {
    width: 100%;
    height: auto;
}
.cat_select h3 {
	font-size:2.0rem;
	line-height:1.2;
}
.cat_select h4 {
	font-size:1.4rem;
	line-height:1.5;
}
/*　選択肢　*/
.cat_select_box {
    margin:0.4rem 0;	
	position: relative;
	display: inline-block;
	font-size: 1.4rem;	
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	border-bottom: solid 3px #3c3c3c;
	border-left: solid 3px #3c3c3c;
	color: #3572b0;
	transition: .4s;		
}
.cat_select_box:hover {
	padding-left: 0.7em;
	padding-right: 0.3em;
}


/*========================================================

	選び方
.cat_select {
	clear:both;
	margin:50px 0px 20px 0px;
}	
========================================================*/

/*========================================================
	フォント指定
========================================================*/

.cat_subtitle {
	margin: 3px 0;	
	width:88%;
	margin: 0 auto;	
	text-align: left;
	letter-spacing: 0.3em;
	text-shadow:none;
}


/*　カテゴリ名<h1> */ 
.cat_title {	
	margin:0;	
	width:100%;
}
.cat_title h1 {
	padding: 0.2em;/*文字周りの余白*/
	color: #ffffff;/*文字色*/
	background: #646464;/*背景色*/
	border-bottom: solid 3px #3c3c3c;/*下線*/
		
	text-align:center;
	font-size: 1.3rem;
	font-weight:normal;
	line-height:120%;
	text-shadow:none;  
}
/*　セクション名 */ 
.section_title {	
	width:100%;
	text-align: center;
	font-size: 2.0rem;
	font-weight:bold;
	letter-spacing: 0.07em;	
	line-height:1.5;
	text-shadow:none;
}
.section_subtitle {
	margin: 3px 0;		
	width:100%;
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height:1.5;	
	text-shadow:none;
}




/*　iPhoneX 手帳型ケース */ 
.cat_iPhoneX_diary {
	position: relative;					
	width: 100%;
	margin: 0 auto;
	display: block;	
}
/*　トップ説明文 */ 
.cat_top {
	background: #FFF;
    overflow: hidden;
}
.cat_top_img {
	float: left;
	width: 30%;	
}
.cat_top_description {	
	overflow: hidden;	
	vertical-align: middle;	
}
.cat_top_text {
	margin: 3px;
	text-align: left;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-shadow:none;	
}
.caption_right {			
	width:100%;
	text-align: right;
	font-size :0.5em;
	text-shadow:none;
}
.caption_right_pc {			
	width:100%;
	text-align: right;
	font-size :1.0em;
	text-shadow:none;
}

/*a:link { color:#000000; }
a:visited { color:#828282; }
a:hover { color:#464646; }
a:active { color:#464646; }*/
 
/*========================================================
	トップ説明文	
========================================================*/
#top_description {
	position: relative;					
	width: 100%;
	display: block;	
	height: auto;
	top: 0px;	
}

/*========================================================
	スライド バナー	
========================================================*/
#top_banner_wrapper {
	position: relative;					
	width: 100%;
	margin: 0 auto;
	display: block;	
}


/*========================================================
	スライド カテゴリ01	
========================================================*/
#top_category_wrapper01 {
	position: relative;					
	width: 100%;
	margin: 0 auto;
	display: block;	
}

/*========================================================
	スライド カテゴリ02	
========================================================*/
#top_category_wrapper02 {
	position: relative;					
	width: 100%;
	margin: 0 auto;
	display: block;	
}


/*========================================================
	カテゴリページ	
========================================================*/
.select-category{
	clear:both;
	display: flex;
	justify-content: center;
}
.select-category ul {
	display: inline-block;
}
.select-category ul li {
	width: 31.3%;
    margin: 0 0px 0 0;
    display: block;
    float: left;
    font-size: 12px;
    text-align: center;
}
.select-category li {
	border: solid 1px #e3e8e9;
	padding: 16px 10px;
	margin: 0 10px 10px 0 !important;
	width: 48% !important;
}
.select-category img {
	float: left;
    border-radius: 150px;
    width: 49px;
}
select-category  .categoryItem p {
    font-size: 13px;
    font-weight: bold;
    float: left;
    padding: 10px 0;
    margin-left: 0px;
}
.select-category ul li:last-child {
    margin: 0;
}
.select-category li:nth-child(even) {
	margin-right: 0 !important;
}


/*========================================================
	画像インスタ風配置	
========================================================*/
.insta {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.insta > div {
	position: relative;
	width: 31%;
	height: auto;
	margin: 1%;
	overflow: hidden;
}
.insta > div:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.insta > div > a {
	position: absolute;
	display: block;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}
.insta > div > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.insta > div > a > span {/*classがfaのアイコンに対して*/
	position: absolute;
	top: 10%;
	right: -5%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;/*余計な隙間を除く*/
	padding:0;/*余計な隙間を除く*/
	font-size: 12px;/*サイズ*/
	color: rgba(255, 255, 255, 0.6);/*半透明*/
}
.insta > div > a > span i:nth-child(2) {
	opacity: 0.55;
	color: red;
}

.insta2 {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.insta2 > div {
	position: relative;
	width: 48%;
	height: auto;
	margin: 1%;
	overflow: hidden;
}
.insta2 > div:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.insta2 > div > a {
	position: absolute;
	display: block;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}
.insta2 > div > a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.insta2 > div > a > span {/*classがfaのアイコンに対して*/
	position: absolute;
	top: 10%;
	right: -5%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;/*余計な隙間を除く*/
	padding:0;/*余計な隙間を除く*/
	font-size: 12px;/*サイズ*/
	color: rgba(255, 255, 255, 0.6);/*半透明*/
}
.insta2 > div > a > span i:nth-child(2) {
	opacity: 0.55;
	color: red;
}

/*========================================================
	新商品のご紹介
========================================================*/
.NewItemIntroduction {
    padding: 1em;
    margin-bottom: 2em;
	letter-spacing:0.1em;
    background: white;
}
.NewItemIntroduction img {
	width: 100%;
	height: auto;
}
.NewItemIntroduction h2 {
	font-size:1.8rem;
	line-height:1.5;
	font-weight:bold;
}

.NewItemIntroduction h3 {
	font-size:1.4rem;
	line-height:2;
}

.NewItemIntroduction p {
	font-size:1.4rem;
	line-height:2;
}	

/*========================================================
	革小物 Leather Accessories	
========================================================*/
#LeatherAccessories {
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;
}

#LeatherAccessories h3 {
	font-size:2.0rem;
	line-height:2;
}

#LeatherAccessories p {
	font-size:1.4rem;
	line-height:2;
}	

/*========================================================
	AboutUs ウイングライド	
========================================================*/
#AboutUs {
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;
}

#AboutUs h3 {
	font-size:2.0rem;
}

#AboutUs p {
	font-size:1.4rem;
}

/*========================================================
	CVP
========================================================*/
.cvp_box {
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;
    box-shadow: 0 2px 3px 0;	
}

.cvp_box h1 {
	font-size:2.0rem;
}

.cvp_box h2, .cvp_box h3, .cvp_box h4, .cvp_box p {
	font-size:1.4rem;
	line-height:2;	
}


/*========================================================
	PICASSO
========================================================*/
#PICASSO {
	text-align:center;
}
#PICASSO img {
	width: 70%;
	height: auto;
}
.picasso_box {
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;
    box-shadow: 0 2px 3px 0;	
}
.picasso_box h3 {
	font-size:2.0rem;
}
.picasso_box p {
	font-size:1.4rem;
	line-height:2;	
}

/*========================================================
	トップページ コラム	
========================================================*/
#TopColmun {
    padding: 1em;
    margin: 2em 0;
	letter-spacing:0.1em;
    background: white;
}

#TopColmun h3 {
	font-size:1.8rem;
	line-height:1.5;
}

#TopColmun p {
	font-size:1.4rem;
	line-height:2;
}

/*========================================================
	新規会員登録特典
========================================================*/
.member_benefits {
	display:block;	
    margin-bottom:15px;	
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	border-bottom: solid 3px #3c3c3c;
	border-left: solid 3px #3c3c3c;
	color: #3572b0;
	transition: .4s;		
}


/*========================================================
	スマホ下部固定メニュー old
========================================================*/


/*========================================================
	FAQ よくある質問	
========================================================*/
#FAQ {
	text-align:left;
}

.faq_box {
    padding: 1em;
    margin: 3em 0;
	letter-spacing:0.1em;
    background: white;
    box-shadow: 0 2px 3px 0;	
}

.faq_box h3 {
	font-size:1.5rem;
}

.faq_box p {
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height:2;			
}

/*========================================================
	FAQ アコーディオンメニュー
========================================================*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;	
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #FFFFFF;
    font-weight: bold;
    background: #052E5A;
    cursor :pointer;
    transition: all 0.5s;	
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#646464;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;	
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #F7F7F7;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}


/*========
カートページ ボタン
==========*/
/*  ↓ 【ボタン】会員登録がお済のお客様はこちら & 初めてのお客様はこちら ↓ */
#fs-checkout-payHere-container .fs-c-button--primary,
#fs-checkout-payHere-container .fs-c-button--secondary,
#fs-checkout-payHere-container .fs-c-button--image {
    padding: 2rem 0.5rem;
    width: 90%;
    box-shadow: 3px 3px 5px 0px #777777;
}
@media screen and (min-width: 601px) {
    #fs-checkout-payHere-container .fs-c-button--primary,
    #fs-checkout-payHere-container .fs-c-button--secondary,
	#fs-checkout-payHere-container .fs-c-button--image  {
        max-width: 400px;
    }
}
#fs-checkout-payHere-container .fs-c-button--primary .fs-c-button__label,
#fs-checkout-payHere-container .fs-c-button--secondary .fs-c-button__label,
#fs-checkout-payHere-container .fs-c-button--image .fs-c-button__image {
    font-weight: bold;
    font-size: 1.4rem;
    width: 100%;
    margin: 0 auto;
    display: block;
}
#fs-checkout-payHere-container .fs-c-button__label::after,
#fs-checkout-payHere-container .fs-c-button__image::after {
    white-space: pre-wrap;
    content: "クレジット・代金引換・銀行振込・\APayPay・楽天ID決済 でお支払い";
    display: block;
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: normal;
    margin-top: 10px;
}

/*  ↓ ショッピングを続ける ↓ */
.fs-c-continueShopping {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
@media screen and (min-width: 601px) {
    .fs-c-continueShopping {
        text-align: left;
        width: 100%;
        margin: 0;
    }
}
.fs-c-continueShopping .fs-c-button--standard {
    padding: 20px 1.6em;
    font-size: 1.6rem;
    font-weight: bold;
    box-shadow: none;
    border: none;
    box-shadow: 3px 3px 5px 0px #777777;
}

/*  ↓ 「ご注文手続きへ進みます。」から【ボタン】ショッピングを続ける ↓ */
#fs-totalsArea-wrapper, #fs-checkout-amazon-container {
    text-align: center;
}



/*========================================================
	余白　fs css 強制制御
========================================================*/
/* ヘッダー部分 */
header {
	padding:0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.fs-l-header {
		padding-top: 2rem !important;
	}
}
/* パンくずリストパーツ */
.fs-c-breadcrumb__list {
	padding: 0px 5px !important;
}
/* main 部分 */
.fs-l-main {
	margin-top:0 !important;
	padding-top:0 !important;
}
/*.fs-l-main {
	margin-top:0 !important;
	padding-top:0 !important;
}*/
.fs-l-product4 .fs-l-productLayout>*>.fs-p-productDescription--full,
.fs-l-product4 .fs-l-productLayout>*>.fs-p-card {
    max-width: 800px;
    margin: 0 auto 2rem;
}

.fs-l-product4 .fs-l-productLayout__item--3 {
    display: flex;
    flex-wrap: wrap;
	justify-content: center; /*水平方向*/
	align-items: start; /*垂直方向*/
    align-content: flex-start; /*複数行にした時の揃え*/
}

.fs-l-product4 .fs-l-productLayout__item--3 .fs-p-productDescription--short {
    width: 100%;
}

/*========
パンくずリスト
==========*/
.fs-c-breadcrumb {
	width: 100%;
	font-size: 1.4rem;
	margin-top:0.4rem;
	padding: 0.6rem 0;
	border-top: 1px solid #e8e7e7;
	border-bottom: 1px solid #e8e7e7;
}
.fs-l-product .fs-c-breadcrumb__listItem:last-child,
.fs-l-product4 .fs-c-breadcrumb__listItem:last-child {
	display: none;
}
@media screen and (min-width: 768px) {
.fs-c-breadcrumb {
	font-size: 1.6rem;
	margin-top: initial;
	padding: initial;
	border-top: initial;
	border-bottom: initial;
	}
}

/*========
詳細検索ボタン
==========*/
.fs-p-productSearch__formSwitch {
    border: 1px solid #bbbbbb;
}
.fs-p-productSearch {
    border-bottom: none;
    padding: 0 8px 0;
}

/*========
商品詳細ページ
==========*/
/* sp表示 画像横フリックパーツ */
.fs-c-productCarouselMainImage__image > img {padding: 0 8px;}
.fs-c-slick .slick-next {right: 0;}
.fs-c-slick .slick-prev {left: 0;}
/*.fs-c-slick .slick-prev, .fs-c-slick .slick-next {top: 104%;}*/
.fs-c-slick .slick-prev[aria-disabled="true"]:before,
.fs-c-slick .slick-next[aria-disabled="true"]:before {display: none !important;}
/* sp画像表示　拡大ボタン非表示 */
.fs-c-productCarouselMainImage__expandButton {display: none;}
/* loding中の画像 */
.fs-c-slick.slick-slider {
    background: url("https://glide.itembox.design/item/src/loading.svg");
    background-position: center;
    background-repeat: no-repeat;
}
/* レイアウトシフ対応 縦横比1:1画像*/
.fs-c-slick.slick-slider {aspect-ratio: 1 / 1; }
@media screen and (mim-width: 429px) {
	.fs-c-slick.slick-slider {aspect-ratio: initial; }
}
.fs-c-productCarouselMainImage__image { aspect-ratio: 1 / 1; }
/* 横スクロール */
/*.fs-c-slick .slick-track {overflow-x: scroll;}*/
/* 画像カウンター */
.img-countre {
    font-size:14px;
    text-align: center;
    margin: 18px auto 14px;
    padding: 0px;
}
/* 拡大表示をビューポートに合わせる調整 */
#fs_ProductDetails .pswp__img{
    width: 100vw!important;
    height: auto!important;
    margin-top: 100px;
}
#fs_ProductDetails .pswp__zoom-wrap {
    transform: translate3d(0px, 0px, 0px) !important;
}
/*型番*/
.fs-c-productNumber {
    border: inherit;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0;
}
.fs-c-productNumber__number {
    font-weight: normal;
}
/* 商品名(h1) */
.fs-c-productNameHeading {
    color: #3c3c3c;
    font-size: 1.8rem;
    margin: 0.5rem 0 1.5rem !important;
}
/* 送料 */
.fs-c-productPostage {
    margin-bottom: -1rem;
}
span.fs-c-productPostage__label {
    padding: 2px 10px;
    font-size: 1.4rem;
    color: #7a7a7a;
    border-radius: 0;
    border: 1px solid rgb(122,122,122,0.5);
}
.fs-c-productPostage::before,
.fs-c-productPostage::after {
    content: initial;
}
@media screen and (min-width: 960px) {
	.fs-c-productPostage {
		margin-bottom: 0 !important;
	}
}
/*価格*/
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    color: #D90000;
    font-weight: 700;
}
.fs-c-productPrice__addon {
    font-size: 1.4rem;
    padding-left: 0.4rem;
}
/* バリエーション */
.fs-c-variationAndActions {
    margin-top: 1.5rem;
}
/* 横縦軸 項目名 */
.fs-c-variationLabel {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    padding-left: 4%;
	border-bottom: 0.5px solid rgba(126, 126, 126, 0.15)
}
/* カートに入れる 周辺に戻るボタン */
.button-vertical-scroll-img {
    height: auto;
}
.Back-to-ButtonAddToCart {
    margin: 1rem auto 0;
    width: 100%;
    text-align: center;
}
.button-Back-to-ButtonAddToCart {
    display: inline-block;
    background-color: #082C5C;
    /*text-align: center;*/
    margin: 0 auto;
    padding: 20px 1.6em;
    border: none;
    border-radius: 3px;
    box-shadow: 3px 3px 5px 0px #777777;
}
.Back-to-ButtonAddToCart__label {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ffffff;
    /*text-align: center;*/
}
/* 独自コメント・商品説明に飛ぶボタン */
.vertical-scroll-img {
    margin: 1rem auto 2rem;
    text-align: center;
    display: flex;
    flex-wrap:nowrap;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
.button-vertical-scroll-img {
    display: inline-block;
    background-color: #082C5C;
    margin: 0 0.4rem;
    padding: 10px 1em;
    border: none;
    border-radius: 3px;
    box-shadow: 3px 3px 5px 0px #777777;
}
.vertical-scroll-img__label {
    font-size: 3.3vw;
    /* font-size: 1.2rem; */
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
/* 各種機種で他のケースを探すリンクボタン */
.others-cases-InProductsPage {
    width: 100%;
    margin: 4rem auto 0;
    padding: 1rem 0;
	background-color: #F7F7F7
}
.others-cases-InProductsPage p {
    margin: 0 0 0.5rem 0;
	text-align: center;
}
ul.others-cases-eachM-model {
    margin: 0.5rem auto;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.button-eachM-model {
    display: inline-block;
    background-color: #f7f7f7;
    margin: 0.4rem;
    padding: 5px 10px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    box-shadow: 3px 3px 5px 0px #777777;
}
.button-eachM-model:hover,
.button-eachM-model:active {
    opacity: 0.8;
}
.button-eachM-model a,
.button-eachM-model a:active,
.button-eachM-model a:hover {
    font-size: 1.2rem;
    color: #3c3c3c;
    text-align: center;
	text-decoration: none;
	outline: none;
}
/* 商品説明(大)＞テーブル表記 */
/* START 2014/08/28 商品説明テーブル */
.goods1 {
	width: 100%;
	border-collapse: collapse;
}
/*solid 旧colorは#000000*/
.goods1 th, .goods1 td { border: 1px solid #999999; padding: 5px 8px;}
.goods1 td { color:#666666; font-size:100%;}
.goods1 th {
	color:#003366;
	font-size:100%;
	background-color: #cccccc;
	/*width:70;*//* END 2014/08/28 ＜ここまで*/
	width: 4rem; /*追加*/
	text-align: center; /*追加*/
}
/* END 2014/08/28 */
/* ↓ 追加 */
.goods1 th>span {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	white-space: nowrap;
	}
@media screen and (min-width: 600px) {
	.goods1 th {
	width: 10rem;
	}
	.goods1 th>span {
	-ms-writing-mode: initial;
	-webkit-writing-mode: initial;
	-o-writing-mode: initial;
	writing-mode: initial;
	text-orientation: initial;
	white-space: normal;
	}
}

/* ============
マイページ
============== */
.fs-c-accountService__page {
    flex-basis: 32%;
    display: flex;
    align-items: stretch;
    height: 128px;
    margin: 8px 0;
}
.fs-c-accountService__page--couponList {
    flex-basis: 100%;
}
.fs-c-accountService__page--accountDelete {
	height: 10px;
	flex-basis: 100%;
}
.logout-atMmypage {
    text-align: right;
    position: relative;
    bottom: 20px;
}

@media screen and (min-width: 600px) {
	.fs-c-accountService__page:not(:last-child) {
		flex-basis: 32%;
	}
	.fs-c-accountService {
		justify-content: space-between;
        margin: 0;
	}
}

/*=====================================
  sp検索ボックス
=====================================*/
#search-form {
    padding: 0 0 7px 0;
    margin: 0 auto;
    width: 96%;
}
#search-form form {
    width: 100%;
    display: table;
    table-layout: fixed;
    font-size: 14px;
}
#search-form input[type=text] {
    display: table-cell;
    width: 100%;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 0 !important;
    -webkit-appearance: none;
}
#search-form .search-button {
    display: table-cell;
    vertical-align: top;
    width: 18%;
}
#search-form .search-button input[type="submit"] {
    width: 100%;
    height: 35px;
    /* font-weight: bold; */
    color: #FFFFFF;
    border: none;
    background: #646464;
    padding: 0;
    border-radius: 0 !important;
    -webkit-appearance: none;
}
#search-form .search-keyword {
    list-style: none;
    padding: 0;
    margin: 5px auto 0;
}
#search-form .search-keyword li {
    display: inline-block;
    margin: 6px;
    font-size: 13px;
}

/* --↓ここに利用するデザインに合わせてCSSを追記-- */
/* design-1
-------------------*/
#search-form.design-1 form{
    font-size: 16px;
}
#search-form.design-1 input[type=text] {
    border: 1px solid #BDBDBD;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}
#search-form.design-1 .search-button input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#search-form.design-1 .search-keyword li a {
    color: #555;
}

/*========
フッター共通
===========*/
/* footer img, */
.fs-p-bannerGroup img, #AboutUs img {
	width:100%;
	height: auto;
}
.fs-p-footerNavigationItem__body img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
/*===============================
スマホ下部固定メニュー 202205XX~
=================================*/
/* フッターの下部がスマホメニューと重なって見えなくなるのを防ぐ */
@media screen and (max-width: 459px) {
	.fs-l-footer {bottom: 60px;}
}
/* ↓ スマホ bottom mneu ↓ */
.sp-BottomMenu {
    position: fixed;
	display: flex;
	flex-wrap: nowrap;
    left:0;
    bottom:0;
    width: 100%;
    height:60px;
    margin:0;
    padding:0;
    background-color:#f5f5f5;
    border-top:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
    z-index:10;
}
.sp-BottomMenu > li {
	flex:1;
    list-style-type:none;
    text-align:center;
}
.sp-BottomMenu a:hover, 
.sp-BottomMenu a:active,
.sp-BottomMenu a:visited  {
	text-decoration:none;
	opacity: 0.8;
}
.sp-BottomMenu--box {
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.sp-BottomMenu > li .fa {
    font-size: 25px;
	margin: 6px auto 0;
	color:#646464;
}
.sp-MenuTxt  {
	font-size:13px;
	margin: 0;
	color:#646464;
}
.sp-MenuIcon {
	max-width:24px;
	margin: 8px auto 3px;
}
.sp-MenuIcon img {
    width: 100%;
	height: auto;
}
.bottomMenu-cartItemNumber {
    background: #E25B33;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
    line-height: 1;
    padding: 3px;
    width: 16px;
    height: 16px;
    position: relative;
    top: -51px;
    right: -56%;
    display: none;
}
.bottomMenu-cartItemNumber.fs-client-cart-count--0 {display: none;}

/*========
商品比較table
==========*/
.comparison-table-wrap {
    overflow-x: scroll;
    margin: 2em 0;
    text-align: center;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* -webkit-overflow-scrolling: touch!important;
    -webkit-transform: translate3d(0,0,0)!important; */
}
/*tableスクロールバー非表示@クローム*/
.comparison-table-wrap::-webkit-scrollbar {
    display: none;
}
/* ↓tableにスクロールバーを追加*/
/* .comparison-table-wrap::-webkit-scrollbar {
    height: 5px;
}
.comparison-table-wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
}
.comparison-table-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
} */
/* ↑tableにスクロールバーを追加*/
.comparison-table {
    table-layout: fixed;
    display: table;
    margin: 0 0 0 -1px;
    padding: 0;
    border-collapse: collapse;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    /* min-width: 768px;
    width: 100%; */
}
/* 画像行 */
.comp-img-container {
    padding: 0 4px 10px;
    margin: auto;
}
.comp-img-container img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
/* タイトルリンク */
.comp-link-row a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 列入れ子カラー */
.comp-point-row td:nth-child(odd) {
    background-color: #f6f6f6;
}
/*その他スタイル、幅線余白等 */
.comp-point-row th {
    border: 1px solid #e7e7e7;
}
.comp-link-row td {
    padding: 0 10px 8px;
    margin: 0;
}
.comp-point-row td {
    border: 1px solid #e7e7e7;
    vertical-align: top;
    padding: 8px 5px 5px 10px;
}
.comparison-table .blank {
    padding: 2rem;
    position: sticky;/* 固定 */
    top: 0;
    left: -1px;
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
}
.comp-table-col {
    width: 150px;/* 列幅指定 */
    min-width: 150px;
    padding: 0;
}
.comp-tableHeader {
    background-color: #cccccc;
    padding: 10px 4px;
    text-align: center;
    margin: auto;
    position: sticky;/* 固定 */
    top: 0;
    left: -1px;
    border-left: 1px solid #e7e7e7;
}
.comp-tableHeader>span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}
.comp-table-Open {
    border: 1px solid #e7e7e7;
    padding: 10px 0;
    position: sticky;/* 固定 */
    top: 0;
    left: 0;
}
.comp-table-Open p {
    text-align: center;
    vertical-align: middle;
    margin: auto;
}
.comp-table-Open p:after {
    content: "＞";
    transform: rotate(90deg);
    display:inline-block
}
.comp-table-Open.trClose,
.comp-point-row:nth-child(n + 8) {
    display: none;
}
.comp-point-row.trOpen {display: table-row;}

@media screen and (min-width:768px) {
    .comparison-table td,
    .comparison-table th {
        width: 160px;
        min-width: 160px;
        max-width: 200px;
    }
    .comp-tableHeader>span {
        -ms-writing-mode: initial;
        -webkit-writing-mode: initial;
        -o-writing-mode: initial;
        writing-mode: initial;
        text-orientation: initial;
        white-space: initial;
    }
    .comp-table-Open {display: none;}
    .comp-point-row:nth-child(n + 8) {display: table-row;}
}

@media screen and (max-width: 767px) {
	#pc--header,a#rc_rightArea-300,a#rc_rightArea-400,a#rc_rightArea-500 {display: none;}
	.fs-p-scrollingCartButton {display: none !important;}
}
@media screen and (min-width: 768px) {
	#sp--header, a#rc_rightArea-130, .sp-BottomMenu, .tblPC-none {display: none;}
}