@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import "https://use.fontawesome.com/releases/v5.8.1/css/all.css";
/* @import "https://use.fontawesome.com/releases/v6.0.0/css/all.css"; */
.icon{
	margin-right:5px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


input, select {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	color: #333;
	/* -moz-appearance: menulist;
	-webkit-appearance: menulist; */
	font-size: 16px;
  }

select,
input[type="submit"],
input[type="button"]{
	cursor: pointer;
}


input:focus::-webkit-input-placeholder {color: transparent;}
	input:focus::-moz-placeholder {color: transparent;}
	input:focus::-ms-input-placeholder {color: transparent;}
	input:focus::placeholder {color: transparent;}

	input:-webkit-autofill {
		box-shadow: 0 0 0px 999px #fff inset;
	  }


.select{
	position: relative;}
.select:after {
			content: "";
				position: absolute;
				right: 10px;
				top: 45%;
				width: 7px;
				height: 7px;
				border-top: 2px solid #666;
				border-left: 2px solid #666;
				transform: translateY(-50%) rotate(-135deg);
			pointer-events: none;
			}

img{
	max-width:100%; width /***/:auto; /*IE8用ハック*/
	height:auto;
	border: 0px;
	vertical-align:top;}

a img:hover{
	opacity:0.7;}

.bold{
	font-weight: bold;
}
.red{
	color:#F00;}
	
a{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: underline;
}

.grecaptcha-badge{
	bottom: 100px !important;
}

/*=======================================
　　pager
=======================================*/
#pager{
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 40px;
}
#pager a{
	padding: 7px 13px;
	margin: 3px;
	background-color: #e4e3e3;
	border-radius: 3px;
}
#pager span.activ{
	padding: 7px 13px;
	margin: 3px;
	background-color: #9b9a9a;
	border-radius: 3px;
}

/*==========================
　　モーダル				
==============================*/

.sds_mdl,
#any_mdl1,
#any_mdl2,#any_mdl3,
#page_mdl,
#page_mdl_size,#page_mdl_aa,#page_mdl_catmenu,
#various,
#mdl_explan{
position: fixed;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
overflow: auto;
z-index:100;}

.sds_mdl-bg,
.any_mdl-bg,
.page_mdl-bg{
height: 100vh;
position: absolute;
width: 100%;}


.modal_content_wrap,
.any_modal_content_wrap{
position: absolute;
width: 95%;
height: 95%;
text-align: center;
padding-top: 50px;
background-color:#fff;
z-index:200;
left: 50%;top: 50%;
transform: translate(-50%, -50%);
}
.any_mdl-content,
.sds_mdl-content{
overflow: auto;
width: 100%;
height: 100%;
padding: 0 10px;
}

.page_mdl-content{
overflow: auto;
width: 100%;
height: 100%;
padding: 0 10px;
}

.sds_mdl-close-btn{
	z-index:300;
	position:absolute;
	top:0%;
	right:0%;}

.any_mdl-close-btn,
.page_mdl-close-btn{
	z-index:300;
	position:absolute;
	top:0%;
	right:0%;}

.mdc_btn {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;  /* 丸みの度合い */
	background: #fff; /* ボタンの背景色 */
  }
  
  .mdc_btn::before, .mdc_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 21px;
	background: #333; /* バツ印の色 */
  }
  
  .mdc_btn::before {transform: translate(-50%,-50%) rotate(45deg);}
  .mdc_btn::after {transform: translate(-50%,-50%) rotate(-45deg);}

/*=======================================
　　variation page
=======================================*/
	
/* .variation_tablist{
	width:100%;
	display:flex; 
    flex-wrap: wrap;
	}
	
	.variation_tablist li{
		padding:8px 20px;
		margin-right:5px;
		margin-bottom:5px;
		font-weight:bold;
		text-align:center;
		background:#EBEBEB;
		border:solid 1px #CCCCCC;
		cursor:pointer;
		border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
		-moz-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;}
		.variation_tablist li.actv,.variation_tablist li:hover{
			background:#CBDCFC;
			border:solid 1px #0C6CB4;
			color:#36F;}


.variation_tab{
	width:100%;
	overflow:hidden;
	margin:0 auto 30px auto;
	}

.variation_tab div#variation_tabbox{
	display:none;}

.variation_tab div#variation_tabbox.actv{
	display:block;}
.variation_tab div a img:hover {opacity: 1 ;} */


/*=======================================*/
.hidden_s{display:none;}

html{font-size:62.5%;}
body {
	font-size:1.4rem;/* basic size 14px */
	-webkit-text-size-adjust: 100%;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position: relative;
    right: 0;
    overflow-x: hidden;
	background:#fff;
	}
	
.wrap{
	display: flex;
  flex-flow: column;
  min-height: 100vh;
	width:100%;}
	
	
/******  tenpo head  *************************************************************/
#header {
	width: 100%;
	margin:0 0 15px 0;
}

#header .h1p {
	background:#C50707;
	color:#FFF;
	padding:5px;
	margin-bottom:2px;
	font-size:12px;
	font-weight:bold;
}
#header p.h1sub{
	display:none;
}
#header p{
	display:none;
}

#tophome{
	float:left;}

#tophome a{
	display: block;
	background:url(../../topimages/mobile/logo.png) no-repeat left top;
	background-size:120px auto;
	height: 48px;
	width: 120px;}
	
	#tophome span{
	visibility:hidden;}

#toptel{
	float:right;}
#toptel img{
	width:150px;
	height:auto;}

#mb_menu{
	float:right;
	width:40px;
	margin-top:3px;}

/****navi****/
    #navigation2{
		clear:both;
        position: fixed;
        top: 0;
        right: -240px;
        width: 240px;
        height: 100%;
        background: #fff;
        z-index: 2;
        padding-top: 20px;
		padding-bottom: 60px;
		overflow:scroll;
		}
		
