/*調整中の下書き*/
/*
共通
____________________________*/
*{
	box-sizing:border-box;
}
body{
	color:#3c3c3c;
	line-height:1.5;
}
ol,ul,li{
	list-style-type:none;
	list-style-position:inside;
	padding-left:0;
}
ol,ul{
	margin:10px 0 ;
}
a{
	text-decoration:none;
	color:inherit;
}
table{
	border-collapse:collapse;
	margin:10px 0 20px;
	border:1px solid #d5d5d5;        
	text-align:left;
}
th{
	background-color:#f3f3f3;
	border:1px solid #d5d5d5;
	padding:1em;
}
td{
	border:1px solid #d5d5d5;
	padding:1em;
}
table caption{
	text-align:left;
}
table caption::before{
	content:'◆';
}
dl,dt,dd{
	margin:0;
	padding:0;
}

/*非表示－一時的に非表示にしたい場合など*/
.all_none{
	display:none;
}
/*コンテンツの幅-最大1200pxに指定*/
.wrapper{
	max-width:1200px;
	margin:0 auto;
}
/*flexbox*/
.col2,
.col3,
.col4{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.col3::after{
  content:"";
  display: block;
  width:32%;
}
.col4::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.col4::after{
  content:"";
  display: block;
  width:24%;
}

/*
ヘッダーエリア
____________________________*/

/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false { display: none; }
.login.my-true { display: none; }

/*ヘッダーエリア*/

.header_item{
	margin:0;
	padding:5px 10px;
}
.col2 .header_item{
	width:50%;
	position:relative;
}
.header_text{
	position:absolute;
	top:20px;
	right:0;
	font-weight:bold;
}
.header_text{
	position:absolute;
	top:20px;
	right:0;
	font-weight:bold;
}
.header_item > .header_item{
 	position:absolute;
	top:60px;
	right:0;
}	
.header_item.col2{
	flex-wrap:no-wrap;
	width:70%;
}
.header_item >.searchform{
	width:65%;
	margin:0;
  }
.searchform form{
	width:100%;
}
.header_item .contactform_link{	
	width:33%;
	margin:0;
}
.header_payment{
	height:30px;
	width:auto;
	margin-top:5px;
}
.header_shipping{
	position:absolute;
	right:0;
	font-weight:bold;
}
.header_shipping span{
	display:inline-block;
	margin-left:10px;
}
.header_shipping span::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right:3px;
}
/*
フッター
____________________________*/
.footer{
    background-color:#F8D7B7;/*背景色*/
	padding-top:15px;/*内側余白・上*/
	padding-bottom:15px;/*内側余白・下*/
	border-top:2px solid #eea057;
}
/*著作権表記*/
.copyright{
	text-align:center;/*テキストの配置*/
	margin:0;/*外側余白*/
}
.copy{
	font-size:12px;/*文字サイズ*/
}
/*ページの先頭へ戻るボタン*/
.pagetop{
	position:fixed;/*位置を固定*/
	bottom:10px;/*下から*/
	right:5px;/*右から*/
	font-size:30px;
	padding:2em;
    color:inherit;
}
.pagetop:visited{
    color:inherit;
}
/*
aside
____________________________*/
/*メニュー*/
.menuList{
	margin:10px 0px 20px;
}
.menuLink .menuList_item{
	border:1px solid #d5d5d5;
	padding:1em;
	margin-bottom:5px;
	display:flex; 
	flex-direction:row;
	position:relative;
}
.menuLink .menuList_item::after{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	font-weight: 900;
	position:absolute;
	top:50%;
	right:5%;
	transform: translateY(-50%);
}
.col3 .menuList_item{
	margin:5px auto;
	width:32%;
	text-align:center;
	color:#000000;
	font-weight:bold;
	border:2px solid #000000;
	border-radius:5px;
	padding:0.8em 0.3em;
}
.col3 .menuList_item a,
.col3 .menuList_item a:visited{
	color:#000000;
}
.col3 .menuList_item i{font-size:40px;}
.col3 .menuList_item span{
	display:block;
	margin:5px 0;
}
.col3 .menuList_item::after{
	content:'';
	position:static;
}
.banner_item a img{
	border:1px solid #d5d5d5;
}

/*SNSエリア*/
.snsArea{
	margin:10px 5px 20px;
}