#navigation2::-webkit-scrollbar {
  width: 6px;
}
#navigation2::-webkit-scrollbar-track {
  margin: 3px 0;
  background:#DBDBDB;
  
}
#navigation2::-webkit-scrollbar-thumb {
  background:#666;border-radius: 4px;
}

		#navigation2 li{
			border-bottom:solid 1px #CCCCCC;}
			
			#navigation2 li.navigation_top{
				background:#EAEAEA;
				border-top:solid 1px #CCCCCC;
				font-size:1.4rem;
				font-weight:bold;
				padding:8px;
				}
				
				#navigation2 li span{
					float:right;
					margin-right:10px;}
					
				#navigation2 li span img{width:20px;}
				
				#navigation2 li.category_link{
				border:double 4px #fff;
				background:#F36;
				}
				#navigation2 li.category_link a{
				color:#FFF;
				font-weight:bold;
				font-size:1.4rem;
				}
    
			#navigation2 li a{
			position:relative;
			display:block;
			padding:12px 0 12px 10px;
			}
			#navigation2 li a::after {
			position: absolute;
			top: 50%;
			right: 10px;
			display: block;
			content: '';
			width: 8px;
			height: 8px;
			margin-top: -4px;
			border-top: 1px solid #333;
			border-right: 1px solid #333;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
				#navigation2 li.category_link a::after {
					border-top: 1px solid #fff;
					border-right: 1px solid #fff;
					}

	#overlay{
			z-index:-1;
			opacity: 0;
			background: #000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			position: fixed;}
	
    /**
    * ドロワー開放時のスタイル
    **/

        body.open #overlay{
            z-index: 1;
            opacity: 0.3;}


#navigation2 li span.head_guide_bag{
	float:none;
	margin-right: 0;
	font-size: 1rem;
	display: inline-block;
	background-color: #ff0000;
	color: #fff;
	padding: 2px;
	border-radius: 50%;
	width: 1.8rem;
	height: 1.8rem;
	position: absolute;
	top: 8px;
	right: 30px;
	line-height: 1.6rem;
  	text-align: center;
	}


/*****tenpo head ここまで**************************************************************/

/***tenpo leftnavi********************************************************/
#leftnavi h2 {
	text-align:center;
	margin:20px 0;
}
#leftnavi{
	overflow:hidden;
	margin-bottom:20px;}
	
#leftnavi h3{
	width:100%;
	clear:both;
	background:#F0F0F0;
	font-weight: bold;
	padding:10px 0 10px 10px;
	border-bottom:solid 1px #CCCCCC;}	
	#leftnavi h3 a{
		text-decoration:none;}

#leftnavi ul{
	width:100%;
	overflow:hidden;
	margin-bottom:14px;
	}
#leftnavi ul li{
	width:50%;
	float:left;
	text-align:left;
	position:relative;
	border-bottom:solid 1px #CCCCCC;}
#leftnavi ul li:nth-of-type(2n+1){
	border-right: 1px solid #ccc;
}

#leftnavi ul li::after {
			position: absolute;
			top: 50%;
			right: 8px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
#leftnavi ul li a{
		font-size:1.1rem;
		display:block;
		padding:14px 0 14px 10px;
		}

#left_subnavi ul, .spf-subbn ul{
	overflow:hidden;
	margin-bottom:20px;
	text-align:center;}	
#left_subnavi li, .spf-subbn li{
	display:inline-block;
	width:31%;
	margin:0 auto 10px auto;
	font-size:1rem;
	vertical-align:top;
	}
	
	.spf-subbn p{
		font-weight:bold;
		text-align:center;}
/***tenpo leftnavi end********************************************************/
	
/*header{
width: 100%;
z-index: 2;
background-color: #ffffff;
margin-bottom: 10px;
}

	.headtop{
		display: none;
	}

	.headmiddle{
		display: flex;
		flex-flow: column;
	}
	.headmiddle_flex1{
		height: 80px;
		padding: 10px;
	}
	.headmiddle_flex2{
		background-color: #dadada;
		padding: 10px;
	}

	.logo{
		width: 180px;
		margin-top: 16px;
	}

	.head_guide{
		display: none;
	}


.headnav{
	display: none;
}
*/
.breadcrumb{
	margin-bottom: 20px;
	font-size: 1.3rem;
	display: none; /* detail.phpでは非表示 db_main_idデータが必要 */
}

.breadcrumb ul{
	display: flex;
	flex-wrap: wrap;
}

.breadcrumb ul li:not(:last-of-type)::after {
	content: "›";
	margin: 0 .6em;
	color: #777;
  }

	
.contents{
	clear: both;
	flex:1;
	width:100%;
	/* padding: 0; */
	margin-bottom: 40px;
	padding: 0 2%;
	}



.main_ctt{
	display: flex;
	flex-flow: column;
}

.main_ctt_txt{
	margin-bottom: 30px;
	line-height: 1.4;
}

.main_ctt_left{
	width: 100%;
	margin-bottom: 40px;
}

.main_ctt_right{
	width: 100%;
	margin-bottom: 40px;
}

.main_ctt_right h1{
	font-weight: bold;
	font-size: 2rem;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 10px;
}



/****  tenpo footer  *****************************************************/
#footer{
	clear:both;
	width:100%;
	text-align:center;
	}
	
.foot_list h3	{
	margin:0;
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	font-size:1.2rem;}
		
.foot_list ul{
	overflow:hidden;
	margin-bottom:20px;}	
	
.foot_list ul li{
	width:50%;
	float:left;
	text-align:left;
	position:relative;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;}
.foot_list ul li:nth-child(even){border-right:none;}
.foot_list ul li::after {
			position: absolute;
			top: 50%;
			right: 15px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
.foot_list ul li a{
	font-size:1.1rem;
				display:block;
				padding:10px 0 10px 10px;}
	
#footer_navi{
	border-top:solid 1px #999;
	overflow:hidden;
	background:#F2F1EC;
	}

#footer_navi ul li{
	text-align:left;
	position:relative;
	border-bottom:solid 1px #999999;}
#footer_navi ul li::after {
			position: absolute;
			top: 50%;
			right: 15px;
			display: block;
			content: '';
			width: 8px;
			height: 8px;
			margin-top: -4px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
			#footer_navi ul li a{
				display:block;
				padding:10px 0 10px 10px;}

#copyright{
	clear:both;
	padding:15px 0;
	}

#ssl_box{
	padding:0 2%;}
#ss_gmo_globalsign_secured_site_seal{
	margin:0 auto;
	}

#ssl_box p{
	margin-bottom:20px;
	line-height: 1.4;;
	text-align:center;}
	
#gssl{text-align:center;
	}
/********tenpo footer ここまで*************************************************/
	