/*
main
____________________________*/
.content_box{
	padding:1em 1.5em;
	margin-bottom:20px;
	border-radius:5px;
}
.content_box_item{
	padding:1em 0;
	margin-bottom:0;
	border-radius:5px;
}
/*枠線色*/
.border-orange{
	border:2px solid #eea057;
	border-radius:10px;
}
.border-orange-dashed{
	border:2px dashed #eea057;
	border-radius:10px;
}
.fs-body-top .border-orange{
	border:3px solid #eea057;
}
.border-grey{
	border:1px solid #d5d5d5;
}
.fs-body-top .border-orange{
	border:3px solid #eea057;
}
.border-burlywood{
	border: 3px solid #deb887;
}
.border-lightskyblue{
	border: 3px solid #87cefa;
}
/*背景色*/
.bg-burlywood{
	background-color:#deb887;
}
.bg-lightskyblue{
	background-color:#87cefa;
}
.bg-orange{
	background-color:#eea057;
}
.bg-grey{
	background-color:#f3f3f3;
}
/*商品詳細*/
.fs-p-productDescription--full{
	padding:1em 0.5em;
}

ul.col4 li{
	flex:0 0 23%;
	text-align:center;
	font-size:80%;
}
dl.productSpec{/*商品仕様*/
}
.contact dl{/*問い合わせフォーム*/
	line-height:2;
}
.contact dl dt,.contact dl dd,
.productSpec dt,.productSpec dd{
	padding:1em;
	border:2px solid #d5d5d5;
}
.contact dl dt,
.productSpec dt{
	background-color:#d5d5d5;
}
.contact dl dd,
.productSpec dd{
	margin-bottom:5px;
}
dl.productSpec_s{
      display:flex;
      flex-wrap:wrap;
      width:98%;
      font-size:13px;
}
.productSpec_s dt,.productSpec_s dd{
	padding:0.3em 0.5em;
	border:1px solid #d5d5d5;
        margin-bottom:3px;
}
.productSpec_s dt{width:30%; background-color:#f3f3f3;}
.productSpec_s dd{width:70%;}

ul.useScene{/*使用例*/
}
ul.orderNote{/*注文時注意*/
}
.useScene li,
.orderNote li{
	list-style:disc outside;
	margin-left:20px;
}
/*商品詳細のよくあるご質問*/
.product_qa *, .product_qa *:after, .product_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.product_qa {
	margin: 0 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
	background: #f5f5f5;
}
.product_qa dl {
	margin: 0;
}
.product_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #F8D7B7;
	font-weight:bold;
}
.product_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.product_qa dt::before{
	font-size: 1.5em;
}
.product_qa dd::before{
	font-size: 1.5em;
	color: #fff;
}
.product_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.product_qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #eea057;
}
/*休み前締切*/
.product_orderLimit p{/*休み前締切*/
	color:#ff0000;
	font-weight:bold;
}
.product_priceInfo p{/*価格改定コメント*/
	font-size:12px;
}

/*支払方法*/
ul.productIcon,
.payment_info ul{
	display:flex;
}
ul.productIcon li img{/*商品説明のアイコン*/
	height:50px;
	width:auto;
}

.payment_info li img{/*支払方法のアイコン*/
	height:40px;
	width:auto;
}
.payment_info{
	margin:10px auto 20px;
	padding:0 0.5em;
}
.payment_info ul.orderNote{
	flex-direction:column;
}

/*商品グループ*/
.col4 .content_box_item{
	width:24%;
	align-self:stretch;
	text-align:center;
	font-size:12px;
}
/*お知らせ一覧*/

.newsList .fs-c-subgroupList{
	flex-direction:column;
	padding:1em 1.5em;
}
.newsList .fs-c-subgroupList__item{
	border-bottom:2px dashed #d5d5d5;
}
.newsList .fs-c-subgroupList__item:first-child{
	border-top:2px dashed #d5d5d5;
}
.newsList .fs-c-subgroupList__link{
	border:none;
	background-color:#ffffff;
}
.newsList .fs-c-subgroupList__link::after{
    content:'';
}
.newsList .fs-c-subgroupList__label{
    font-weight:bold;
}
.newsList .fs-c-subgroupList__label::before{
    font-family: "Font Awesome 5 Free";
	content: '\f0c8';
	font-weight: 900;
	margin-right:0.2em;
}
.newsList .fs-c-subgroupList__comment{
    margin:5px 15px 15px;      
}
.newsList .fs-c-subgroupList__comment p{margin:0; padding:0;}
.newsList .fs-c-listControl,
.newsList .fs-c-productList__message{display:none;}
/*お知らせ詳細*/
.boxRight{
	text-align:right;
	margin:20px 0 10px auto;
}	
/*トップページ*/
.top_main{
	margin:5px 0 50px;
	position:relative;
}
.top_main h1{
	position:absolute;
	top:10%;
	left:50%;
	font-size:1.8rem; 
	font-weight:bold; 
	color:#81613c;
}
.top_main p{
	position:absolute;
	top:40%;
	left:50%;
	font-size:0.8rem; 
	font-weight:bold; 
	color:#81613c;
    margin-right:20px;
}
.fs-body-top .content_box{
	border-radius:0 5px 5px 5px;
    position: relative;
    margin: 2em 0;
    margin-bottom:50px;
    padding: 1em;
}
.col3 .fs-pt-column__item,
.col4 .fs-pt-column__item{
	border:1px solid #d5d5d5;
	margin-bottom:5px;
	align-self:stretch;
}
.col3 .fs-pt-column__item:hover,
.col4 .fs-pt-column__item:hover{
	border:3px solid #d5d5d5;
}
.newsArea{
	border-radius:5px;
	padding:0;
        margin-bottom:20px;
}
.newsArea p{
        padding-right:1.5rem;
}
.newslist_title{
	background-color:#d8d8d8;
	padding:1rem;
        margin:0;
}
.newslist{
	margin:1rem 1.5rem;
}
.newslist li{
	border-bottom:2px dashed #d5d5d5;
	padding:5px 10px;
        margin-bottom:10px;
}
.newslist li:last-child{
	border-bottom:none;
}

/*商品カテゴリー一覧*/
.catelistWrap{}
.cateName{}
.cateList{
	margin-bottom:20px;
}
.cateList_item{
	padding:0.5em;
	margin-bottom:5px;
	border-radius:5px;
}
.cateList_item img,
.cateList_item span{
	display:inline-block;
}
/*メニューパーツを使うとき*/
.groupList.freepage .fs-pt-menu--lv2{
	margin:1em 1em 3em;
}
.groupList.freepage ul.fs-pt-menu--lv3{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:1em 1em;
}
.groupList.freepage .fs-pt-menu__heading--lv2{
	display:flex;
}	
.groupList.freepage .fs-pt-menu__heading--lv2::before{
	font-family: "Font Awesome 5 Free";
	content: '\f111';
	font-weight: 900;
	margin-right:0.2em;
}
.fs-pt-menu__heading--lv3{
	display:flex;
}	
.fs-pt-menu__heading--lv3::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right:0.2em;
}
/*
フリーページ
____________________________*/
/*ご利用ガイド*/
.content_list{
	margin:0;
	padding:0 1em;
}
ul.content_list.col4 li{
	text-align:left;
	font-size:inherit;
	margin-bottom:5px;
}
ul.content_list.col2 li{
	width:50%;
}
.content_list li::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right:0.2em;
}


/*よくあるご質問*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	border-top: 1px solid #1b2538;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
	color: #EEA057;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: inherit;
	background: #f5f5f5;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color: #000;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 3em;
	margin-top: -12.5px;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	font-weight: 900;
	margin-right:0.2em;
	color:#000;
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
/*答えの中の連絡先*/
.faq_abox{
        border:2px #d5d5d5 dashed;
        background-color:#ffffff;
        padding:0.5em;
        margin:10px 20px 15px;
}
/*特集ページ*/
.free-page dl{
	display:flex;
	border-bottom:2px dashed #d3d3d3;
	margin:10px 0 15px;
	padding:1em 2em;
}
.free-page dl:first-child{
	border-top:2px dashed #d3d3d3;
}

.free-page dt{
	width:30%;
}
.free-page dt img{
	width:80%;
	margin:auto;
}
.free-page dd{
	width:70%;
	margin-left:2em;
}
.col3 .content_box_item{
	width:32%;
	margin-bottom:10px;
	padding:1em;
}
.boxItem_title{
	border-bottom:3px dashed #eea057;
	margin-bottom:0.5em;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.15em;
}
/*カートへ*/
.to-cart{
	border:1px solid #d5d5d5;
	padding:1em;
	text-align:left;
}
.to-cart span{
	font-weight:bold;
	font-size:14px;
}