.scroll-top{
	z-index: 8;
	position: fixed;
	right:10px;
	bottom:20px;	
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #333;
	text-align: center;
  }
  
  /*このクラスが付与されると表示する*/
  .scroll_active{
	opacity: 0.8;
	visibility: visible;
  }

  
  .scroll-top span {
	display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 18px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  }
  
/*=======================================
　　SP NAVI　未使用中
=======================================*/
.overlay{
	overflow:hidden;
	width: 100%;
	height: 100%;
	overflow:hidden;
	}
	
nav.globalSp{
display:block;
position: fixed;
z-index: 10;
top: 0;
left: 0;
background:#fff;
color: #000;
text-align: center;
transform: translateX(100%);
transition: all 0.6s;
width: 100%;
height:100%;
overflow: auto;
}

nav.globalSp ul {
	background:#fff;
margin: 0 auto;
padding: 0 0 100px 20px;
text-align:left;
width: 100%;
}

nav.globalSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px solid #CCC;
}


nav.globalSp ul li a {
width:100%;
display: block;
color: #000;
padding: 20px 0;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalSp.active {
transform: translateY(0%);
}

.navToggle {
display: block;
position: fixed;    /* bodyに対しての絶対位置指定 */
right: 13px;
top: 14px;
width: 51px;
height: 51px;
cursor: pointer;
z-index: 15;
text-align: center;
background-color: #fff;
border-radius: 50%;

}
	.navToggle.is_shadow{box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3);}

.navToggle span {
display: block;
position: absolute;    /* .navToggleに対して */
width: 26px;
border-bottom: solid 2px #333;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 12px;
margin: 0 auto;
padding-top: 2px;
}

.navToggle span:nth-child(1) {
top: 9px;
}

.navToggle span:nth-child(2) {
top: 18px;
}

.navToggle span:nth-child(3) {
top: 27px;
}

.navToggle span:nth-child(4) {
border: none;
color:#333;
font-size: 9px;
font-weight: normal;
top: 32px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
top: 18px;
left: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 18px;left: 13px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}

.globalSp-hd{
	background:#F2F1EC;
font-weight:bold;
font-size:1.6rem;
padding:20px;
text-align:left;
height: 100px;}

.globalSp-hd span{
display:block;
padding:10px 0;}

/*ドロップダウン*/
nav.globalSp ul li.globalSp_drop{
	padding: 20px 0;
	position: relative;}
nav.globalSp ul li.globalSp_drop::after {
	position: absolute;
	top: 28px;
	right: 15px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.globalSp_drop ul{
	display: none;
}
nav.globalSp ul .globalSp_drop ul{
	padding: 10px 0 0 10px;
}
nav.globalSp ul li.globalSp_drop ul li {
	border-bottom: 1px dotted #CCC;
	
	}
	nav.globalSp ul li.globalSp_drop ul li:last-child{border-bottom: none;}

/*-----sp カートボタン　未使用中---------------------------------*/

/* .sp_cartbtn{
	z-index: 10;
	position: fixed;
	top: 14px;
	right: 80px;
	background-color: #fff;
	border-radius: 50%;
	width: 51px;
	height: 51px;
	padding-top: 6px;
	}
	.sp_cartbtn a{
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	.sp_cartbtn .head_guide_icon{
		height: 22px;
		top:12px;
		left:8px;
		position: absolute;
	}
	.sp_cartbtn .head_guide_bag{
		top:4px;
		right:8px;
		position: absolute;
		width: 1.8rem;
		height: 1.8rem;
		border-radius: 50%;
		background: #f10d0d;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
.sp_cartbtn.is_shadow{box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3);}
.fa-lg{
	font-size:2.6rem;
} */

/*================================
search　未使用中
=========================*/
/* .search_input{
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 5px 40px 5px 5px;
	background-color: #FFFFFF;
	border: solid 1px #ccc;

  }
  .search_input input[type="text"]{
	border: none;
	width: 100%;
	margin: 0;
  }
  .search_input input[type="text"]:focus {
	outline: 0;
  }

  .search_icon_btn{
	background: none;
	border: none;
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -1rem;
	cursor: pointer;
  }
  .search_icon_btn img{
	width: 2rem;
	height: 2rem;
  } */

/*==== 汎用 選択モーダル ====*/
.item_slcs_h_various{
	font-weight: bold;
	border: solid 1px #ccc;
	padding: 20px 10px;
	margin-bottom: 10px;
}

.item_slcs_h_various:hover{
	border: 1px solid #c92323;
}


/*======================================
	カート
======================================*/

.cart_list{
	width:98%;
	margin:0 auto 40px auto;
	}

.cart_h{
	font-size:1.8rem;
	margin:20px 0;
	padding:12px;
	background-color:#F0F0F0;}
	
.cart_record{
	display: flex;
	flex-wrap: wrap;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
	}

.cart_record_image{
	flex-basis:20%;
	padding:10px;}
	.cart_record_image img{
		width:100%;
		max-width:80px;}

.cart_record_name{
	flex-basis:80%;
	padding:10px;
	font-size:1.4rem;}
	
	.cart_record_name span.cart_name,
	.cart_record_name span.cart_variation,
	.cart_record_name span.cart_frame_color,
	.cart_record_name span.cart_fabric_color,
	.cart_record_name span.cart_option_exc,
	.cart_record_name span.cart_option,
	.cart_record_name span.cart_sizeorder,
	.cart_record_name span.cart_spnote_th,
	.cart_record_name span.cart_spnote_d,
	.cart_record_name span.cart_spnote_sh,
	.cart_record_name span.cart_variation_option{
		display: block;
		margin-bottom: 6px;
	}
	.cart_record_name span.cart_name{
		margin-bottom: 10px;
		font-weight: bold;}


.cart_setleg{
	display: flex;
	padding: 4px;
	border: solid 1px #CCCCCC;
	border-radius: 3px;
}
.cart_setleg div:nth-of-type(2){
	padding-top: 5px;
	line-height: 1.2;
}

.cart_setleg img{
	width: 60px;
	height: 60px;
}

.cart_pricebox{
	flex-basis:100%;
	display: flex;
	flex-wrap: wrap;
}

.cart_record_amont{
	flex-basis:40%;
	}

.cart_record_amont_inbox{
	display: flex;
	justify-content: flex-start;
	align-items: center;}

.cart_record_amont select{
		width: 80px;
		padding: 10px;
		color: #333;
		border: solid 1px #ccc;
		}
/* .select_cart_quantity{
	width: 80px;
} */
.cart_record_amont_txt{
	margin-right: 10px;
}

.cart_record_price{
	flex-basis:60%;
	padding:5px;
	margin-bottom: 20px;
	font-size:1.6rem;
	text-align:right;}

	.cart_record_price_t{
		display: block;
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	
	.cart_record_del{
		flex-basis:100%;
		text-align: left;
		padding-bottom: 10px;
		text-align: right;}

	.cart_record_del input[type="submit"]{
		padding: 6px 10px;
		color:#3b3529;}

		.cart_record_del input[type="submit"]:hover{
			background-color: #e0e0e0;
		}
	


.cart_list_not{
	width:98%;
	margin:60px auto;
	text-align: center;}
	
	.cart_list_not span.cart_list_not_h{
		display:block;
		font-size:2rem;
		margin-bottom:40px;}
	.retop{
		display: inline-block;
		padding: 20px;
		border: solid 1px #ccc;
		border-radius: 3px;
		}



		/* .cart_send{
			border: solid 1px #ccc;
			padding: 20px;
		}
		.cart_send p{
			line-height: 1.5;
		} */

		.cart_send{
			border: solid 1px #ccc;
			padding: 20px;
			display: flex;
			flex-flow: column;
		}
		.cart_send_in{
			width: 100%;
		}
		.cart_send p{
			line-height: 1.5;
		}

		.cart_send_in_btn{
			width: 100%;
			margin-top: 15px;
		}
		.cart_send_in_btn a{
			display: inline-block;
			width: 100%;
			text-align: center;
			background-color: rgb(201, 35, 35);
			padding: 20px 20px;
			border-radius: 4px;
			color:#fff;
			font-weight: bold;
			font-size: 1.6rem;
			letter-spacing: 0.1rem;
			border: none;
				}
				.cart_send_in_btn a:hover{
					background-color: #df0000;
					text-decoration: none;
				}


.regist_btn_wrap{
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
}
.regist_btn_wrap div{margin: 0 0 20px 0;}

.regist_btn_wrap a,
.regist_btn_wrap input{
	background-color: #fff;
	padding: 15px;
	border-radius: 4px;
	font-size: 1.6rem;
	display: block;
	width: 100%;
}
.regist_btn_wrap .withnext a,
.regist_btn_wrap .withnext input{
	background-color: rgb(201, 35, 35);
	padding: 15px 30px;
	border-radius: 4px;
	color:#fff;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	border: none;
	width: 100%;}

	.regist_btn_wrap a:hover,
.regist_btn_wrap input:hover{
	background-color: #e2e2e2;
	text-decoration: none;
}
.regist_btn_wrap .withnext a:hover,
.regist_btn_wrap .withnext input:hover{
	background-color: #df0000;
	text-decoration: none;
}


.cart_reset{
	text-align: center;
	margin: 20px 0 0 0;
}
.cart_reset a{
	display: inline-block;
	padding: 10px 15px;
	border: solid 1px #ccc;
	text-decoration: none;
}

/*==== カート内入力フォーム ====*/
.forminq{
	width:90%;
	margin:0 auto 40px auto;
	}
	
	.forminq p{
		margin-bottom:20px;
	line-height: 1.4;}

	.forminq dd span.inq-note a{
		display:block;
		padding:4px 0;}

.forminq dl {
        display: flex;
        flex-wrap: wrap;
		margin-bottom:20px;
    }
    
	.forminq dl dt{
		padding:18px 10px 0 10px;
		width: 100%;
    }
	.forminq dl dd {
        border-bottom: 1px dotted #ccc;
		padding:18px 10px;
		width:100%;
    }
		
		.forminq dl dd textarea {
			width:100%;
			height: 120px;
			resize: vertical;}
		.forminq dl dd input{
			width:100%;}

.forminq span{
	display:block;}

	.forminq label span{
		display:inline-block;
		font-size: 1.2rem;
		color:#F00;}
	
	.forminq span.error{
		color:#F00;
		padding: 6px 0;}

	.forminq span.iptxt{
		padding: 4px 0;}

.forminq input[type="text"], .forminq input[type="tel"], .forminq input[type="email"], textarea, .forminq select{
    padding: 0.5em;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

	.input_address div{
		margin-bottom: 14px;
	}
	.forminq dl dd .input_postal input{
		width: 100px;
		margin: 0 10px 0 0;
	}


	.regist_product{
		display: flex;
		flex-wrap: wrap;
		}
	
	.regist_product_image{
		flex-basis:30%;
		}
		.regist_product_image img{
			width:100%;
			max-width:80px;}
	
	.regist_product_plan{
		flex-basis:70%;}
	
	.regist_product_price{
		flex-basis:100%;
		text-align: right;}
	
	.regist_product_sum{
		display:block;
		text-align:right;
		font-weight: bold;
		font-size: 1.6rem;
		background-color: #F0F0F0;
		padding: 23px;
	margin-bottom: 20px;}

	.regist_product_sum span{
		display: block;
		font-weight: normal;
		font-size: 1.4rem;
		margin-top: 12px;
		text-align: left;
	}
			

/*===========================================
　一覧
============================================*/

/*  絞り込み検索  */
#detail_sdids input[type="checkbox"] {
  appearance: checkbox; /* 明示的に checkbox に戻す */
}
#detail_sdids label {
 margin: 0 14px 10px 0;display: inline-block;
}
#detail_sdids input[type="submit"] {
	font-size: 1.3rem;
	color: #fff;
	background-color: #6895d8ff;
	border:none;
	padding: 0 10px 2px 10px;
	
}
#detail_sdids input[type="submit"]:hover{
	background-color: #96bbf3ff;
	
}

/* スマホ用カテゴリメニュ  */
.main_ctt_right_menu_mobile{
	margin-bottom: 20px;
}
.main_ctt_right_menu_mobile .mdl_catmenu{
	text-align: right;
}
.main_ctt_right_menu_mobile .sibori{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 20px;
}
.main_ctt_right_menu_mobile #detail_sdids{
	text-align: left;
	border-bottom: solid 1px #ccc;
	margin-bottom: 40px;
}
.main_ctt_right_menu_mobile #detail_sdids input[type="checkbox"] {
  appearance: checkbox; /* 明示的に checkbox に戻す */
}
.main_ctt_right_menu_mobile #detail_sdids label {
	width: calc(100% / 2);;
	text-align: left;
 margin: 0 0 20px 0;
 display: inline-block;
}
.main_ctt_right_menu_mobile #detail_sdids input[type="submit"] {
	display: block;
	font-size: 2rem;
	color: #fff;
	background-color: #6895d8ff;
	border:none;
	padding: 20px 0 20px 0;
	width: 50%;
	margin: 0 auto 40px auto;
	
	
}
/****/