/*手袋の厚み*/
#comparison{
  background: -moz-linear-gradient(bottom, #1e90ff, #FFF);
  background: -webkit-linear-gradient(bottom, #1e90ff, #FFF);
  background: linear-gradient(to top, #1e90ff, #FFF);
  /*グラデーション以外は省略*/
  position:relative;
  width:50px;
  text-align:center;
}
span.thin,span.thick{display:block;}
span.thin{position:absolute; top:15px; left:10px;}
span.thick{position:absolute; bottom:15px; left:10px; color:#fff;}
.material-blue,.material-red,.surface{border-radius:5px; padding:2px 5px; margin-right:3px;}
.material-blue{border:1px solid blue; color:blue;}
.material-red{border:1px solid red; color:red;}
.t-gray{background-color:gray; color:#fff; border:1px solid gray;}
.t-blue{background-color:blue; color:#fff; border:1px solid blue;}
.t-red{background-color:red; color:#fff; border:1px solid red;}
.t-green{background-color:green; color:#fff; border:1px solid green;}

/*
メニュー
____________________________*/
/*
リスト・リストマーク
____________________________*/
.decimal{
	display:inline-block;
	margin:0;
	padding:0;
}
.decimal li{
	list-style-type:decimal;
}
.decimal li ul.orderNote li{
	list-style:disc outside;
	margin-left:20px;
}
.disc li{
	list-style-type:disc;
}
/*
テキスト
____________________________*/
.note-b{
	font-weight:bold;
}
.note-b-red{
	font-weight:bold;
	color:#ff0000;
}
/*
ナビゲーション
____________________________*/

/*ヘッダー：グローバルナビゲーション*/
.site_nav {
	border-top:5px solid #eea057;  
	border-bottom:2px solid #eea057; 
	margin: 0;
	margin-bottom:50px;
	overflow: hidden;
	width: 100%;
}
.site_nav ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding: 0;
	text-align:center;
}
.site_nav ul li {
	flex:1 0 auto;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-right:3px solid #d5d5d5;
	margin:0.5em 0;
	padding:0;
	font-weight:bold;
}
.site_nav ul li:first-child {
	border-left:3px solid #d5d5d5;
}
.site_nav > ul > li > a > .caret {
	border-top: 4px solid #aaaaaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: '';
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
	-webkit-transition: color 0.1s linear;
	transition: color 0.1s linear;
	margin-left:5px;
}
.site_nav > ul > li > a {
	color:inherit;
	display: block;
	line-height: 40px;
	padding: 0 6px;
	text-decoration: none;
}
.site_nav > ul > li:hover {
	background-color: #eea057;    
	opacity:1;
}
.site_nav > ul > li:hover > a {
	color:rgb( 255, 255, 255 );
}
.site_nav > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}
.site_nav > ul > li > div {
	background-color: #F8D7B7;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 60%;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	transition: opacity 0.2s;
}
.site_nav > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
}
.site_nav > ul > li > div ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	overflow: hidden;
	margin-top:2px;
}
.site_nav > ul > li > div ul > li {
	flex:0 0 auto;
	text-align:left;
	border-right:none;
	margin:0;
}
.site_nav > ul > li > div ul > li:first-child{
	border-left:none;
}
.site_nav > ul > li > div ul > li > a {
	color:inherit;
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	line-height: 20px;
}
.site_nav > ul > li > div ul > li > a::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right:0.2em;
}
.site_nav > ul > li > div ul > li:hover > a {
	background-color: rgba( 255, 255, 255, 0.1);
}
/*ヘッダー：ユーティリティナビゲーション*/
.utilitiy_navi{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
    width:80%;
	position:absolute;
	right:0;
	margin-bottom:15px;
}
.utilitiy_navi_item,.login-out{
	flex:0 0 auto; 
	padding:0.2em; 
    font-size:12px;
}
.utilitiy_navi_item i,.login-out i{
	margin-right:3px;
	font-size:14px;
}
.utilitiy_navi_item a,.login-out a,
.utilitiy_navi_item a:visited,.login-out a:visited{
	color:inherit;
	text-decoration:none;
}
/*パンくずナビ*/
.fs-c-breadcrumb{
	max-width:1200px;
	margin:5px auto;
}
/*フッターナビ*/
.footer_navi{
	display:flex;
	margin:0 auto 10px;
	padding:0;
    flex-wrap:wrap;
}
.fnavi_item {
	flex:0 0 auto;
	margin-left:10px;
}
.fnavi_item a::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right:0.2em;
}
.fnavi_item a,.fnavi_item a:visited{color:inherit;}

/*
見出し
____________________________*/
/*サブエリア*/
.subArea_title{
	border-bottom:2px dashed #3c3c3c;
	padding:0.3em 0.2em 0.2em;
        margin:1em 0 0.5em;
}
.subArea_title i{
	font-size:18px;
	margin-right:0.2em;
}
/**/
.content_title{
	border-left:10px solid #eea057;
	margin:10px 0 5px;
	padding:0.3em 0.3em 0.2em;
}
.content_title_circle::before{
	font-family: "Font Awesome 5 Free";
	content: '\f111';
	font-weight: 900;
	margin-right:0.2em;
}
.content_title_star{
	font-weight:bold;
}
.content_title_star a,
.content_title_star a:visited{
	color:inherit;
}
.content_title_star::before{
	font-family: "Font Awesome 5 Free";
	content: '\f005';
	font-weight: 900;
	margin-right:0.2em;
}
/*カートボタン下の注意事項*/
.contentR_title{
	border-bottom:2px dashed #3c3c3c;
	padding:0.3em 0.2em 0.2em;
	margin:10px 0;
	font-size:14px;
}
.contentR_title i{
	font-size:16px;
	margin-right:0.2em;
}
/*topics:CGマーク紹介など*/
.title_topics.orange{
	border-bottom:3px solid #eea057;
}
.title_topics.orange i{
	margin-right:5px;
	color:#eea057;
}
/*ストライプの帯*/
.title_stripe {
	text-align: center;
	padding: 0.25em;
	border-top: solid 2px #6cb4e4;
	border-bottom: solid 2px #6cb4e4;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
/*トップページのコラム*/
.column-title{
    position: absolute;
    display: inline-block;
    top: -32px;
    left: -3px;
	padding: 0.2em 0.8em 0.3em;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
/*ページタイトル*/
.page_title{
	border:1px solid #d5d5d5;
	box-shadow:2px 2px 4px;
	padding:0;
	margin-bottom:30px;
}
.no-image{
	padding:1.5em;
}
/*チェックマーク*/
.title-checkmark{
	color:#ff6600; 
	font-weight:bold; 
	font-size:1.2em; 
	display:block;
}
.title-checkmark::before{
		font-family: "Font Awesome 5 Free";
	        content: '\f00c';
	        font-weight: 900;
                font-size:18px;
                margin:0;
	        margin-right:0.2em;
}
.border-dashed{
	border-bottom:2px dashed #d5d5d5;
}
/*
画像
____________________________*/
.img-circle{/*丸く切り抜く*/
	border-radius:50%;
}
/*
table
____________________________*/
/*カレンダー*/
.calendar{	
	margin:0 0 20px;
}
.calendar caption{
	text-align:left;
	font-size:14px;
}
.calendar caption::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0c8';
	font-weight: 900;
	margin-right:0.2em;
}
.calendar table{
	text-align:center;
	width:98%;
	margin:5px auto 10px;
}
.calendar th,.calendar td{
	padding:0.2em;
}
/*サイズ表*/
.product_size th,.product_size td{
    width:25%;	
}
.product_size caption{
	text-align:left;
	margin:3px 0 2px;
}
.product_size caption::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0c8';
	font-weight: 900;
	margin-right:0.2em;
}
/*フリーページ：店舗紹介*/
table.shop_info{
	width:80%;
}
.shop_info th{
	width:30%;
}
.shop_info td{
	width:70%;
}
/*枠線のないtable*/
table.non-border,
.non-border th,
.non-border td{
	border:none;
}
.non-border{
	width:90%;
}
	
	

/*
リンク
____________________________*/
/*続きを読む・詳しく見るなど*/
.read_more::before{
	font-family: "Font Awesome 5 Free";
	content: '\f101';
	font-weight: 900;
	margin-right:0.2em;
}
/*
ボタン
____________________________*/
/*お買い物かごに入れる*/
.cartBtn{
	position: relative;
	display: inline-block;
	padding: 1em 1.5em;
	text-decoration: none;
	color: #FFF;
	background-color: #fd9535;/*色*/
	border-radius: 5px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #d27d00;/*線色*/
}
.cartBtn span::before{
	font-family: "Font Awesome 5 Free";
	content: '\f07a';
	font-weight: 900;
	margin-right:0.5em;
}
.cartBtn .fs-c-button__label{font-size:20px;}
.cartBtn_short{
	position: relative;
	display: inline-block;
	padding: 0.5em 0.8em;
	text-decoration: none;
	color: #FFF;
	background-color: #fd9535;/*色*/
	border-radius: 5px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #d27d00;/*線色*/
}
/*お問い合わせ・この商品について問い合わせる*/
.contactform_link{
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #ff4500;/*色*/
	border-radius: 5px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	border: solid 2px #d27d00;/*線色*/
	padding:0.2em 0.5em;
	margin:0;
	font-weight:bold;
	text-align:center; 
	letter-spacing: 0.1em;
	float:right;
}
.contactform_link span::before,
.contactform_link a::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0e0';
	font-weight: 900;
	margin-right:3px;
	font-size:14px;
}
.contactform_link span,
.contactform_link a,.contactform_link a:visited{
	color:#fff;
	text-decoration:none;
}
.contactform_link span:hover,
.contactform_link:hover,
.contactform_link a:hover{
	background-color:#ffebe6;
	color:#ff4500;
}
.jumpBtn_item{
	border-radius:5px;
	margin:5px 0;
	padding:0.5em 1em;
}
.jumpBtn_item,
.jumpBtn_item a,
 a.jumpBtn_item{
	color:#ffffff;
}		
.jumpBtn_item:hover,
.jumpBtn a:hover{
	background-color:#ffffff;
	color:#EE9F57;
}
.jumpBtn_item::before{
	font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	margin-right:0.2em;
}
/*
色
____________________________*/
.lightyellow{
	background-color:#ffefcc;
}
/*カレンダー*/
.holiday{
	background-color:#E67928;
	color:#ffffff;
}
.empty{
	background-color:#f5f5f5;
}
/*文字色*/
.text-white{
	color:#ffffff;
}
.btn-orange{
	background-color:#E67928;
	border:1px solid #E67928;
	color:#ffffff;
}	
.btn-red{
	background-color:#ff0000;
	border:1px solid #ff0000;
	color:#ffffff;
}
.btn-lightgreen{
	background-color:#99cc66;
	border:1px solid #99cc66;
	color:#ffffff;
}
/*
フロー図
____________________________*/
.flow{
	border:1px solid #d5d5d5;
	padding:1em;
	margin-bottom:20px;
}
.flow_box {
	position: relative;
	background: #fff3e6;
	border: 2px solid #ffe6cc;
	border-radius:5px;
	margin:10px 0 35px;
}
.flow_box span.flow_box_title,
.flow_box p,
.flow_box ul,
.flow_box .content_box{
	margin:1em 1.5em;
}
.arrow_bottom:after, .arrow_bottom:before {/*下向き*/
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_bottom:after {
	border-color: rgba(255, 243, 230, 0);
	border-top-color: #fff3e6;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_bottom:before {
	border-color: rgba(255, 230, 204, 0);
	border-top-color: #ffe6cc;
	border-width: 33px;
	margin-left: -33px;
}
.arrow_right:after, .arrow_right:before {/*右向き*/
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_right:after {
	border-color: rgba(255, 243, 230, 0);
	border-left-color: #fff3e6;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_right:before {
	border-color: rgba(255, 230, 204, 0);
	border-left-color: #ffe6cc;
	border-width: 33px;
	margin-top: -33px;
}
.flow_box_title{
	display:block; 
	color:#EE9F57; 
	font-weight:bold; 
	font-size:120%; 
	margin:0.8em auto; 
	padding:0.2em 0;
	text-align:center;
}
.flow_box_number{
	background-color:#EE9F57; 
	margin:0;
	padding:0.8em 0.5em;
	border-radius:5px 5px 0 0 ;
	color:#ffffff;
	text-align:center;
}
/*
お問い合わせフォーム
____________________________*/
.contact dd input,
.contact dd select,
.contact dd textarea{
	margin:3px 0 5px;
}
.contact [type=submit]{
	background-color:#ff0000;
	border:1px solid #ff0000;
	border-radius:5px;
	padding:0.5em 1em;
	color:#ffffff;
	font-weight:bold;
}

/*
マイページ
____________________________*/
@media screen and (min-width: 960px) {
  .fs-body-my-top .fs-l-account {
    flex-direction:reverse;
  }
  .fs-body-my-top .fs-p-accountInfo {
    flex-basis: 100%;
  }
  .fs-body-my-top .fs-c-accountService {
    flex-basis: 100%;
  }
}

/*
その他
____________________________*/
/*メールアドレス*/
.domain::before{
	content:"@"
}

/*
スマートフォン
____________________________*/
@media (max-width:767px){
	/*非表示*/
	.sp_none{
		display:none;
	}
	.wrapper{
		margin:5px 10px;
	}
	.col2 .header_item.headerL{
		width:80%;
	}
	.col2 .header_item.headerR{
		width:15%;
	}
	.utilitiy_navi_item{
		margin:0;
		padding:0;
	}
	.fs-l-header__drawerOpener{
		box-sizing:border-box;
		margin:0; 
		text-align:center;
	}
	.fs-l-header__drawerOpener i{font-size:30px;}
	.fs-p-drawerButton__label{font-size:12px;}
	/*サブエリア*/
	/*メニューパーツを使うとき*/
	.subArea .groupList li{
		border-bottom:1px dashed #3c3c3c;
		padding:0.5em;
		margin-bottom:5px;
		display:flex; 
		flex-direction:row;
	}
	.subArea .groupList li:last-child{
		border-bottom:none;
	}
	.subArea .groupList li::before{
		font-family: "Font Awesome 5 Free";
		content: '\f0c8';
		font-weight: 900;
		margin-right:0.2em;
	}
	.subArea img.cate-img{
		display:none;
	}
	/*SNSエリア*/
	.snsArea{
		margin:10px 5px 20px;
			width:100%;
	}
	.btn-social-long-facebook {
	  color: #FFF;/*文字・アイコン色*/
	  border-radius: 7px;/*角丸に*/
	  display: inline-block;
	  height: 50px;/*高さ*/
	  width: 100%;/*幅*/
	  text-align: center;/*中身を中央寄せ*/
	  font-size: 25px;/*文字のサイズ*/
	  line-height: 50px;/*高さと合わせる*/
	  background: #4966a0;
	  overflow: hidden;/*はみ出た部分を隠す*/
	  text-decoration:none;/*下線は消す*/
	}

	.btn-social-long-facebook .fa-facebook {
	  text-shadow: 2px 2px 1px #224282;
	  font-size: 30px;
	}

	.btn-social-long-facebook span {
	  /*テキスト*/
	  display:inline-block;
	  transition: .5s;
	  font-size:16px;
	}
	.btn-social-long-facebook:visited {color:#ffffff;}
	.btn-social-long-facebook:hover span {
	  /*ホバーで一周回転*/
	  -webkit-transform: rotateX(360deg);
	  transform: rotateX(360deg);
	}
	/*トップページ*/
	.col4 .fs-pt-column__item{
		width:49%;
	}
	/*メニューパーツを使うとき*/
	.groupList.freepage .fs-pt-menu__heading--lv1{
		border-left:10px solid #eea057;
		margin:10px 0 5px;
		padding:0.5em 0.3em;
		position:relative;
	}
	.subArea .infoList .fs-pt-menu__heading--lv1,
	.groupList.toppage .fs-pt-menu__item--lv1{
		margin-bottom:5px;
		padding:1em 0.5em;
		position:relative;
		border:2px solid #d5d5d5;
		border-radius:5px:
	}
	.groupList.toppage .fs-pt-menu__item--lv1 img{
		width:20%;
		margin:0 10px;
	}
	.groupList.toppage .fs-pt-menu__item--lv1 span{
		position:absolute;
		top:50%;
		left:35%;
		transform:translateY(-50%);	
		font-size:18px;
	}
	.subArea .infoList .fs-pt-menu__heading--lv1::after,
	.groupList.toppage .fs-pt-menu__item--lv1::after{
		font-family: "Font Awesome 5 Free";
		content: '\f054';
		font-weight: 900;
		position:absolute;
		top:50%;
		right:5%;
		transform: translateY(-50%);
	}
	.groupList.toppage .fs-pt-menu--lv2{
		display:none;
	}
	.groupList.freepage ul.fs-pt-menu--lv3 li{
		width:49%;
	}
	/*フリーページ*/
	ul.content_list.col4{
		flex-direction:column;
	}
	/*ボタン*/
	.jumpBtn.col4{
		flex-direction:column;
	}
	.col3 .content_box_item{
		width:100%;
		margin-bottom:5px;
	}
}
/*
PC・タブレット
____________________________*/
@media (min-width:768px){
	/*非表示*/
	.pc_none{
		display:none;
	}
	/*著作権表記*/
	.copy{
		font-size:15px;/*文字色*/
	}
	/*aside*/
	/*メニュー*/
	.menuLink .menuList_item{
		border:none;
		padding:0.3em 0.5em;
		margin-bottom:5px;
		display:flex; 
		flex-direction:row;
		position:relative;
	}
	.menuLink .menuList_item::after{
		content: '';
	}	
	.menuLink .menuList_item a::before{
		font-family: "Font Awesome 5 Free";
		content: '\f0da';
		font-weight: 900;
		margin-right:0.2em;	
	}
	/*カテゴリー*/

	
	/*メニューパーツを使うとき*/
	.subArea .groupList li{
		border:1px solid #d5d5d5;
		border-radius:5px;
		padding:1em 0.5em;
		margin:3px 0;
		position:relative;
	}
	.subArea .groupList li::after{
		font-family: "Font Awesome 5 Free";
		content: '\f054';
		font-weight: 900;
		position:absolute;
		top:50%;
		right:3%;
		transform: translateY(-50%);
	}	ｌ
	.subArea .groupList li img{
		position:absolute;
		top:0;
		left:0;
		transform:translateY(-50%);
	}
	.subArea img.cate-img{
		width:20%;
		height:auto;
                margin:0;
	}
	.subArea .groupList li span{
		display:inline-block;
		position:absolute;
		top:50%;
		left:22%;
		transform:translateY(-50%);	
	}

	/*main*/
	/*商品詳細*/	
	dl.productSpec,
	.contact dl{/*商品仕様・問い合わせフォーム*/
		display:flex;
		flex-wrap:wrap;
	}
	.contact dl dt,.contact dl dd,
	.productSpec dt,.productSpec dd{
		padding:1em;
		border:1px solid #d5d5d5;
		margin-bottom:2px;
	}
	.contact dl dt,
	.productSpec dt{
		width:30%;
	}
	.contact dl dd,
	.productSpec dd{
		width:70%;
	}
	/**/

	.col2 .content_box_text{
		width:70%;
	}
	.col2 .content_box_image{
		width:25%;
	}
	/*トップページ*/
	.top_main h1{
		font-size:4rem; 
	}
	.top_main p{
		top:50%;
		font-size:1.8rem; 
	}
	.col3 .fs-pt-column__item{
		width:32%;
	}
	.col4 .fs-pt-column__item,
	.col4 .cateList_item{
		width:24%;
	}
	/*メニューパーツを使うとき*/
	.subArea .infoList .fs-pt-menu__heading--lv1{
		display:flex;
		padding:0.3em;
	}
	.subArea .infoList .fs-pt-menu__heading--lv1::before{
		font-family: "Font Awesome 5 Free";
		content: '\f0da';
		font-weight: 900;
		margin-left:3px;
	}
	.groupList.toppage .fs-pt-menu__heading--lv1,
	.groupList.freepage .fs-pt-menu__heading--lv1{
		border-left:10px solid #eea057;
		margin:10px 0 5px;
		padding:0.3em 0.3em 0.2em;
	}
	.groupList.toppage .fs-pt-menu__heading--lv1{
		font-size:16px;
		font-weight:bold;
	}
	.groupList .fs-pt-menu--lv2{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.groupList .fs-pt-menu--lv2::before,
	.groupList.freepage ul.fs-pt-menu--lv3::before{
	  content:"";
	  display: block;
	  width:24%;
	  order:1;
	}
	.groupList .fs-pt-menu--lv2::after,
	.groupList.freepage ul.fs-pt-menu--lv3::after{
	  content:"";
	  display: block;
	  width:24%;
	}
	.groupList .fs-pt-menu--lv2 li,
	.groupList.freepage ul.fs-pt-menu--lv3 li{
		width:24%;
	}
	.groupList.freepage.fs-pt-menu--lv2 {
		flex-direction:column;
	}
	.groupList.freepage .fs-pt-menu--lv2 li {
		width:100%;
	}
	.groupList.toppage .fs-pt-menu--lv2{
		margin-bottom:3em;
	}
	.groupList.toppage .fs-pt-menu--lv2 li{
		margin-bottom:5px;
		padding:0.5em;
		align-self:stretch;
		text-align:center;
		border:1px solid #d5d5d5;
		border-radius:5px;
		position:relative;
	}
	.groupList.toppage .fs-pt-menu--lv2 li a:hover{
		border:3px solid #d5d5d5;
	}
	.groupList.toppage .fs-pt-menu--lv2 li a img{
		margin-bottom:20px;
	}
	.groupList.toppage .fs-pt-menu--lv2 li span{
		margin:5px auto 10px;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translateX(-50%);	
		width:100%;
	}		


	/*フリーページ*/
	/*フロー図*/
	.col2 .flow{
		width:49%;
	}

	/*ボタン*/

	/*お買い物かごに入れる*/
	.cartBtn{padding: 0.8em 1em;}
	.cartBtn .fs-c-button__label{font-size:16px;}
	}
}

/*グループの登録商品がありませんの文言を非表示*/
.fs-body-category-information .fs-c-noResultMessage {
    display: none;
}

/*いったん非表示*/
.all_none{display:none;}

/* 20250605futureshopセミナー　サンプルコード */
/* 配布code01 送料無料表記の文字サイズ調整の記述CSS(P.25) */
.fs-c-cartDiscountInfo__info {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(20px, 2.5vw, 28px);
  margin-bottom: 10px;
}

.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__more,
.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__next {
  font-size: clamp(25px, 3.125vw, 33px);
}

/* 配布code02 通信欄の拡大、クリック可能範囲拡大の記述CSS(P.28) */
.fs-c-inputInformation__field {
  margin-bottom: 0;
}
#fs-communicationInfo-container .fs-c-checkout-previewAndEdit__info {
  min-height: 200px;
}
.fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard {
  position: relative;
}
.fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  height: 200px;
  right: 0;
}
@media screen and (min-width: 600px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    max-width: 750px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1051px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 46vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 56vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 94vw;
  }
}
@media screen and (max-width: 599px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    max-width: 580px;
    width: 87vw;
    bottom: calc(100% + 20px);
  }
}