.main_ctt_right_menu{
	margin-bottom: 20px;
	display: none;
}


.main_ctt_right_menu_dd{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: solid 2px #ccc;
}
.main_ctt_right_menu_mobile .main_ctt_right_menu_dd{
	border-bottom: none;
	margin-bottom: 100px;
}

.main_ctt_right_menu_dd li{
	border: solid 1px #ccc;
	border-radius: 30px;
	font-size: 1.2rem;
	margin: 5px;
	background-color: #fff;
}
.main_ctt_right_menu_dd li a,
.main_ctt_right_menu_dd_sd li a{
	display: block;
	padding: 10px 10px;
}
	.main_ctt_right_menu_dd li.activ{
		background-color: #eeeded;
		border: solid 1px #eeeded;
	}

.main_ctt_right_menu_dd_sd{
	display: flex;
	flex-wrap: wrap;
}
	.main_ctt_right_menu_dd_sd li.activ{
		background-color: #c2c2c2;
		color: #fff;
		border-radius: 3px;
	}

.sort_wrap{
	text-align: right;
	margin-bottom: 15px;
}

.listnav_here,
.left_nav{
	margin-bottom: 20px;
}
.listnav_here h3,
.left_nav h3{
	font-size: 2rem;
	padding: 14px;
	text-align: center;
}

.left_nav ul{
	margin-bottom: 40px;
}

.listnav_here p{
	background-color: #f0eeee;
	font-weight: bold;
}
.listnav_here p.search_cnt{
	padding: 10px;
	text-align: center;
}
.listnav_here ul{
	display: flex;
	flex-wrap: wrap;
}
.listnav_here li{
	width: 49%;
	border-bottom: dotted 1px #ccc;
}
.listnav_here li:nth-of-type(2n+1){
	margin-right: 2%;
}
.listnav_here li.activ a{
	background-color: #d6d5d5;
}

.left_nav_list li{
	border-bottom: dotted 1px #ccc;
}

.left_nav_list li.activ{
	font-weight: bold;
}
.left_nav_list li.activ a::before {
	content: "›";
  }

.listnav_here p a,
.listnav_here li a,
.left_nav_list li a{
	display: block;
	padding:16px 0 16px 12px;
}


.items_wrap{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.items{
	flex-basis: 49%;
	margin: 0 2% 20px 0;
}
.items:nth-of-type(2n){margin: 0 0 20px 0;}

.items_image{
	border: solid 1px #e0e0e0;
	margin-bottom: 8px;
	text-align: center;
}
.items_name{
	margin-bottom: 8px;
	overflow-wrap: break-word;
	word-break:break-word;
}
.items_price{
	margin-bottom: 12px;
}

.items_price_teika{
	text-decoration: line-through;
	display: block;
	margin-bottom: 10px;
	color: #666;
	font-size: 1.3rem;
}
.items_price_rate{
	color: red;
	font-size: 1.5rem;
}

.items .size{
	font-size: 1.2rem;
	margin-bottom: 6px;
	overflow-wrap: break-word;
	word-break:break-word;
}

.items .color_lists{
	font-size: 1.1rem;
	margin-bottom: 6px;
}
.items .color_lists span{
	display: inline-block;
}
.items .color_lists span:not(:last-of-type)::after {
	content: "・";
  }

.items .tag_icon span{
	display: inline-block;
	padding: 4px 6px;
	font-size: 1.1rem;
	border: solid 1px #ccc;
	border-radius: 3px;
}

.list_desc h2{
	font-weight: bold;
	margin-bottom: 12px;
}
.list_desc p{
	letter-spacing: 0.1rem;
	line-height: 1.4;
}

.list_hint{
	background-color: #ffd9d9;
	border-radius: 8px;
	padding: 15px;
	margin: 20px 0;
	font-size: 1.6rem;
}
.list_hint span{
	display: block;
	margin-bottom: 12px;
}


.ranking_listpage{
	width: 100%;
	padding: 0 2%;
	margin-bottom: 40px;
}
.ranking_listpage h3{
	font-size: 2rem;
	margin-bottom: 20px;
	text-align: center;
}
.ranking_listpage ul{
	display: flex;
	flex-wrap: wrap;
}
.ranking_listpage ul li{
	flex-basis: 49%;
	margin: 0 2% 20px 0;
}
.ranking_listpage ul li:nth-of-type(2n){margin: 0 0 20px 0;}


/*========products_index==========================================*/
.products_index h1{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 30px;
}

.products_index h2{
	font-weight: bold;
	font-size: 1.8rem;
	border-bottom: solid 1px #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.products_index .h2_txt{
	line-height: 1.3;
	margin-bottom: 15px;
	font-size: 1.3rem;
}

.products_index .top_picup{
	margin-bottom: 40px;
}

.products_index .top_category,
.products_index .top_industry{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.products_index .top_category_list,
.products_index .top_industry_list{
	flex-basis: 50%;
}


.products_index .top_category_h,
.products_index .top_industry_h{
	border-bottom:dotted 1px #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
	display: flex;
	align-items: center;
}

.products_index .top_category_h p.cat_img,
.products_index .top_industry_h p.cat_img{
	
	flex-basis: 20%;/* margin-right: 6px; */}

.products_index .top_category_h p.cat_name,
.products_index .top_industry_h p.cat_name{
	flex-basis: 1;
	width: 100%;}

.products_index .top_category_h img,
.products_index .top_industry_h img{
	width: 40px;
	height: 40px;
}
.products_index .top_category_h a,
.products_index .top_industry_h a{
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
width: 100%;
padding: 20px 0;
}
.products_index .top_industry_h .cat_name span{
	display: block;
	font-size: 1rem;}

.products_index .top_category_list ul,
.products_index .top_industry_list ul{
	display: none;
}


/* カテゴリーリンク */
.detail_categorylist_h{
	font-size: 2rem;
	text-align: center;
	padding: 10px;
}

.detail_categorylist{
	display: flex;
	flex-flow: column;
	margin-bottom: 40px;
}
.detail_categorylist ul{
	text-align: left;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.detail_categorylist ul li{
	display: inline-block;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin: 5px;
}
.detail_categorylist ul li a{
	padding: 10px 15px;
	display: block;
}

/*==========================
　　張地の機能説明				
==============================*/
.fab_func_wrap{
	width: 100%;
	padding: 50px 4%;
	margin-bottom: 50px;
}

.fab_func_h{
	font-size: 2rem;
	margin-bottom: 30px;
	text-align: center;
}

.fab_func_wrap ul{
	display: flex;
	flex-direction: column;
}
.fab_func_wrap ul li {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
.fab_func_wrap ul li span{
	display: block;
	font-size: 1.8rem;
	margin-bottom: 10px;
	padding-left: 6px;
	border-left: 3px solid #518cda;
}

.fab_func_care{
	width: 100%;
	padding: 0 4% 50px 4%;
}
.fab_func_care h3{
	font-size: 2rem;
	margin-bottom: 30px;
	text-align: center;
}
.fab_func_care h4{
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.fab_func_care p{
	line-height: 1.5;
	margin-bottom: 40px;
}

/*==========================
　　特集				
==============================*/

.feature_top_block{
	margin-bottom: 50px;
}
.feature_top_block p{
	font-size: 1.6rem;
	line-height: 1.5;
}
.main_ctt_right .feature_view_wrap h2{
	font-size: 2.4rem;
	padding: 30px 0;
}

.feature_content_block{
	margin-bottom: 30px;
}
.feature_content_block h2{
	font-size: 2.2rem;
	border-bottom: solid 1px #333;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.headline_img,
.headline_txt{
	margin-bottom: 20px;
}
.feature_index_list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.feature_index_item{
	flex-basis: 49%;
	margin: 0 2% 20px 0;
}
.feature_index_item:nth-of-type(2n){margin: 0 0 20px 0;}
.feature_index_item img{
	margin-bottom: 10px;
	border: solid 1px #ccc;
}
.feature_index_item p span{
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
}

/*==========================
　　youtube埋込				
==============================*/
iframe.youtube-16-9 {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	}
	 
	
/*====================================================================================
以下 PC 設定
========================================================================================*/
@media screen and (min-width: 600px) {

html, body {width: 100%;min-width:930px;
  height: 100%;}
  
.wrap{
	width: 930px;
	margin:0 auto;
	}

/*==========================
　　モーダル				
==============================*/

.sds_mdl{
    position: fixed;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: hidden;
    z-index:100;}
	
.sds_mdl-bg{
    height: 100vh;
    position: absolute;
    width: 100%;}

.sds_mdl-close-btn{
	z-index:300;
	position:absolute;
	top:0%;
	right:0%;}

.any_mdl-on{
	pointer-events: none;
}

#any_mdl1,
#any_mdl2,
#any_mdl3{
position: relative;
background: #fff;
display: block;
z-index:0;}

.any_mdl-bg{
    height: auto;
    position: relative;
    width: auto;}

/* .any_mdl-content{ */ 
.any_modal_content_wrap{
    position: relative;
    width: auto;
    height: auto;
    text-align: left;
    padding: 0;
    background-color:#fff;
    z-index:0;
    overflow: auto;
	left: 0;top: 0;
	transform: translate(0, 0);}

.any_mdl-close-btn{
	display:none;}

	#page_mdl,
	#various{
	position: fixed;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: hidden;
    z-index:100;}

	.page_mdl-bg{
		height: 100vh;
    position: absolute;
    width: 100%;}

	.page_mdl-on{
		cursor: pointer;
	}




/** tenpo head ************************************************/
.mb_c{
	display:none;}

#header {
	background:url(../../topimages/toptitle.jpg) no-repeat left 12px;
	width: 930px;
	height: 130px;
	margin:0 0 15px 0;
	position:relative;
}

#header .h1p {
	color: #999999;
	text-align: right;
	font-size: 13px;
	margin:4px 0 0 0;
	font-weight:bold;
	background-color:#fff;
	padding: 0;
}
#header p {
	color: #999999;
	text-align: right;
	font-size: 11px;
	float:right;
	margin:0;
	width:500px;
}
#header p a{
	color: #999999;
}

#tophome{
	height: 65px;
	width: 300px;
	float:none;}
#tophome a{
	display: block;
	height: 65px;
	width: 300px;
	overflow: hidden;
background: none;}
/* #tophome span{
	visibility:hidden;} */

#toptel{
	float: none;
	position:absolute;
	right:0;
	bottom:28px;
	/*float:right;*/}

#toptel a[href^="tel:"] {
		pointer-events: none;}
		#toptel img{
			width:auto;
			height:auto;}

#header #navigation2 {
	width: 930px;
	font-size: 10px;
	height: 26px;
	background:url(../../topimages/headnavi_bg.jpg) no-repeat left bottom;
	border-bottom:none;
	background-color:#FFFFFF;	
	position:absolute;
top:unset;
	left:0;
	bottom:0;
	padding: 0;
	overflow: hidden;
}
#header #navigation2 li{
	float: left;
	width: 93px;
	height: 26px;
	text-align: center;
	margin:0;
	line-height:2.3;
	font-size:12px;
	background:none;
	overflow:hidden;border-bottom: 0;
}

#header #navigation2 li a{
	color:#543D30;
	display:block;
	text-decoration:none;
	width: 93px;
	height: 26px;
	padding: 0;
}
	#header #navigation2 li:last-child a{
		padding-right: 5px;
	}

#navigation2 li a::after {
		display: none;
		/* position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg); */
		}
	
	#header #navigation2 li a:hover{
	background:url(../../topimages/headnavi_bgli.jpg) repeat-x left top;
	color:#FFFFFF;
	display:block;
	width: 93px;
	height: 26px;
}

#navigation2 li.navigation_top,
#navigation2 li.category_link{display:none;}

#navigation2 li span.head_guide_bag{
	position: absolute;
	top: 4px;
	right: 2px;
	}

/*********************************************************/	