/* 配布code03 お届け希望日時設定ボタン変更の記述CSS(P.29資料に一部誤りがありました。) */

/* 配送送料機能upgradeされていない店舗様はこちら */
.fs-body-checkout .fs-c-checkout-delivery__body .fs-c-buttonContainer--changeSmall {
    width: 100%;
}
.fs-body-checkout .fs-c-checkout-delivery__body .fs-c-buttonContainer--changeSmall .fs-c-button--change--small {
    background: #fff !important;
    border: 1px solid #000;
    color: #000;
    padding: 15px 0;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.fs-body-checkout .fs-c-checkout-delivery__body .fs-c-buttonContainer--changeSmall .fs-c-button__label {
    font-size: 0;
}
.fs-body-checkout .fs-c-checkout-delivery__body .fs-c-buttonContainer--changeSmall .fs-c-button__label::before {
    content: "お届け希望日／時間を設定する";
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .fs-body-checkout .fs-c-checkout-delivery__body .fs-c-buttonContainer--changeSmall {
        margin-top: 20px;
    }
}

/* 配送送料機能upgrade版を使用している店舗様はこちら */
.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__deliveryDetail {
    grid-template-columns: 1fr !important;
}
.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__button {
    grid-column: 1 !important;
}
.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-button--change--small {
    background: #fff !important;
    border: 1px solid #000;
    color: #000;
    padding: 15px 0px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-button__label {
    font-size: 0;
}
.fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-button__label::before {
    content: "お届け希望日／時間を設定する";
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__deliveryDetail {
        display: block;
    }
    .fs-body-checkout .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__button {
        margin-top: 20px;
    }
}