/***tenpo leftnavi********************************************************/
#leftnavi h2 {
	border-bottom:solid 1px #999999;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
	text-align: left;
}	
#leftnavi{
	width:170px;
	margin-bottom:14px;
	font-size: 1.2rem;
}
	
#leftnavi h3{
	color:#333;
	margin-bottom:6px;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom:none;
	padding: 5px 0 5px 0;}	
	#leftnavi h3 a{
		color:#333;
		text-decoration:none;}

#leftnavi ul{
	border-bottom:solid 1px #666666;
	margin-bottom:10px;
	padding-left:0.5em;}
#leftnavi ul li{
	width: 100%;
	margin-bottom:6px;
	border-bottom:dotted 1px #CCCCCC;
}
	#leftnavi ul li:last-child{
		border-bottom:none;}

#leftnavi ul li:nth-of-type(2n+1){
	border-right: none;}
#leftnavi ul li::after {
			content: none;}
#leftnavi ul li a{
		font-size:1.2rem;
		display:block;
		padding: 6px 0;}

#left_subnavi ul, .spf-subbn ul{
	margin-bottom:20px;}	
#left_subnavi li, .spf-subbn li{
	display:block;
	width:100%;
	margin:0 auto 6px auto;
	font-size:1.2rem;
vertical-align: top;}
	
	.spf-subbn p{
		font-weight:bold;}
	
/***tenpo leftnavi end**********************************************************************/
	
/*header{
	width: 100%;}

	.headtop{
		display: flex;
		padding: 10px 15px 0 15px;
	}
	.headtop_flex1{
		font-size: 1.2rem;
		margin-right: auto;
		width: 43%;
		padding-right: 20px;
	}
	.headtop_flex2{
		font-size: 1.2rem;
	}

	.headmiddle{
		display: flex;
		flex-flow: row;
		align-items: flex-end;
		margin-top: 10px;
	}
	.headmiddle_flex1{
		margin: 0 20px 0 10px;
		padding: 0;
		height: auto;
	}
	.headmiddle_flex2{
		background-color: #fff;
		margin-bottom: 12px;
		padding: 0;
		margin-right: auto;
	}

	.logo{
		width: 240px;
		margin-top: 0;
	}
	.head_guide{
		display: block;
		margin: 0 20px 10px 0;
	}
	.head_guide ul{
		display: flex;
	}
	.head_guide ul li{
		padding: 0 10px;
	}
	.head_guide ul li a{
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	.head_guide_icon{
		height: 22px;
	}
	.head_guide_txt{
		font-size: 1.2rem;
	}
	.head_guide_bag{
		top:-8px;
		right:12px;
		position: absolute;
		width: 1.8rem;
		height: 1.8rem;
		border-radius: 50%;
		background: #f10d0d;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.fa-lg{
			font-size:2.2rem;
		}


.headnav{
	display: block;
	background-color: #666;
	padding-left: 10px;
}
.headnav ul{
	display: flex;
}
.headnav ul li{
	position: relative;
	color: #fff;
	padding: 10px 20px;
}
.headnav .headnav_list span{
	display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin-left: 10px;
}

.headnav ul li .headnav_dropdown{
	display: none;
	position: absolute;
	top:100%;
	left:0;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
}
.headnav ul li:nth-of-type(1) .headnav_dropdown{width: 460px;}
.headnav ul li:nth-of-type(2) .headnav_dropdown{width: 700px;}

.headnav ul li:hover .headnav_dropdown{
	display: block;
	
}
.headnav ul li .headnav_dropdown ul{
	display: block;
	background-color: #fff;
	padding: 20px;
}
.headnav ul li .headnav_dropdown ul li{
	margin: 0;padding: 0;
	display: inline-block;}
	.headnav ul li:nth-of-type(1) .headnav_dropdown ul li{width: 48%;}
	.headnav ul li:nth-of-type(2) .headnav_dropdown ul li{width: 48%;}

.headnav ul li .headnav_dropdown ul li a{
	display: inline-block;
	color: #333;
	padding: 10px 20px 10px 0;
	font-size: 1.2rem;
}

.headnav ul li .headnav_dropdown ul li::before{
	content: "›";
	margin: 0 .6em;
	color: #777;
}*/

.contents{
	padding: 0%;
	margin:0 auto 80px auto;}


.main_ctt{
	display: flex;
	flex-flow:row-reverse;
}

.main_ctt_left{
	width: 250px;
	margin-bottom: 40px;
	margin-right: 50px;
}
.main_ctt_right{
	flex-basis: 1;
}
.main_ctt_right h1{
	font-weight: bold;
	font-size: 2rem;
}


/*****  tenpo footer  ************************************************************/
#footer{
	clear:both;
	padding:15px;
	background:#F3F3F3;
	font-size:12px;
	text-align:left;
	}


#ssl_box{
	width:300px;
	float:right;
	color:#666;}

#gssl{
	margin-bottom:10px;}

	#ssl_box{
		padding:0;
		width:300px;
		float:right;
		color:#666;}
	#ss_gmo_globalsign_secured_site_seal{
		margin:0;
		text-align:left;
		}
	
	#ssl_box p{
		margin-bottom:20px;
		line-height: 1.4;;
		text-align:left;}
		
	#gssl{text-align:left;
		}

.foot_list{
	width:200px;
	float:left;
	margin-bottom:20px;}
	.foot_list h3{
		margin-bottom:15px;
		font-weight:bold;
		color:#333;
	padding: 0;}
	.foot_list ul li{
		margin-bottom:10px;
	
		width:auto;
		float:none;
		border-bottom:none;
		border-right:none;}
	.foot_list ul li::after {
		display: none;
			}
.foot_list ul li a{
	font-size:1.2rem;
	padding:0px 0 0px 0px;}
	
#footer_navi{
	clear:both;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:12px 0;
	overflow:hidden;
	background:none;
	}
	
	#footer_navi ul li{
	display:inline;
	padding:0 20px;
	border-right:solid 1px #CCCCCC;
	border-bottom:none;
	}

	#footer_navi ul li::after {
		display: none;
		}
		
		#footer_navi ul li a{
			display:inline;
			padding:10px 0 10px 0;}

#copyright{
	clear:both;
	padding:10px 0;
	}
/*****************************************************************/

/*================================
search　未使用中
=========================*/
/*.search_input{
	width: 300px;
	border-radius: 3px;
	padding: 0 40px 0 5px;
  }
  .search_input input[type="text"]{
	padding: 8px 0;
  }*/

  

/*==========================
　　SP NAVI	未使用中
==============================*/
	/*nav.globalSp{
		display:none;
	}
	
	.navToggle{
		display:none;}

.sp_cartbtn{
	display: none;
}*/




/*==== 汎用 選択モーダル ====*/
.item_slcs_h_various{
	cursor: pointer;
	margin-bottom: 10px;
}



/*==== カート =========================================================================*/
.cart_list{}

.cart_h{}
	
.cart_record{
	display: flex;
	flex-wrap: nowrap;
	}

.cart_record_image{
	flex-basis:15%;}

.cart_record_name{
	flex-basis:45%;}


.cart_pricebox{
	flex-basis:40%;
	display: flex;
	flex-wrap: wrap;
}

.cart_record_amont{
	flex-basis:35%;}
	

.cart_record_price{
	flex-basis:65%;
	
	margin-bottom: 20px;
	font-size:1.6rem;
	text-align:right;}

.cart_record_del{
		flex-basis:100%;
		text-align: left;
	padding-bottom: 10px;
	text-align: right;}


.regist_btn_wrap{
		display: flex;
		justify-content: center;
		flex-direction: row;
	}
.regist_btn_wrap div{margin: 0 15px;}

.cart_reset{
	text-align: right;
}

.cart_send{
	flex-flow: wrap;
}
.cart_send_in{
	width: 70%;
}

.cart_send_in_btn{
	width: 30%;
	margin-top: 0;
}



/*==== カート内入力フォーム ====*/
.forminq{}

.forminq dl {
	width:100%;
    }
	.forminq dl dt{
		border-bottom: 1px dotted #ccc;
		padding:22px 10px 16px 10px;
		width:22%;
		
    }
	.forminq dl dd {
        border-bottom: 1px dotted #ccc;
		padding:18px 10px;
		width:78%;		
	}
		
		.forminq dl dd textarea {
			width:100%;
			height: 120px;
			resize: vertical;}
		.forminq dl dd input{
			width:400px;}
			
.regist_product{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	}

.regist_product_image{
	flex-basis:20%;
	}
	.regist_product_image img{
		width:100%;
		max-width:80px;}

.regist_product_plan{
	flex-basis:40%;}

.regist_product_price{
	flex-basis:40%;
	}

.regist_product_sum span{
	text-align: right;
}
/*===========================================
　一覧
============================================*/

/* スマホ用カテゴリメニュ  */
.main_ctt_right_menu_mobile{
	display:none;}
/****/

.main_ctt_right_menu{
	display: block;}

.main_ctt_right_menu_dd li a{
	padding: 10px 20px;
}

.listnav_here{
	background-color: #f0eeee;
	padding-bottom: 10px;
	border-radius: 3px;
}
.listnav_here p{
	border-top: solid 1px #666;
	background-color:none;
	margin: 0 10px;
	font-weight: bold;
}
.listnav_here p.search_cnt{
	border-bottom: none;
	padding-bottom: 10px;
}
.listnav_here ul{
	margin-bottom: 8px;
}
.listnav_here li{
	width: 100%;
	border-bottom: none;
	padding:0 1rem;
}
.listnav_here li.activ a{
	background-color: #fff;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.left_nav h3{
	font-size: 1.6rem;
	border-bottom: solid 1px #bbbaba;
	text-align: left;
}

.left_nav_list li{
	width: 100%;
	border-bottom: none;
	margin-bottom: 0px;
	border-bottom: dotted 1px #ccc;
}



.listnav_here li:nth-of-type(2n+1),
.left_nav_list li:nth-of-type(2n+1){
	margin-right: 0;
}



.listnav_here p a,
.listnav_here li a,
.left_nav_list li a{
	display: block;
	padding:16px 10px 16px 10px;
}

.items{
	flex-basis: 22.75%;
	margin: 0 3% 20px 0;
}
.items:nth-of-type(2n){margin: 0 3% 20px 0;}
.items:nth-of-type(4n){margin: 0 0 20px 0;}


.ranking_listpage{
	padding: 0 ;
}
.ranking_listpage h3{
	text-align: left;
}
.ranking_listpage ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ranking_listpage ul li{
	flex-basis: 150px;
	margin: 0 0% 20px 0;
}
.ranking_listpage ul li:nth-of-type(2n){margin: 0 0% 20px 0;}

.ranking_listpage ul.few-items {
	justify-content: flex-start; /* 4個以下の場合は左詰め */
  }
.ranking_listpage ul.few-items li,
.ranking_listpage ul.few-items li:nth-of-type(2n){
	flex-basis: 150px;
	margin: 0 10px 20px 0;
}


/*===products_index==========================*/
.products_index .top_picup{
	margin-bottom: 40px;
}
.products_index .top_category_list,
.products_index .top_industry_list{
	flex-basis: 32%;
	margin: 0 2% 0 0;
	padding: 10px;
}
.products_index .top_category_list:nth-of-type(3n),.top_industry_list:nth-of-type(3n){margin: 0 0 0 0;}
.products_index .top_category_h,
.products_index .top_industry_h{
	border-bottom:dotted 1px #ccc;
	padding-bottom: 5px;
	padding-top: 0;
	margin-bottom: 8px;
	position: relative;
}
.products_index .top_category_h p.cat_img,.top_industry_h p.cat_img{
	/* flex-basis: 20%; */}
	
.products_index .top_category_h img,
.products_index .top_industry_h img{
	/* width: 50px;
	height: 50px; */
}

.products_index .top_category_h a,
.products_index .top_industry_h a{
	font-size: 1.6rem;
}
.products_index .top_category_h a::after,
.products_index .top_industry_h a::after {
	content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 4px #518cda;
  border-right: solid 4px #518cda;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  transform: rotate(45deg);
  }
  .products_index .top_category_list ul,
  .products_index .top_industry_list ul{
	display: block;
}
.products_index .top_category_list li,
.products_index .top_industry_list li{
	display: inline-block;
	margin:0 10px 10px 0;
	font-size: 1.3rem;
}

/* カテゴリーリンク */
.detail_categorylist_h{
	text-align: left;
}
.detail_categorylist ul{
	border-bottom: none;
	margin-bottom: 0;
}



} /** @media end **/